*{box-sizing:border-box}a{text-decoration:none}:root{--black-color: #000;--grey-color: #72747B;--light-grey-color: #d6d6d6;--offblack-color: #1c1c1c;--white-color: #fff;--offwhite-color: #fafafa;--red-color: #7A3A3D;font-weight:400;font-family:EB Garamond,serif;background-color:#fff;color:var(--offblack-color);scroll-behavior:smooth}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:var(--grey-color)}::-webkit-scrollbar-thumb:hover{background:var(--black-color)}body{margin:0}.spacer{height:20vh}.spacer--small{height:10vh}@media screen and (max-width: 800px){.spacer{height:20vh}}#content{display:none}.header{position:fixed;top:0;width:100%;z-index:10}.header__inner{display:flex;justify-content:space-between;width:100%;padding:2.5vw}.header__logo{height:64px}.header__nav{display:flex;gap:16px}.nav__link{font-size:14px;font-family:Work Sans,sans-serif;font-weight:600;text-decoration:none;height:fit-content;color:var(--grey-color)}.nav__link--active,.nav__link:hover{text-decoration:underline}.nav__icon{stroke:var(--grey-color);height:16px;width:auto;cursor:pointer}.nav__icon:hover{stroke:var(--offblack-color)}.home__hero{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;padding-bottom:calc(5vw + 21px)}.hero__line{display:flex;text-transform:uppercase;-webkit-box-align:center;align-items:center;gap:2vw;width:auto;white-space:nowrap;color:var(--offblack-color);font-size:10vw;line-height:.8;height:auto}.hero__line--one{text-align:start}.hero__line--two{padding-left:10vw}.line__text{display:inline-flex;align-items:center;position:relative;overflow:hidden;white-space:nowrap}.hero__line--one .line__text:before{position:absolute;content:"";width:100%;height:100%;background-color:var(--light-grey-color);z-index:1;animation-name:wipe;animation-duration:1s;animation-fill-mode:forwards}.hero__line--two .line__text:before{position:absolute;content:"";right:0;width:100%;height:100%;background-color:var(--grey-color);z-index:1;animation-name:wipe;animation-duration:1s;animation-fill-mode:forwards;animation-delay:.5s}@keyframes wipe{0%{width:100%}to{width:0}}.hero__subtitle{margin-top:8px;font-size:2vw;font-style:italic;animation-name:fadeIn;animation-duration:1s;animation-delay:1.5s;animation-fill-mode:both}.hero__cta{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;bottom:calc(5vw + 21px);color:var(--grey-color);fill:var(--grey-color);transition:opacity .1s ease-in-out}.cta__text{font-size:10px;font-weight:600;text-transform:capitalize}@media screen and (max-width: 900px){.hero__subtitle{font-size:3vw}}.home__section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px 0}.section__heading{font-size:12px;font-weight:100;text-transform:uppercase;margin:120px 0 0}.section__hr{display:block;width:80vw;height:1px;background-color:var(--light-grey-color);margin-top:8px;margin-bottom:24px}.section__text{padding:0 8px;text-align:center;margin:0;max-width:800px}.section__button{margin-top:30px;padding:16px 40px;border:1px solid var(--light-grey-color);color:var(--offblack-color);font-family:Work Sans,sans-serif;font-size:10px;text-transform:uppercase;text-decoration:none;transition:background .3s ease-in-out}.section__button:hover{background-color:var(--light-grey-color)}.home__scroller{position:relative;display:flex;width:100%}.scroller__container{display:flex;width:100%;overflow:hidden}.scroller__inner{display:flex;width:fit-content;animation-name:scroll;animation-duration:32s;animation-iteration-count:infinite;animation-timing-function:linear}.scroller__inner:hover{animation-play-state:paused}.scroller__element{display:flex;flex-direction:column;width:100vw;max-width:25vw;min-width:400px;padding:0 8px;height:auto;filter:grayscale(1);transition:filter .2s}.scroller__element:hover{filter:grayscale(0)}.scroller__img{width:100%;height:auto}.scroller__text{text-transform:uppercase;margin:4px 0;font-size:12px;font-family:Work Sans,sans-serif;font-weight:300}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.home__projects{display:flex;flex-direction:column;align-items:center;width:80%;margin:0 auto}.projects__grid{display:grid;grid-template-columns:50% 50%;width:100%;height:fit-content;text-decoration:none}.projects__grid__element{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9}.element__img{position:absolute;width:100%;height:auto;opacity:0;transition:opacity .3s ease;background-color:var(--offwhite-color)}.projects__grid__element:hover .element__img{opacity:1}.element__text{display:flex;align-items:baseline;gap:8px;color:var(--offblack-color);z-index:2}.projects__grid__element:hover .element__text{color:#fff;mix-blend-mode:difference}.element__text small{font-size:10px}.element__text h3{font-size:5vw;font-weight:100;font-family:Work sans,sans-serif;margin:0;line-height:.8}@media screen and (max-width: 950px){.projects__grid{display:grid;grid-template-columns:100%;width:100%;height:fit-content}.element__text h3{font-size:8vw}}@media screen and (max-width: 500px){.projects__grid{display:grid;grid-template-columns:100%;width:100%;height:fit-content}.element__text h3{font-size:48px}}.image__section{display:flex;align-items:center;justify-content:center;position:relative;height:100vh;overflow:hidden;background-color:#000}.image__img{position:absolute;width:100%;transition:.1s transform}@media screen and (max-width: 1650px){.image__img{height:100%;width:auto}}.contact__container{display:flex}.contact__line{display:flex;text-transform:uppercase;-webkit-box-align:center;align-items:center;gap:1vw;width:auto;white-space:nowrap;color:var(--offblack-color);font-family:Work Sans,sans-serif;font-size:15vw;font-weight:200;line-height:.8;height:fit-content}.contact__line--two{padding-left:10vw}.contact__link{color:var(--offblack-color);opacity:.85;text-decoration:none;font-family:EB Garamond,serif;transition:opacity .3s}.contact__link:hover{opacity:1}.contact__hr{width:80%;height:1px;background-color:var(--light-grey-color);margin-top:24px}.contact__list{display:flex;gap:16px;padding:0;list-style:none}.contact__list__link{font-family:Work Sans,sans-serif;color:var(--grey-color);text-decoration:none}.contact__list__link:hover{text-decoration:underline}@media screen and (max-width: 800px){.contact__line{font-size:20vw}}#portfolio__container{position:relative;width:100%;height:100%;overflow:hidden;transition:transform .2}.portfolio__cta{font-family:Work Sans,sans-serif;position:absolute;left:50%;transform:translate(-50%);bottom:5vw;font-size:12px;color:var(--grey-color);transition:opacity 1s ease}.portfolio__scrolledBar{position:absolute;bottom:0;width:100%;height:2px;transition:width .5s ease;background-color:var(--offblack-color)}.label__container{position:absolute;color:var(--offblack-color);visibility:hidden;transition:transform .5s ease,color .5s ease;transform:translate(-50%,-50%)}.label__title{font-size:100px;font-weight:400;text-wrap:nowrap;margin:0;-webkit-text-stroke:var(--white-color);-webkit-text-stroke-width:.5px}.label__cta{display:flex;align-items:center;justify-content:center;margin:0;font-weight:700;font-family:Work Sans,sans-serif;text-align:center;transition:transform .3s}.label__cta__icon{height:16px;margin-left:8px;width:auto}.footer{position:fixed;bottom:0;width:100%;padding:2.5vw;display:flex;pointer-events:none;z-index:10}.footer__nav{display:flex;align-items:center;gap:16px;width:fit-content;pointer-events:all}.fadeUp{animation-name:fadeUp;animation-duration:1s;animation-fill-mode:both;animation-timing-function:ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:both;animation-timing-function:ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}