.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5em;display:flex;justify-content:space-between;z-index:2}.nav-links{display:flex;gap:.5em}.nav-link{width:100%;height:max-content;background-color:#ffffff20;border-radius:2em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s}.nav-link:hover{background-color:#ffffff40}.nav-link a{display:inline-block;padding:.75em 1.25em}.article-item{position:absolute;right:1.5em;width:280px;height:80px;padding:15px;display:flex;background-color:#ffffff20;border-radius:.5em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all 1s cubic-bezier(.075,.82,.165,1)}.toggle-articles{position:absolute;right:1.5em;top:calc(3.75em + 240px);opacity:0;transition:all .3s ease-in-out;pointer-events:none}.nav-external-links #article-item-1{top:1.5em}.nav-external-links #article-item-2{top:calc(2.25em + 2px)}.nav-external-links #article-item-3{top:calc(3em + 4px)}.nav-external-links.active #article-item-1{top:1.5em}.nav-external-links.active #article-item-2{top:calc(2.25em + 80px)}.nav-external-links.active #article-item-3{top:calc(3em + 160px)}.nav-external-links.active .toggle-articles{opacity:1;pointer-events:all}.nav-external-links.active .article-item a{pointer-events:all}.article-item a{display:flex;align-items:center;gap:12px;pointer-events:none}.article-item-img{aspect-ratio:1;width:50px;height:50px;border-radius:.35em;overflow:hidden}.article-item-content{flex:1}#article-item-name{margin-bottom:.25em}#article-item-copy{opacity:.5}@media (max-width: 900px){.navbar{padding:1em}.nav-links{flex-direction:column}.nav-link{width:max-content}.article-item{right:1em}.toggle-articles{right:1em;top:calc(3.25em + 240px)}.nav-external-links #article-item-1{top:1em}.nav-external-links #article-item-2{top:calc(1.75em + 2px)}.nav-external-links #article-item-3{top:calc(2.5em + 4px)}.nav-external-links.active #article-item-1{top:1em}.nav-external-links.active #article-item-2{top:calc(1.75em + 80px)}.nav-external-links.active #article-item-3{top:calc(2.5em + 160px)}}.footer{position:fixed;bottom:0;left:0;width:100%;padding:1.5em;display:flex;z-index:2}.footer-col{width:100%;flex:1;display:flex}.footer-col:nth-child(1){display:flex;gap:1.5em}.footer-sub-col{flex:1}.footer-col:nth-child(2){display:flex;justify-content:flex-end;align-items:flex-end}@media (max-width: 900px){.footer-col:nth-child(2){display:none}.footer-sub-col:nth-child(2){display:flex;flex-direction:column;align-items:flex-end}}.hero-header{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#text{width:50%}.line{display:flex;justify-content:space-between}.word{color:var(--color-text);font-size:clamp(2rem,6vw,10rem);font-weight:500;line-height:110%;margin:0rem;text-transform:uppercase;transition:opacity .25s ease}a{text-decoration:none}#text:has(.fancy:hover) .word:not(.fancy:hover){opacity:.2}.fancy span{display:inline-block;font-size:.8em}.fancy>.outer{transition:transform .35s ease}.fancy:hover>.outer{transition-duration:.8s}.fancy:hover>.outer>.inner{animation:float 5s ease infinite}.fancy:hover>.outer:nth-child(1){transform:translate(-80%,60%) rotate(8deg)}.fancy:hover>.outer:nth-child(2){transform:translate(-40%,20%) rotate(4deg)}.fancy:hover>.outer:nth-child(3){transform:translate(-10%,60%) rotate(-6deg)}.fancy:hover>.outer:nth-child(4){transform:translateY(8%) rotate(-8deg)}.fancy:hover>.outer:nth-child(5){transform:translateY(-20%) rotate(5deg)}.fancy:hover>.outer:nth-child(6){transform:translateY(20%) rotate(-3deg)}.fancy:hover>.outer:nth-child(7){transform:translateY(-40%) rotate(-5deg)}.fancy:hover>.outer:nth-child(8){transform:translateY(15%) rotate(10deg)}.fancy:hover>.outer:nth-child(9){transform:translateY(-50%) rotate(8deg)}.fancy:hover>.outer:nth-child(10){transform:translateY(15%) rotate(-6deg)}.fancy:hover>.outer:nth-child(11){transform:translate(50%,-10%) rotate(-3deg)}.fancy:hover>.outer:nth-child(12){transform:translate(120%,-30%) rotate(-10deg)}@keyframes float{0%,to{transform:translateY(-0%)}50%{transform:translateY(-3%)}}@media (max-width: 900px){#text{width:70%}}.slide-in{position:fixed;top:0;left:0;height:100vh;width:100%;background:#d8ff00;transform-origin:bottom;z-index:10000;pointer-events:none}.slide-out{position:fixed;top:0;left:0;height:100vh;width:100%;background:#d8ff00;transform-origin:top;z-index:10000;pointer-events:none}.projects{width:100%;height:100%;padding:10em 0}.projects .row{width:100%;height:600px;padding:1.5em;display:flex;justify-content:flex-start}.projects .row:nth-child(2n){justify-content:flex-end}.project-item{position:relative;width:30%;height:100%;transition-duration:.3s}.project-item:hover{transition-duration:.15s}.project-img{width:100%;height:100%;border-radius:.5em;overflow:hidden}.project-details{display:flex;justify-content:space-between;padding:.75em .5em}.project-details p#project-name{font-weight:500}.project-details p{font-size:16px}@media (max-width: 900px){.projects{padding:15em 0}.project-item{width:100%}.row{margin:4em 0}}.archive{position:relative;width:100%;height:100%}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;background:linear-gradient(180deg,#000,#0000,#000);pointer-events:none}.archive .row{width:100%;height:100px;display:flex}.archive-item,.archive-img{width:100%;height:100%}.archive-details{display:flex;justify-content:space-between;align-items:center}p#archive-category{text-align:right}@media (max-width: 900px){.archive-item{width:100%}}.archive-preview{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:35%;height:40%;border-radius:.5em;overflow:hidden;z-index:100}@media (max-width: 900px){.archive-preview{width:75%;height:35%;opacity:.75;z-index:-1}}.container{padding:12em 1.5em}.info-services{width:100%;display:flex;gap:2em;margin:8em 0}.info-services .col{flex:1}.info-services p,.info-services a,.info-content p,.info-content-2 p{font-size:22px}.info-services .col:nth-child(1){display:flex;gap:4em}.info-services .col:nth-child(2) p{margin-bottom:2em}.info-content,.info-content-2{width:100%;display:flex;gap:2em}.info-content-2{margin-top:4em}.info-content .col,.info-content-2 .col{flex:1}.info-content .col:nth-child(1){display:flex;flex-direction:column;gap:4em}@media (max-width: 900px){.info-services,.info-content,.info-content-2{flex-direction:column;gap:4em}}.project{width:100%;height:100%}.project-hero-img,.project-hero-img-2{width:100%;height:75vh}.project-hero-img-3{width:100%;height:100vh}.project-info{width:100%;padding:1.5em;display:flex;gap:1em}.project-info .col{flex:1;display:flex;gap:1em}.project-info .col>div{flex:1}.project-info .col:nth-child(2) p{text-align:right}.project-copy{width:100%;padding:8em 1.5em;display:flex;gap:1em}.project-copy .col{flex:1}.project-copy .col p{font-size:22px}.project-sub-info{display:flex;gap:1em;margin:2em 0;justify-content:space-between}.project-sub-info .sub-col{display:flex;gap:1em}.project-imgs{width:100%;padding:0 1.5em;display:flex;gap:1.5em}.img{width:100%;aspect-ratio:5 / 4;padding-bottom:1.5em}.next-project-cta{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}@media (max-width: 900px){.project-info,.project-info .col,.project-sub-info,.project-sub-info .sub-col{flex-direction:column}.project-info .col:nth-child(2) p{text-align:left}.project-copy,.project-imgs{flex-direction:column}}:root{--color-bg: #000;--color-text: #fff}@font-face{font-family:Notch Grotesk;font-weight:300;src:url(/assets/NotchGrotesk-Light-DTBL1VXf.ttf) format("truetype")}@font-face{font-family:Notch Grotesk;font-weight:500;src:url(/assets/NotchGrotesk-Regular-BmTStXa0.ttf) format("truetype")}@font-face{font-family:Notch Grotesk;font-weight:700;src:url(/assets/NotchGrotesk-Bold-C0OXSSEf.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box;font-family:Notch Grotesk}::-webkit-scrollbar{display:none}html,body{width:100%;height:100%;background-color:var(--color-bg);color:var(--color-text)}h1{font-size:3.75em;margin:0;padding:0;line-height:100%}p,a,li{margin:0;padding:0;text-decoration:none;color:var(--color-text);font-size:12px;font-weight:lighter;line-height:125%}img{width:100%;height:100%;object-fit:cover}button{border:none;outline:none;padding:.75em 1.25em;font-size:12px;color:var(--color-text);background-color:#ffffff20;border-radius:2em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:.3s}button:hover{background-color:#ffffff40}ul{margin:0;padding:0;list-style:none}li{font-size:22px}.container{width:100%;height:100%}.divider{width:100%;height:1px;background-color:#fff;margin:.5em 0}@media (max-width: 900px){h1{font-size:2em}}