:root{--bg:#0a0b0f;--panel:#101218;--ink:#edeee9;--dim:#9aa2b1;--faint:#59616f;--line:#edeee914;--line-2:#edeee929;--cobalt:#4f5dff;--cobalt-soft:#96a0ff;--glow:#4f5dff59;--font-display:"Unbounded", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--gutter:clamp(20px, 5vw, 88px);--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7;overflow-x:hidden}::selection{background:var(--cobalt);color:#fff}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#1c2030;border-radius:9px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline:1.5px solid var(--cobalt-soft);outline-offset:4px;border-radius:2px}.mono{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;font-size:.68rem}.scene-wrap{z-index:0;pointer-events:none;position:fixed;inset:0}.scene-vignette{z-index:1;pointer-events:none;background:radial-gradient(115% 90% at 50% 40%,#0000 30%,#06070bd9 100%);position:fixed;inset:0}.grain{z-index:70;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;position:fixed;inset:-50%}.progress{z-index:60;background:linear-gradient(90deg, var(--cobalt), var(--cobalt-soft));transform-origin:0;height:2px;position:fixed;top:0;left:0;right:0}.hdr{z-index:50;padding:24px var(--gutter);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.hdr-logo{font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:11px;font-size:.95rem;font-weight:700;display:flex}.hdr-logo .dot{background:var(--cobalt);width:8px;height:8px;box-shadow:0 0 12px var(--glow);border-radius:50%}.hdr-nav{align-items:center;gap:26px;display:flex}.hdr-nav a{color:var(--dim);padding:6px 0;transition:color .3s}.hdr-nav a:hover{color:var(--ink)}@media (width<=720px){.hdr-nav .hide-m{display:none}}main{z-index:10;position:relative}section{padding:0 var(--gutter);position:relative}.scrim{background:linear-gradient(#0a0b0f00 0%,#0a0b0fcc 7% 93%,#0a0b0f00 100%)}.eyebrow{color:var(--dim);align-items:center;gap:12px;margin-bottom:clamp(30px,4vw,56px);display:flex}.eyebrow .led{background:var(--cobalt);width:6px;height:6px;box-shadow:0 0 10px var(--glow);border-radius:50%}.eyebrow:after{content:"";background:var(--line);flex:1;height:1px}.hero{flex-direction:column;justify-content:flex-end;min-height:100svh;padding-top:110px;padding-bottom:clamp(56px,9vh,110px);display:flex}.hero-thesis{font-family:var(--font-display);letter-spacing:-.01em;text-shadow:0 4px 40px #06070bcc;max-width:15ch;font-size:clamp(1.9rem,4.6vw,4.1rem);font-weight:700;line-height:1.14}.hero-sub{color:var(--dim);max-width:52ch;margin-top:22px;font-size:clamp(.98rem,1.4vw,1.12rem)}.hero-meta{color:var(--faint);flex-wrap:wrap;gap:clamp(18px,3.5vw,54px);margin-top:clamp(28px,4vh,46px);display:flex}.hero-meta b{color:var(--dim);font-weight:500}.hero-cue{right:var(--gutter);color:var(--faint);align-items:center;gap:10px;display:flex;position:absolute;bottom:30px}.clip{display:block;overflow:hidden}.clip>span{will-change:transform;display:inline-block}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0b0fb8;padding:18px 0;overflow:hidden}.marquee-track{white-space:nowrap;width:max-content;display:flex}.marquee-item{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:#0000;-webkit-text-stroke:1px #edeee959;padding-right:.7em;font-size:clamp(1.6rem,4.5vw,3.6rem);font-weight:900;line-height:1}.marquee-item.solid{color:var(--ink);-webkit-text-stroke:0}.marquee-item em{color:var(--cobalt);-webkit-text-stroke:0;font-style:normal}.work{padding-top:clamp(100px,15vh,180px);padding-bottom:clamp(80px,12vh,150px)}.rows{border-top:1px solid var(--line)}.row{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:90px 1fr auto 74px 44px;align-items:center;gap:clamp(14px,2.5vw,36px);width:100%;padding:clamp(24px,3.6vh,40px) 0;display:grid;position:relative}.row-fill{background:linear-gradient(90deg, hsla(var(--h), 90%, 66%, .09), transparent 60%);transform-origin:0;pointer-events:none;position:absolute;inset:0}.row .idx{font-family:var(--font-mono);letter-spacing:.24em;color:var(--faint);font-size:.66rem}.row .ttl{font-family:var(--font-display);letter-spacing:-.01em;width:fit-content;font-size:clamp(1.5rem,4.2vw,3rem);font-weight:700;line-height:1.06}.row .cat{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);text-align:right;font-size:.64rem}.row .yr{font-family:var(--font-mono);color:var(--faint);text-align:right;font-size:.7rem}.row .arw{border:1px solid var(--line-2);width:36px;height:36px;color:var(--dim);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (width<=720px){.row{grid-template-columns:1fr 40px}.row .idx,.row .yr{display:none}.row .cat{text-align:left;grid-column:1/-1}}.case-backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);background:#06070ab8;position:fixed;inset:0}.case{z-index:81;background:var(--panel);border:1px solid var(--line-2);overscroll-behavior:contain;border-radius:18px;position:fixed;inset:clamp(10px,3vh,40px) clamp(10px,4vw,60px);overflow-y:auto}.case-in{max-width:1050px;margin:0 auto;padding:clamp(28px,5vw,64px)}.case-top{justify-content:space-between;align-items:center;margin-bottom:clamp(30px,5vh,56px);display:flex}.case-close{color:var(--dim);align-items:center;gap:10px;padding:8px 0;display:flex}.case-close:hover{color:var(--cobalt-soft)}.case-ttl{font-family:var(--font-display);letter-spacing:-.015em;text-transform:uppercase;width:fit-content;font-size:clamp(2.4rem,7vw,5.4rem);font-weight:900;line-height:1}.case-sub{color:var(--dim);max-width:58ch;margin-top:18px;font-size:1.04rem}.case-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:clamp(32px,5vh,54px);display:grid}.case-cell{border-bottom:1px solid var(--line);padding:18px 16px 20px 0}.case-cell .k{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--faint);margin-bottom:8px;font-size:.6rem;display:block}.case-body{grid-template-columns:1.5fr 1fr;gap:clamp(28px,5vw,72px);margin-top:clamp(32px,5vh,50px);display:grid}.case-body p{color:var(--dim);margin-bottom:1.1em;font-size:1.04rem;line-height:1.8}.case-impact li{border-bottom:1px solid var(--line);align-items:baseline;gap:13px;padding:14px 0;font-size:.97rem;list-style:none;display:flex}.case-impact li:before{content:"◆";color:var(--cobalt);font-size:.5rem}.case-next{text-align:left;border-top:1px solid var(--line-2);width:100%;margin-top:clamp(44px,7vh,80px);padding-top:24px}.case-next .k{font-family:var(--font-mono);letter-spacing:.26em;color:var(--faint);text-transform:uppercase;font-size:.62rem}.case-next .n{font-family:var(--font-display);margin-top:10px;font-size:clamp(1.7rem,5vw,3.2rem);font-weight:700;display:block}@media (width<=900px){.case-grid{grid-template-columns:repeat(2,1fr)}.case-body{grid-template-columns:1fr}}.about{padding-top:clamp(100px,15vh,180px);padding-bottom:clamp(90px,13vh,160px)}.manifesto{font-family:var(--font-display);letter-spacing:0;max-width:26ch;font-size:clamp(1.25rem,2.6vw,2.05rem);font-weight:500;line-height:1.55}.manifesto .wd{display:inline-block}.stats{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:clamp(50px,8vh,90px);display:grid}.stat{background:var(--bg);padding:clamp(24px,3.5vw,44px)}.stat .num{font-family:var(--font-display);color:var(--ink);font-size:clamp(2.6rem,6vw,5rem);font-weight:900;line-height:1}.stat .num em{color:var(--cobalt);font-style:normal}.stat .lbl{color:var(--dim);max-width:24ch;margin-top:12px;font-size:.92rem}.facts{grid-template-columns:1fr 1fr;gap:0 clamp(28px,5vw,80px);margin-top:clamp(40px,6vh,64px);display:grid}.fact{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:15px 0;display:flex}.fact .k{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--faint);font-size:.62rem}.fact .v{font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink);text-align:right;font-size:.76rem}@media (width<=820px){.stats,.facts{grid-template-columns:1fr}}.caps{padding-bottom:clamp(100px,14vh,180px)}.caps-grid{perspective:1200px;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px);display:grid}.cap{background:var(--panel);border:1px solid var(--line);transform-style:preserve-3d;will-change:transform;border-radius:16px;padding:clamp(26px,3.6vw,44px);position:relative;overflow:hidden}.cap .glare{pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--gx) var(--gy), #96a0ff24, transparent 65%);transition:opacity .3s;position:absolute;inset:0}.cap:hover .glare{opacity:1}.cap .ck{font-family:var(--font-mono);letter-spacing:.26em;color:var(--faint);justify-content:space-between;font-size:.62rem;display:flex}.cap h3{font-family:var(--font-display);letter-spacing:-.005em;margin-top:clamp(34px,6vh,64px);font-size:clamp(1.25rem,2.4vw,1.8rem);font-weight:700}.cap p{color:var(--dim);max-width:44ch;margin-top:12px;font-size:.95rem}@media (width<=820px){.caps-grid{grid-template-columns:1fr}}.connect{background:linear-gradient(#0000 0%,#0a0b0f8c 74%,#0a0b0fe6 100%);flex-direction:column;justify-content:center;min-height:94svh;padding-top:clamp(80px,10vh,140px);padding-bottom:110px;display:flex}.connect-h{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 6px 44px #06070bb3;font-size:clamp(2.9rem,10.5vw,9.5rem);font-weight:900;line-height:.98}.connect-h .accent{color:var(--cobalt)}.connect-mail{flex-wrap:wrap;align-items:center;gap:16px;margin-top:clamp(30px,5vh,50px);display:flex}.connect-mail a{font-family:var(--font-mono);letter-spacing:.04em;border-bottom:1px solid var(--line-2);padding-bottom:6px;font-size:clamp(.95rem,2.3vw,1.4rem);transition:border-color .3s}.connect-mail a:hover{border-color:var(--cobalt)}.copy-btn{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line-2);border-radius:999px;padding:10px 16px;font-size:.6rem;transition:color .3s,border-color .3s}.copy-btn:hover{color:var(--cobalt-soft);border-color:var(--cobalt-soft)}.socials{flex-wrap:wrap;gap:14px;margin-top:clamp(40px,6vh,64px);display:flex}.soc{border:1px solid var(--line-2);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);border-radius:999px;align-items:center;gap:11px;padding:15px 26px;font-size:.68rem;transition:color .3s,border-color .3s,background .3s;display:inline-flex}.soc:hover{color:#0b0d16;background:var(--cobalt-soft);border-color:var(--cobalt-soft)}.foot{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:clamp(70px,10vh,120px);padding-top:24px;display:flex}.cur-dot,.cur-ring{z-index:100;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0}.cur-dot{background:var(--ink);width:5px;height:5px}.cur-ring{border:1px solid #edeee959;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cur-ring span{font-family:var(--font-mono);letter-spacing:.2em;color:#0b0d16;font-size:.52rem}@media (pointer:coarse){.cur-dot,.cur-ring{display:none}}.pre{z-index:200;background:#08090d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pre-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(4rem,14vw,10rem);font-weight:900;line-height:1}.pre-num em{color:var(--cobalt);font-style:normal}.pre-lbl{color:var(--faint);text-align:center;margin-top:16px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
