:root{--bg:#0a0a0b;--bg-2:#0f0f12;--gold:#c5d32e;--gold-2:#e2ef5e;--gold-deep:#9aa820;--cream:#f2f2ec;--muted:#8d8d83;--line:rgba(255,255,255,.1);--fs-display:"Space Mono",ui-monospace,monospace;--fs-body:"Switzer","Inter",system-ui,sans-serif;--maxw:1240px}*{margin:0;padding:0;box-sizing:border-box}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}html{-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--cream);font-family:var(--fs-body);font-size:16px;line-height:1.6;overflow-x:hidden;cursor:none}@media (hover:none){body{cursor:auto}}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}em{font-style:italic}.display{font-family:var(--fs-display);font-weight:700;letter-spacing:-.03em;line-height:1;text-transform:uppercase}.display em{color:var(--gold);font-weight:700;font-style:normal}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}.eyebrow{display:inline-block;font-size:.74rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-weight:600}.eyebrow.center{display:block;text-align:center}.sec-head{margin-bottom:54px}.sec-head .eyebrow{margin-bottom:18px}.sec-head h2{font-size:clamp(1.9rem,4.8vw,3.4rem)}#gl{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block;pointer-events:none}body:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(110% 80% at 50% 30%,rgba(10,10,11,.62) 0%,rgba(10,10,11,.28) 40%,transparent 62%),linear-gradient(0deg,rgba(10,10,11,.86) 0%,rgba(10,10,11,.2) 32%,transparent 50%)}.gl-fallback{position:fixed;inset:0;z-index:0;background:radial-gradient(80% 60% at 50% 100%,rgba(197,211,46,.16),transparent 60%),var(--bg)}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}main,.nav,.footer{position:relative;z-index:3}.cur-dot,.cur-ring{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;border-radius:50%}.cur-dot{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:var(--gold)}.cur-ring{width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid rgba(201,169,110,.55);transition:width .25s,height .25s,margin .25s,border-color .25s,background .25s}.cur-ring.hot{width:62px;height:62px;margin:-31px 0 0 -31px;border-color:var(--gold);background:#c9a96e0f}.nav{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px 32px;transition:padding .4s,background .4s,border-color .4s;border-bottom:1px solid transparent}.nav.scrolled{padding:14px 32px;background:#0a0a0c99;backdrop-filter:blur(16px);border-bottom-color:var(--line)}.brand{font-family:var(--fs-display);font-weight:500;font-size:1.35rem;letter-spacing:.02em;display:inline-flex;align-items:flex-start;gap:2px}.brand span{font-size:.55em;color:var(--gold);margin-top:.2em}.nav-links{display:flex;gap:34px}.nav-links a{font-size:.9rem;color:var(--muted);transition:color .25s}.nav-links a:hover{color:var(--cream)}@media (max-width:720px){.nav-links{display:none}}.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--fs-body);font-weight:500;font-size:.92rem;padding:14px 26px;border-radius:100px;border:1px solid var(--line);transition:transform .3s,border-color .3s,background .3s,color .3s;will-change:transform}.btn-sm{padding:10px 18px;font-size:.84rem}.btn-primary{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1c140a;border:none}.btn-primary:hover{box-shadow:0 16px 40px -12px #c9a96e80}.btn-ghost{background:transparent;color:var(--cream)}.btn-ghost:hover{border-color:var(--gold)}.btn.lg{padding:20px 40px;font-size:1.1rem;font-family:var(--fs-display)}#hero{min-height:100svh;display:flex;align-items:center;position:relative}.hero-inner{max-width:920px;padding:0 32px;margin:0 auto;width:100%;text-align:center}.hero-inner .eyebrow{margin-bottom:30px}#hero h1{font-size:clamp(2.1rem,6.6vw,5.2rem)}#hero h1 .l{display:block;overflow:hidden}.lede{max-width:560px;margin:34px auto 0;color:#cfc7ba;font-size:1.18rem;line-height:1.6}.hero-cta{display:flex;gap:14px;justify-content:center;margin-top:42px;flex-wrap:wrap}.scroll-cue{position:absolute;bottom:34px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.scroll-cue span{width:1px;height:42px;background:linear-gradient(var(--gold),transparent);animation:cue 2.2s ease-in-out infinite}@keyframes cue{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;background:#0a0a0c66;backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee .track{display:flex;align-items:center;gap:40px;width:max-content;animation:scroll 34s linear infinite}.marquee span{font-family:var(--fs-display);font-weight:700;font-size:1.3rem;letter-spacing:.02em;text-transform:uppercase;color:var(--cream);white-space:nowrap}.marquee i{color:var(--gold);font-style:normal}@keyframes scroll{to{transform:translate(-50%)}}#approach{min-height:auto;display:flex;align-items:center;justify-content:center;text-align:center;padding:160px 32px}.ap-stack{max-width:1000px;width:100%}.ap-stack .eyebrow{margin-bottom:48px}.ap-lines{display:flex;flex-direction:column;gap:.08em}.ap-line{font-size:clamp(2.2rem,7vw,5rem);color:var(--cream);line-height:1.04}.ap-foot{max-width:560px;margin:56px auto 0;color:var(--muted);font-size:1.05rem;text-transform:none;font-family:var(--fs-body)}.apx-wrap{position:relative;width:100%;max-width:1040px;margin:0 auto}#approach.fx .apx-wrap:before{content:"";position:absolute;inset:-22% -8%;z-index:-1;background:radial-gradient(58% 68% at 50% 50%,rgba(8,9,10,.86),rgba(8,9,10,.4) 56%,transparent 80%);filter:blur(10px)}#apx{display:none;width:100%;position:relative;z-index:1}#approach.fx #apx{display:block}#approach.fx .ap-lines{position:absolute;inset:0;opacity:0;pointer-events:none}.apx-hint{display:none;margin-top:26px;font-family:var(--fs-display);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}#approach.fx .apx-hint{display:block}section.wrap{padding:140px 32px}@media (max-width:720px){section.wrap{padding:96px 24px}}#work{position:relative;padding:0}.h-track{display:flex;align-items:center;gap:44px;padding:0 6vw}.h-panel{flex:0 0 auto}.h-panel.intro{width:min(82vw,460px)}.h-panel.intro .eyebrow{margin-bottom:14px}.h-panel.intro h2{font-size:clamp(2rem,5vw,3.6rem);margin-bottom:18px}.h-panel.intro p{color:var(--muted);max-width:380px;font-size:1.05rem}.h-hint{display:inline-block;margin-top:28px;font-family:var(--fs-display);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.h-panel.proj{width:min(88vw,720px)}.browser{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0c0d10;box-shadow:0 44px 90px -44px #000000f2}.bbar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#15161b;border-bottom:1px solid var(--line)}.bbar i{width:11px;height:11px;border-radius:50%}.bbar i:nth-child(1){background:#ff5f57}.bbar i:nth-child(2){background:#febc2e}.bbar i:nth-child(3){background:#28c840}.burl{margin-left:12px;flex:1;font-family:var(--fs-display);font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bopen{font-family:var(--fs-display);font-size:.72rem;color:var(--gold);white-space:nowrap}.bopen:hover{text-decoration:underline}.bview{position:relative;aspect-ratio:16/10;background:#16151c;overflow:hidden}.bview .bshot{width:100%;height:100%;object-fit:cover;object-position:top center}.bview iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0a0a0b}.bload{position:absolute;left:50%;bottom:18px;transform:translate(-50%);font-family:var(--fs-display);font-weight:700;font-size:.82rem;padding:12px 22px;border-radius:100px;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#11140a;border:none;cursor:pointer;box-shadow:0 12px 30px -10px #c5d32e80;transition:transform .25s}.bload:hover{transform:translate(-50%) translateY(-2px)}.pmeta{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:20px}.pmeta h3{font-family:var(--fs-display);font-weight:700;font-size:1.2rem}.pmeta span{color:var(--muted);font-size:.85rem;text-align:right}@media (min-width:860px){#work{height:100vh;display:flex;align-items:center;overflow:hidden}}@media (max-width:859px){#work{padding:90px 24px}.h-track{flex-direction:column;align-items:stretch;gap:56px;padding:0}.h-panel.intro,.h-panel.proj{width:100%}}.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}.cap{background:var(--bg);padding:46px 40px;transition:background .4s}.cap:hover{background:var(--bg-2)}.cap-no{font-family:var(--fs-display);font-size:.9rem;color:var(--gold)}.cap h3{font-family:var(--fs-display);font-weight:440;font-size:1.7rem;margin:14px 0 12px}.cap p{color:var(--muted);font-size:1rem;max-width:30ch}@media (max-width:720px){.cap-grid{grid-template-columns:1fr}.cap{padding:36px 28px}}.cta{text-align:center;max-width:820px;margin:0 auto;padding:40px 0}.cta .eyebrow{margin-bottom:22px}.cta h2{font-size:clamp(1.9rem,5.2vw,3.8rem)}.cta p{color:var(--muted);font-size:1.15rem;margin:26px auto 40px;max-width:420px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:40px;padding-bottom:40px;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem}.footer .brand{font-size:1.1rem}[data-reveal]{will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.marquee .track,.scroll-cue span{animation:none}}