.skip-link{position:absolute;left:-9999px;top:0;background:#1e2a3a;color:#fff;padding:12px 20px;z-index:10000;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase}.skip-link:focus{left:12px;top:12px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--ink: #1e2a3a;--ink-light: #3a4a5a;--ink-muted: #7a8a9a;--accent: #2a6cb6;--accent-warm: #c2883e;--accent-ai: #4a3aaa;--cream: #faf8f4;--sky-top: #6aaad4;--sky-bot: #dce8f0}html{background:var(--sky-bot);color:var(--ink);font-family:Inter,sans-serif;overflow-x:hidden}body{background:var(--sky-bot);overflow-x:hidden}#ld{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:linear-gradient(180deg,#e8eff5,var(--sky-bot));z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity 1.2s}#ld.h{opacity:0;pointer-events:none}#ld span{font-family:Space Grotesk,sans-serif;font-size:13px;letter-spacing:6px;text-transform:uppercase;color:var(--ink-muted);animation:pulse 1.5s ease-in-out infinite}#scroll-spacer{width:100%;height:1000vh;position:relative}canvas#c{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:1;background:var(--sky-bot)}#ui{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:10;pointer-events:none}#nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:28px 48px;z-index:100;pointer-events:auto}#nav .logo{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:16px;letter-spacing:5px;text-transform:uppercase;color:var(--ink)}#nav .nav-toggle{position:absolute;opacity:0;pointer-events:none}#nav .nav-burger{display:none}#nav .nav-links{display:flex;gap:32px;list-style:none}#nav ul a{color:var(--ink-muted);text-decoration:none;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:400;transition:color .4s;cursor:pointer}#nav ul a:hover{color:var(--ink)}#dots{position:fixed;right:32px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:12px;pointer-events:auto}.dot{width:6px;height:6px;border-radius:50%;background:#1e2a3a26;transition:all .5s;cursor:pointer;position:relative}.dot.on{background:var(--accent);box-shadow:0 0 8px #2a6cb640}.dot .tip{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.dot:hover .tip{opacity:1}.sec{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 1.2s,visibility 0s linear 1.2s;pointer-events:none}.sec.vis{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1.2s,visibility 0s linear 0s}#hero{text-align:center;flex-direction:column;align-items:center}.kicker,.beat{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:18px}#hero .t{font-family:Space Grotesk,sans-serif;font-size:clamp(34px,6vw,72px);font-weight:300;letter-spacing:8px;text-transform:uppercase;color:var(--ink);line-height:1.08;margin-bottom:18px}#hero .sub{font-size:clamp(13px,1.4vw,17px);letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-muted);font-weight:300;max-width:760px;line-height:1.7}#hero .hero-actions{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;pointer-events:auto}#hero .hero-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:8px;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}#hero .hero-cta:hover,#hero .hero-cta:focus-visible{transform:translateY(-1px);outline:none}#hero .hero-cta-primary{background:var(--ink);color:var(--cream);border:1px solid var(--ink)}#hero .hero-cta-primary:hover,#hero .hero-cta-primary:focus-visible{background:var(--accent);border-color:var(--accent)}#hero .hero-cta-secondary{background:#ffffffb3;color:var(--ink);border:1px solid rgba(30,42,58,.14)}#hero .hero-cta-secondary:hover,#hero .hero-cta-secondary:focus-visible{border-color:#2a6cb666;color:var(--accent)}#hero .sub .ai-accent{color:var(--accent);font-weight:400}#hero .sh{margin-top:34px;display:flex;flex-direction:column;align-items:center;gap:8px;animation:pulse 2.5s ease-in-out infinite}#hero .sh span{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-muted)}#hero .sh .arr{width:1px;height:36px;background:linear-gradient(to bottom,var(--ink-muted),transparent)}.sp{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity 1.2s,visibility 0s linear 1.2s;pointer-events:none}.sp.vis{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1.2s,visibility 0s linear 0s}.sp .pi{max-width:480px;padding:32px 36px;background:#f0f4f8b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:8px;border:1px solid rgba(255,255,255,.45);box-shadow:0 18px 60px #1e2a3a14}.sp.l .pi{margin-left:6vw;margin-right:auto}.sp.r .pi{margin-left:auto;margin-right:6vw}.sp .tag{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px;color:var(--ink-muted)}.sp .tag .n{color:var(--accent);font-weight:400}.sp .tag .n.ai{color:var(--accent-ai)}.sp h2{font-family:Space Grotesk,sans-serif;font-size:clamp(24px,2.8vw,38px);font-weight:300;letter-spacing:1px;line-height:1.2;margin-bottom:16px;color:var(--ink)}.sp .beat{color:var(--accent-warm);line-height:1.7;max-width:360px;opacity:0;transform:translateY(6px);transition:all .5s}.sp.vis .beat{opacity:1;transform:translateY(0)}.sp .fl{display:flex;flex-direction:column;gap:5px;margin-bottom:20px}.sp .fi{font-size:13px;color:var(--ink-light);letter-spacing:.3px;display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(6px);transition:all .5s}.sp.vis .fi{opacity:1;transform:translateY(0)}.sp.vis .fi:nth-child(1){transition-delay:.15s}.sp.vis .fi:nth-child(2){transition-delay:.3s}.sp.vis .fi:nth-child(3){transition-delay:.45s}.sp.vis .fi:nth-child(4){transition-delay:.6s}.fi .d{width:6px;height:6px;border-radius:50%;background:#2a6cb6d9;box-shadow:0 0 0 3px #2a6cb614;flex-shrink:0}.fi .d.ai{background:#4a3aaad9;box-shadow:0 0 0 3px #4a3aaa14}.sp .dt{font-size:13px;line-height:1.75;color:var(--ink-muted);font-weight:300}.work-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:22px 0 18px;pointer-events:auto}.work-card{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;min-height:auto;padding:16px 18px;border:1px solid rgba(30,42,58,.11);border-radius:8px;background:#ffffffad;box-shadow:0 14px 34px #1e2a3a0f;color:inherit;text-decoration:none;transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}.work-card:hover,.work-card:focus-visible{transform:translateY(-3px);border-color:#2a6cb66b;background:#ffffffe6;box-shadow:0 18px 38px #1e2a3a1a;outline:none}.work-code,.work-meta,.work-all{font-family:JetBrains Mono,monospace;text-transform:uppercase}.work-code{font-size:10px;letter-spacing:2px;color:var(--accent)}.work-title{font-family:Space Grotesk,sans-serif;font-size:20px;line-height:1.18;color:var(--ink);text-wrap:balance;overflow-wrap:anywhere}.work-meta{grid-column:2;font-size:9px;letter-spacing:1.2px;line-height:1.6;color:var(--ink-muted);overflow-wrap:anywhere}.work-all{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--accent);font-size:10px;letter-spacing:2px;text-decoration:none;pointer-events:auto}.work-all:hover,.work-all:focus-visible{color:var(--ink)}#philo{text-align:center;flex-direction:column;align-items:center;padding:0 10vw}#philo h2{font-family:Space Grotesk,sans-serif;font-size:clamp(28px,3.5vw,46px);font-weight:300;letter-spacing:3px;margin-bottom:24px;color:var(--ink)}#philo .pt{font-size:15px;line-height:1.8;color:var(--ink-muted);max-width:560px;margin-bottom:40px;font-weight:300}#philo .vals{display:flex;gap:56px}.vi{display:flex;flex-direction:column;align-items:center;gap:10px}.vi .vl{width:1px;height:28px;background:linear-gradient(to bottom,var(--accent),transparent)}.vi .vt{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-muted)}#foot{text-align:center;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:56px}#foot .cta{pointer-events:auto;font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--ink);background:#ffffff8c;backdrop-filter:blur(8px);border:1px solid rgba(42,108,182,.2);padding:16px 44px;cursor:pointer;transition:all .5s;margin-bottom:36px;border-radius:6px}#foot .cta:hover{border-color:var(--accent);color:var(--accent);background:#ffffffbf}#foot .inf{display:flex;gap:36px;margin-bottom:20px}#foot .inf a{pointer-events:auto;color:var(--ink-muted);text-decoration:none;font-size:11px;letter-spacing:1px;transition:color .3s}#foot .inf a:hover{color:var(--ink)}#foot .cr{font-size:10px;color:#7a8a9a80;letter-spacing:2px}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 768px){#nav{padding:20px 24px}#dots{right:16px}#hero{padding:0 24px}#hero .t{letter-spacing:4px}#hero .sub{letter-spacing:1px}.sp .pi{padding:24px;max-width:calc(100% - 40px);margin:0 20px!important}.kicker,.beat{letter-spacing:2px}#philo .vals{gap:28px}#foot .inf{flex-direction:column;gap:12px}.work-grid{grid-template-columns:1fr}#nav .nav-burger{position:relative;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(30,42,58,.12);border-radius:8px;background:#faf8f4d1;cursor:pointer}#nav .nav-burger span,#nav .nav-burger:before,#nav .nav-burger:after{content:"";position:absolute;width:18px;height:1.5px;background:var(--ink);transition:transform .28s ease,opacity .28s ease}#nav .nav-burger span{position:relative}#nav .nav-burger:before{transform:translateY(-6px)}#nav .nav-burger:after{transform:translateY(6px)}#nav .nav-links{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background:#faf8f4fa;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}#nav .nav-links a{font-size:24px;letter-spacing:3px;color:var(--ink)}#nav .nav-toggle:checked+.nav-burger span{opacity:0}#nav .nav-toggle:checked+.nav-burger:before{transform:rotate(45deg)}#nav .nav-toggle:checked+.nav-burger:after{transform:rotate(-45deg)}#nav .nav-toggle:checked~.nav-links{opacity:1;visibility:visible;pointer-events:auto}}@media (max-width: 640px){.work-grid{grid-template-columns:1fr;gap:10px}.work-card{min-height:auto;padding:18px;gap:8px 12px}.work-title{font-size:18px;line-height:1.22}.work-meta{font-size:10px;letter-spacing:1px}}@media (max-width: 480px){#dots{display:none}#nav{padding:18px}#nav .logo{font-size:15px;letter-spacing:4px}#hero{padding:0 18px}#hero .t{font-size:clamp(28px,9vw,42px);letter-spacing:2px}#hero .sub{font-size:14px;letter-spacing:.8px;max-width:100%;line-height:1.6}#hero .hero-actions{width:100%;flex-direction:column}#hero .hero-cta{width:100%}.sp .pi{padding:20px;max-width:none;margin:0 12px!important}.work-card{min-height:auto}#philo{padding:0 18px}#philo .vals{gap:18px}}@media (max-width: 380px){#nav{padding:16px 14px}#hero .t{font-size:26px;letter-spacing:2px}#hero .sub{font-size:13px;letter-spacing:.5px}.sp .pi{padding:18px;margin:0 10px!important}#nav .nav-links a{font-size:21px}}body.reduced-motion #scroll-spacer{display:none}body.reduced-motion canvas#c{display:none}body.reduced-motion #dots,body.reduced-motion #ld{display:none}body.reduced-motion #ui{position:static;height:auto;background:var(--cream)}body.reduced-motion .sec,body.reduced-motion .sp{position:static;opacity:1!important;transform:none!important;height:auto;min-height:auto;padding:64px 7vw;max-width:900px;margin:0 auto}body.reduced-motion .sp .pi,body.reduced-motion .sp.vis .fi,body.reduced-motion .sp.vis .beat{opacity:1!important;transform:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}