@font-face{font-family:Archivo;src:url('/fonts/archivo.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url('/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:'IBM Plex Mono';src:url('/fonts/plex.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ground:#12161c;--surface:#191f28;--sunk:#0e1319;--ink:#f2f5f8;--ink2:#b9c5d2;--ink3:#8c9aaa;--hair:#ffffff1f;--hair2:#ffffff0d;--acc:#38bdf8;--accDeep:#0b6fa6;--accInk:#08121a;--glow:#38bdf81f;--lift:0 1px 0 #ffffff12 inset,0 16px 48px #0003;--glass:#aac9e410;--ent:cubic-bezier(.16,1,.3,1);--curtain:cubic-bezier(.76,0,.24,1);color-scheme:dark}[data-theme=claro]{--ground:#f2f3f6;--surface:#fff;--sunk:#e7eaef;--ink:#0c1219;--ink2:#455467;--ink3:#5f6e81;--hair:#0c121926;--hair2:#0c121910;--acc:#2563eb;--accDeep:#16379c;--accInk:#fff;--glow:#2563eb17;--lift:0 1px 0 #fff inset,0 16px 48px #0c121918;--glass:#ffffff80;color-scheme:light}
*{box-sizing:border-box}html{background:var(--ground);scrollbar-color:var(--ink3) var(--ground)}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);font-size:16px;line-height:1.6}.site-shell{background:var(--ground);transition:background-color .4s,color .4s}::selection{background:var(--acc);color:var(--accInk)}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.5}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Archivo,Arial,sans-serif;letter-spacing:-.05em}h1,h2{font-weight:750;line-height:.97}h3{line-height:1.15;font-weight:650}p{color:var(--ink2)}svg{display:block;width:100%;height:100%}:focus-visible{outline:2px solid var(--acc);outline-offset:5px}main:focus{outline:none}.wrap{max-width:1544px;margin-inline:auto;padding-inline:clamp(20px,4vw,64px)}.mono{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;line-height:1.7}.accent{color:var(--acc)}.skip{position:fixed;z-index:150;left:16px;top:16px;background:var(--acc);color:var(--accInk);padding:12px 20px;translate:0 -200%}.skip:focus{translate:0 0}.header{height:108px;display:flex;gap:24px;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.brand>span{font-family:Archivo,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.065em;line-height:1}.brand small{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink3)}.nav{display:flex;align-items:center;gap:28px;padding:12px 28px;border-radius:999px}.nav a{font-size:12px;color:var(--ink2);transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.header-controls{display:flex;align-items:center;gap:20px}.theme-control{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;min-height:44px;padding:4px}.theme-control{border:1px solid var(--hair);border-radius:999px;padding-inline:12px;min-width:80px}.theme-icon{font-size:20px;line-height:1}.menu-control{width:44px;height:44px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center}.menu-control span{height:1px;width:24px;background:var(--ink);transition:rotate .3s,translate .3s}.menu-control[aria-expanded=true] span:first-child{rotate:45deg;translate:0 3.5px}.menu-control[aria-expanded=true] span:last-child{rotate:-45deg;translate:0 -3.5px}.glass{position:relative;background:linear-gradient(120deg,#ffffff0c,transparent 50%),linear-gradient(0deg,#93c0e608,transparent),var(--glass);box-shadow:0 1px 1px #ffffff15 inset,0 8px 24px #00000012;backdrop-filter:blur(17px) saturate(.65);-webkit-backdrop-filter:blur(17px) saturate(.65);border:1px solid var(--hair)}.glass:before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(145deg,#eef9ff90,transparent 35%,#d3e9fb20 65%,#f6fcff65);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;border-radius:999px;min-height:52px;padding:12px 24px;font-size:12px;font-weight:500;transition:translate .24s,background-color .24s,box-shadow .24s}.button>span:last-child{font-size:18px}.button-primary{background-color:var(--ink);background-image:linear-gradient(#ffffff10,transparent);color:var(--ground);box-shadow:0 2px 0 #8995a066,0 8px 20px #0001}.button-accent{background-color:var(--acc);color:var(--accInk);box-shadow:0 2px 0 var(--accDeep),0 8px 24px #0002}.button-outline{border:1px solid var(--hair);color:var(--ink);background:var(--glass)}.button:hover{translate:0 -2px}.button:active{translate:0 2px;box-shadow:none}.text-link{display:inline-flex;gap:24px;min-height:44px;align-items:center;font-size:13px;border-bottom:1px solid var(--hair)}.hero{position:relative;padding-block:52px 0;isolation:isolate}.hero:before{content:'';position:absolute;inset:0 0 40px;background:radial-gradient(ellipse at 71% 46%,var(--glow),transparent 49%);pointer-events:none;z-index:-1}.hero-kicker{color:var(--ink2);display:flex;gap:12px;font-size:9px;position:relative;z-index:3}.hero-kicker>span{color:var(--ink3)}.hero-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:24px;align-items:center;min-height:554px;padding-block:28px 64px}.hero-copy{grid-column:span 5;position:relative;z-index:3;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(52px,6.9vw,112px);font-weight:770;letter-spacing:-.06em;line-height:.94}.line{display:block;overflow:clip;padding-bottom:.08em;margin-bottom:-.08em}.line>span{display:block}.hero-lead{margin-top:28px;max-width:41ch;font-size:15px;line-height:1.6}.hero-tags{display:flex;align-items:center;gap:12px;color:var(--ink3);font-size:9px;margin-top:16px}.hero-copy>.button{margin-top:28px}.hero-visual{grid-column:6/10;align-self:stretch;position:relative;margin-left:-120px;min-height:500px;margin-top:-64px}.scene{position:absolute;inset:-24px -28px -12px -32px;z-index:0;overflow:hidden}.scene canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1s}.scene-ready canvas{opacity:1}.scene-fallback{position:absolute;width:56%;height:80%;left:26%;top:8%;opacity:.12;rotate:-12deg;color:var(--ink)}.scene-ready .scene-fallback{opacity:0;transition:opacity .5s}.scene-guides{position:absolute;inset:7% 2% 9% 15%;pointer-events:none;z-index:1}.scene-guides i{height:100%;width:1px;position:absolute;top:0;background:linear-gradient(transparent,var(--hair),transparent)}.scene-guides i:nth-child(1){left:0}.scene-guides i:nth-child(2){left:50%}.scene-guides i:nth-child(3){right:0}.scene-guides span{position:absolute;font-family:'IBM Plex Mono',monospace;font-size:8px;color:var(--ink3)}.scene-guides span:nth-of-type(1){left:0;top:0}.scene-guides span:nth-of-type(2){right:0;top:42%}.scene-guides span:nth-of-type(3){right:0;bottom:0}.float-chip{position:absolute;display:flex;align-items:center;gap:16px;min-width:140px;padding:16px 20px;border-radius:8px;font-size:14px;z-index:4;transition:translate .6s var(--ent),background-color .2s;animation:float 8s ease-in-out infinite}.float-chip>span:last-child{margin-left:auto;font-size:12px;color:var(--ink3)}.float-chip:hover{background-color:var(--glow);translate:0 -4px}.chip-dot{height:4px;width:4px;border-radius:50%;background:var(--ink2)}.chip-web{left:10%;top:14%;rotate:8deg}.chip-mobile{right:-4%;top:41%;rotate:-7deg;animation-delay:-3s}.chip-software{right:3%;bottom:14%;rotate:-4deg;animation-delay:-5s}.scene-hint{position:absolute;bottom:-8px;right:12px;font-size:7px;color:var(--ink3);z-index:4}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--hair);padding-block:24px;font-size:9px;color:var(--ink3)}.live-clocks{display:flex;gap:28px}.live-clocks b{font-weight:400;color:var(--ink2);margin-left:8px}.scroll-link{display:flex;gap:20px;align-items:center;min-height:32px}.scroll-link span{font-size:20px;color:var(--ink)}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(min-width:1600px){.hero-grid{min-height:670px}.hero-visual{min-height:600px}.hero{padding-block-start:68px}}@media(max-width:1199px){.nav{gap:20px;padding-inline:20px}.header-controls{gap:12px}.header{gap:20px}.hero h1{font-size:7.2vw}.hero-grid{min-height:510px}.hero-visual{min-height:440px;margin-left:-80px}.float-chip{min-width:120px;padding:12px 16px;font-size:12px}.hero-lead{font-size:14px}.hero-tags{font-size:8px}}@media(max-width:899px){.nav{display:none}.hero-grid{grid-template-columns:1fr;gap:8px;padding-block:36px 28px}.hero-copy{grid-column:1}.hero h1{font-size:clamp(52px,11.4vw,92px)}.hero-lead{font-size:16px;max-width:40ch}.hero-visual{grid-column:1;margin:0 auto;width:min(580px,100%);height:460px;min-height:0}.scene{inset:-36px -20px -20px}.hero{padding-block-start:36px}.hero-tags{font-size:9px}.chip-web{left:2%}.chip-mobile{right:0}.hero-bottom .live-clocks{display:none}.hero-kicker{font-size:8px}.header{height:96px}}@media(max-width:599px){.header{height:88px}.brand>span{font-size:28px}.brand small{font-size:5px;letter-spacing:.13em}.header-controls{gap:4px}.theme-control{min-width:44px;padding:8px}.theme-label{display:none}.header .menu-control{width:36px}.hero{padding-block-start:28px}.hero-kicker{font-size:7px;letter-spacing:.1em;gap:8px}.hero-grid{padding-block-start:28px}.hero h1{font-size:clamp(40px,11.5vw,68px)}.hero-lead{font-size:14.5px;max-width:37ch;margin-top:24px}.hero-tags{font-size:8px}.button{min-height:48px;padding:12px 20px;font-size:11px;gap:20px}.hero-visual{height:350px;margin-top:16px}.float-chip{min-width:100px;padding:12px;font-size:11px;gap:12px}.chip-web{top:12%;left:2%}.chip-mobile{right:0;top:42%}.chip-software{right:5%;bottom:12%}.hero-bottom{font-size:7px;gap:16px;padding-block:16px}.scene-hint{right:0;font-size:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene canvas{opacity:1}}
.muted{color:var(--ink3)}.eyebrow{color:var(--ink3);margin-bottom:32px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px}.section-intro h2{font-size:clamp(36px,5.2vw,78px)}.section-intro>p,.section-intro>div{max-width:30ch;font-size:14px}.section-intro .text-link{margin-top:20px}.services-section{padding-block:84px 72px;border-top:1px solid var(--hair)}.service-list{border-top:1px solid var(--hair)}.service-row{display:grid;grid-template-columns:56px 1.2fr 1fr 32px;gap:24px;align-items:center;border-bottom:1px solid var(--hair);padding:24px 8px;position:relative;isolation:isolate;transition:padding .35s var(--ent),background-color .35s}.service-row:before{content:'';position:absolute;inset:4px -12px;border-radius:8px;background:linear-gradient(100deg,#d7eafe12,transparent 60%),var(--glass);border:1px solid var(--hair);box-shadow:0 1px 1px #fff6 inset,0 -1px 1px #fff3 inset,0 8px 24px #0001;opacity:0;z-index:-1;transition:opacity .3s}.service-row:hover:before,.service-row:focus-visible:before{opacity:1}.service-row:hover{padding-inline:16px}.service-row h3{font-size:clamp(24px,2.5vw,36px);letter-spacing:-.04em}.service-row p{font-size:12px}.service-num{color:var(--ink3)}.row-arrow{font-size:24px;justify-self:end;transition:rotate .4s}.service-row:hover .row-arrow{rotate:45deg}.service-row:hover .service-num{color:var(--acc)}.design-row{margin-top:16px;border-top:1px solid var(--hair);padding-block:24px}.design-row h3{font-size:20px;font-weight:500}.design-row .service-num{font-size:8px}.manifesto-section{padding-block:112px;background:var(--sunk);border-block:1px solid var(--hair2);position:relative;overflow:hidden}.manifesto-section:before{content:'9WEB';position:absolute;right:-12px;bottom:-72px;font:800 20vw/.8 Archivo,sans-serif;letter-spacing:-.07em;color:var(--hair2);pointer-events:none}.manifesto{font-family:Archivo,sans-serif;font-size:clamp(28px,4.3vw,66px);line-height:1.13;font-weight:550;letter-spacing:-.04em;max-width:27ch;color:var(--ink)}.manifesto-section .text-link{margin-top:40px}.nexus-feature{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:24px;padding-block:96px 72px;align-items:center;position:relative;overflow:clip}.nexus-copy{grid-column:span 4;z-index:3}.nexus-title{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.nexus-title h2{font-size:clamp(68px,8vw,120px);letter-spacing:-.055em}.badge{display:inline-flex;border:1px solid var(--acc);border-radius:999px;padding:5px 12px;font-family:'IBM Plex Mono',monospace;font-size:8px;text-transform:uppercase;letter-spacing:.06em;line-height:1.5;color:var(--acc);white-space:nowrap}.nexus-copy h3{font-size:clamp(26px,2.8vw,40px);max-width:19ch}.nexus-copy p{max-width:32ch;font-size:14px;margin-block:20px}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.tag-list>span{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;line-height:1;border:1px solid var(--hair);padding:8px 12px;border-radius:999px;color:var(--ink2)}.nexus-art{position:relative;grid-column:span 5;min-height:440px;margin-left:-100px;isolation:isolate}.nexus-image{position:absolute;inset:0 -60px -40px -60px;translate:var(--nx,0) var(--ny,0);transition:translate .7s var(--ent)}.nexus-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 35%,#0009 64%,transparent 78%)}.nexus-haze{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse,var(--glow),transparent 70%);pointer-events:none}.nexus-glass{position:absolute;left:36%;top:9%;width:220px;min-height:108px;border-radius:12px;padding:16px 24px;rotate:-5deg;translate:calc(var(--nx,0px) * -1) calc(var(--ny,0px) * -1);transition:translate .8s var(--ent);z-index:2;pointer-events:none}.nexus-glass b{font-family:Archivo,sans-serif;font-size:32px;letter-spacing:-.05em}.nexus-glass>span{display:block;font-size:12px;color:var(--ink2);margin-top:8px}.nexus-glass i{font-style:normal;color:var(--acc);margin-inline:8px}.nexus-ground{position:absolute;right:-24px;top:0;display:flex;flex-direction:column;gap:4px;font-size:7px;color:var(--ink3)}[data-theme=claro] .nexus-image img{mix-blend-mode:multiply;opacity:.82;filter:brightness(1.7) saturate(.75);mask-image:radial-gradient(ellipse at center,#000 25%,#000a 55%,transparent 75%)}.process-teaser{padding-block:84px;border-block:1px solid var(--hair)}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.process-steps>a{border-top:1px solid var(--hair);padding-block:20px;transition:translate .3s}.process-steps>a:hover{translate:0 -4px}.process-steps .mono{color:var(--acc)}.process-steps h3{font-size:24px;margin-top:24px}.process-steps p{font-size:12px;margin-top:12px}.contact-cta{padding-block:88px}.cta-grid{display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:center}.cta-grid h2{font-size:clamp(36px,5.2vw,80px)}.cta-grid>div{justify-self:end}.email-link{display:block;margin-top:24px;font-size:14px;color:var(--ink2)}.footer{padding-block:40px 24px;border-top:1px solid var(--hair);overflow:hidden}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-top p{font-size:11px}.footer-top .live-clocks{font-size:8px}.footer-word{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(80px,17.5vw,270px);line-height:.9;letter-spacing:-.065em;text-align:center;color:var(--sunk);text-shadow:0 1px 0 var(--hair);margin-block:52px 36px;white-space:nowrap}.footer-bottom{display:flex;gap:24px;justify-content:space-between;align-items:center;color:var(--ink3);font-size:8px}.footer-bottom>div{display:flex;gap:24px}.footer-bottom button{font:inherit;min-height:44px}.footer-bottom button:last-child{font-size:18px;width:44px}.page-top{padding-block:72px 64px}.page-top h1{font-size:clamp(44px,6.5vw,100px);max-width:20ch;letter-spacing:-.055em}.page-lead{font-size:16px;max-width:48ch;margin-top:32px;margin-left:33.333%}.services-page{padding-block:0 64px}.service-card{position:sticky;top:calc(24px + var(--card-index)*16px);padding:40px;border:1px solid var(--hair);border-radius:20px;background:var(--surface);box-shadow:var(--lift);margin-bottom:32px;isolation:isolate;overflow:hidden}.service-card>.mono{color:var(--ink3);margin-bottom:40px}.service-card-body{display:grid;grid-template-columns:1fr 1fr;gap:64px}.service-card-body>h2{font-size:clamp(36px,4vw,60px)}.service-card-body h3{font-size:26px;margin-bottom:24px}.service-card-body p{max-width:45ch;font-size:14px}.service-card-body ul{padding:0;list-style:none;margin-block:28px}.service-card-body li{padding-block:8px;border-bottom:1px solid var(--hair);font-size:12px;color:var(--ink2)}.card-ghost{position:absolute;bottom:-28px;left:28px;font-family:Archivo,sans-serif;font-size:240px;line-height:1;font-weight:800;letter-spacing:-.08em;color:var(--hair2);z-index:-1}.support-card{background:var(--ground)}.service-detail{display:grid;grid-template-columns:2fr 1fr;gap:64px;padding-block:24px 80px}.scope-panel{padding:40px;border-radius:20px}.scope-panel>.mono{color:var(--ink3);margin-bottom:24px}.scope-panel h2{font-size:clamp(32px,3.4vw,50px);max-width:22ch}.scope-panel ul{list-style:none;padding:0;margin-block:36px}.scope-panel li{display:flex;align-items:center;gap:24px;justify-content:space-between;padding-block:20px;border-bottom:1px solid var(--hair);font-size:16px}.scope-panel li .mono{margin-right:auto;color:var(--acc)}.scope-panel li>span:last-child{margin-left:auto}.detail-aside{padding-top:40px}.detail-aside>.mono{color:var(--ink3)}.detail-aside h3{font-size:30px;margin-block:28px}.detail-aside p{font-size:14px;max-width:30ch}.detail-aside .text-link{margin-top:28px}.related{padding-block:24px 48px}.related-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hair);padding-block:24px}.related-row h3{font-size:clamp(26px,3vw,44px)}.related-row>span{font-size:32px}.nexus-full{position:relative;padding-block:0 40px}.nexus-controls{display:flex;justify-content:center;gap:8px;position:relative;z-index:4}.nexus-controls button{display:flex;align-items:center;gap:16px;min-height:52px;padding:12px 28px;font-size:14px;border:1px solid var(--hair);border-radius:999px;transition:background-color .2s}.nexus-controls .mono{font-size:8px;color:var(--ink3)}.nexus-controls button[aria-selected=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}.nexus-controls button[aria-selected=true] .mono{color:inherit}.nexus-full .nexus-art{width:100%;height:560px;min-height:0;margin:0}.nexus-full .nexus-image{inset:-40px 0 -40px}.nexus-full .nexus-glass{left:50%;top:10%;width:260px}.nexus-full .nexus-ground{right:0;top:24px}.nexus-panel{border-radius:20px;padding:32px 40px;display:grid;grid-template-columns:1fr 1.3fr;gap:16px 48px;position:relative;z-index:3;max-width:1050px;margin:-48px auto 0}.nexus-panel>.mono{grid-column:1/-1;color:var(--acc)}.nexus-panel h2{font-size:40px;max-width:20ch}.nexus-panel p{font-size:14px;max-width:43ch}.concept-note{text-align:center;margin-top:20px;font-size:8px;color:var(--ink3)}.hotspot{position:absolute;display:flex;align-items:center;gap:12px;z-index:3;min-height:44px;padding:8px 12px;border:1px solid var(--hair);background:var(--ground);border-radius:999px;box-shadow:var(--lift)}.hotspot>span{display:block;width:8px;height:8px;border-radius:50%;background:var(--ink3)}.hotspot b{font-size:11px;font-weight:500}.hotspot[aria-pressed=true]>span{background:var(--acc);box-shadow:0 0 0 5px var(--glow)}.hot-0{left:24%;top:66%}.hot-1{left:66%;top:48%}.hot-2{left:52%;top:26%}.nexus-explorer[data-layer=iot] .hot-1>span,.nexus-explorer[data-layer=ia] .hot-2>span{animation:signal 1.8s ease-in-out infinite}.nexus-explorer[data-layer=iot] .nexus-haze{opacity:1;scale:1.4}.nexus-explorer[data-layer=ia] .nexus-glass{background-color:var(--glow)}.nexus-haze{transition:opacity .6s,scale .6s}.nexus-story{padding-block:72px}.nexus-invite{max-width:880px;margin-top:64px;padding:48px;border-radius:24px}.nexus-invite h3{font-size:32px;margin-top:24px;max-width:32ch}.nexus-invite p{max-width:42ch;margin-block:24px;font-size:15px}.agency-manifesto{padding-block:40px 72px}.agency-manifesto .manifesto{max-width:28ch}.agency-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;padding-block:72px;border-top:1px solid var(--hair)}.agency-grid article>.mono{color:var(--ink3);margin-bottom:32px}.agency-grid h2{font-size:clamp(32px,4vw,58px);margin-bottom:32px}.agency-grid p{font-size:15px;max-width:40ch;margin-block:20px}.agency-grid .button{margin-top:16px}.agency-orbit{border-radius:24px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit-circle{height:230px;width:230px;border-radius:50%;border:1px solid var(--hair);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit-circle:before{content:'';position:absolute;inset:-16px;border:1px solid var(--acc);border-left-color:transparent;border-top-color:transparent;border-radius:50%;rotate:-25deg}.orbit-circle:after{content:'';position:absolute;inset:-40px;border:1px solid var(--hair2);border-radius:50%}.orbit-circle>span{font-family:Archivo,sans-serif;font-size:80px;font-weight:700;letter-spacing:-.06em}.orbit-circle small{font-size:12px;color:var(--ink2)}.orbit-caption{margin-top:52px;max-width:30ch;text-align:center}.orbit-caption .mono{color:var(--ink3);font-size:8px}.orbit-caption p{font-size:12px;margin-bottom:0}.cities{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:60px}.city{position:relative;border-top:1px solid var(--hair);padding-block:32px;overflow:hidden}.city>.mono{color:var(--ink3);font-size:9px}.city h2{font-size:clamp(52px,6vw,90px);margin-top:32px}.city p{font-size:14px;margin-top:16px}.city-clock{position:absolute;right:0;top:32px;font-family:'IBM Plex Mono',monospace;font-size:20px;color:var(--acc)}.city-line{height:80px;margin-top:32px;background:repeating-linear-gradient(90deg,transparent 0 12px,var(--hair) 12px 13px);mask-image:linear-gradient(transparent,#000);border-bottom:1px solid var(--acc)}.brands{padding-block:72px}.brand-architecture{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--hair);border-radius:20px;overflow:hidden}.brand-architecture article{padding:40px 32px;border-right:1px solid var(--hair)}.brand-architecture article:last-child{border:0}.brand-architecture strong{font-family:Archivo,sans-serif;font-size:40px;font-weight:800;letter-spacing:-.05em}.brand-architecture p{font-size:12px;margin-top:20px}.active-brand{background:var(--glow)}.supply strong{text-decoration:underline;text-decoration-color:#14b8a6;text-underline-offset:8px;text-decoration-thickness:2px}.process-list{padding-block:16px 48px}.process-row{border-top:1px solid var(--hair)}.process-row:last-child{border-bottom:1px solid var(--hair)}.process-row summary{list-style:none;display:flex;align-items:center;gap:48px;padding:32px 0;cursor:pointer}.process-row summary::-webkit-details-marker{display:none}.process-row summary>.mono{color:var(--acc)}.process-row h2{font-size:clamp(32px,4.8vw,66px)}.detail-toggle{font-size:28px;margin-left:auto;font-weight:300;transition:rotate .35s}.process-row[open] .detail-toggle{rotate:45deg}.process-body{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:0 64px 40px}.process-body h3{font-size:26px}.process-body p{font-size:15px;max-width:43ch}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding-block:64px}.metrics>article{min-width:0;border-top:1px solid var(--hair);padding-top:24px}.metric-number{display:flex;gap:16px;align-items:baseline}.metric-number b{font-family:Archivo,sans-serif;font-weight:650;font-size:clamp(60px,7vw,104px);letter-spacing:-.06em;line-height:1}.metric-number i{font-style:normal;font-size:16px;color:var(--ink3)}.metrics h3{font-size:22px;margin-block:28px 12px}.metrics p{font-size:13px;max-width:28ch}.sparkline{display:flex;align-items:end;gap:8px;height:60px;margin-top:40px}.sparkline i{flex:1;height:var(--h);background:var(--ink3);scale:1 .02;transform-origin:bottom;transition:scale .7s var(--ent);transition-delay:calc(var(--i)*70ms)}.sparkline i:last-child{background:var(--acc)}.sparkline.grown i{scale:1 1}.contact-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:100px;padding-block:20px 100px}.field{margin-bottom:28px}.field label{display:block;font-family:'IBM Plex Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);margin-bottom:8px}.field input,.field textarea{width:100%;max-width:100%;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--hair);padding:16px 0;font-size:18px;border-radius:0;transition:border-color .2s}.field textarea{resize:vertical;min-height:130px}.field input::placeholder,.field textarea::placeholder{color:var(--ink3);opacity:1}.field input:focus,.field textarea:focus{border-color:var(--acc);outline:none}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--acc);outline-offset:6px}.field [aria-invalid=true]{border-color:var(--acc)}.field-error{display:block;min-height:20px;font-size:11px;color:var(--acc);margin-top:8px}.area-picker{padding:0;border:0;margin:0 0 36px;display:flex;gap:8px;flex-wrap:wrap}.area-picker legend{margin-bottom:16px;color:var(--ink3);font-size:9px}.area-picker label{cursor:pointer}.area-picker input{position:absolute;opacity:0;width:1px;height:1px}.area-picker label>span{display:inline-flex;padding:10px 16px;min-height:44px;align-items:center;border:1px solid var(--hair);border-radius:999px;font-size:11px}.area-picker input:checked+span{background:var(--ink);color:var(--ground);border-color:var(--ink)}.area-picker input:focus-visible+span{outline:2px solid var(--acc);outline-offset:4px}.form-action{display:flex;gap:24px;align-items:center}.form-action>p{font-size:11px;max-width:25ch}.contact-card{padding:36px;border-radius:20px;position:sticky;top:32px}.contact-card>.mono{font-size:8px;color:var(--ink3)}.direct-email{font-size:clamp(17px,1.9vw,26px);letter-spacing:-.035em;display:block;margin-top:24px}.contact-card .text-link{font-size:11px;margin-top:16px}.contact-card hr{border:0;border-top:1px solid var(--hair);margin-block:32px}.location{position:relative;margin-top:28px}.location h3{font-size:26px}.location p{font-size:12px;margin-top:8px}.location .mono{position:absolute;right:0;top:4px;color:var(--acc)}.contact-note{font-size:11px;margin-top:40px}.notfound{padding-bottom:80px}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:1px;background:var(--acc);scale:var(--prog,0) 1;transform-origin:left;z-index:90;pointer-events:none}#smoke{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:25;filter:blur(12px)}#cursor{position:fixed;top:-35px;left:-35px;width:70px;height:70px;border-radius:50%;background:var(--acc);color:var(--accInk);display:flex;align-items:center;justify-content:center;font-size:10px;z-index:80;pointer-events:none;scale:0;transition:scale .35s var(--ent);mix-blend-mode:normal}#cursor.visible{scale:1}#curtain{position:fixed;inset:0;background:var(--sunk);z-index:80;display:flex;align-items:center;justify-content:center;scale:1 0;pointer-events:none;border-block:1px solid var(--hair)}#curtain>span{font-family:Archivo,sans-serif;font-size:clamp(40px,7vw,100px);font-weight:650;letter-spacing:-.05em}#toast{position:fixed;bottom:32px;left:50%;translate:-50% 20px;opacity:0;z-index:150;background:var(--ink);color:var(--ground);padding:16px 24px;border-radius:12px;box-shadow:var(--lift);font-size:12px;max-width:calc(100vw - 40px);text-align:center;transition:opacity .25s,translate .25s;pointer-events:none}#toast.shown{translate:-50% 0;opacity:1}dialog{border:0;color:var(--ink);padding:0}dialog::backdrop{background:#080c12a8;backdrop-filter:blur(12px)}body:has(dialog[open]){overflow:hidden}.menu-dialog{background:var(--ground);width:100%;height:100%;max-width:100%;max-height:100%;margin:0}.menu-top{height:112px;display:flex;align-items:center;justify-content:space-between}.close-button{display:flex;align-items:center;gap:20px;min-width:44px;min-height:44px;font-size:12px}.close-button>span{font-size:32px;font-weight:300}.menu-layout{display:grid;grid-template-columns:2fr 1fr;gap:64px;padding-block:32px}.menu-layout nav>a{display:flex;gap:28px;align-items:center;overflow:hidden;padding-block:8px}.menu-layout nav .mono{color:var(--ink3);font-size:9px;min-width:20px}.menu-word{font-family:Archivo,sans-serif;font-size:clamp(36px,5.2vw,76px);line-height:1.2;font-weight:650;letter-spacing:-.05em}.menu-arrow{font-size:36px;color:var(--acc);opacity:0;translate:-12px 0;transition:opacity .25s,translate .25s}.menu-layout nav a:hover .menu-arrow{opacity:1;translate:0 0}.menu-aside{align-self:end;padding-bottom:24px}.menu-aside p:first-child{color:var(--ink3);margin-bottom:48px}.menu-aside>a{font-size:20px}.menu-aside>p{font-size:14px;margin-block:20px}.menu-aside>div{color:var(--ink3);font-size:9px;margin-top:40px}.content-dialog{width:min(620px,calc(100% - 32px));max-height:90dvh;padding:44px;background:var(--surface);border:1px solid var(--hair);border-radius:24px;overflow:auto;box-shadow:var(--lift)}.content-dialog>.close-button{position:absolute;right:16px;top:12px;font-size:28px;justify-content:center}.content-dialog h2{font-size:40px;margin-block:24px}.content-dialog p{font-size:14px;margin-block:16px;max-width:48ch}.content-dialog a:not(.button){text-decoration:underline}.content-dialog pre{font-family:Inter,sans-serif;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--sunk);padding:20px;border-radius:12px;max-height:240px;overflow:auto;color:var(--ink2)}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.content-dialog .small-note{font-size:11px}@keyframes loadbar{from{scale:0 1}}@keyframes signal{50%{box-shadow:0 0 0 12px transparent}}
@media(max-width:1199px){.page-lead{margin-left:20%}.service-row{grid-template-columns:40px 1.1fr 1fr 24px;gap:16px}.nexus-title h2{font-size:80px}.nexus-feature{padding-block:72px}.nexus-art{margin-left:-60px}.service-card{padding:32px}.service-card-body{gap:32px}.contact-layout{gap:48px}.contact-card{padding:24px}.agency-grid{gap:56px}.brand-architecture article{padding:32px 24px}.scope-panel{padding:32px}.service-detail{gap:40px}.menu-layout{padding-top:48px}}
@media(max-width:899px){.section-intro{gap:28px}.services-section{padding-block:64px}.service-row{grid-template-columns:32px 1fr 24px;gap:16px}.service-row p{grid-column:2;grid-row:2}.service-row .row-arrow{grid-column:3;grid-row:1/3}.service-row h3{font-size:28px}.service-row{padding-block:20px}.design-row h3{font-size:22px}.manifesto-section{padding-block:80px}.nexus-feature{grid-template-columns:1fr;gap:24px}.nexus-copy{grid-column:1}.nexus-title h2{font-size:88px}.nexus-copy h3{font-size:36px}.nexus-art{grid-column:1;min-height:420px;margin-left:0}.nexus-ground{right:0}.nexus-image{inset:-24px -20px -40px}.nexus-feature .nexus-copy p{max-width:42ch}.nexus-feature .nexus-glass{left:50%}.process-steps{gap:20px}.process-steps h3{font-size:20px}.contact-cta{padding-block:64px}.cta-grid{gap:32px}.footer-top .live-clocks{display:none}.service-card-body{grid-template-columns:1fr}.service-card-body>h2{font-size:48px}.card-ghost{right:20px;left:auto;opacity:.5}.service-card-body>div{position:relative}.page-top{padding-block:52px}.page-lead{margin-left:0}.service-detail{grid-template-columns:1fr}.detail-aside{padding:0}.detail-aside p{max-width:48ch}.nexus-panel{padding:32px;gap:20px}.nexus-panel h2{font-size:32px}.nexus-full .nexus-art{height:480px}.nexus-full .nexus-glass{left:44%}.agency-grid{grid-template-columns:1fr;gap:64px}.agency-orbit{padding:64px 40px 40px}.agency-grid p{max-width:50ch}.orbit-caption{max-width:34ch}.metrics{gap:24px}.metrics h3{font-size:20px}.contact-layout{grid-template-columns:1fr}.contact-aside{max-width:100%}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding:32px}.contact-card>.mono,.contact-card>.direct-email,.contact-card>.text-link,.contact-card>hr,.contact-note{grid-column:1/-1}.contact-card>hr{width:100%;margin-bottom:0}.contact-card .text-link{justify-self:start}.menu-layout{grid-template-columns:1fr}.menu-aside{display:none}.menu-word{font-size:clamp(36px,7vw,64px)}.menu-layout nav>a{padding-block:12px}.menu-top{height:96px}}
@media(max-width:599px){.eyebrow{font-size:8px;margin-bottom:24px}.section-intro{display:block;margin-bottom:32px}.section-intro h2{font-size:38px}.section-intro>p,.section-intro>div{margin-top:24px;font-size:13px}.services-section{padding-block:52px}.service-row h3{font-size:23px}.service-row p{font-size:11px}.service-row{gap:8px 12px;padding-inline:0}.service-num{font-size:8px}.design-row h3{font-size:20px}.row-arrow{font-size:20px}.service-row:before{inset:4px -8px}.service-row:hover{padding-inline:4px}.manifesto-section{padding-block:64px}.manifesto{font-size:32px}.manifesto-section:before{bottom:-12px}.nexus-feature{padding-block:60px 28px;gap:8px}.nexus-title{gap:16px}.nexus-title h2{font-size:72px}.badge{font-size:7px;padding:6px 10px}.nexus-copy h3{font-size:30px}.nexus-copy p{font-size:14px}.nexus-art{min-height:300px;margin-top:16px}.nexus-glass{width:170px;min-height:90px;padding:12px 16px;left:39%!important;top:4%}.nexus-glass b{font-size:26px}.nexus-glass>span{font-size:9px}.nexus-glass i{margin-inline:5px}.nexus-ground{display:none}.process-teaser{padding-block:52px}.process-steps{grid-template-columns:1fr 1fr;gap:16px 24px}.process-steps h3{font-size:22px;margin-top:16px}.process-steps p{font-size:11px}.contact-cta{padding-block:56px}.cta-grid{grid-template-columns:1fr;gap:32px}.cta-grid h2{font-size:40px}.cta-grid>div{justify-self:start}.email-link{font-size:12px;margin-top:20px}.footer{padding-block:28px 12px}.footer-top p{font-size:9px;max-width:22ch}.footer-word{font-size:17vw;margin-block:40px 24px}.footer-bottom{flex-wrap:wrap;gap:8px;font-size:7px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>div{gap:16px}.page-top{padding-block:40px}.page-top h1{font-size:clamp(36px,9.5vw,56px);max-width:100%}.page-lead{font-size:14px;max-width:40ch;margin-top:24px}.service-card{position:relative;top:auto;padding:24px;margin-bottom:20px;border-radius:16px}.service-card>.mono{font-size:8px;margin-bottom:28px}.service-card-body{gap:24px}.service-card-body>h2{font-size:36px}.service-card-body h3{font-size:24px}.service-card-body p{font-size:14px}.service-card-body li{font-size:12px}.card-ghost{font-size:180px}.scope-panel{padding:24px}.scope-panel h2{font-size:32px}.scope-panel li{font-size:13px;gap:16px}.scope-panel li .mono{font-size:8px}.service-detail{padding-block:12px 48px;gap:40px}.detail-aside h3{font-size:28px}.detail-aside>.mono{font-size:8px}.related{padding-block:20px}.related-row h3{font-size:26px}.related-row>span{font-size:24px}.nexus-controls{gap:8px}.nexus-controls button{padding:10px 16px;font-size:12px;min-height:44px;gap:8px}.nexus-controls .mono{font-size:7px}.nexus-full .nexus-art{height:340px;margin-top:20px}.nexus-full .nexus-glass{width:160px;top:0}.nexus-panel{grid-template-columns:1fr;padding:24px;margin-top:-12px;gap:16px}.nexus-panel h2{font-size:30px}.nexus-panel p{font-size:13px}.nexus-panel>.mono{font-size:8px}.hotspot{padding:8px 10px;gap:8px}.hotspot b{font-size:10px}.hot-0{left:4%;top:68%}.hot-1{left:65%;top:47%}.hot-2{left:40%;top:28%}.nexus-story{padding-block:40px}.nexus-invite{padding:28px;margin-top:40px}.nexus-invite h3{font-size:27px}.nexus-invite p{font-size:14px}.agency-manifesto{padding-block:12px 48px}.agency-grid{padding-block:48px;gap:48px}.agency-grid h2{font-size:36px}.agency-grid p{font-size:14px}.agency-orbit{padding:52px 28px 32px}.orbit-circle{width:180px;height:180px}.orbit-circle>span{font-size:64px}.cities{grid-template-columns:1fr;gap:24px;padding-block:24px}.city h2{font-size:64px}.brands{padding-block:48px}.brand-architecture{grid-template-columns:1fr}.brand-architecture article{border-right:0;border-bottom:1px solid var(--hair);padding:28px}.brand-architecture strong{font-size:36px}.brand-architecture p{font-size:12px;margin-top:16px}.process-row summary{gap:20px;padding-block:28px}.process-row summary>.mono{font-size:8px}.process-row h2{font-size:30px}.process-body{grid-template-columns:1fr;gap:16px;padding:0 0 28px 36px}.process-body h3{font-size:24px}.process-body p{font-size:14px}.metrics{grid-template-columns:1fr;gap:40px;padding-block:32px}.metric-number b{font-size:80px}.metrics p{max-width:40ch}.sparkline{max-width:300px;height:48px;margin-top:28px}.contact-layout{padding-block:12px 56px;gap:48px}.field input,.field textarea{font-size:16px}.form-action{flex-wrap:wrap;gap:16px}.form-action>p{max-width:35ch}.area-picker label>span{font-size:10px;padding:10px 14px}.contact-card{padding:24px;gap:0 20px}.location h3{font-size:24px}.location .mono{position:static;display:block;margin-top:8px;font-size:9px}.contact-note{margin-top:28px}.direct-email{font-size:24px}.menu-top{height:88px}.menu-layout{padding-block:32px}.menu-layout nav>a{gap:20px;padding-block:12px}.menu-word{font-size:clamp(32px,9vw,44px)}.menu-arrow{font-size:24px}.content-dialog{padding:36px 24px}.content-dialog h2{font-size:32px}.dialog-actions{flex-direction:column}#toast{bottom:20px;font-size:11px;padding:14px 20px}}
@media(pointer:coarse){#cursor,#smoke{display:none}.scene-hint{display:none}.float-chip{animation:none}}
@media(prefers-reduced-motion:reduce){.sparkline i{scale:1 1}.manifesto span{opacity:1!important}#cursor,#smoke{display:none}}
/* The interactive prototype: a cinematic entrance, followed by editorial work. */
:root{--ground:#11151a;--surface:#1b2128;--ink:#f0f1ed;--ink2:#b9c2cc;--ink3:#87929f;--paper:#e9ece7;--motion:cubic-bezier(.19,1,.22,1)}
[data-theme=claro]{--ground:#eef0eb;--surface:#f7f8f4;--ink:#172027;--ink2:#4d5b65;--ink3:#606d77;--paper:#dce2dd}
html{scroll-behavior:auto}body{overflow-x:clip}.site-shell{overflow:clip}.wrap{max-width:1800px;padding-inline:clamp(22px,4.4vw,84px)}
.header{position:absolute;inset:0 0 auto;height:104px;max-width:none;border-bottom:1px solid var(--hair2);z-index:30}.brand>span{font-size:34px;letter-spacing:-.07em}.brand small{font-size:6px}.header .nav{background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;gap:28px}.header .nav:before{display:none}.nav a{font-size:11px;position:relative;padding-block:12px}.nav a:after{content:'';height:1px;background:var(--ink);position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--motion)}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}.header-controls{gap:14px}.theme-control{border:0;min-width:auto}.menu-control{border:1px solid var(--hair);border-radius:50%;width:48px;height:48px;transition:background .3s}.menu-control:hover{background:var(--glow)}.menu-control span{width:18px}.theme-icon{font-size:18px}.theme-label{font-size:10px}
.button{position:relative;isolation:isolate;min-height:58px;padding:5px 5px 5px 24px;gap:30px;font-size:12px;font-weight:500;border-radius:99px;overflow:hidden;box-shadow:none;transform:translateZ(0);transition:translate .35s var(--motion),color .35s,border-color .35s}.button:before{content:'';position:absolute;inset:0;background:var(--acc);z-index:-1;clip-path:circle(0% at var(--bx,50%) var(--by,50%));transition:clip-path .6s var(--motion)}.button:hover:before,.button:focus-visible:before{clip-path:circle(145% at var(--bx,50%) var(--by,50%))}.button:hover{translate:0 0;color:var(--accInk);box-shadow:none}.button:active{scale:.97}.button-primary{background:var(--ink);color:var(--ground);border:1px solid transparent}.button-outline{background:transparent;border:1px solid var(--hair);color:var(--ink)}.button-arrow,.button>span:last-child:not(.button-label){display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:50%;font-size:21px!important;background:var(--ground);color:var(--ink);transition:rotate .6s var(--motion),background .4s,color .4s}.button-outline .button-arrow{background:var(--ink);color:var(--ground)}.button:hover .button-arrow{rotate:45deg;background:var(--accInk);color:var(--acc)}.button-label{display:block;position:relative;overflow:hidden;line-height:1.5}.button-label-inner{display:block;transition:transform .6s var(--motion)}.button-label-inner:after{content:attr(data-text);position:absolute;left:0;top:150%;white-space:nowrap}.button:hover .button-label-inner{transform:translateY(-150%)}.text-link{position:relative;border-bottom:1px solid var(--hair);gap:40px;padding:4px 0}.text-link:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--acc);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--motion)}.text-link:hover:after{transform:scaleX(1);transform-origin:left}.text-link>span{transition:translate .4s var(--motion)}.text-link:hover>span{translate:4px -4px}
.experience-hero{position:relative;height:100svh;min-height:800px;max-height:1200px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#29405732,transparent 52%),var(--ground)}.hero-grain{position:absolute;inset:0;pointer-events:none;z-index:8;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-mesh{position:absolute;inset:104px 0 0;z-index:-1;background:linear-gradient(90deg,transparent calc(25% - 1px),var(--hair2) 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),var(--hair2) 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),var(--hair2) 75%,transparent calc(75% + 1px))}.hero-topline{position:absolute;left:0;right:0;top:136px;display:flex;justify-content:space-between;gap:24px;font-size:8px;z-index:6;color:var(--ink2)}.status-dot{width:5px;height:5px;display:inline-block;background:var(--acc);border-radius:50%;box-shadow:0 0 14px var(--glow);margin-right:10px;vertical-align:middle}.hero-stage{position:absolute;inset:11% -5% 8% 42%;z-index:1}.hero-stage .scene{inset:0;overflow:visible;touch-action:pan-y;outline-offset:-12px}.hero-stage .scene canvas{transition:opacity 1.2s}.scene-fallback{inset:13% auto auto 26%;width:45%;height:72%;opacity:.32;filter:drop-shadow(10px 8px 0 var(--hair))}.stage-orbit{position:absolute;pointer-events:none;width:78%;aspect-ratio:1;border:1px solid var(--hair2);border-radius:50%;top:5%;left:11%;transform:rotateX(62deg) rotateZ(-28deg)}.orbit-two{transform:rotateX(62deg) rotateZ(38deg);width:93%;left:4%;top:0;opacity:.55}.stage-coordinate{position:absolute;top:35%;right:13%;font-size:7px;color:var(--ink3);writing-mode:vertical-rl}.stage-coordinate b{font-weight:400}.hero-title-wrap{position:absolute;left:0;right:0;top:32%;z-index:3;pointer-events:none}.hero-pretitle{font-size:8px;color:var(--ink3);margin-bottom:26px}.experience-hero h1{font-size:clamp(82px,9.6vw,174px);letter-spacing:-.071em;font-weight:760;line-height:.9;max-width:12ch}.hero-period{color:var(--acc)}.hero-bottom-copy{margin-top:40px;display:flex;align-items:center;gap:60px}.hero-bottom-copy p{font-size:13px;line-height:1.65;color:var(--ink2)}.hero-bottom-copy .button{pointer-events:auto}.hero-experiment{position:absolute;right:4.4vw;bottom:140px;z-index:5;width:222px}.stage-label{font-size:7px;display:block;color:var(--ink3);margin-bottom:14px}.scene-toggle{width:100%;display:flex;align-items:center;gap:14px;border:1px solid var(--hair);padding:17px 18px;border-radius:5px;background:linear-gradient(130deg,#ffffff0c,transparent);backdrop-filter:blur(14px);font-size:11px;transition:background .4s,border-color .4s}.scene-toggle>span:last-child{margin-left:auto}.scene-toggle:hover{border-color:var(--acc);background:var(--glow)}.explode-icon{width:22px;height:20px;position:relative;display:block}.explode-icon i{position:absolute;top:8px;width:18px;height:8px;border:1px solid var(--ink2);transform:rotate(-30deg) skew(28deg);transition:top .6s var(--motion)}.explode-icon i:first-child{top:3px}.explode-icon i:last-child{top:13px}.scene-toggle[aria-pressed=true] .explode-icon i:first-child{top:-3px}.scene-toggle[aria-pressed=true] .explode-icon i:last-child{top:19px}.scene-reset{font-size:7px;color:var(--ink3);margin-top:12px;padding:8px 0}.scene-feedback{display:block;font-size:7px;color:var(--ink2);min-height:18px}.hero-base{position:absolute;bottom:0;left:0;right:0;height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:8px;color:var(--ink3);z-index:6}.hero-base:before{content:'';height:1px;background:var(--hair);position:absolute;top:0;left:4.4vw;right:4.4vw}.hero-scroll{display:flex;gap:18px;align-items:center;font:inherit;color:var(--ink)}.scroll-disc{width:36px;height:36px;border:1px solid var(--hair);border-radius:50%;display:grid;place-items:center;font-size:16px;transition:background .35s,color .35s}.hero-scroll:hover .scroll-disc{background:var(--ink);color:var(--ground)}.hero-drag-hint{margin-left:12vw;font-size:7px}.hero-index{font-size:8px}
.capability-marquee{overflow:hidden;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding-block:30px;background:var(--ground)}.marquee-track{display:flex;align-items:center;gap:48px;width:max-content;animation:marquee 52s linear infinite;will-change:transform}.marquee-track span{font-family:Archivo,sans-serif;font-size:clamp(26px,3vw,50px);font-weight:550;letter-spacing:-.045em;white-space:nowrap}.marquee-track i{font-size:27px;font-style:normal;color:var(--acc);font-weight:300}@keyframes marquee{to{transform:translateX(-25%)}}
.light-chapter{background:var(--paper);--ground:var(--paper);--ink:#19262b;--ink2:#4c5b5f;--ink3:#617075;--hair:#19262b30;--hair2:#19262b10;color:var(--ink)}.selected-work{padding-block:76px 100px}.section-index{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:8px;color:var(--ink3)}.work-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-block:80px 70px}.work-intro h2{font-size:clamp(48px,6.3vw,112px);letter-spacing:-.06em;font-weight:650;line-height:.98}.work-intro h2>span{color:var(--ink3)}.work-intro p{font-size:13px;max-width:28ch;padding-bottom:8px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:4vw}.work-grid .work-card:nth-child(2){margin-top:180px}.work-card{display:block;min-width:0}.work-visual{position:relative;aspect-ratio:4/4.5;border-radius:4px;overflow:hidden;isolation:isolate;transform:perspective(1200px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .6s var(--motion);background:#252c2c;color:#fff;will-change:transform}.work-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--motion),filter 1s;filter:saturate(.65);transform:scale(1.04)}.work-card:hover img{transform:scale(1.09);filter:saturate(.95)}.work-mindelo img{object-position:62% center}.work-formar img{object-position:50% center}.work-shade{position:absolute;inset:0;background:linear-gradient(180deg,#07151535,transparent 40%,#06131587);pointer-events:none}.work-top{position:absolute;left:28px;right:28px;top:26px;display:flex;justify-content:space-between;font-size:7px;color:#fff}.work-brand{position:absolute;left:8%;right:8%;top:40%;color:#fff;pointer-events:none;text-shadow:0 1px 30px #0003}.work-brand>span{font-family:Archivo,sans-serif;font-size:clamp(35px,5.4vw,90px);font-weight:750;letter-spacing:-.055em;line-height:1}.work-brand p{color:#fff;font-size:12px;margin-top:14px}.work-formar .work-brand>span{font-weight:400;letter-spacing:.02em}.work-discover{position:absolute;right:26px;bottom:76px;display:grid;place-items:center;width:64px;height:64px;border:1px solid #ffffff55;border-radius:50%;backdrop-filter:blur(8px);background:#ffffff0a;font-size:28px;transition:rotate .65s var(--motion),background .4s,color .4s}.work-card:hover .work-discover{rotate:45deg;background:#fff;color:#142226}.work-address{position:absolute;bottom:26px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:7px;gap:20px}.work-address>span{opacity:.7}.work-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px}.work-caption h3{font-size:23px;letter-spacing:-.04em;font-weight:580}.work-caption>span{font-size:7px;color:var(--ink3);text-align:right}.work-all{margin-top:58px;font-size:12px}
.code-chapter{padding-block:100px 120px}.code-manifesto{display:grid;grid-template-columns:1fr 5fr;gap:44px;margin-top:108px;align-items:start}.manifesto-mark{font-family:'IBM Plex Mono',monospace;font-size:clamp(28px,6vw,98px);font-weight:400;letter-spacing:-.2em;color:var(--acc);line-height:1.1}.code-manifesto .manifesto{font-size:clamp(36px,5.15vw,90px);font-family:Archivo,sans-serif;font-weight:560;line-height:1.04;letter-spacing:-.055em;color:var(--ink);max-width:20ch}.code-foot{margin-top:60px;display:grid;grid-template-columns:1fr 3fr 2fr;gap:44px;align-items:start}.code-foot>.mono{font-size:8px;color:var(--ink3)}.code-foot>p{max-width:45ch;font-size:14px}.code-foot>.text-link{justify-self:end;font-size:12px}
.capabilities{padding-block:0 120px}.capability-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-block:70px 60px}.capability-title h2{font-size:clamp(42px,5.7vw,96px);font-weight:630}.capability-title>p{font-size:13px;max-width:28ch}.service-list{border-top:1px solid var(--hair)}.service-row{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--hair)!important;min-height:120px;transition:padding .55s var(--motion),color .4s;position:relative;isolation:isolate;overflow:hidden;box-shadow:none!important}.service-row:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--motion)}.service-row:hover:before{transform:scaleY(1)}.service-row:hover{padding-inline:24px;color:var(--ground)}.service-row:hover p,.service-row:hover .service-num,.service-row:hover .row-arrow{color:var(--ground)}.service-row h3{font-size:clamp(22px,3.1vw,50px);font-weight:500;letter-spacing:-.055em}.service-row p{font-size:11px}.service-row.design-row h3{font-size:clamp(19px,2.4vw,38px)}.row-arrow{border:0!important;background:none!important;font-size:30px!important;transition:rotate .4s}.service-row:hover .row-arrow{rotate:45deg}
.nexus-next{padding-block:70px 40px;background:var(--sunk);border-block:1px solid var(--hair)}.nexus-next-grid{display:grid;grid-template-columns:4fr 6fr;align-items:center;gap:20px;margin-top:70px}.nexus-next .nexus-copy>.mono{font-size:8px;color:var(--ink3)}.nexus-next h2{font-size:clamp(80px,10vw,172px);font-weight:540;letter-spacing:-.075em;margin-block:30px}.nexus-next h2>span{font-size:20px;vertical-align:top;display:inline-block;margin:18px 0 0 14px;color:var(--acc)}.nexus-next h3{font-size:clamp(28px,2.9vw,48px);font-weight:500;letter-spacing:-.045em;margin-bottom:24px}.nexus-next p{font-size:14px;max-width:36ch}.nexus-next .button{margin-top:32px}.nexus-next .nexus-art{min-height:540px}.nexus-next .nexus-image{border-radius:50%;overflow:hidden}.nexus-next .nexus-glass{background:#9ac8e010}.nexus-home-status{display:flex;justify-content:space-between;font-size:7px;color:var(--ink3);gap:32px;margin-top:36px;padding-top:28px;border-top:1px solid var(--hair)}.nexus-home-status a{color:var(--ink)}
.contact-cta{padding-block:120px 110px!important}.contact-cta .eyebrow{font-size:8px}.cta-grid{align-items:end}.contact-cta h2{font-size:clamp(48px,7.5vw,126px);font-weight:620;line-height:.99;letter-spacing:-.062em}.cta-grid>.reveal:last-child{padding-bottom:10px}.email-link{font-size:12px;margin-top:24px}.footer{border-top:1px solid var(--hair);padding-top:40px}.footer-top p{font-size:11px}.footer-word{font-size:clamp(74px,17.5vw,310px);letter-spacing:-.074em;font-weight:750;color:var(--ink);opacity:.92;line-height:1.12;overflow:hidden}.footer-bottom{font-size:7px;padding-bottom:28px}.footer-top .live-clocks{font-size:8px}
.page-top{padding-top:180px!important}.page-top h1{font-size:clamp(50px,7.8vw,136px);font-weight:650;letter-spacing:-.062em}.page-top .page-lead{font-size:15px}.project-list{padding-bottom:110px}.project-list .work-grid .work-card:nth-child(2){margin-top:100px}.project-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:48px}.project-heading>span{font-size:8px;white-space:nowrap;padding-bottom:12px}.project-top .text-link{font-size:8px}.project-image{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:4px}.project-image>img{width:100%;height:100%;object-fit:cover}.project-image .work-brand{top:40%;left:9%}.project-image .work-brand>span{font-size:clamp(52px,10vw,170px)}.project-story{display:grid;grid-template-columns:1fr 2fr;gap:44px;padding-block:90px 110px}.project-story>.mono{font-size:8px;color:var(--ink3)}.project-story h2{font-size:clamp(32px,4.5vw,76px);font-weight:550;max-width:16ch}.project-story p{margin-top:28px;max-width:50ch;font-size:15px}.project-story .button{margin-top:32px}.project-story .project-source{font-size:7px;margin-top:20px}.next-project{padding-block:60px;border-block:1px solid var(--hair)}.next-project>.mono{font-size:8px;color:var(--ink3)}.next-project>a{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px}.next-project h2{font-size:clamp(36px,6vw,100px);font-weight:550}.next-project>a>span{font-size:60px;color:var(--acc);transition:rotate .5s}.next-project>a:hover>span{rotate:45deg}
#smoke{position:fixed;inset:0;width:100%;height:100%;z-index:75;pointer-events:none;opacity:1;mix-blend-mode:normal}#cursor{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border:1px solid var(--acc);background:var(--acc);border-radius:50%;color:var(--ink);font-family:'IBM Plex Mono',monospace;font-size:8px;text-transform:uppercase;letter-spacing:.08em;opacity:0;transform:translate(-50%,-50%);transition:width .4s var(--motion),height .4s var(--motion),background .25s,opacity .2s;backdrop-filter:none;mix-blend-mode:normal}.cursor-active #cursor{opacity:1}.cursor-active,.cursor-active a,.cursor-active button,.cursor-active summary,.cursor-active [data-hv]{cursor:none!important}.cursor-active input,.cursor-active textarea{cursor:text!important}#cursor.has-label{width:88px;height:88px;background:color-mix(in srgb,var(--ground),transparent 15%);border-color:var(--acc);backdrop-filter:blur(10px);box-shadow:0 0 32px var(--glow)}#cursor.is-link:not(.has-label){width:42px;height:42px;background:transparent;border-color:var(--acc)}#cursor.is-pressed{scale:.7}.menu-dialog{background:var(--ground)}.menu-word{font-weight:550;letter-spacing:-.065em}.menu-aside{font-size:13px}.menu-layout nav>a{font-size:clamp(26px,5.3vw,86px)}.menu-layout nav>a .mono{font-size:8px}.menu-top{height:104px}.menu-layout{padding-top:16px!important}.content-dialog{border-radius:10px}.service-card{border-radius:8px!important}.scope-panel,.agency-orbit,.nexus-invite,.contact-card{border-radius:8px!important}.nexus-full{padding-top:20px}.concept-note{font-size:8px}.metrics article>p{font-size:13px}
@media(min-width:1800px){.hero-title-wrap{top:33%}.hero-stage{left:44%;right:0}.hero-experiment{right:7vw}.hero-bottom-copy{margin-top:50px}}
@media(max-width:1199px){.header .nav{gap:18px}.header .nav a{font-size:10px}.header .brand small{display:none}.header-controls{gap:8px}.hero-title-wrap{top:33%}.experience-hero h1{font-size:10.5vw}.hero-bottom-copy{gap:30px}.hero-experiment{width:190px}.hero-stage{left:40%;right:-12%}.hero-topline{font-size:7px}.work-caption{align-items:start;flex-direction:column;gap:6px}.nexus-next .nexus-art{min-height:440px}.menu-layout nav>a{font-size:5.3vw}}
@media(max-width:899px){.header{height:88px}.header .nav{display:none}.hero-topline{top:112px}.experience-hero{min-height:970px;height:auto}.hero-stage{left:29%;right:-10%;top:16%;bottom:27%}.hero-title-wrap{top:200px}.experience-hero h1{font-size:12.7vw;max-width:100%;line-height:.93}.hero-bottom-copy{margin-top:44px;flex-direction:column;align-items:start;gap:22px}.hero-bottom-copy>p{font-size:13px}.hero-experiment{bottom:120px;right:5vw}.hero-pretitle{font-size:7px}.hero-base{height:80px}.hero-drag-hint{display:none}.stage-coordinate{right:22%;top:32%}.work-intro{align-items:start;flex-direction:column;margin-block:64px 48px;gap:28px}.work-intro h2{font-size:8vw}.work-grid{gap:28px}.work-grid .work-card:nth-child(2){margin-top:100px}.work-visual{aspect-ratio:3/4}.work-brand>span{font-size:5.4vw}.work-top{left:16px;right:16px;font-size:6px}.work-top>span:last-child{display:none}.work-brand p{font-size:10px}.work-address{left:16px;right:16px;font-size:6px}.work-address>span{display:none}.work-discover{width:46px;height:46px;font-size:22px;right:18px;bottom:60px}.work-caption h3{font-size:20px}.code-manifesto{grid-template-columns:1fr 6fr;gap:28px;margin-top:70px}.code-manifesto .manifesto{font-size:6vw}.code-foot{grid-template-columns:1fr 3fr;gap:28px}.code-foot>.text-link{grid-column:2;justify-self:start}.capability-title{align-items:start;flex-direction:column;gap:28px}.capability-title h2{font-size:7vw}.nexus-next-grid{grid-template-columns:1fr;margin-top:50px}.nexus-next .nexus-copy{position:relative;z-index:2}.nexus-next .nexus-copy h2{font-size:17vw}.nexus-next .nexus-art{margin-top:-100px;min-height:520px;transform:translateX(17%);width:88%}.nexus-next h3{font-size:34px}.nexus-next p{font-size:13px;max-width:32ch}.nexus-home-status{margin-top:0}.contact-cta{padding-block:90px!important}.cta-grid{gap:36px}.contact-cta h2{font-size:9vw}.menu-layout nav>a{font-size:6.5vw}.menu-layout{gap:20px}.menu-aside{max-width:190px}.project-heading{display:block}.project-heading>span{display:block;margin-top:30px}.project-story{grid-template-columns:1fr;gap:30px}.project-image{aspect-ratio:4/3}.hero-topline>span:last-child{font-size:6px}}
@media(max-width:599px){.header{height:80px}.header .brand>span{font-size:29px}.header-controls{gap:6px}.header .menu-control{width:40px;height:40px}.theme-control{min-width:32px}.theme-label{display:none}.hero-topline{top:104px;font-size:6px}.hero-topline>span:last-child{display:none}.experience-hero{min-height:960px}.hero-title-wrap{top:164px}.hero-pretitle{font-size:6px;letter-spacing:.1em;margin-bottom:22px}.experience-hero h1{font-size:13.2vw;letter-spacing:-.065em;line-height:.94}.hero-bottom-copy{margin-top:25px;gap:20px}.hero-bottom-copy>p{font-size:12px}.button{min-height:53px;padding:4px 4px 4px 20px;gap:28px;font-size:11px}.button-arrow,.button>span:last-child:not(.button-label){width:42px;height:42px;font-size:20px!important}.hero-stage{top:400px;bottom:130px;left:4%;right:-2%}.stage-coordinate{right:8%;top:33%;font-size:6px}.hero-experiment{bottom:106px;right:24px;width:162px}.stage-label{font-size:6px;margin-bottom:9px}.scene-toggle{padding:12px;font-size:10px;gap:12px}.scene-feedback{position:absolute;right:0;bottom:-18px;white-space:nowrap;font-size:6px}.scene-reset{font-size:6px;margin-top:5px}.hero-base{height:70px;font-size:6px}.hero-base:before{left:22px;right:22px}.hero-index{font-size:6px}.hero-scroll{gap:12px}.scroll-disc{width:28px;height:28px;font-size:13px}.capability-marquee{padding-block:22px}.marquee-track{gap:30px}.marquee-track span{font-size:25px}.marquee-track i{font-size:19px}.selected-work{padding-block:44px 60px}.section-index{font-size:6px;align-items:start;gap:20px}.section-index>span:last-child{max-width:24ch;text-align:right}.work-intro{margin-block:46px 36px;gap:24px}.work-intro h2{font-size:9.8vw}.work-intro p{font-size:12px}.work-grid{grid-template-columns:1fr;gap:48px}.work-grid .work-card:nth-child(2),.project-list .work-grid .work-card:nth-child(2){margin-top:0}.work-visual{aspect-ratio:4/4.6}.work-brand>span{font-size:12vw}.work-top{top:20px;left:22px;right:22px;font-size:6px}.work-top>span:last-child{display:block}.work-brand p{font-size:11px}.work-address{left:22px;bottom:22px}.work-discover{right:22px;bottom:60px}.work-caption{padding-top:16px;flex-direction:row;align-items:center}.work-caption h3{font-size:20px}.work-caption>span{font-size:6px;max-width:20ch}.work-all{margin-top:40px;font-size:11px}.code-chapter{padding-block:54px 66px}.code-manifesto{display:block;margin-top:42px}.manifesto-mark{display:block;font-size:38px;margin-bottom:30px}.code-manifesto .manifesto{font-size:9.1vw;max-width:21ch;line-height:1.04}.code-foot{display:block;margin-top:34px}.code-foot>.mono{display:block;font-size:7px;margin-bottom:24px}.code-foot>p{font-size:13px}.code-foot>.text-link{font-size:11px;margin-top:24px}.capabilities{padding-block:0 64px}.capability-title{margin-block:40px 32px;gap:25px}.capability-title h2{font-size:9.1vw}.capability-title>p{font-size:12px}.service-row{min-height:100px;grid-template-columns:24px 1fr 26px!important;gap:10px!important;padding-block:26px!important}.service-row h3,.service-row.design-row h3{font-size:6.7vw}.service-row p{display:none!important}.service-row:hover{padding-inline:12px}.service-num{font-size:7px!important}.row-arrow{font-size:25px!important}.nexus-next{padding-block:44px 28px}.nexus-next-grid{margin-top:38px}.nexus-next .nexus-copy>.mono{font-size:7px}.nexus-next h2{font-size:25vw!important;margin-block:25px}.nexus-next h3{font-size:32px}.nexus-next p{font-size:13px;max-width:32ch}.nexus-next .nexus-art{margin-top:0;min-height:340px;transform:none;width:100%}.nexus-home-status{font-size:6px;display:block;margin-top:8px}.nexus-home-status a{display:block;margin-top:12px}.contact-cta{padding-block:64px!important}.contact-cta h2{font-size:10.9vw}.contact-cta .eyebrow{font-size:7px}.email-link{font-size:11px}.footer{padding-top:28px}.footer-word{font-size:16.9vw;line-height:1.7}.footer-top{gap:20px}.footer-top p{font-size:10px}.footer-bottom{font-size:6px;gap:18px}.page-top{padding-top:134px!important}.page-top h1{font-size:12vw;line-height:.98}.page-top .page-lead{font-size:13px}.page-top .eyebrow{font-size:7px}.project-heading{margin-top:32px}.project-heading h1{font-size:13vw}.project-heading>span{font-size:7px;margin-top:20px}.project-image{aspect-ratio:4/5}.project-image .work-brand>span{font-size:12vw}.project-story{padding-block:44px 60px}.project-story h2{font-size:37px}.project-story p{font-size:13px}.project-story .project-source{font-size:6px}.next-project{padding-block:40px}.next-project h2{font-size:9vw}.next-project>a>span{font-size:40px}.menu-top{height:80px}.menu-layout{display:block;padding-top:20px!important}.menu-layout nav>a{font-size:8vw;min-height:55px}.menu-layout nav>a .mono{font-size:6px}.menu-aside{display:block!important;max-width:none;margin-top:24px;padding-top:20px;border-top:1px solid var(--hair)}.menu-aside>div.mono,.menu-aside>p{display:none}.menu-aside>a{font-size:13px}.hero-stage .scene-fallback{height:75%;width:50%;left:25%;top:8%}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.hero-stage .scene canvas{opacity:1}#smoke,#cursor{display:none!important}.cursor-active,.cursor-active a,.cursor-active button,.cursor-active summary,.cursor-active [data-hv]{cursor:auto!important}.work-visual{transform:none!important}.button-label-inner:after{display:none}.button:hover .button-label-inner{transform:none}.stage-orbit{display:none}}

.cursor-active dialog,.cursor-active dialog a,.cursor-active dialog button,.cursor-active dialog input{cursor:auto!important}.process-principles{padding-block:70px 100px}.process-principles>.mono{font-size:8px;color:var(--ink3);margin-bottom:30px}.process-principles h2{font-size:clamp(36px,5vw,80px);font-weight:550}.process-principles p{max-width:48ch;font-size:14px;margin-top:28px}.scene-toggle:disabled{cursor:default;opacity:.4}.hero-stage .scene:focus-visible{outline:1px dashed var(--acc)}
.hero-mesh:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(220px circle at var(--spot-x,65%) var(--spot-y,40%),#000,transparent);opacity:.65;pointer-events:none}
.hero-experiment{width:252px;padding:18px;border:1px solid var(--hair);border-radius:10px;background:color-mix(in srgb,var(--ground) 86%,transparent);backdrop-filter:blur(18px);box-shadow:0 1px 0 #ffffff0a inset}.scene-toggle{background:var(--glass)}.scene-toggle:hover{background:var(--glow)}@media(max-width:599px){.hero-experiment{width:184px;padding:12px;bottom:100px}.hero-experiment .scene-feedback{bottom:-22px}}
.experience-hero.hero-pending{visibility:hidden}.hero-stage .scene canvas{width:auto;height:auto}.hero-stage .scene canvas,.hero-stage .scene-fallback{transition:none}.hero-stage .scene-fallback{opacity:0}.hero-stage .scene-unavailable .scene-fallback{opacity:.32}
/* 9WEB: cool whites, original identity and explorable project architecture. */
#cursor-tip{position:fixed;left:0;top:0;width:24px;height:30px;z-index:1001;pointer-events:none;opacity:0;will-change:transform;filter:drop-shadow(0 2px 3px #0009)}#cursor-tip svg{overflow:visible}#cursor-tip path{fill:var(--ink);stroke:var(--acc);stroke-width:1.4;stroke-linejoin:round}.cursor-active #cursor-tip{opacity:1}.cursor-active #cursor:not(.has-label):not(.is-link){background:transparent;border-color:transparent}.cursor-active #cursor.has-label{translate:48px 38px}.cursor-active #cursor.is-pressed~#cursor-tip{scale:.9}@media(prefers-reduced-motion:reduce){#cursor-tip{display:none!important}}
.deck-select{display:flex;gap:5px;margin-top:14px}.deck-select button{flex:1;padding:8px 4px;border:1px solid var(--hair);border-radius:4px;font-size:9px;transition:background .3s,color .3s}.deck-select button[aria-pressed=true]{background:var(--acc);color:var(--accInk);border-color:var(--acc)}.project-deck[data-front=context] .deck-context,.project-deck[data-front=experience] .deck-experience{transform:translate3d(0,0,240px) rotateZ(0)!important}.project-deck[data-front=context] .deck-experience,.project-deck[data-front=context] .deck-website,.project-deck[data-front=experience] .deck-website{opacity:.12;pointer-events:none}.project-deck[data-front=website] .deck-website{transform:translate3d(0,0,240px) rotateZ(0)!important}.project-deck[data-front=website] .deck-context,.project-deck[data-front=website] .deck-experience{opacity:.15}@media(max-width:599px){.project-deck[data-front=context] .deck-context,.project-deck[data-front=experience] .deck-experience,.project-deck[data-front=website] .deck-website{transform:translate3d(0,0,60px)!important}}
.project-deck-copy h3{max-width:12ch}.project-deck[data-front=context] .deck-context,.project-deck[data-front=experience] .deck-experience,.project-deck[data-front=website] .deck-website{transform:translate3d(24px,0,150px) rotateZ(0)!important}@media(max-width:599px){.project-deck[data-front=context] .deck-context,.project-deck[data-front=experience] .deck-experience,.project-deck[data-front=website] .deck-website{transform:translate3d(0,0,40px)!important}}
:root{--paper:#f5f7fa;--ink:#f5f7fa;--ground:#0b1220}
[data-theme=claro]{--ground:#ffffff;--surface:#f7f9fc;--sunk:#edf2f9;--ink:#0b1220;--ink2:#40516a;--ink3:#596a82;--paper:#f4f7fc;--hair:#0b122026;--hair2:#0b12200d;--glass:#ffffffbd}
[data-theme=claro] .experience-hero{background:radial-gradient(ellipse at 78% 42%,#dce9ff80,transparent 53%),#fff}
.light-chapter{--ground:#f5f7fa;--ink:#0b1220;--ink2:#40516a;--ink3:#596a82;--hair:#0b122028;--hair2:#0b122010;background:#f5f7fa}
.service-stack-label{display:block;font:9px 'IBM Plex Mono',monospace;letter-spacing:.04em;margin-top:12px;color:var(--acc)}.service-row:hover .service-stack-label{color:var(--ground)}.stack-tags{display:flex;flex-wrap:wrap;gap:8px;margin-block:26px}.stack-tags>span{font:11px 'IBM Plex Mono',monospace;letter-spacing:0;border:1px solid var(--hair);border-radius:5px;padding:8px 12px;color:var(--ink2)}.detail-aside h3{font-size:clamp(27px,3vw,47px)}.detail-aside p{line-height:1.8}.service-card{background:linear-gradient(130deg,var(--surface),var(--ground))!important;position:relative;transition:border-color .4s,box-shadow .4s}.service-card:hover{border-color:var(--acc);box-shadow:0 20px 80px var(--glow)}.service-card .card-ghost{pointer-events:none}
.stack-lab{padding-block:20px 120px}.stack-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-block:62px 44px}.stack-heading h2{font-size:clamp(43px,5.6vw,94px);font-weight:580}.stack-heading>p{font-size:14px;max-width:32ch}.stack-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--hair)}.stack-tabs button{display:flex;align-items:center;gap:16px;text-align:left;padding:24px 18px;font-size:13px;transition:background .4s,color .4s;border-right:1px solid var(--hair)}.stack-tabs button:first-child{border-left:1px solid var(--hair)}.stack-tabs button .mono{font-size:8px;color:var(--ink3)}.stack-tabs button>span:last-child{margin-left:auto}.stack-tabs button[aria-selected=true]{background:var(--acc);color:var(--accInk)}.stack-tabs button[aria-selected=true] .mono{color:inherit;opacity:.7}.stack-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding:52px 0;align-items:center;min-height:410px}.stack-description>.mono{font-size:8px;color:var(--ink3)}.stack-description h3{font-size:clamp(28px,3.1vw,49px);max-width:20ch;font-weight:520;margin-block:22px}.stack-description>p{font-size:14px;max-width:46ch;line-height:1.85}.stack-console{background:#0b1220;color:#d7e3f7;border:1px solid #6483aa45;border-radius:14px;box-shadow:0 30px 80px #0002;overflow:hidden;position:relative}.stack-console:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent,#38bdf809,transparent);background-size:100% 80px;animation:scan-code 8s linear infinite}.console-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #fff2;padding:17px 22px;font-size:7px;color:#95a9c5}.console-bar>span:first-child{display:flex;gap:5px}.console-bar i{width:5px;height:5px;border-radius:50%;background:#516681}.console-bar i:last-child{background:#38bdf8}.stack-code{padding:28px 22px;min-height:238px;overflow-x:auto}.stack-code>span{display:flex;gap:22px;font:12px/2 'IBM Plex Mono',monospace;white-space:pre}.stack-code i{font-style:normal;color:#516681;user-select:none}.stack-code code{font:inherit;color:#b1dfff}.stack-code>span:first-child code{color:#8194b0}.architecture-flow{display:flex;align-items:center;justify-content:center;padding:22px;border-top:1px solid #fff2;font-size:10px;gap:10px}.architecture-flow>span{padding:10px;border:1px solid #91bfff40;border-radius:4px;background:#1c2b42}.architecture-flow>i{height:1px;flex:1;max-width:65px;background:#6483aa45;position:relative;overflow:hidden}.architecture-flow>i:after{content:'';position:absolute;top:0;height:1px;width:16px;background:#38bdf8;animation:data-signal 2.1s linear infinite}.architecture-flow>i:nth-of-type(2):after{animation-delay:1.05s}.stack-footnote{font-size:7px;color:var(--ink3);padding-top:18px;border-top:1px solid var(--hair)}@keyframes data-signal{from{left:-16px}to{left:100%}}@keyframes scan-code{to{background-position:0 400px}}
.work-grid{display:block}.project-deck{display:grid;grid-template-columns:33% 67%;align-items:center;gap:0;min-height:650px;margin-bottom:74px;padding:52px 4%;border:1px solid var(--hair);border-radius:16px;background:var(--ground);position:relative;isolation:isolate;overflow:hidden}.project-deck:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 55%,#548bc820,transparent 60%)}.project-deck.work-formar:before{background:radial-gradient(ellipse at 75% 55%,#2aadc32a,transparent 65%)}.project-deck-copy{position:relative;z-index:5}.project-deck-copy>.mono{font-size:8px;color:var(--ink3)}.project-deck-copy h3{font-size:clamp(26px,3.1vw,51px);font-weight:600;margin-top:28px;line-height:1.03}.project-deck-copy>.project-deck-line{font-size:17px;color:var(--ink);margin-top:20px}.project-deck-copy>p:not(.project-deck-line){font-size:12px;line-height:1.85;max-width:35ch;margin-top:16px}.project-deck-copy>.text-link{font-size:11px;margin-top:20px}.project-deck-controls{margin-top:32px;max-width:250px}.project-deck-controls .scene-toggle{background:var(--surface);font-size:10px}.project-deck-controls .scene-toggle:hover{background:var(--glow)}.deck-range{display:flex;align-items:center;gap:14px;font-size:7px;color:var(--ink3);margin-top:18px}.deck-range input{min-width:0;width:100%;accent-color:var(--acc);height:24px}.project-layer-note{display:block;font-size:6px;color:var(--ink3);min-height:20px;margin-top:10px}.project-deck-stage{height:510px;position:relative;perspective:1800px;isolation:isolate}.project-deck-space{position:absolute;inset:12% 5% 10% 9%;transform-style:preserve-3d;transform:rotateX(calc(5deg + var(--deck-y,0deg))) rotateY(calc(-14deg + var(--deck-x,0deg)));transition:transform .6s var(--motion)}.deck-sheet{position:absolute;inset:0;border:1px solid #7990a450;border-radius:10px;overflow:hidden;backface-visibility:hidden;box-shadow:12px 22px 38px #0002;transition:transform 1s var(--motion),opacity .65s,box-shadow .7s;transform-origin:center}.deck-context{background:#101e32;color:#e1ecff;padding:30px;transform:translate3d(calc(var(--spread)*-50px),calc(var(--spread)*-65px - 10px),calc(var(--spread)*-140px - 25px)) rotateZ(calc(var(--spread)*-9deg));}.deck-experience{background:linear-gradient(140deg,#244467,#111d34);color:#dbe9fd;padding:30px;transform:translate3d(calc(var(--spread)*12px),calc(var(--spread)*10px - 5px),calc(var(--spread)*20px - 12px)) rotateZ(calc(var(--spread)*-1deg))}.deck-context>.mono,.deck-experience>.mono{font-size:8px;display:block;color:#91b8ea}.deck-context strong,.deck-experience strong{font:500 clamp(21px,2.1vw,35px)/1.1 Archivo,sans-serif;letter-spacing:-.045em;display:block;margin:25px 0;max-width:20ch}.deck-context p{font-size:12px;color:#a9bcd8;max-width:35ch}.deck-website.work-card{margin:0!important;transform:translate3d(calc(var(--spread)*57px),calc(var(--spread)*88px),calc(var(--spread)*190px)) rotateZ(calc(var(--spread)*8deg));background:#f7f9fc;color:#17243b}.deck-open .deck-sheet{box-shadow:15px 30px 45px #0003}.deck-browser{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:7px;letter-spacing:.03em;border-bottom:1px solid #0b122018}.deck-browser>span:first-child{font-size:7px;color:#8090a7;letter-spacing:3px}.deck-photo{position:relative;height:calc(100% - 37px);overflow:hidden}.deck-photo>img{width:100%;height:100%;object-fit:cover;transition:filter .6s;filter:saturate(.85)}.deck-photo-title{position:absolute;left:7%;right:7%;top:35%;color:#fff}.deck-photo-title>span{font:700 clamp(25px,4.4vw,74px)/1 Archivo,sans-serif;letter-spacing:-.055em}.deck-photo-title>p{color:#fff;font-size:12px;margin-top:12px}.work-formar .deck-photo-title>span{font-weight:400;letter-spacing:0}.deck-live{position:absolute;bottom:22px;left:7%;color:#fff;font-size:7px}.deck-diagram{display:flex;gap:18px;margin-top:35px}.deck-diagram i{width:34px;height:34px;border:1px solid #548bc8;transform:rotate(45deg)}.deck-wire{display:grid;grid-template-columns:2fr 1fr;gap:12px;max-width:75%;margin:25px 0}.deck-wire i{border:1px solid #789eca50;height:55px;background:#ffffff06}.deck-wire i:first-child{grid-column:span 2;height:20px}.deck-wire i:last-child{grid-column:span 2;height:8px}.deck-open .explode-icon i:first-child{top:-3px}.deck-open .explode-icon i:last-child{top:19px}.project-list .project-deck{background:var(--surface)}
.brand{display:block!important}.brand-lockup{display:block;width:146px;height:41px;object-fit:contain;object-position:left center}.brand-light{display:none}[data-theme=claro] .brand-dark{display:none}[data-theme=claro] .brand-light{display:block}.footer-word{font-size:clamp(74px,22vw,370px);letter-spacing:-.065em}.brand small{display:none!important}.experience-hero h1{font-size:clamp(76px,8.9vw,162px);max-width:12ch}.hero-bottom-copy p{max-width:34ch}.brand-slogan{font-size:11px;color:var(--ink2);margin-top:12px}
@media(max-width:1199px){.header{gap:16px}.header-controls{gap:5px}.brand-lockup{width:126px;height:37px}.header .nav{gap:16px}.project-deck{padding:36px 4%;grid-template-columns:35% 65%;min-height:540px}.project-deck-stage{height:450px}.project-deck-copy h3{font-size:32px}.project-deck-copy>p:not(.project-deck-line){font-size:11px}.project-deck-copy>.project-deck-line{font-size:15px}.stack-panel{gap:34px}.stack-code>span{font-size:10px;gap:13px}.stack-tabs button{gap:10px;padding:22px 12px;font-size:11px}.stack-heading{gap:30px}.deck-context,.deck-experience{padding:23px}}
@media(max-width:899px){.project-deck{grid-template-columns:1fr;gap:10px;padding:35px;min-height:0}.project-deck-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.project-deck-copy>.mono,.project-deck-copy h3{grid-column:1}.project-deck-copy>p{grid-column:1}.project-deck-copy>p:not(.project-deck-line){max-width:40ch}.project-deck-controls{grid-column:2;grid-row:2/6;align-self:center;margin-top:0}.project-deck-stage{height:480px;margin-top:8px}.project-deck-space{inset:10% 8% 13% 7%}.project-deck-copy>.text-link{justify-self:start}.stack-heading{display:block}.stack-heading>p{margin-top:25px;max-width:45ch}.stack-panel{grid-template-columns:1fr;gap:25px}.stack-description>p{max-width:65ch}.stack-code{min-height:210px}.stack-code>span{font-size:12px}.stack-heading h2{font-size:7.1vw}.stack-description h3{font-size:38px;max-width:26ch}.stack-lab{padding-bottom:80px}.experience-hero h1{font-size:12vw}}
@media(max-width:599px){.brand-lockup{width:109px;height:32px}.header-controls{gap:2px}.project-deck{padding:25px 20px;margin-bottom:34px;border-radius:12px}.project-deck-copy{display:block}.project-deck-copy>.mono{font-size:7px}.project-deck-copy h3{font-size:34px;margin-top:20px}.project-deck-copy>p:not(.project-deck-line){font-size:12px;max-width:none}.project-deck-copy>.project-deck-line{font-size:15px;margin-top:15px}.project-deck-controls{margin-top:25px;max-width:none}.project-deck-stage{height:325px;margin-inline:-12px;margin-top:16px}.project-deck-space{inset:11% 8% 14% 3%;transform:rotateX(5deg) rotateY(-13deg)}.deck-context,.deck-experience{padding:20px}.deck-context strong,.deck-experience strong{font-size:23px;margin:19px 0}.deck-context p{font-size:10px}.deck-context{transform:translate3d(calc(var(--spread)*-8px),calc(var(--spread)*-25px - 10px),calc(var(--spread)*-90px - 25px)) rotateZ(calc(var(--spread)*-8deg))}.deck-experience{transform:translate3d(calc(var(--spread)*7px),calc(var(--spread)*7px - 5px),calc(var(--spread)*8px - 12px)) rotateZ(calc(var(--spread)*-1deg))}.deck-website.work-card{transform:translate3d(calc(var(--spread)*22px),calc(var(--spread)*42px),calc(var(--spread)*80px)) rotateZ(calc(var(--spread)*7deg))}.deck-photo-title>span{font-size:33px}.deck-photo-title>p{font-size:10px}.deck-browser{height:28px;font-size:6px;padding-inline:10px}.deck-photo{height:calc(100% - 28px)}.deck-live{font-size:6px;bottom:16px}.deck-wire{margin-block:15px;gap:8px}.deck-wire i{height:28px}.deck-diagram{margin-top:20px;gap:10px}.deck-diagram i{width:20px;height:20px}.work-intro{margin-block:40px 30px}.stack-lab{padding-block:15px 65px}.stack-heading{margin-block:35px 28px}.stack-heading h2{font-size:10.5vw}.stack-heading>p{font-size:13px}.stack-tabs{grid-template-columns:1fr 1fr}.stack-tabs button{padding:18px 10px;font-size:10px;border-bottom:1px solid var(--hair)}.stack-panel{padding-block:30px;min-height:0}.stack-description>.mono{font-size:7px}.stack-description h3{font-size:32px;margin-block:20px}.stack-description>p{font-size:13px}.stack-tags{gap:6px;margin-block:20px}.stack-tags>span{font-size:9px;padding:8px 10px}.stack-code{padding:20px 12px;min-height:195px}.stack-code>span{font-size:9px;gap:12px}.console-bar{padding:15px;font-size:6px}.architecture-flow{font-size:8px;padding:17px 12px;gap:6px}.architecture-flow>span{padding:8px}.stack-footnote{font-size:6px}.service-row{grid-template-columns:24px 1fr 26px!important}.service-row p{display:block!important;grid-column:2;grid-row:2;font-size:11px!important;margin-top:0}.service-row .row-arrow{grid-column:3;grid-row:1/3}.service-row{gap:5px 10px!important}.service-stack-label{font-size:8px;margin-top:6px}.experience-hero h1{font-size:12.8vw}.hero-title-wrap{top:156px}.hero-stage{top:420px}.hero-bottom-copy{margin-top:24px}.footer-word{font-size:24vw}.detail-aside h3{font-size:31px}.service-card .stack-tags{margin-block:20px}}
@media(prefers-reduced-motion:reduce){.project-deck-space{transform:none!important}.deck-sheet,.stack-panel{transition:none!important}.stack-console:after,.architecture-flow>i:after{animation:none!important}.deck-website.work-card{transform:translateY(calc(var(--spread)*50px))!important}.deck-context{transform:translateY(calc(var(--spread)*-35px))!important}.deck-experience{transform:none!important}}

.footer-word{font-size:clamp(74px,17.5vw,310px);letter-spacing:-.074em;line-height:1.12}@media(max-width:599px){.footer-word{font-size:16.9vw;line-height:1.7}}
:root:not([data-theme=claro]){--ground:#050e18;--surface:#0b1b2b;--sunk:#030a12;--glass:#15364b38;--ink:#edf5fc;--ink2:#b2c5d6;--ink3:#839fb5;--hair:#b4daef26;--glow:#1b8caa1c}
:root:not([data-theme=claro]) .site-shell{background:radial-gradient(ellipse at 90% 12%,#0c304146,transparent 34%),radial-gradient(ellipse at 5% 65%,#101e4240,transparent 32%),var(--ground)}
:root:not([data-theme=claro]) .experience-hero{background:radial-gradient(ellipse at 75% 42%,#10324788,transparent 53%),linear-gradient(130deg,#050d18,#07131e 70%,#071b24)}
:root:not([data-theme=claro]) .light-chapter{--ground:#081724;--ink:#edf5fc;--ink2:#b2c5d6;--ink3:#839fb5;--hair:#b4daef26;background:linear-gradient(155deg,#081724,#050e18);color:var(--ink)}
#cursor-tip{width:19px;height:25px;color:var(--ink);filter:drop-shadow(0 1px 1px var(--ground)) drop-shadow(0 0 7px #38bdf866)}#cursor-tip path{stroke:none;fill:currentColor}#cursor-tip path:last-child{fill:var(--acc)}#cursor-tip:before{content:'';position:absolute;left:2px;top:1px;width:3px;height:3px;background:var(--acc);border-radius:50%;box-shadow:0 0 0 2px var(--ground)}
#curtain{background:radial-gradient(ellipse at 70% 100%,#17536c,#0a1c2c 50%,#030b14);color:#eff8ff}#curtain span{font-size:clamp(40px,9vw,150px);letter-spacing:-.065em;font-weight:750}#curtain:after{content:'9WEB / UM NOVO PONTO DE VISTA';position:absolute;bottom:9%;left:6%;font:10px 'IBM Plex Mono';letter-spacing:.2em;color:#80b5cc}
.project-cinema{padding-block:55px 100px;perspective:1600px;min-width:0}.cinema-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px;color:var(--ink2)}.cinema-window{border:1px solid var(--hair);background:var(--surface);box-shadow:0 35px 90px #0004;border-radius:12px;overflow:hidden;transform-style:preserve-3d;transition:rotate .5s;rotate:var(--tilt-y,0deg) var(--tilt-x,0deg) 0deg}.cinema-window>a{display:block;overflow:hidden;aspect-ratio:2.1}.cinema-window img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:filter .4s}.cinema-window a:hover img{filter:saturate(1.15)}.cinema-caption{display:flex;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--hair);color:var(--ink2)}.cinema-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:30px}.cinema-bottom h3{font-size:clamp(30px,4.2vw,64px);letter-spacing:-.055em}.cinema-bottom p{margin-top:12px}.cinema-tabs{display:flex;gap:10px}.cinema-tabs button{width:88px;padding:0;border:1px solid var(--hair);opacity:.5;transition:opacity .3s,translate .4s}.cinema-tabs button[aria-pressed=true]{opacity:1;border-color:var(--acc);translate:0 -6px}.cinema-tabs img{display:block;width:100%;aspect-ratio:1.8;object-fit:cover;object-position:top}.cinema-tabs span{font-size:8px}.work-grid{display:block}.case-description{font-size:clamp(20px,3vw,38px);max-width:34ch;margin:20px 0 90px}.case-frame{margin:0 0 60px}.case-frame img{display:block;width:100%;height:auto;border:1px solid var(--hair);border-radius:6px}.case-frame figcaption{padding:15px 0;color:var(--ink3)}
.service-theatre{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start;margin-block:40px 120px}.service-orbit{height:520px;position:sticky;top:80px;perspective:900px;display:grid;place-items:center;overflow:hidden}.service-orbit-core{width:125px;height:170px;transform:rotateY(var(--orbit-turn,0deg)) rotateZ(-12deg);transition:transform 1.4s cubic-bezier(.16,1,.3,1);filter:drop-shadow(15px 20px 0 #38bdf81c) drop-shadow(0 0 65px #38bdf844)}.service-orbit>i{position:absolute;width:80%;height:65%;border:1px solid var(--hair);border-radius:50%;transform:rotateX(65deg) rotateZ(var(--orbit-turn,20deg));transition:transform 1.4s}.service-orbit>i:nth-of-type(2){transform:rotateY(65deg) rotateZ(var(--orbit-turn,40deg));width:70%}.service-orbit>i:nth-of-type(3){transform:rotateZ(var(--orbit-turn,-35deg));height:80%;width:65%;border-color:var(--acc);opacity:.3}.service-orbit>span{position:absolute;bottom:18px;color:var(--ink3)}.service-act{border-top:1px solid var(--hair)}.service-act summary{display:flex;gap:18px;align-items:center;list-style:none;padding:30px 0;cursor:pointer}.service-act summary::-webkit-details-marker{display:none}.service-act h2{font-size:clamp(28px,3.3vw,54px);flex:1}.act-plus{font-size:32px;transition:rotate .6s}.service-act[open] .act-plus{rotate:90deg;color:var(--acc)}.service-act-body{padding:0 0 35px 36px}.service-act-body h3{font-size:23px;margin-bottom:18px}.service-act-body p{font-size:14px;max-width:50ch}.service-act-body li{color:var(--ink2);font-size:13px;margin:8px 0}.service-act-body .button{margin-top:15px}
.letter-tools{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-top:45px;border-top:1px solid var(--hair)}.letter-tools>span{margin-right:auto;color:var(--ink3)}.letter-tools button{min-height:44px;border-bottom:1px solid var(--hair)}.letter-play .footer-word{position:relative;overflow:hidden;line-height:1;font-size:clamp(70px,16.2vw,250px);margin:10px 0 25px;touch-action:pan-y;user-select:none;letter-spacing:-.07em}.letter-play .footer-word>span{position:absolute;left:0;top:0;display:block;will-change:transform;transform-origin:center;transition:color .3s}.letter-play .footer-word>span:hover{color:var(--acc)}.office-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px 0;border-top:1px solid var(--hair)}.office>.mono{display:flex;gap:14px;flex-wrap:wrap;color:var(--ink3);margin-bottom:15px}.office>a{font-size:clamp(22px,3vw,42px);letter-spacing:-.04em}.office>div:last-child{display:flex;gap:24px;margin-top:12px;font-size:13px;color:var(--ink2)}.weather-credit{font-size:8px;color:var(--ink3);margin-bottom:24px}.weather-credit a{text-decoration:underline}
@media(max-width:700px){.cinema-heading{flex-direction:column;gap:6px}.project-cinema{padding-block:20px 65px}.cinema-window{border-radius:5px}.cinema-caption{padding:10px;font-size:8px}.cinema-caption span:last-child{display:none}.cinema-bottom{display:block;padding-top:20px}.cinema-tabs{margin-top:22px}.cinema-tabs button{width:70px}.service-theatre{display:block}.service-orbit{position:relative;top:0;height:260px}.service-orbit-core{width:75px;height:100px}.service-act-body{padding-left:0}.service-act h2{font-size:30px}.office-grid{grid-template-columns:1fr;gap:30px}.letter-tools{gap:18px}.letter-tools>span{width:100%}.letter-play .footer-word{font-size:16.2vw}.case-description{margin-bottom:40px}.case-frame{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.letter-tools{display:none}.service-orbit-core,.service-orbit>i{transition:none}.cinema-window{rotate:none}}

.working-principles{padding-block:70px 100px}.discreet-nine{margin-top:50px;font-size:8px;opacity:.6}

@font-face{font-family:'Space Grotesk';src:url('/fonts/space-grotesk.ttf') format('truetype');font-weight:400 700;font-display:swap}h1,h2,h3{font-family:'Space Grotesk',Inter,sans-serif;font-weight:600;letter-spacing:-.055em}.hero-title-wrap h1{font-weight:600}.footer-word{font-family:Archivo,Inter,sans-serif}.page-lead{letter-spacing:-.018em;line-height:1.6}

.cinema-window>a{transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .7s cubic-bezier(.16,1,.3,1)}.cinema-window{perspective:1400px}.hero-mesh{mask-image:radial-gradient(ellipse at center,#000,transparent 70%)}

html{overflow-anchor:none}#cursor-tip{width:21px;height:27px;filter:drop-shadow(0 1px 0 var(--ground));will-change:transform}#cursor-tip svg{shape-rendering:geometricPrecision}#cursor-tip:before{display:none}.cursor-active #cursor.is-pressed~#cursor-tip{scale:1}.button,.scene-toggle{border-radius:7px}.button-primary{box-shadow:none}.button-arrow{border-radius:3px}

.studio-film{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw;align-items:center;padding-block:70px 130px}.studio-film h2{font-size:clamp(36px,4.5vw,68px);margin:25px 0}.studio-film p{max-width:35ch;font-size:15px}.studio-film figure{margin:0}.studio-film video{display:block;width:100%;border-radius:10px;border:1px solid var(--hair)}.studio-film figcaption{font-size:8px;margin-top:15px;color:var(--ink3)}.project-live{font-size:11px;margin-top:9px}@media(max-width:800px){.studio-film{grid-template-columns:1fr;padding-block:50px 80px;gap:30px}}
/* Authorised full refinement: scroll depth, compact controls and editorial rhythm. */
.button{min-height:42px;padding:10px 17px;gap:19px;border-radius:9px;font-size:12px;font-weight:500;line-height:1.25;background-image:none;box-shadow:none;border:1px solid transparent;transition:background .2s,translate .25s,border-color .25s}
.button .button-arrow,.button>span:last-child:not(.button-label){width:19px;height:19px;min-width:19px;background:none!important;border:0;box-shadow:none;border-radius:0;font-size:16px!important;display:grid;place-items:center}.button-outline{border-color:var(--hair);background:transparent}.button-primary:hover{background:var(--acc);color:var(--accInk)}.button-outline:hover{background:var(--hair2);border-color:var(--ink3)}.button:hover{translate:0 -1px}.button-label{font-size:inherit}.button-label-inner{line-height:1.35}.button-primary:active,.button-outline:active{translate:0 1px}
.header .brand-lockup{width:146px;height:40px;filter:drop-shadow(0 1px 0 #092137)}.header .brand{transition:translate .25s}.header .brand:hover{translate:0 -1px}.brand-lockup{image-rendering:auto}.header .nav{border-radius:12px;padding:10px 21px;box-shadow:none}.theme-control{border-radius:9px;min-height:36px}.header-controls button{font-size:11px}
#cursor-tip{width:21px;height:27px;filter:none;transform-origin:top left;contain:layout style}#cursor-tip svg{display:block;width:100%;height:100%;shape-rendering:geometricPrecision;overflow:visible}#cursor-tip path:first-child{stroke:none;fill:currentColor}#cursor-tip path:last-child{stroke:none;fill:var(--acc)}#cursor-tip:after{display:none}
.experience-hero{height:100svh;min-height:620px;max-height:none;perspective:1200px}.hero-title-wrap{top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;transform-origin:25% 50%;z-index:4;will-change:transform,opacity}.experience-hero h1{font-size:clamp(66px,8.5vw,144px);max-width:12ch;line-height:.98;letter-spacing:-.065em}.hero-bottom-copy{margin-top:30px;gap:30px}.hero-bottom-copy p{font-size:14px;line-height:1.7;max-width:37ch}.hero-topline{top:126px;font-size:9px}.hero-stage{inset:9% -7% 10% 40%;will-change:left,right,top,bottom}.hero-experiment{bottom:105px}.hero-base{z-index:6}.scene-toggle{padding:10px 14px;border-radius:8px;min-height:40px}.depth-aperture{position:absolute;inset:17% 12%;border:1px solid var(--hair);border-radius:48%;transform:rotate(-25deg);pointer-events:none;opacity:.35}.depth-message{position:absolute;left:6%;right:6%;top:40%;text-align:center;z-index:5;opacity:0;pointer-events:none}.depth-message h2{font-size:clamp(42px,7vw,110px);line-height:1;letter-spacing:-.055em;text-shadow:0 3px 24px var(--ground);margin-block:20px}.depth-message p{font-size:14px}.depth-meter{position:absolute;right:5%;bottom:35px;z-index:6;font-size:8px;color:var(--ink3)}.depth-meter b{color:var(--ink);font-weight:400;margin-inline:10px}.hero-index{visibility:hidden}
.page-top{padding-bottom:70px}.page-top h1{font-size:clamp(48px,7.4vw,118px);max-width:16ch;font-weight:550}.page-lead{max-width:52ch;font-size:clamp(15px,1.45vw,20px);line-height:1.7}.section-index{font-size:9px}.cinema-heading{font-size:9px}.cinema-bottom h3{font-size:clamp(29px,3.5vw,54px)}.cinema-window{box-shadow:0 25px 60px #0002}.cinema-tabs button{border-radius:4px;overflow:hidden;transition:opacity .25s,translate .35s,border-color .25s}.cinema-tabs button:hover{opacity:1;translate:0 -3px}.case-description{line-height:1.4;font-size:clamp(22px,2.5vw,34px)}.service-act summary{padding-block:26px}.service-act h2{font-size:clamp(29px,3vw,47px);font-weight:550}.service-act-body p{line-height:1.8}.service-row:hover{background:linear-gradient(90deg,var(--glow),transparent);border-radius:5px}.stack-tabs button{transition:background .3s,color .3s}.stack-tabs button:hover{background:var(--hair2)}.contact-card{box-shadow:none;background:var(--hair2)}.field input,.field textarea{border-radius:0;font-size:17px}.contact-cta h2{font-weight:550;letter-spacing:-.06em}.footer-top p{font-size:11px}.office>a{font-size:clamp(23px,2.7vw,38px)}
@media(max-width:899px){.experience-hero{height:100svh;min-height:620px}.hero-topline{top:108px}.hero-title-wrap{top:160px}.experience-hero h1{font-size:clamp(53px,9.5vw,82px);max-width:12ch}.hero-stage{top:31%;bottom:11%;left:22%;right:-13%}.hero-bottom-copy{margin-top:22px;gap:18px}.hero-experiment{bottom:85px;right:5%}.hero-title-wrap .hero-bottom-copy>p{font-size:13px;max-width:32ch}.hero-title-wrap .button{font-size:11px}.header .brand-lockup{width:126px;height:35px}.hero-pretitle{font-size:8px}.depth-message{top:42%}.page-top{padding-bottom:45px}.header .nav{display:none}}
@media(max-width:599px){.experience-hero{min-height:700px}.hero-title-wrap{top:140px}.experience-hero h1{font-size:12.3vw;max-width:13ch}.hero-stage{top:39%;bottom:10%;left:0;right:0}.hero-topline{top:100px;font-size:7px}.hero-pretitle{font-size:7px;margin-bottom:18px}.hero-bottom-copy{gap:15px}.hero-bottom-copy p{font-size:12px!important}.hero-experiment{bottom:82px;width:156px}.hero-experiment .stage-label{display:none}.hero-base{height:62px}.hero-scroll{font-size:8px}.depth-meter{bottom:23px;font-size:7px}.depth-message h2{font-size:12vw}.depth-message p{font-size:12px;max-width:28ch;margin:auto}.header .brand-lockup{width:112px;height:31px}.button{min-height:42px;padding:11px 16px;font-size:12px;gap:15px}.button .button-arrow{width:18px;height:18px}.page-top h1{font-size:11.6vw}.page-top .page-lead{font-size:14px}.section-index{font-size:7px}.cinema-bottom p{font-size:13px}.service-row p{font-size:12px!important}.service-act h2{font-size:29px}.stack-code>span{font-size:10px}.footer-top p{font-size:10px;max-width:27ch}.office>div:last-child{font-size:12px}.letter-tools{font-size:8px}}
@media(prefers-reduced-motion:reduce){.depth-message,.depth-aperture,.depth-meter{display:none}.hero-title-wrap,.hero-stage{will-change:auto}.experience-hero{perspective:none}}

.studio-film figure{position:relative}.film-pause{position:absolute;right:16px;bottom:48px;background:#07121de6;border:1px solid #ffffff40;color:#fff;padding:8px 13px;border-radius:7px;font-size:11px;min-height:36px;backdrop-filter:blur(10px)}.film-pause:hover{background:#1a3245}.studio-film video{border-radius:8px}.depth-message .mono{color:var(--acc)}

@media(max-height:600px){.experience-hero{height:100svh;min-height:330px}.header{height:66px}.hero-topline{top:80px}.hero-title-wrap{top:115px}.hero-pretitle{display:none}.experience-hero h1{font-size:clamp(34px,6.4vw,70px);max-width:12ch}.hero-bottom-copy{margin-top:16px}.hero-bottom-copy p{display:none}.hero-stage{top:8%;bottom:3%;left:43%;right:-6%}.hero-experiment{right:5%;bottom:58px;width:145px}.hero-experiment .stage-label,.scene-reset,.scene-feedback{display:none}.hero-base{height:46px}.hero-topline{font-size:7px}.depth-meter{bottom:17px}.depth-message{top:23%}.depth-message h2{font-size:clamp(32px,7vw,65px);margin-block:12px}}
.nexus-full .nexus-art{perspective:1100px;overflow:hidden;isolation:isolate}.nexus-full .nexus-image{transform-origin:52% 58%;will-change:transform}.nexus-full .nexus-glass,.nexus-full .hotspots{transform-style:preserve-3d}@media(prefers-reduced-motion:reduce){.nexus-full .nexus-image{will-change:auto}}
.immersive-scene{position:relative;isolation:isolate}.immersive-scene:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 53%,color-mix(in srgb,var(--acc),transparent 90%),transparent 40%),linear-gradient(105deg,transparent 46%,color-mix(in srgb,var(--ink),transparent 97%) 50%,transparent 58%);opacity:.45}.immersive-scene:after{content:attr(data-scene) ' / SCENE';position:absolute;right:3vw;bottom:24px;font:7px 'IBM Plex Mono',monospace;letter-spacing:.15em;color:var(--ink3)}
.nexus-full{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.nexus-full .nexus-art{height:min(72svh,760px)!important;min-height:520px;transform-style:preserve-3d}.nexus-depth-plane{position:absolute;inset:4%;pointer-events:none;transform-style:preserve-3d;z-index:3}.plane-grid{background-image:linear-gradient(var(--acc) 1px,transparent 1px),linear-gradient(90deg,var(--acc) 1px,transparent 1px);background-size:7% 7%;mask-image:radial-gradient(ellipse,black 15%,transparent 72%);opacity:0}.plane-scan{inset:12%;border:1px solid var(--acc);border-radius:50%;opacity:0}.plane-scan:before,.plane-scan:after,.plane-scan i{content:'';position:absolute;inset:15%;border:1px solid color-mix(in srgb,var(--acc),transparent 40%);border-radius:50%}.plane-scan:after{inset:31%}.plane-scan i:nth-child(1){inset:0 50%;border-radius:0}.plane-scan i:nth-child(2){inset:50% 0;border-radius:0}.plane-scan i:nth-child(3){inset:8%;border-style:dashed}.plane-data{inset:10% 5%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:var(--acc);font-size:8px;letter-spacing:.18em;opacity:0}.nexus-depth-status{position:absolute;z-index:12;left:4%;bottom:4%;display:flex;gap:22px;align-items:center;font-size:8px;letter-spacing:.16em;color:var(--ink3)}.nexus-depth-status b{color:var(--acc);font-weight:500}.nexus-depth-status span:after{content:' / 100';opacity:.45}.nexus-full .nexus-controls,.nexus-full .nexus-panel,.nexus-full .concept-note{position:relative;z-index:15}
@media(max-width:599px){.nexus-full .nexus-art{height:66svh!important;min-height:390px}.nexus-depth-status{bottom:7%;font-size:7px}.plane-data{font-size:6px}}
@media(prefers-reduced-motion:reduce){.immersive-scene{min-height:0;display:block}.immersive-scene:before,.immersive-scene:after,.nexus-depth-plane,.nexus-depth-status{display:none}}
.form-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.form-action button:disabled{opacity:.65;cursor:wait}.form-action [data-form-status]{transition:color .25s}

/* Project pages: clear hierarchy and stable media space while images decode. */
.project-top{padding-bottom:32px}.project-top h1{margin-top:24px;max-width:20ch;font-size:clamp(44px,6.4vw,104px)}
.project-top .page-lead{margin:20px 0 24px;max-width:56ch;font-size:clamp(16px,1.35vw,20px)}
.case-description{max-width:65ch;font-size:clamp(18px,1.55vw,24px);line-height:1.6;margin:0 0 40px}
.case-frame{margin:0 0 48px}.case-frame img{background:var(--surface);height:auto;max-width:100%}.case-frame figcaption{font-size:10px;letter-spacing:.08em;padding:16px 0}
.case-gallery{padding-bottom:56px}.project-top .text-link{font-size:10px}.cinema-tabs button{min-height:44px}
.button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--acc);outline-offset:5px}
@media(max-width:599px){.project-top{padding-bottom:24px}.project-top h1{font-size:11vw}.case-description{margin-bottom:28px}.case-frame{margin-bottom:28px}.case-frame figcaption{font-size:9px}}
@media(max-width:899px),(max-height:600px){.hero-title-wrap{bottom:auto;display:block}}
#cursor{transition:width .16s ease-out,height .16s ease-out,background .16s,opacity .12s,scale .12s ease-out}.cursor-active #cursor{scale:1}.cursor-active #cursor.is-pressed{scale:.7}
@media(min-width:900px) and (min-height:480px) and (max-height:600px){.hero-title-wrap{top:0;bottom:0;display:flex;flex-direction:column;justify-content:center}.hero-pretitle{display:block;margin-bottom:14px}.experience-hero h1{font-size:clamp(68px,6.7vw,96px);max-width:14ch;line-height:.94}.hero-bottom-copy{margin-top:18px;gap:24px}.hero-bottom-copy p{display:block;font-size:12px;line-height:1.5;max-width:30ch}.hero-stage{left:46%;right:-6%}}
.language-control{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;color:var(--ink3)}
.language-control button{min-width:28px;min-height:44px;padding:4px 2px;color:var(--ink3);transition:color .18s}
.language-control button[aria-pressed=true],.language-control button:hover{color:var(--ink)}
.language-control button[aria-pressed=true]{text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:6px}
.language-control button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.menu-language{margin-top:22px}
.menu-aside .menu-product{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 20px;min-height:138px;margin-bottom:36px;padding:22px 20px;border-top:1px solid var(--acc);border-bottom:1px solid var(--hair);background:linear-gradient(120deg,var(--glow),transparent 68%);transition:background-color .25s,border-color .25s}
.menu-product-name{font-family:Archivo,sans-serif;font-size:clamp(38px,4.4vw,64px);font-weight:650;letter-spacing:-.065em;line-height:1;color:var(--ink)}
.menu-product-meta{grid-column:1;color:var(--ink3);font-size:8px;text-transform:none}
.menu-product-arrow{grid-column:2;grid-row:1/3;align-self:center;color:var(--acc);font-size:28px;transition:translate .25s}
.menu-product:hover,.menu-product:focus-visible{border-bottom-color:var(--acc);background-color:var(--glow)}
.menu-product:hover .menu-product-arrow,.menu-product:focus-visible .menu-product-arrow{translate:4px -4px}
.menu-aside>.menu-email{display:block;width:max-content;max-width:100%;font-size:clamp(13px,1.3vw,20px);line-height:1.55;overflow-wrap:anywhere}
.menu-aside>.menu-email+.menu-email{margin-top:5px}
.menu-aside>.menu-email:hover{color:var(--acc)}
@media(max-width:899px){.menu-aside .menu-product{min-height:108px;margin-bottom:22px;padding:16px}.menu-product-name{font-size:clamp(34px,7vw,52px)}}
@media(max-width:599px){.menu-aside .menu-product{min-height:90px;margin-bottom:16px}.menu-product-name{font-size:38px}}
html[lang=en] #curtain:after{content:'9WEB / A NEW PERSPECTIVE'}
@media(max-width:599px){.header-controls .language-control{gap:2px;font-size:9px}.header-controls .language-control button{min-width:22px;padding-inline:0}}
.sound-control{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 2px;color:var(--ink3);font-family:'IBM Plex Mono',monospace;font-size:10px!important;letter-spacing:.08em;white-space:nowrap;transition:color .18s}
.sound-control:hover,.sound-control[aria-pressed=true]{color:var(--ink)}
.sound-control-state{color:var(--acc);font-size:9px}
.sound-control[aria-pressed=false] .sound-control-state{color:var(--ink3)}
@media(max-width:599px){.sound-control{gap:3px;padding-inline:0;font-size:9px!important}.sound-control-state{font-size:8px}}
.hero-topline .status-dot{animation:hero-status-pulse 2.8s ease-in-out infinite;transform-origin:center}
@keyframes hero-status-pulse{0%,100%{opacity:.55;scale:.82}50%{opacity:1;scale:1.16}}
@media(prefers-reduced-motion:reduce){.hero-topline .status-dot{animation:none}}