@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#071312;--mint:#80f1d1;--white:#eef6f1;--muted:#99b5ac;--rail:76px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--white);font-family:'DM Sans',Arial,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #40b293;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}em{font-style:normal;color:var(--mint)}::selection{background:var(--mint);color:var(--ink)}.skip{position:fixed;top:-70px;z-index:100;padding:15px;background:var(--mint);color:var(--ink)}.skip:focus{top:0}#loader{position:fixed;inset:0;z-index:100;background:#071312;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;transition:opacity .65s,visibility .65s}#loader.ready{opacity:0;visibility:hidden;pointer-events:none}.load-brand{font-size:100px;letter-spacing:-10px;font-weight:700}.load-brand>span{color:var(--mint);font-size:65px;vertical-align:top;margin-left:12px}.load-line{width:240px;height:1px;background:#375049}.load-line i{display:block;width:0;height:1px;background:var(--mint);transition:width .5s}#loader p{font-size:14px;letter-spacing:.5px}#load-percent{font-size:12px;color:var(--muted)}.scroll-progress{height:2px;background:var(--mint);position:fixed;top:0;left:0;z-index:60;width:0}.rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail);border-right:1px solid #c2ffe517;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:25px 0;z-index:30;mix-blend-mode:normal;background:#07131240;backdrop-filter:blur(8px)}.rail>a{font-size:37px;font-weight:700;letter-spacing:-3px}.rail>a>span{font-size:21px;color:var(--mint);vertical-align:top;margin-left:2px}.rail-text{font-size:9px;letter-spacing:3px;writing-mode:vertical-rl;transform:rotate(180deg);color:#b5cfc6}.rail-count{font-size:10px;letter-spacing:1px}.rail-count i{color:#617e73;margin-inline:3px;font-style:normal}header{position:fixed;top:0;left:var(--rail);right:0;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:25;transition:background .3s,height .3s}header.scrolled{height:80px;background:#071312b8;backdrop-filter:blur(18px)}header>span{font-size:11px;letter-spacing:1px}header>div{display:flex;align-items:center;gap:20px}.contact-open{background:none;border:0;padding:0}.contact-open>span{margin-left:15px;color:var(--mint)}header .contact-open{font-size:14px;border-bottom:1px solid #95c7b7;padding:8px 0}.menu-toggle{display:none}nav{position:fixed;bottom:35px;left:calc(50% + var(--rail)/2);transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:32px;padding:20px 32px;border:1px solid #fff2;border-radius:40px;background:#132824a8;backdrop-filter:blur(20px);font-size:14px;transition:bottom .65s,background .3s}nav.docked{bottom:calc(100svh - 65px);background:#122722e8;padding-block:13px}nav a,nav button{white-space:nowrap}nav button{font:inherit;color:inherit}nav a:hover,nav button:hover{color:var(--mint)}.hero{height:230svh;position:relative}.world{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 70% 45%,#17483c,#071312 68%)}#world{width:100%;height:100%;display:block;position:absolute;inset:0}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07131255,transparent 60%),linear-gradient(0deg,#071312 0%,transparent 25%);pointer-events:none}.scene-info{position:absolute;right:5%;bottom:40px;display:flex;align-items:flex-end;gap:22px;flex-direction:column;font-size:10px;letter-spacing:1.4px;z-index:2}.scene-info button{border:0;background:none;color:#bdd9d0;font-size:11px;padding:8px 0}.scene-info button span{font-size:21px;vertical-align:middle;margin-left:10px;color:var(--mint)}.scroll-hint{position:absolute;right:18px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#aacabc;display:flex;align-items:center;gap:20px}.scroll-hint i{display:block;width:1px;height:60px;background:#aacabc}.hero-title{position:absolute;top:24svh;left:calc(var(--rail) + 8%);width:66%;max-width:1000px;z-index:3}.eyebrow{font-size:11px;letter-spacing:1.7px;line-height:1.7}.hero-title h1{font-size:clamp(65px,7.6vw,126px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:25px 0}.hero-title h1 em{color:#f3faf7}.hero-title p{font-size:17px;line-height:1.7;color:#c2d8ce;margin-bottom:34px}.line-link{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;padding:13px 0;border:0;border-bottom:1px solid currentColor;background:none;font-size:14px;color:inherit;transition:gap .3s}.line-link:hover{gap:65px}.line-link>span{font-size:24px;color:var(--mint)}.hero-statement{position:absolute;top:136svh;left:calc(var(--rail) + 8%);right:8%;text-align:center;z-index:3}.hero-statement h2{font-size:clamp(70px,9vw,150px);font-weight:500;letter-spacing:-.06em;line-height:1.05;margin:25px 0}.hero-statement p{font-size:16px;line-height:1.7;color:#bfd7cc}.light-section{background:#e9efeb;color:#13332a;padding:110px 7% 110px calc(var(--rail) + 7%)}.section-kicker{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;gap:15px;margin-bottom:70px}.studio-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:center}h2{font-size:clamp(43px,4.8vw,78px);font-weight:500;line-height:1.12;letter-spacing:-.055em}.light-section em{color:#458876}.studio-heading p{font-size:17px;line-height:1.85;color:#527166}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:90px;padding-top:45px;border-top:1px solid #b3c6bd}.numbers strong{font-family:Manrope,sans-serif;font-size:clamp(60px,7vw,110px);font-weight:500;letter-spacing:-.06em}.numbers strong>span{color:#458876;font-size:55px}.numbers p{font-size:13px;color:#507165;margin-top:10px}.source-note{display:block;font-size:11px;color:#627a70;margin-top:35px}.work-heading{padding:115px 7% 85px calc(var(--rail) + 7%);display:grid;grid-template-columns:1fr 2fr;gap:35px}.work-heading p{grid-column:2;line-height:1.7;color:#9cbcaf;font-size:16px}.project-stack{padding-left:var(--rail)}.project{position:sticky;top:0;height:100svh;overflow:hidden;background:#173229;isolation:isolate;border-top:1px solid #fff2}.project-art{position:absolute;inset:0;z-index:-1}.project-art img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform 1s}.project-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071312f5,transparent 60%),linear-gradient(90deg,#07131270,transparent 65%)}.project:hover .project-art img{transform:scale(1.025)}.project-overlay{position:absolute;left:8%;bottom:10%;right:8%}.project-overlay h3{font-size:clamp(55px,7vw,115px);line-height:1.13;letter-spacing:-.06em;font-weight:500;margin:18px 0 25px}.project-open{background:#def9ed;border:0;border-radius:35px;color:#163c2d;padding:15px 22px;display:inline-flex;align-items:center;gap:30px;font-size:14px}.project-open>span{font-size:20px}.project-index{position:absolute;top:130px;right:8%;font-size:13px;border:1px solid #ffffff50;padding:12px;border-radius:50%}.work-outro{padding:70px 8% 70px calc(var(--rail) + 8%);position:relative;background:var(--ink)}.services h2{margin-bottom:70px}.service-explorer{display:grid;grid-template-columns:1fr 1fr;gap:60px}.service-menu{border-top:1px solid #a7bfb2}.service-tab{display:flex;align-items:center;gap:20px;text-align:left;width:100%;padding:24px 0;border:0;border-bottom:1px solid #a7bfb2;color:#71897e;background:none;font-family:Manrope,sans-serif;font-size:clamp(20px,2.2vw,33px);letter-spacing:-1px}.service-tab small{font-family:Arial,sans-serif;font-size:11px;letter-spacing:0}.service-tab>span{margin-left:auto}.service-tab[aria-selected=true]{color:#143d2d}.service-tab[aria-selected=true]>span{color:#328266;transform:rotate(45deg)}.service-panel{position:relative;min-height:500px;padding:40px;background:#113b2e;color:#edf9f0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.service-panel .service-mark{position:absolute;right:20px;top:-35px;font-size:230px;color:#82e3b7;opacity:.4;transition:transform .8s}.service-panel:hover .service-mark{transform:rotate(90deg)}.service-panel h3{font-size:32px;font-weight:500;letter-spacing:-1px;margin:18px 0}.service-panel p{color:#bed5c8;line-height:1.8;font-size:16px}#service-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}#service-tags span{font-size:12px;border:1px solid #58957a;padding:6px 10px;border-radius:20px}.service-panel .line-link{font-size:14px;width:fit-content}.approach{padding:110px 7% 110px calc(var(--rail) + 7%);background:#10261f}.approach>h2{margin:35px 0 65px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.approach-grid article{border-top:1px solid #4e7a66;padding-top:25px}.approach-grid article>span{font-size:12px;color:var(--mint)}.approach-grid h3{font-weight:500;font-size:26px;letter-spacing:-1px;margin:35px 0 15px}.approach-grid p{font-size:16px;color:#a4c1b1;line-height:1.7}.trust-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #4e7a66;margin-top:80px;padding-top:40px}.trust-strip>span{font-size:10px;letter-spacing:1.5px;color:#a4c1b1}.trust-strip b{font-size:19px;font-weight:500}.contact-section{padding:120px 7% 90px calc(var(--rail) + 7%);position:relative;overflow:hidden;background:#b3f3d1;color:#123b29;isolation:isolate}.contact-section h2{font-size:clamp(65px,7.8vw,130px);margin:40px 0;max-width:1050px}.contact-section em{color:#4e9c70}.contact-big{font-size:24px;border-bottom:1px solid #376a4c;padding:16px 0;margin:0 0 60px;display:inline-flex;gap:40px;align-items:center}.contact-big>span{color:#245d40;font-size:38px}.contact-details{display:flex;align-items:start;justify-content:space-between;gap:30px;border-top:1px solid #81b99a;padding-top:35px;font-size:15px}.contact-details p{font-size:13px;line-height:1.8}.contact-star{position:absolute;right:-40px;top:90px;font-size:550px;line-height:1;color:#5bd699;opacity:.3;z-index:-1;animation:star 50s linear infinite}@keyframes star{to{transform:rotate(360deg)}}footer{padding:35px 7% 35px calc(var(--rail) + 7%);display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#90ad9e}.motion .reveal{opacity:0;transform:translateY(40px);transition:opacity .9s,transform .9s}.motion .reveal.visible{opacity:1;transform:none}dialog{padding:65px;width:min(900px,95vw);max-height:95svh;overflow:auto;border:1px solid #355d4a;border-radius:12px;background:#102b20;color:#edf9f0}dialog::backdrop{background:#031009d9;backdrop-filter:blur(16px)}.dialog-close{position:absolute;top:20px;right:22px;z-index:2;width:35px;height:35px;border:1px solid #547a64;border-radius:50%;background:#102b20;color:white;font-size:16px}dialog h2{font-size:clamp(35px,5vw,68px);margin:20px 0 35px}fieldset{border:0;margin:0 0 35px;padding:0}legend{font-size:14px;margin-bottom:15px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-grid label{position:relative}.choice-grid input{position:absolute;opacity:0;width:1px;height:1px}.choice-grid span{display:block;border:1px solid #4a705a;border-radius:5px;padding:16px 10px;font-size:13px;text-align:center;cursor:pointer}.choice-grid input:checked+span{background:#86deb0;color:#133b23;border-color:#86deb0}.choice-grid input:focus-visible+span{outline:2px solid #86deb0;outline-offset:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.form-grid label{font-size:13px;display:grid;gap:10px}.wide{grid-column:1/-1}.form-grid input,.form-grid textarea{width:100%;background:none;border:0;border-bottom:1px solid #567d62;padding:10px 0;font-size:16px;color:white}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#91b89b}.form-note,#form-status{font-size:12px;color:#a5c9af;line-height:1.7;margin-top:20px}#contact-form>.line-link{margin-top:30px}#project-dialog img{width:100%;max-height:460px;object-fit:contain;margin-bottom:25px}#project-dialog h2{font-size:40px}
@media(max-width:1000px){:root{--rail:55px}.hero-title{left:calc(var(--rail) + 6%);width:76%}.hero-title h1{font-size:9vw}.studio-heading{gap:40px;grid-template-columns:1.3fr 1fr}.service-explorer{gap:30px}.service-panel{padding:30px}.trust-strip{flex-wrap:wrap}.contact-details{flex-wrap:wrap}nav{gap:25px;font-size:13px;padding:18px 26px}.contact-section h2{font-size:9vw}}
@media(max-width:700px){:root{--rail:0px}html{scroll-padding-top:90px}.rail{display:none}header{height:80px;padding:0 6%;background:#0713128f;backdrop-filter:blur(15px)}header>span{font-size:10px;max-width:100px;line-height:1.7}header>div{gap:17px}header .contact-open{font-size:12px}.menu-toggle{display:block;border:0;padding:5px;background:none;font-size:23px}nav,nav.docked{display:none;bottom:auto;top:80px;left:0;right:0;transform:none;border-radius:0;background:#122c22;padding:30px 6%;font-size:18px;gap:25px;border:0}nav.open{display:flex;flex-direction:column;align-items:flex-start}.hero{height:215svh}.hero-title{top:20svh;left:6%;width:88%}.hero-title h1{font-size:clamp(45px,12.8vw,76px);line-height:1.12;margin:20px 0}.hero-title p{font-size:15px;line-height:1.75;max-width:310px}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero-title>.eyebrow{font-size:8px;letter-spacing:1px}.hero-title .line-link{font-size:13px;gap:25px}.scene-info{right:6%;bottom:30px;gap:8px;font-size:8px;letter-spacing:1px}.scene-info button{font-size:10px}.scroll-hint{display:none}.hero-statement{top:128svh;left:6%;right:6%}.hero-statement h2{font-size:17vw}.hero-statement p{font-size:14px}.light-section,.approach,.contact-section{padding:70px 6%}.section-kicker{margin-bottom:40px;font-size:9px;letter-spacing:.8px}h2{font-size:42px}.studio-heading{grid-template-columns:1fr;gap:30px}.studio-heading p{font-size:16px}.numbers{grid-template-columns:1fr 1fr;gap:35px;margin-top:50px;padding-top:30px}.numbers strong{font-size:64px}.numbers strong>span{font-size:35px}.numbers p{font-size:12px}.numbers>div:last-child{grid-column:1/-1}.source-note{font-size:10px;line-height:1.6}.work-heading{padding:70px 6% 50px;grid-template-columns:1fr;gap:25px}.work-heading p{grid-column:1;font-size:15px}.project{height:85svh;position:relative;top:0;min-height:550px}.project-art img{object-fit:cover;object-position:center 40%}.project-overlay{left:6%;right:6%;bottom:9%}.project-overlay h3{font-size:48px;line-height:1.1}.project-index{top:35px;right:6%}.project-open{font-size:13px;padding:12px 18px}.work-outro{padding:45px 6%}.services h2{margin-bottom:40px}.service-explorer{grid-template-columns:1fr;gap:30px}.service-tab{font-size:24px;padding:20px 0}.service-panel{min-height:430px;padding:28px}.service-panel h3{font-size:30px}.approach>h2{margin:30px 0 40px}.approach-grid{grid-template-columns:1fr;gap:35px}.approach-grid h3{margin-top:25px;font-size:25px}.trust-strip{margin-top:50px;padding-top:30px;gap:25px}.trust-strip>span{width:100%}.trust-strip b{font-size:16px}.contact-section h2{font-size:14vw;line-height:1.15;margin:30px 0}.contact-big{font-size:18px;gap:25px;margin-bottom:35px}.contact-star{font-size:380px;right:-170px;top:80px}.contact-details{display:grid;gap:20px;font-size:15px}.contact-details p{font-size:12px}footer{padding:30px 6%;flex-direction:column;gap:15px;font-size:10px;line-height:1.6}dialog{padding:50px 25px 30px;width:95vw;border-radius:8px}.choice-grid{grid-template-columns:1fr 1fr}.choice-grid span{font-size:12px}.form-grid{grid-template-columns:1fr;gap:22px}.form-grid .wide{grid-column:1}dialog h2{font-size:40px}#project-dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}.project{position:relative;top:0}}