.margin-bottom--small{margin-bottom:3rem}.margin-bottom--medium{margin-bottom:6rem}.block{width:auto;display:block}.padding-bottom--medium{padding-bottom:6rem}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;padding:0;overflow-x:hidden}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:50%}@media only screen and (min-width:1024px) and (orientation:landscape){html{font-size:56.25%}}@media only screen and (min-width:1800px){html{font-size:60%}}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0}a,a:link,a:visited{color:#fff;text-decoration:none}body{background-color:#ededed;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif,sans-serif}h2{margin:0;padding:0;font-size:8rem}.nav__link{font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:100}.hero__text{font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13rem;text-transform:uppercase}@media only screen and (min-width:1024px) and (orientation:landscape){.hero__text{font-size:14rem}}@media only screen and (min-width:1800px){.hero__text{font-size:11rem}}.hero__text--primary{color:#ededed;font-size:12rem;margin-left:auto}.hero__text--black{color:#141414;top:30rem;right:19vw}@media only screen and (min-width:1800px){.hero__text--black{top:21rem;right:7vw}}@media only screen and (min-width:1024px) and (orientation:landscape){.hero__text--black{top:27rem}}@media only screen and (min-width:768px) and (orientation:portrait){.hero__text--black{top:35rem;left:55vw}}@media only screen and (min-width:375px){.hero__text--black{color:#ededed;font-size:13rem;top:30rem;left:9.7rem}}.hero__text--secondary{display:block;font-weight:100;font-size:6rem;font-family:kanit}@media only screen and (min-width:375px){.hero__text--secondary{font-size:4rem}}.section__header{margin-top:2rem;font-weight:100;text-transform:uppercase;font-family:Kanit}@media only screen and (min-width:1024px) and (orientation:landscape){.section__header{font-size:8rem}}@media only screen and (min-width:768px) and (orientation:portrait){.section__header{margin-top:0;font-size:6rem}}.section__header--white{color:#ededed}.section__header--about{color:#141414}.section__header--contact{margin-top:0}.section__header--work{margin-left:0}@media only screen and (min-width:1024px) and (orientation:landscape){.section__header--work{margin-top:12rem;margin-bottom:5rem}}#aboutHeader{opacity:0;-webkit-transition:all 1s;transition:all 1s}@media (max-width:745px){#aboutHeader{margin-left:1rem}}@media only screen and (min-width:375px){#aboutHeader{margin-left:0}}.heading--work{margin:0;padding:0;font-size:2.8rem}.section__text{color:#141414;font-size:1.8rem;font-weight:400;line-height:1.4}@media only screen and (min-width:1024px) and (orientation:landscape){.section__text{font-size:2rem}}@media only screen and (min-width:1800px){.section__text{font-size:2.2rem}}.section__text--work{color:#ededed;width:60%}@media only screen and (min-width:768px) and (orientation:portrait){.section__text--work{width:80%}}@media only screen and (min-width:375px){.section__text--work{margin:2.5rem auto}}.section__text--workItem{font-size:2rem;line-height:1.4}@media only screen and (min-width:1024px) and (orientation:landscape){.section__text--workItem{font-size:1.6rem}}@media only screen and (min-width:768px) and (orientation:portrait){.section__text--workItem{width:100%}}.section__text--workAnchor,.section__text--workAnchor:link,.section__text--workAnchor:visited{text-decoration:underline}.section__text--contact{color:#141414!important;font-size:2.4rem;margin-left:2rem}.section__text--github{color:#141414!important}.section__text--icon{width:4rem;height:4rem}.project__hero--heading{font-weight:800;font-size:6rem;text-transform:uppercase;max-width:60%;margin:0 auto}.project__hero--heading:after{content:'';display:block;width:.75em;height:.125em;margin:.3em auto .35em auto;background:#988345}@media only screen and (min-width:375px){.project__hero--heading{font-size:4rem;max-width:75%}}.project__hero--text{max-width:70%;font-size:1.8rem;margin:0 auto;letter-spacing:.025em}.project__section--heading{font-size:4rem}.project__section--heading:after{content:'';display:block;width:.75em;height:.125em;margin:.3em auto .35em 0;background:#988345}.project__section--listHeading{font-size:2.5rem}.project__section--listItem,.project__section--text{font-size:1.6rem;letter-spacing:.025em;line-height:1.6}.project__section--listItem{list-style:none;margin-top:1rem;padding-bottom:1rem;border-bottom:1px solid #ccc}.clearfix::after{clear:both;content:'';display:table}.hero{height:100vh;height:100vh;background-color:#ededed;text-align:right;position:relative}.hero__background{height:100vh;width:100vw;padding-right:2rem;background-color:#141414;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-clip-path:none;clip-path:none}@media only screen and (min-width:768px) and (orientation:portrait){.hero__background{padding-right:6rem}}@media only screen and (min-width:1024px) and (orientation:landscape){.hero__background{-webkit-clip-path:polygon(15% 0,100% 0,100% 100%,40% 100%);clip-path:polygon(15% 0,100% 0,100% 100%,40% 100%);padding-right:6rem}}@media only screen and (min-width:1800px){.hero__background{padding-right:20rem}}.nav__container{height:15vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;padding:2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__logo{z-index:3000;width:10rem;height:10rem;margin-bottom:-3px;cursor:pointer}@media only screen and (min-width:667px) and (orientation:landscape){.nav__logo{width:6rem;height:6rem}}@media only screen and (min-width:1800px){.nav__logo{width:10rem;height:10rem}}.nav__list{list-style:none;z-index:3000}.nav__list--item{display:inline-block;text-transform:uppercase;color:#ededed;font-size:2.5rem;padding:1rem}.nav__list--item:after{display:block;content:'';border-bottom:solid 2px #ededed;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 250ms ease-in-out;transition:-webkit-transform 250ms ease-in-out;transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out,-webkit-transform 250ms ease-in-out;-webkit-transform-origin:0 50%;transform-origin:0 50%}.nav__list--item:hover:after{-webkit-transform:scaleX(.75);transform:scaleX(.75)}@media only screen and (min-width:1024px) and (orientation:landscape){.nav__list--item{padding-right:1rem}}@media only screen and (min-width:375px){.nav__list--item{font-size:2rem}}@media only screen and (min-width:1024px) and (orientation:landscape){.nav__list{padding:1rem 2rem}}@media only screen and (min-width:768px) and (orientation:portrait){.nav__list{padding:1rem}}.nav__link:link,.nav__link:visited{display:inline-block;color:inherit;text-decoration:none}.hero__button,.hero__button:active{border:1px solid #fff;background-color:transparent;color:#fff;height:5rem;width:20rem;font-size:2rem;-webkit-transition:all .25s;transition:all .25s;margin-top:3rem}.hero__button:active:hover,.hero__button:hover{cursor:pointer;background-color:#ededed;color:#141414}.about__list{list-style:none;text-align:start}.about__list--item{font-size:1.4rem}.quote__wrapper{position:relative}.quote__image{position:absolute;width:100%;opacity:1;-webkit-transition:all 1s;transition:all 1s}@media only screen and (min-width:667px) and (orientation:landscape){.quote__image{width:50%;top:-2rem;right:0}}@media only screen and (min-width:768px) and (orientation:portrait){.quote__image{height:auto;width:70%;top:-10rem;right:3%;opacity:1}}@media only screen and (min-width:1024px) and (orientation:landscape){.quote__image{width:55rem;opacity:0;right:25vw;top:-5vh}}@media only screen and (min-width:1800px){.quote__image{opacity:0;width:80rem}}.section__wrapper{width:75vw;margin:0 auto;padding:10vh 0}.section__wrapper--work{position:relative;top:35vh}@media only screen and (min-width:768px) and (orientation:portrait){.section__wrapper{padding-top:20vh}}@media only screen and (min-width:375px){.section__wrapper{padding:10vh 0}}.section-about{width:100vw;height:100vh;background-color:#ededed}@media only screen and (min-width:768px) and (orientation:portrait){.section-about{height:80vh;margin-bottom:0}}@media only screen and (min-width:1800px){.section-about{height:90vh}}.section-about--content{height:70vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:start;-ms-flex-align:start;align-items:start;opacity:0;-webkit-transition:all 1.2s;transition:all 1.2s}@media only screen and (min-width:768px) and (orientation:portrait){.section-about--content{height:50vh}}@media only screen and (min-width:1800px){.section-about--content{width:60%}}.section-work{background-color:#141414;height:260vh}@media only screen and (min-width:667px) and (orientation:landscape){.section-work{height:300vw}}@media only screen and (min-width:1024px) and (orientation:landscape){.section-work{height:160rem}}@media only screen and (min-width:1800px){.section-work{height:180rem}}.work__container{width:100%;height:50rem;margin:5rem auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media only screen and (min-width:1024px) and (orientation:landscape){.work__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.work__item{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media only screen and (min-width:1024px) and (orientation:landscape){.work__item{width:40%}}.work__item--detail{color:#ededed;margin:2rem;width:100%;text-align:center}@media only screen and (min-width:768px) and (orientation:portrait){.work__item--detail{width:75%}}@media only screen and (min-width:1024px) and (orientation:landscape){.work__item--detail{width:100%}}.work__item--image1,.work__item--image2{padding:1rem;width:100%;height:auto;-webkit-transition:all .4s;transition:all .4s}.work__item--image1:hover,.work__item--image2:hover{-webkit-transform:scale(1.01);transform:scale(1.01);cursor:pointer}@media only screen and (min-width:768px) and (orientation:portrait){.work__item--image1,.work__item--image2{padding:1.5rem;width:60rem}}@media only screen and (min-width:1024px) and (orientation:landscape){.work__item--image1,.work__item--image2{padding:1rem;height:25vh}}@media only screen and (min-width:1800px){.work__item--image1,.work__item--image2{height:30vh}}.work__item--image1{background:#2d384e}.section-contact{background-color:#ededed;background-image:-webkit-gradient(linear,left top,right top,from(#ededed),color-stop(40%,#ededed),to(rgba(0,0,0,0))),url(/img/55ccd7705af7a402c3d449382ca84fa9d51abf1c/abstractbw.jpg);background-image:linear-gradient(90deg,#ededed 0,#ededed 40%,rgba(0,0,0,0) 100%),url(/img/55ccd7705af7a402c3d449382ca84fa9d51abf1c/abstractbw.jpg);background-size:100% 100%;height:60vh}.section-contact--social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:7rem;padding-top:2rem}@media only screen and (min-width:375px){.section-contact--social{margin-left:0}}.project__main{margin-left:5vw;margin-right:5vw}.project__hero{width:100vw;height:100vh;text-align:center;position:relative}.project__hero--wrapper{width:100%;height:auto;position:absolute;top:40%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.project__hero--icon{position:absolute;bottom:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:10vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width:667px) and (orientation:landscape){.project__hero--icon{bottom:1%;width:4vw}}.project__hero--iconText{font-size:1.4rem;margin-bottom:0}.project__hero--back{position:absolute;top:2vh;left:2vw}.project__hero--backBtn,.project__hero--backBtn:link,.project__hero--backBtn:visited{display:-webkit-box;display:-ms-flexbox;display:flex;color:#141414;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.6rem}.project__composition--wrapper{width:100%;height:auto;text-align:center;margin-bottom:10vh}.project__composition--text{font-size:1.4rem}.project__composition--img{width:60vw;height:100%}.project__section{margin:10vh 0}.project__section--flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (min-width:1024px) and (orientation:landscape){.project__section--flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.project__section--left{width:100%}@media only screen and (min-width:1024px) and (orientation:landscape){.project__section--left{width:70%}}.project__section--right{margin-top:3rem;width:100%}@media only screen and (min-width:1024px) and (orientation:landscape){.project__section--right{margin-top:0;width:20%}}.project__section--imageWrapper{width:100%;text-align:center}.project__section--image{width:50vw}.project__section--imageExercise{width:60%}.project__section--list{margin:0;padding:0}#satptComp{width:100%;height:auto}@media only screen and (min-width:1024px) and (orientation:landscape){#satptComp{width:60vw;height:100%}}