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