:root{--bg:#06090e;--ink:#f0f1ed;--muted:#aab2bc;--acid:#d3ff68;--stroke:rgba(220,233,239,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#d3ff68;color:#06090e}#webgl-scene{position:fixed;inset:0;z-index:0;pointer-events:none}#webgl-scene canvas{display:block;width:100%;height:100%}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.22;background-image:url('./grain.svg');mix-blend-mode:soft-light}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 55% 48%,transparent 24%,rgba(2,5,10,.28) 80%),linear-gradient(0deg,rgba(1,4,8,.44),transparent 22%,transparent 70%,rgba(1,4,8,.25))}.progress{position:fixed;right:0;top:0;height:100vh;width:2px;background:rgba(255,255,255,.06);z-index:100}.progress span{display:block;background:var(--acid);width:100%;height:0;box-shadow:0 0 20px var(--acid)}.site-head{height:94px;position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,84px);border-bottom:1px solid rgba(226,233,245,.12);background:linear-gradient(180deg,rgba(5,8,14,.9),rgba(5,8,14,.25));backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:14px;font-family:'Syne',sans-serif;font-weight:800;font-size:13px;line-height:1.02;letter-spacing:.13em}.brand-symbol{font-size:20px;letter-spacing:-.1em;color:var(--acid);position:relative;border:1px solid rgba(211,255,104,.56);padding:11px 13px 11px 9px;clip-path:polygon(0 0,85% 0,100% 20%,100% 100%,0 100%)}.brand-symbol span{font-size:9px;vertical-align:top;margin-left:3px}nav{display:flex;gap:clamp(20px,3.3vw,58px)}nav a,.head-contact{font-size:10px;font-weight:700;letter-spacing:.16em}nav a{color:#c2c7d2;transition:color .3s}nav a:hover{color:var(--acid)}.head-contact{border:1px solid rgba(255,255,255,.5);padding:16px 23px;border-radius:40px}.head-contact span{padding-left:12px;color:var(--acid)}#nav-toggle{display:none}.panel{position:relative;z-index:3;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero{min-height:100svh;padding:155px clamp(24px,6vw,100px) 80px;display:block}.hero-tag{position:absolute;top:165px;left:clamp(24px,6vw,100px)}.eyebrow,.kicker,.chapter,.micro,.hero-side,.scroll-hint,.section-number,.bottom-rule,.proj-meta,.proj-foot,.proj-pills,.pronounce,.method,.research-list small{font-size:10px;letter-spacing:.2em;font-weight:700}.eyebrow,.kicker{color:var(--acid)}.live-pulse{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:12px;box-shadow:0 0 12px var(--acid);animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.3}}.hero-content{position:absolute;top:50%;left:clamp(24px,6vw,100px);transform:translateY(-41%);width:min(850px,78vw)}.chapter{color:#d3dbe2;margin-bottom:32px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Syne',sans-serif}h1{font-size:clamp(72px,9.8vw,175px);line-height:.83;letter-spacing:-.085em;font-weight:800;margin:0}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px #fff}h1 .period{color:var(--acid)}.hero-lower{display:flex;justify-content:space-between;align-items:end;margin-top:52px;max-width:665px;gap:35px}.hero-lower p{max-width:370px;color:#c4cbd4;font-size:16px;line-height:1.7}.round-link{width:98px;height:98px;border:1px solid rgba(211,255,104,.75);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;gap:5px;font-size:9px;letter-spacing:.15em;transition:background .3s,color .3s}.round-link strong{font-size:27px;font-weight:400}.round-link:hover{background:var(--acid);color:#000}.hero-side{position:absolute;right:4vw;top:52%;writing-mode:vertical-rl;line-height:2;color:#aab4bf}.scroll-hint{position:absolute;bottom:52px;left:6vw;color:#b4bdc8}.scroll-hint span{font-size:16px;color:var(--acid);margin-left:17px}.section-number{position:absolute;right:5vw;bottom:52px;color:#bbc3ce}.inner{width:100%;max-width:1560px;margin:auto;padding:120px clamp(24px,6vw,100px)}.kicker{display:flex;align-items:center;gap:14px}.kicker-line{width:30px;height:1px;background:var(--acid);display:inline-block}.two-col{display:grid;grid-template-columns:1.1fr .7fr;gap:10vw;align-items:center}.studio h2,.additional h2{font-size:clamp(48px,5.8vw,100px);letter-spacing:-.065em;line-height:.96;margin:40px 0}.studio h2 i,.additional h2 i,.ventures-intro h2 i,.philosophy h2 i,.contact h2 i{font-style:normal;color:var(--acid)}.studio-copy{max-width:490px;margin-top:105px}.studio-copy .big-copy{font-size:clamp(22px,2vw,31px);font-weight:600;line-height:1.38;color:white;letter-spacing:-.035em}.studio-copy p:not(.big-copy){font-size:15px;line-height:1.8;color:#c1c8d0}.studio-copy strong{color:var(--ink)}.line-link{display:inline-block;padding:24px 0 14px;border-bottom:1px solid var(--acid);font-weight:700;font-size:11px;letter-spacing:.1em;margin-top:15px}.line-link span{padding-left:35px;color:var(--acid)}.bottom-rule{position:absolute;left:6vw;right:6vw;bottom:35px;display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--stroke);color:#bac0c9}.capability{background:linear-gradient(90deg,rgba(6,8,13,.91) 0%,rgba(8,13,18,.73) 75%,rgba(8,13,18,.35))}.section-top{display:flex;justify-content:space-between}.micro{color:#b8c1cb;line-height:1.6}.oversize{font-size:clamp(55px,8vw,148px);line-height:.86;letter-spacing:-.087em;margin:65px 0 70px}.oversize span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.85)}.oversize i{color:var(--acid);font-style:normal}.cap-list{max-width:1200px}.cap-item{display:grid;grid-template-columns:55px minmax(200px,1fr) minmax(180px,.55fr) 20px;gap:35px;align-items:center;border-top:1px solid rgba(229,238,245,.23);padding:24px 0}.cap-item:last-child{border-bottom:1px solid rgba(229,238,245,.23)}.cap-item>span,.cap-item b{font-size:12px;color:var(--acid)}.cap-item h3{font-size:clamp(18px,2.1vw,32px);letter-spacing:-.03em;margin:0}.cap-item p{color:#b9c2c9;font-size:13px;line-height:1.6;margin:0}.cap-item b{font-size:18px}.ventures-intro{min-height:90vh;text-align:left}.ventures-intro h2{font-size:clamp(76px,13vw,220px);line-height:.79;letter-spacing:-.085em;margin:12vh 0 8vh}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid var(--stroke);padding-top:28px}.intro-bottom p{max-width:470px;font-size:20px;line-height:1.5}.intro-bottom span{font-size:10px;letter-spacing:.18em;color:var(--acid)}.project{min-height:115vh;background:linear-gradient(90deg,rgba(4,8,14,.91) 0%,rgba(5,9,15,.7) 42%,rgba(6,10,17,.06) 100%)}.project-wrap{width:100%;padding:140px clamp(24px,6vw,100px) 60px;min-height:110vh;display:flex;flex-direction:column;justify-content:space-between}.proj-meta,.proj-foot{display:flex;justify-content:space-between;color:#c7ccd4}.status{color:var(--acid)}.status i{display:inline-block;height:6px;width:6px;background:var(--acid);border-radius:100%;margin-right:8px}.proj-content{max-width:700px;padding:65px 0}.proj-content h2{font-size:clamp(79px,10vw,164px);letter-spacing:-.085em;line-height:.81;margin:27px 0 35px}.proj-content h2 span{color:var(--acid);font-size:22px;letter-spacing:0;vertical-align:top}.proj-content h2 i{font-style:normal;color:var(--acid)}.proj-lead{font-size:clamp(24px,2.2vw,34px);font-weight:600;letter-spacing:-.04em;line-height:1.25;max-width:550px;margin-bottom:20px}.proj-detail{font-size:15px;line-height:1.72;max-width:530px;color:#c7cbd4}.proj-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.proj-pills span{border:1px solid rgba(234,241,244,.28);padding:10px 12px;border-radius:30px;font-size:9px;letter-spacing:.1em}.proj-foot{padding-top:23px;border-top:1px solid var(--stroke);font-size:9px;gap:20px}.project-skill{--acid:#b1a3ff}.project-blah{--acid:#83ffde}.pronounce{color:#b9c5ce;margin-top:-5px;margin-bottom:25px}.additional{background:linear-gradient(90deg,rgba(6,9,14,.98),rgba(6,9,14,.85))}.research-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:65px}.research-layout>div>p{max-width:530px;font-size:18px;line-height:1.7;color:#c1c8cf}.research-list>div{border-top:1px solid var(--stroke);padding:20px 0;display:grid;grid-template-columns:38px 1fr;gap:15px}.research-list>div:last-child{border-bottom:1px solid var(--stroke)}.research-list span{font-size:11px;color:var(--acid)}.research-list h3{font-size:16px;letter-spacing:-.02em;margin:0}.research-list small{grid-column:2;color:#9fa9b3;font-size:9px}.philosophy{min-height:115vh;background:linear-gradient(90deg,rgba(4,8,13,.68),rgba(6,9,13,.25))}.philosophy h2{font-size:clamp(64px,10vw,170px);letter-spacing:-.088em;line-height:.87;margin:70px 0}.philosophy h2 span{color:transparent;-webkit-text-stroke:1.5px #fff}.method{display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px;border-top:1px solid var(--stroke);padding-top:24px;color:#b8c1c9}.contact{min-height:100svh;display:block;background:linear-gradient(90deg,rgba(5,10,15,.85),rgba(5,10,15,.35))}.contact .inner{padding-top:155px}.contact h2{font-size:clamp(77px,11.2vw,190px);line-height:.86;letter-spacing:-.09em;margin:60px 0 32px}.contact h2>span{color:var(--acid)}.contact p:not(.kicker){font-size:18px;color:#c9d0d8}.contact-action{display:inline-flex;gap:80px;align-items:center;margin-top:26px;border:1px solid var(--acid);border-radius:45px;padding:21px 27px;font-size:11px;font-weight:700;letter-spacing:.15em}.contact-action:hover{background:var(--acid);color:#050909}.contact-action span{font-size:24px}footer{position:absolute;bottom:0;left:6vw;right:6vw;padding:27px 0;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;gap:22px;color:#b8bfc9}#load-screen{position:fixed;inset:0;z-index:1000;background:#070a10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .8s ease,visibility .8s}.load-monogram{font-family:'Syne',sans-serif;font-size:70px;font-weight:800;letter-spacing:-.11em}.load-monogram span{color:var(--acid)}.load-line{width:210px;height:1px;background:#343b43;overflow:hidden}.load-line i{display:block;height:100%;width:0;background:var(--acid);animation:loadBar 1.8s ease forwards}@keyframes loadBar{to{width:100%}}#load-screen p{font-size:10px;letter-spacing:.25em;color:#929eaa}body.loaded #load-screen{opacity:0;visibility:hidden}#render-note{position:fixed;bottom:12px;left:18px;font-size:11px;color:#ddd;z-index:90;pointer-events:none} @media(max-width:850px){.site-head{height:74px;padding:0 22px}.head-contact{margin-left:auto;margin-right:18px;padding:12px;font-size:9px}#nav-toggle{display:block;background:transparent;border:0;width:25px;height:30px;padding:4px;cursor:pointer}#nav-toggle span{display:block;background:white;height:2px;margin:6px 0;width:23px}nav{position:fixed;top:74px;left:0;right:0;display:none;flex-direction:column;background:#080b10;padding:28px;gap:22px}nav.open{display:flex}.hero{padding-top:140px}.hero-tag{top:130px}.hero-content{width:90vw;transform:translateY(-35%)}h1{font-size:clamp(59px,11vw,100px)}.hero-lower{margin-top:35px}.hero-lower p{font-size:14px;max-width:260px}.round-link{width:78px;height:78px;flex:none}.hero-side{display:none}.two-col,.research-layout{grid-template-columns:1fr;gap:25px}.studio-copy{margin-top:0}.bottom-rule span:last-child{display:none}.cap-item{grid-template-columns:26px 1fr 20px;gap:18px}.cap-item p{grid-column:2;grid-row:2}.cap-item b{grid-column:3;grid-row:1}.oversize{margin:40px 0}.project{background:linear-gradient(0deg,rgba(4,8,14,.9),rgba(4,8,14,.55))}.project-wrap{min-height:105vh}.proj-content{padding:100px 0}.proj-content h2{font-size:clamp(69px,11vw,100px)}.proj-foot span:last-child{display:none}.research-layout{margin-top:30px}.philosophy h2{font-size:clamp(52px,10vw,110px)}footer span:nth-child(2){display:none}}@media(max-width:550px){.brand{font-size:10px}.brand-symbol{font-size:16px;padding:8px}.head-contact{font-size:8px;padding:11px}.hero-content{top:47%}.hero-tag{font-size:8px;max-width:240px;line-height:1.7}.hero-lower p{max-width:210px}.chapter{font-size:9px}.bottom-rule{font-size:8px}.inner{padding-top:110px;padding-bottom:110px}.intro-bottom{display:block}.ventures-intro h2{font-size:clamp(66px,15vw,100px)}.proj-content h2{font-size:clamp(63px,12vw,95px)}.proj-lead{font-size:25px}.proj-detail{font-size:14px}.proj-meta,.proj-foot{font-size:8px}.contact h2{font-size:clamp(64px,13vw,110px)}.contact-action{gap:25px}footer{font-size:9px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.live-pulse,.load-line i{animation:none}.load-line i{width:100%}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}