html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Lining De Vinne;src:url(./fonts/Lining_DeVinne_no.2.woff2) format("woff2"),url(./fonts/Lining_DeVinne_no.2.woff) format("woff");font-weight:400;font-style:normal}html{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{background:#fff;font-family:Instrument Sans,sans-serif;padding:0 1.5rem;overflow-x:hidden;scroll-behavior:smooth;line-height:1.2}@media only screen and (max-width: 768px){body{padding:0 .5rem}}main{margin:1rem}a{text-decoration:none;color:inherit}h1{font-family:Instrument Sans,sans-serif;font-weight:600;font-size:1.5rem}h2{font-size:11.5vw;line-height:11vw;font-family:Lining De Vinne,serif;padding-left:.5rem}@media only screen and (max-width: 768px){h2{font-size:20vw;line-height:18vw}}h3{font-size:1rem;font-weight:600;font-family:Instrument Sans,sans-serif}h4{font-size:3rem;font-family:Lining De Vinne,serif}@media only screen and (max-width: 768px){h4{font-size:2rem}}h5{font-family:Instrument Sans,sans-serif;font-weight:600}.c-nav{position:fixed;display:flex;width:calc(100vw - 3rem);height:auto;align-items:flex-start;justify-content:space-between;margin:1rem 0;padding:.5rem 1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;border-radius:1.5rem}@media only screen and (max-width: 768px){.c-nav{width:calc(100vw - 1rem)}}.c-nav--open{transition:all .3s ease;height:92vh;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ffffff80}.c-nav__item{list-style:none;text-align:center;transition:color .3s ease}.c-nav__item:hover{color:#4940ff}.c-nav__menu{display:flex;gap:3rem;font-size:1rem;list-style:none;padding-top:.4rem;align-items:center}@media only screen and (max-width: 768px){.c-nav__menu{display:none;flex-direction:column;position:absolute;top:15vh;left:-15px;width:100vw;height:100px;padding:0;font-size:1.5rem}.c-nav__menu--open{display:flex}}.c-nav__contact{display:none;margin-top:35vh;gap:2rem}.c-nav__contact--open{display:flex}.c-nav__toggle{padding-top:.2rem;display:none;flex-direction:column;gap:.3rem;background:none;border:none;cursor:pointer}.c-nav__toggle--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.c-nav__toggle--open span:nth-child(2){opacity:0}.c-nav__toggle--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media only screen and (max-width: 768px){.c-nav__toggle{display:flex}}.c-nav__toggle-bar{width:22px;height:2px;background-color:#000}.c-nav__overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0000004d;transition:opacity .3s ease;opacity:0;pointer-events:none}.c-nav__overlay--active{display:block;opacity:1;pointer-events:auto}.c-hero{height:120vh;position:relative}@media only screen and (max-width: 768px){.c-hero{height:110vh}}.c-hero__content{position:relative;display:grid;grid-template-columns:3fr 1fr;padding-top:calc(45vh + 2rem);pointer-events:none;align-items:end}@media only screen and (max-width: 768px){.c-hero__content{grid-template-columns:1fr}}.c-hero__description{font-size:1rem;padding:2.5rem 1rem;font-weight:500;max-width:min(40ch,100%)}@media only screen and (max-width: 768px){.c-hero__description{padding:2.5rem .5rem}}.c-hero__background{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent);mask-image:linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:.2rem 120vh;mask-size:.2rem 120vh;-webkit-mask-position:0 100%,25% 100%,50% 100%,75% 100%,100% 100%;mask-position:0 100%,25% 100%,50% 100%,75% 100%,100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.c-hero__background:before{--size: 0;content:"";position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:radial-gradient(circle closest-side,#4940FF,transparent);transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease}.c-hero__background:hover:before{--size: 800px}@media only screen and (max-width: 768px){.c-hero__background{-webkit-mask-image:none;mask-image:none;-webkit-mask-size:auto;mask-size:auto;-webkit-mask-position:initial;mask-position:initial;-webkit-mask-repeat:initial;mask-repeat:initial}.c-hero__background:before,.c-hero__background:after{content:"";position:absolute;top:0;width:.2rem;height:100vh;background:linear-gradient(0deg,#fff0,#817bff 20%,#a39eff 45%,#4940ff 80%,#fff0)}.c-hero__background:before{top:0;left:0;transform:none}.c-hero__background:after{right:0}}.c-hero__background--work{height:200vh;-webkit-mask-image:linear-gradient(to bottom,transparent,#000,transparent);mask-image:linear-gradient(to bottom,transparent,#000,transparent);-webkit-mask-size:.2rem 100%;mask-size:.2rem 100%;-webkit-mask-position:50% 100%;mask-position:50% 100%}@media only screen and (max-width: 768px){.c-hero__background--work{display:none}}.c-hero__background--about{-webkit-mask-image:linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent);mask-image:linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent),linear-gradient(to bottom,transparent,#000,transparent);-webkit-mask-position:0 100%,25% 100%,75% 100%,100% 100%;mask-position:0 100%,25% 100%,75% 100%,100% 100%}.c-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-template-rows:repeat(10,11rem);position:relative;gap:1.5rem;width:100%}@media only screen and (max-width: 768px){.c-projects{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,9rem 9rem 6rem)}}.c-projects--page{padding-top:8rem}@media only screen and (max-width: 768px){.c-projects--page{padding-top:12rem}}@media only screen and (max-width: 768px){.c-projects__title{position:absolute;top:7rem}}.c-project__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.c-project__image-wrapper{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;display:block;margin-bottom:1rem;--xPos: 0px;--yPos: 0px}.c-project__image-wrapper:hover{cursor:url(../assets/icons/eye.svg) 20 8,pointer}.c-project__image-wrapper:hover .c-project__image{filter:grayscale(.2) blur(2px)}.c-project__image-wrapper:after{--size: 0;content:"";position:absolute;left:var(--xPos);top:var(--yPos);width:var(--size);height:var(--size);background:radial-gradient(circle closest-side,#4940FF,transparent);transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease;z-index:10}.c-project__image-wrapper:hover:after{--size: 300px}.c-project__tags{margin-top:.5rem;display:flex;flex-direction:row;gap:.5rem}.c-project--one{grid-column:3;grid-row:1/span 2}@media only screen and (max-width: 768px){.c-project--one{grid-column:1/span 2;grid-row:1/span 2}}.c-project--two{grid-column:1/span 2;grid-row:2/span 2}@media only screen and (max-width: 768px){.c-project--two{grid-column:1/span 2;grid-row:4/span 2}}.c-project--three{grid-column:3/span 2;grid-row:4/span 2}@media only screen and (max-width: 768px){.c-project--three{grid-column:1/span 2;grid-row:7/span 2}}.c-project--four{grid-column:1;grid-row:6/span 2}@media only screen and (max-width: 768px){.c-project--four{grid-column:1/span 2;grid-row:10/span 2}}.c-project--five{grid-column:2;grid-row:7/span 2}@media only screen and (max-width: 768px){.c-project--five{grid-column:1/span 2;grid-row:13/span 2}}.c-project--six{grid-column:3/span 2;grid-row:9/span 2}@media only screen and (max-width: 768px){.c-project--six{grid-column:1/span 2;grid-row:16/span 2}}.c-label{font-size:1rem;font-family:Instrument Sans,sans-serif;border:#000 1px solid;border-radius:1.5rem;padding:2px 7px 3px}.c-footer{margin:5rem 1rem 2rem}.c-footer p{margin-top:.3rem}.c-back{margin:8rem 0 0;position:relative;z-index:100;display:inline-block}.c-back:after{position:absolute;left:-7.3rem;top:1.2rem;content:"";width:0px;height:1px;display:block;margin-left:calc(7rem + 1.5vw);background:#000;transition:.3s}.c-back:hover:after{width:7.5rem}.c-work{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-template-rows:repeat(9,11rem);gap:1.5rem;width:100%}@media only screen and (max-width: 768px){.c-work{grid-template-columns:repeat(2,1fr);grid-auto-rows:11rem}}.c-work--planC{grid-template-rows:repeat(10,11rem)}.c-work__banner{grid-row:1/span 2;grid-column:1/span 2;justify-self:center;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;z-index:100}@media only screen and (max-width: 768px){.c-work__banner{height:auto;align-self:center;width:100%;justify-self:stretch;align-self:stretch}}.c-work__banner--planC{grid-row:1/span 3;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media only screen and (max-width: 768px){.c-work__banner--planC{grid-row:1/span 2}}.c-work__banner--typo{grid-row:1/span 3;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}@media only screen and (max-width: 768px){.c-work__banner--typo{grid-row:1/span 2}}.c-work__details{position:sticky;top:8rem;grid-row:1;grid-column:3/span 2;pointer-events:none}@media only screen and (max-width: 768px){.c-work__details{position:initial;grid-row:3/span 3;grid-column:1/span 2}}.c-work__title{display:flex;align-items:flex-end}@media only screen and (max-width: 768px){.c-work__title{flex-direction:column;align-items:flex-start}}.c-work__date{text-align:left;margin:.7rem 1rem}@media only screen and (max-width: 768px){.c-work__date{flex-direction:column;margin:.5rem 0}}.c-work__description{margin-top:2rem;grid-row:2/span 2;grid-column:3/span 2}.c-work__description p{padding:.2rem 0 .8rem;line-height:1.2}.c-work__element--one{grid-row:3/span 2;grid-column:1/span 2;-o-object-fit:contain;object-fit:contain;width:100%;height:100%;justify-self:center}@media only screen and (max-width: 768px){.c-work__element--one{grid-row:6/span 2}}.c-work__element--oneP{grid-row:4/span 2;grid-column:1/span 2;-o-object-fit:contain;object-fit:contain;width:100%;height:100%;justify-self:center;z-index:100}@media only screen and (max-width: 768px){.c-work__element--oneP{grid-row:8}}.c-work__element--two{grid-row:6/span 2;grid-column:1;-o-object-fit:contain;object-fit:contain;width:100%;height:100%;justify-self:center}@media only screen and (max-width: 768px){.c-work__element--two{grid-row:9/span 2}}.c-work__element--twoFull{grid-row:5/span 2;grid-column:1/span 2;-o-object-fit:contain;object-fit:contain;width:100%;height:100%;justify-self:center}@media only screen and (max-width: 768px){.c-work__element--twoFull{grid-row:8/span 2}}.c-work__element--twoE{grid-row:5/span 2;grid-column:1;-o-object-fit:contain;object-fit:contain;width:100%;height:100%;justify-self:center}@media only screen and (max-width: 768px){.c-work__element--twoE{grid-row:8/span 2}}.c-work__element--three{grid-row:6/span 2;grid-column:2;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;z-index:100}@media only screen and (max-width: 768px){.c-work__element--three{grid-row:9/span 2}}.c-work__element--threeE{grid-row:5/span 2;grid-column:2;-o-object-fit:contain;object-fit:contain;width:100%;height:100%;justify-self:center}@media only screen and (max-width: 768px){.c-work__element--threeE{grid-row:8/span 2}}.c-work__element--four{grid-row:7/span 3;grid-column:1/span 2;-o-object-fit:contain;object-fit:contain;width:100%;height:auto;justify-self:center;align-self:center}@media only screen and (max-width: 768px){.c-work__element--four{grid-row:10/span 2}}.c-work__element--fourP{grid-row:8/span 3;grid-column:1/span 2;-o-object-fit:contain;object-fit:contain;width:100%;height:auto;justify-self:center;align-self:center}@media only screen and (max-width: 768px){.c-work__element--fourP{grid-row:11/span 2}}.c-work__element--AP{grid-row:4/span 3;grid-column:1/span 2;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media only screen and (max-width: 768px){.c-work__element--AP{grid-row:7/span 2}}.c-work__element--AP2{grid-row:7/span 3;grid-column:1/span 2;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media only screen and (max-width: 768px){.c-work__element--AP2{grid-row:9/span 2}}.c-about{position:relative;padding-top:9rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-template-rows:repeat(3,11rem);width:100%}@media only screen and (max-width: 768px){.c-about{grid-template-columns:1fr 1fr}}.c-about__img{-o-object-fit:contain;object-fit:contain;grid-row:1/span 2;grid-column:1;width:100%;height:100%;padding:.5rem}@media only screen and (max-width: 768px){.c-about__img{grid-template-columns:1fr 1fr;grid-column:1/span 2;margin-left:0}}.c-about__text{grid-row:1/span 3;grid-column:2/span 2;max-width:min(57ch,100%);padding:1rem}@media only screen and (max-width: 768px){.c-about__text{grid-column:1/span 2;grid-row:3/span 3}}.c-about__text p{padding:.2rem 0 .8rem;line-height:1.2}.c-about__contact{grid-row:2/span 2;grid-column:4;display:flex;flex-direction:column;margin:1rem;gap:1rem;align-items:start;justify-content:center;z-index:100}@media only screen and (max-width: 768px){.c-about__contact{position:absolute;grid-column:2;grid-row:3;flex-direction:row;right:5vw}}.c-about__contact a{width:2rem;height:2rem;display:inline-block;transition:transform .3s ease}.c-about__contact a:hover{transform:scale(1.1)}