@font-face{font-family:Plex;src:url(/motion/plex-mono.ttf) format("truetype");font-weight:400;font-display:swap}:root{font-family:Arial,Helvetica,sans-serif;color:#202321;background:#f1f1ef;--paper: #f1f1ef;--ink: #202321;--mint: #70cbb0;--mono: Plex, "Courier New", monospace;--line: #a3a6a0;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}::-moz-selection{background:var(--mint);color:var(--ink)}::selection{background:var(--mint);color:var(--ink)}:focus-visible{outline:2px solid #168568;outline-offset:5px}section:focus{outline:none}img{display:block;width:100%}p{line-height:1.6}button:disabled{opacity:.5;cursor:wait}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ink);color:#fff;padding:15px}.skip-link:focus{top:10px}.site-header{height:72px;position:sticky;top:0;z-index:50;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 3%;border-bottom:1px dashed var(--line)}.wordmark{display:inline-flex;align-items:center;min-height:44px;font-size:clamp(28px,2.5vw,36px);font-weight:700;letter-spacing:-2.5px;line-height:1}.wordmark>span{color:#25856c;margin-inline:2px;font-weight:400}.header-note{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px}.menu-toggle{width:44px;height:44px;border:0;background:none;display:grid;grid-template:repeat(2,5px) / repeat(2,5px);gap:7px;place-content:center}.menu-toggle i{width:5px;height:5px;background:var(--ink);border-radius:50%;transition:transform .4s,border-radius .4s}.menu-toggle:hover i{transform:scale(1.5);background:#168568}.menu-toggle.active i:nth-child(1){transform:translate(6px,6px) rotate(45deg) scaleX(5);border-radius:0}.menu-toggle.active i:nth-child(4){transform:translate(-6px,-6px) rotate(-45deg) scaleX(5);border-radius:0}.menu-toggle.active i:nth-child(2),.menu-toggle.active i:nth-child(3){opacity:0}.scroll-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--mint);transform:scaleX(0);transform-origin:left}.navigation{position:fixed;top:72px;right:0;bottom:0;left:0;background:var(--mint);z-index:40;padding:4vh 6%;-webkit-clip-path:inset(0 0 100%);clip-path:inset(0 0 100%);visibility:hidden;transition:visibility .65s,-webkit-clip-path .65s cubic-bezier(.76,0,.24,1);transition:clip-path .65s cubic-bezier(.76,0,.24,1),visibility .65s;transition:clip-path .65s cubic-bezier(.76,0,.24,1),visibility .65s,-webkit-clip-path .65s cubic-bezier(.76,0,.24,1);overflow:auto}.navigation.open{-webkit-clip-path:inset(0);clip-path:inset(0);visibility:visible}.nav-links a{display:flex;gap:25px;align-items:baseline;border-bottom:1px dashed #294d4260;padding:1.3vh 0;transform:translateY(35px);opacity:0;transition:transform .6s,opacity .6s}.navigation.open .nav-links a{transform:none;opacity:1;transition-delay:calc(.1s + var(--order) * .06s)}.nav-links small{font:12px var(--mono)}.nav-links a>span:first-of-type{font-size:clamp(34px,6.5vw,90px);text-transform:uppercase;letter-spacing:-.06em}.nav-links a>span:last-child{margin-left:auto;font-size:40px;transition:transform .3s}.nav-links a:hover>span:last-child{transform:rotate(45deg)}.nav-footer{display:flex;justify-content:space-between;gap:25px;margin-top:4vh;font:12px var(--mono)}.hero{position:relative;min-height:calc(100svh - 72px);color:var(--paper);display:flex;align-items:center;padding:90px 4% 100px;overflow:hidden;background:#20352f}.hero-media{position:absolute;top:-8%;right:0;bottom:-8%;left:0;transform:translateY(var(--parallax, 0px));will-change:transform}.hero-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a191960,#162a2020),linear-gradient(0deg,#07171280,transparent 40%)}.hero-content{position:relative;z-index:1;width:100%}.eyebrow{font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em}.hero-kicker{display:block;margin-bottom:30px;animation:fade-in 1s .2s both}.hero h1{font-size:clamp(62px,8.8vw,144px);font-weight:400;letter-spacing:-.065em;line-height:.98;text-transform:uppercase;margin:0 0 35px}.hero h1>span{display:block;animation:title-in 1.15s cubic-bezier(.2,.7,.2,1) both}.hero h1>span+span{animation-delay:.15s}.hero-star{font-size:.65em;display:inline-block;color:var(--mint);margin-left:.15em;animation:spin 28s linear infinite}.hero-content p{max-width:640px;font:clamp(14px,1.2vw,18px) / 1.45 var(--mono);margin:0 0 40px;animation:fade-in 1s .4s both}.split-button{display:inline-flex;align-items:stretch;gap:4px;border:0;background:none;padding:0;font:11px var(--mono);text-transform:uppercase;max-width:100%}.split-button>span{display:flex;align-items:center;justify-content:center;background:var(--paper);color:var(--ink);min-height:60px;padding:20px 30px;transition:background .3s,color .3s,transform .3s}.split-button>span:last-child{min-width:60px;padding:20px;font-size:18px}.split-button:hover>span{background:var(--mint)}.split-button:hover>span:last-child{transform:translate(5px)}.hero .split-button{animation:fade-in 1s .6s both}.hero-bottom{position:absolute;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;font:10px var(--mono);text-transform:uppercase}.motion-toggle{border:0;background:none;padding:0;color:inherit;font:inherit;text-transform:inherit}.motion-toggle:hover{color:var(--mint)}.marquee{background:#202823;color:var(--paper);padding:22px 0;border-block:1px dashed #9ba49a;overflow:hidden}.marquee>div{display:flex;width:-moz-max-content;width:max-content;animation:marquee 35s linear infinite}.marquee span{font:14px var(--mono);white-space:nowrap;text-transform:uppercase}.marquee b{font-weight:400;padding:0 28px}.marquee:hover>div{animation-play-state:paused}.section{padding:85px 4%}.cross-rule{height:1px;background:repeating-linear-gradient(90deg,var(--line) 0 2px,transparent 2px 5px);position:relative}.cross-rule:before,.cross-rule:after{content:"+";font:35px/1 var(--mono);position:absolute;top:-17px;left:-10px;color:#687069}.cross-rule:after{left:auto;right:-10px}.statement{font:clamp(20px,2.3vw,37px) / 1.95 var(--mono);text-transform:uppercase;max-width:1320px;margin:100px auto}.statement-word{display:inline-block;white-space:pre;transition:opacity .25s}.outlined-word{border:1px solid var(--ink);border-radius:100px;line-height:1.5;padding:0 .5em;margin:.08em .12em .08em 0;white-space:normal}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px dashed var(--line);border-left:1px dashed var(--line)}.fact{min-height:195px;position:relative;border-right:1px dashed var(--line);border-bottom:1px dashed var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.fact>span{letter-spacing:-.06em;font-size:clamp(36px,4.4vw,58px)}.fact small{font:10px var(--mono);text-transform:uppercase}.fact i{position:absolute;right:-8px;bottom:-15px;font:28px var(--mono);font-style:normal}.about-caption{display:flex;justify-content:space-between;gap:20px;margin-top:30px;font:11px var(--mono)}.about-caption p{margin:0}.text-link{font:12px var(--mono);display:inline-flex;gap:22px;align-items:center;border-bottom:1px solid;padding-bottom:6px}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(4px,-4px)}.services-intro{padding-top:80px;padding-bottom:120px}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center}.intro-grid h2{margin:25px 0 40px}h2{font-size:clamp(37px,4.5vw,74px);font-weight:400;line-height:1.05;letter-spacing:-.055em;text-transform:uppercase;margin:0}.fill-heading{color:#b5bab4;background:linear-gradient(90deg,var(--ink) var(--fill, 0%),#b5bab4 var(--fill, 0%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro-copy{font:14px/1.6 var(--mono);max-width:570px}.intro-copy p{margin:0 0 25px}.intro-copy em{font-style:normal;border-bottom:1px dashed}.outline-link{display:inline-flex;border:1px dashed var(--line);border-radius:50px;padding:12px 20px;gap:40px;margin-top:15px;transition:background .3s}.outline-link:hover{background:var(--mint)}.orbit-art{height:380px;position:relative;perspective:800px;transform:rotateY(calc(var(--orbit-turn, 0deg) * .1))}.orbit-ring{position:absolute;width:90%;height:130px;left:5%;top:calc(25px + var(--i) * 43px);border:1px solid #b3bdb5;border-radius:50%;transform:rotate(calc(var(--orbit-turn, 0deg) * .08));transition:transform .15s}.orbit-ring i{position:absolute;width:12px;height:12px;background:var(--mint);border-radius:50%;offset-path:ellipse(50% 50%);animation:orbit 9s linear infinite;animation-delay:calc(var(--i) * -1.8s)}.orbit-art>span{position:absolute;bottom:0;left:0;width:100%;text-align:center;font:9px var(--mono);letter-spacing:2px}.service-stack{height:calc(3*(100svh - 72px))}.service-sticky{position:sticky;top:72px;height:calc(100svh - 72px);overflow:hidden}.service-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:5% 4%;background:#dce4dc;border-top:1px dashed #79837a;will-change:transform}.service-panel-1{background:#d5dfdb;transform:translateY(100%)}.service-panel-2{background:#c3d7d0;transform:translateY(100%)}.service-copy{max-width:600px}.service-number{font:12px var(--mono)}.service-copy h3{font-size:clamp(38px,4.7vw,76px);line-height:1;letter-spacing:-.06em;font-weight:400;text-transform:uppercase;margin:30px 0}.service-copy ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 35px}.service-copy li{font:10px var(--mono);text-transform:uppercase;border:1px solid #66756b;border-radius:20px;padding:8px 12px}.service-copy p{font:14px/1.6 var(--mono);max-width:550px;margin:0 0 30px}.service-art{position:relative;background:#14251e;padding:8%;overflow:hidden}.service-art img{aspect-ratio:1.3;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 20px 25px #0005);transition:transform .8s}.service-art:hover img{transform:scale(1.04)}.image-caption{display:block;font:9px var(--mono);text-transform:uppercase;margin-top:15px}.work{overflow:hidden;padding-top:100px}.section-label{display:flex;justify-content:space-between;gap:20px;font:11px var(--mono);text-transform:uppercase;border-bottom:1px dashed var(--line);padding-bottom:25px}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:50px 0}.gallery-controls{display:flex;gap:5px}.gallery-controls button{width:52px;height:52px;background:none;border:1px solid var(--line);font-size:22px;transition:background .3s}.gallery-controls button:hover{background:var(--mint)}.project-gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 25px;scrollbar-width:thin;scrollbar-color:#849b8f transparent}.project{flex:0 0 44%;scroll-snap-align:start;min-width:0}.project-image{display:block;position:relative;background:#dce3da;aspect-ratio:1.35;overflow:hidden;padding:8%}.project:nth-child(2n) .project-image{background:#d4dcd8}.project:nth-child(3n) .project-image{background:#dad7e1}.project-image img{height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .7s;filter:drop-shadow(0 15px 15px #14221a30)}.project-image:hover img{transform:scale(1.07) rotate(-1deg)}.project-open{position:absolute;bottom:16px;right:16px;background:var(--paper);font:10px var(--mono);padding:14px 18px;display:flex;gap:30px;transform:translateY(70px);transition:transform .35s}.project-image:hover .project-open,.project-image:focus-visible .project-open{transform:none}.project-caption{padding-top:23px}.project-caption h3{font-size:29px;font-weight:400;letter-spacing:-.045em;margin:13px 0}.project-caption p{font:12px/1.6 var(--mono);min-height:38px;margin:0 0 20px}.gallery-hint{font:10px var(--mono);color:#5a645c;margin:20px 0 0}.tech-marquee{background:var(--paper);color:var(--ink);padding:30px 0}.tech-marquee span{font-size:clamp(26px,4vw,60px);font-family:Arial,Helvetica,sans-serif;letter-spacing:-.04em}.tech-marquee>div{animation-direction:reverse}.tech-marquee b{color:#6da88f}.contact{padding-top:100px}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;margin-top:90px}.contact h2{font-size:clamp(65px,8.7vw,135px);margin:35px 0;line-height:.95}.contact h2>span{white-space:nowrap}.contact-star{display:inline-block;font-size:.6em;margin-left:10px;animation:spin 25s linear infinite;color:#559d81}.contact-grid>div>p{font:14px/1.7 var(--mono);max-width:430px}.contact-email{display:inline-block;font:12px var(--mono);border-bottom:1px solid;padding-bottom:8px;margin:20px 0;overflow-wrap:anywhere}.socials{display:flex;gap:25px;font:11px var(--mono);margin-top:15px}form{padding-top:5px}form label{display:block;font:11px var(--mono);text-transform:uppercase;margin-bottom:30px}input,select,textarea{display:block;border:0;border-bottom:1px solid #a2aaa2;border-radius:0;background:transparent;width:100%;padding:16px 0;color:var(--ink);font:14px var(--mono);outline-offset:3px}textarea{resize:vertical;min-height:100px}form .split-button>span{background:var(--ink);color:var(--paper)}form .split-button:hover>span{background:#3c6e5d}.form-status{font:12px/1.6 var(--mono);min-height:40px}footer{background:#1e2923;color:var(--paper);padding:55px 4% 25px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;font:14px var(--mono)}.back-top{font-size:30px;width:65px;height:65px;border:1px solid #758378;border-radius:50%;display:grid;place-items:center;transition:background .3s,color .3s}.back-top:hover{background:var(--mint);color:var(--ink)}.footer-wordmark{display:block;font-size:clamp(100px,26vw,420px);line-height:1.2;letter-spacing:-.085em;font-weight:700;margin:20px 0}.footer-wordmark span{display:inline-block;font-weight:400;color:var(--mint);transition:transform .5s}.footer-wordmark:hover span{transform:rotate(45deg)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px dashed #758378;padding-top:25px;font:10px var(--mono);text-transform:uppercase}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes title-in{0%{opacity:0;transform:translateY(65px);-webkit-clip-path:inset(100% 0 0);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;-webkit-clip-path:inset(0);clip-path:inset(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit{to{offset-distance:100%}}.service-art .image-caption{color:#dce9df;line-height:1.6;margin-top:30px}.service-panel-1 .service-art{background:#231f35}.service-panel-2 .service-art{background:#111b29}@media (max-width: 1100px){.service-copy h3{font-size:48px}.service-copy p{font-size:12px}.service-copy li{font-size:9px}.contact-grid{gap:7%}.header-note{font-size:9px}}@media (max-width: 899px),(max-height: 649px){.service-stack{height:auto}.service-sticky{position:relative;top:0;height:auto;overflow:visible}.service-panel{position:relative;transform:none!important;min-height:650px;will-change:auto}.service-copy h3{font-size:40px}}@media (max-width: 899px){.site-header{height:54px;padding:0 20px}html{scroll-padding-top:54px}.header-note{display:none}.navigation{top:54px;right:0;bottom:0;left:0;padding:5vh 5%}.hero{min-height:calc(100svh - 54px);padding:100px 3%}.hero h1{font-size:clamp(55px,9vw,84px)}.hero-content p{max-width:650px;font-size:15px}.hero-kicker{font-size:9px}.hero-bottom{left:3%;right:3%}.hero-bottom>span:last-child{display:none}.section{padding:65px 3%}.statement{margin:90px 0;font-size:22px}.facts{grid-template-columns:repeat(2,1fr)}.fact{min-height:160px}.intro-grid{grid-template-columns:1fr}.intro-copy{max-width:680px}.orbit-art{max-width:500px;width:100%;margin:55px auto 0;height:330px}.service-panel{grid-template-columns:1fr 1fr;gap:30px;padding:65px 3%;min-height:550px}.service-copy h3{font-size:35px}.service-copy ul{gap:6px;margin-bottom:20px}.service-copy li{padding:5px 8px}.service-copy .split-button>span{padding:15px;min-height:50px}.service-copy .split-button>span:last-child{min-width:45px}.project{flex-basis:70%}.contact-grid{margin-top:65px;grid-template-columns:1fr 1fr;gap:7%}.contact h2{font-size:65px}.contact .eyebrow{font-size:9px}.contact-email{font-size:10px}.contact-grid>div>p{font-size:12px}.footer-bottom{font-size:9px}.nav-links a>span:first-of-type{font-size:clamp(36px,8vw,65px)}}@media (max-width: 600px){.hero{padding:90px 5% 100px;min-height:740px;min-height:calc(100svh - 54px)}.hero h1{margin-bottom:30px;font-size:clamp(38px,9.8vw,59px)}.hero-star{font-size:.45em;margin-left:.1em}.hero-kicker{font-size:8px;letter-spacing:0}.hero-content p{font-size:13px;line-height:1.6;max-width:380px}.hero-video{-o-object-position:60% center;object-position:60% center}.hero-bottom{left:5%;right:5%;font-size:8px}.split-button>span{padding:18px;min-height:55px;font-size:10px}.split-button>span:last-child{min-width:55px}.section{padding:55px 5%}.statement{font-size:18px;margin:60px 0;line-height:2.1}.fact small{font-size:8px;text-align:center}.fact{min-height:145px}.about-caption{flex-direction:column;font-size:10px}.about-caption a{width:-moz-fit-content;width:fit-content}.services-intro h2{font-size:36px}.intro-copy{font-size:12px}.orbit-art{height:300px;margin-top:40px}.orbit-ring{height:100px;top:calc(15px + var(--i) * 35px)}.service-panel{display:flex;flex-direction:column;gap:35px;align-items:stretch;padding:45px 5%;min-height:0}.service-copy h3{font-size:43px;margin:25px 0}.service-copy p{font-size:12px}.service-copy ul{margin-bottom:25px}.service-art{width:100%}.image-caption{font-size:8px}.section-label{font-size:9px}.work-heading{margin:35px 0;align-items:start;flex-wrap:wrap}.work-heading h2{font-size:32px}.gallery-controls{gap:3px;margin-left:auto}.gallery-controls button{height:36px;width:36px;font-size:18px}.project{flex-basis:91%}.project-caption h3{font-size:26px}.project-open{transform:none}.project-gallery{gap:20px}.gallery-hint{font-size:9px}.contact-grid{grid-template-columns:1fr;gap:55px}.contact h2{font-size:85px}.contact .eyebrow{font-size:10px}.contact-grid>div>p{font-size:13px}.contact-email{font-size:12px}form label{margin-bottom:25px}.footer-top{font-size:11px}.back-top{height:50px;width:50px}.footer-wordmark{font-size:25vw;margin:30px 0}.footer-bottom{flex-wrap:wrap;font-size:8px}.footer-bottom>span:nth-child(2){display:none}.nav-footer{flex-direction:column}.navigation{padding:4vh 6%}.nav-links a{padding:2vh 0}.nav-links a>span:first-of-type{font-size:42px}.nav-links a>span:last-child{font-size:30px}.fact>span{font-size:36px}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .service-stack{height:auto}.motion-paused .service-sticky{height:auto;position:relative;top:0;overflow:visible}.motion-paused .service-panel{position:relative;transform:none!important;min-height:650px}.motion-paused .fill-heading{-webkit-text-fill-color:var(--ink)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-media{transform:none}.service-stack{height:auto}.service-sticky{height:auto;position:relative;top:0;overflow:visible}.service-panel{position:relative;transform:none!important;min-height:650px}.fill-heading{-webkit-text-fill-color:var(--ink)}.statement-word{opacity:1!important}}
