:root{--accent:#9b1fed;--accent-deep:#720ba6;--accent-soft:#6b5b95;--accent-glow:#9b1fed59;--success:#62d86b;--warn:#e8b339;--bg:#0a0a0e;--bg-elev:#111118;--bg-card:#0f0f14;--bg-nav:#06060a;--bg-inset:#07070b;--border:#23232e;--border-strong:#37374a;--border-accent:var(--accent-deep);--text:#ececf1;--text-muted:#9a9aa8;--text-dim:#5a5a68;--text-faint:#2e2e38;--shadow-card:0 1px 0 #ffffff0a inset, 0 20px 40px -20px #0009;--pad-section:96px;--pad-block:32px;--gap-stack:20px;--radius:2px;--rail:1180px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Fira Code", ui-monospace, "JetBrains Mono", SFMono-Regular, Menlo, monospace;--size-hero:clamp(48px, 7.2vw, 96px);--size-h2:clamp(28px, 3.2vw, 44px);--size-h3:22px;--size-body:16px;--size-small:14px;--size-mono:14px;--ease:cubic-bezier(.2, .7, .2, 1)}[data-theme=light]{--bg:#fbfbfa;--bg-elev:#fff;--bg-card:#efefe9;--bg-nav:#f4f4f0;--bg-inset:#f3f3f0;--border:#e0e0d8;--border-strong:#c9c9c0;--border-accent:var(--accent-deep);--text:#14141a;--text-muted:#5a5a68;--text-dim:#8a8a92;--text-faint:#d4d4cc;--shadow-card:0 2px 6px #0f0f140f, 0 24px 48px -24px #0f0f142e}[data-theme=light] .terminal{color:#9a9aa8;background:#1c1c26;border-color:#37374a}[data-theme=light] .terminal:before{color:#555}[data-theme=light] .terminal .out{color:#ececf1}[data-theme=light] .work-thumb{background:linear-gradient(135deg,#1a0a26,#0c0815)}[data-theme=light] .nav-link{color:var(--text-muted)}[data-theme=light] .nav-link:hover,[data-theme=light] .brand,[data-theme=light] .brand-name{color:var(--text)}[data-theme=light] .lang-switch,[data-theme=light] .theme-toggle{color:var(--text-muted)}[data-theme=light] .nav-toggle span{background:var(--text-muted)}[data-density=compact]{--pad-section:64px;--pad-block:22px;--gap-stack:14px}[data-density=airy]{--pad-section:140px;--pad-block:44px;--gap-stack:28px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--size-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background .24s var(--ease), color .24s var(--ease);margin:0;line-height:1.5;overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);font-feature-settings:"calt", "ss01"}.accent{color:var(--accent)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.rail{max-width:var(--rail);margin:0 auto;padding:0 32px;position:relative}.section{padding:var(--pad-section) 0;position:relative}.section+.section{padding-top:0}.section-head{align-items:center;gap:24px;margin-bottom:40px;display:flex}.section-head h2{font-family:var(--font-mono);font-size:var(--size-h2);letter-spacing:-.04em;color:var(--text);white-space:nowrap;margin:0;font-weight:500}.section-head h2:before{content:"# ";color:var(--accent);font-weight:600}.section-head .rule{background:linear-gradient(90deg, var(--accent-deep) 0%, var(--border) 100%);flex:1;height:1px}.section-head .meta{font-family:var(--font-mono);font-size:var(--size-mono);color:var(--text-muted);white-space:nowrap;letter-spacing:-.04em;border-bottom:1px solid var(--text-faint);transition:color .16s var(--ease), border-color .16s var(--ease);padding-bottom:2px}.section-head .meta:hover{color:var(--accent);border-color:var(--accent)}.nav{z-index:50;background:var(--bg-nav);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);align-items:center;height:64px;display:flex;position:sticky;top:0}.nav-inner{width:100%;max-width:var(--rail);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:0 24px;display:flex}.brand{color:#fff;font-family:var(--font-sans);align-items:center;gap:12px;display:flex}.brand-name{letter-spacing:-.08em;font-size:26px;font-weight:500;line-height:1}.brand-short{display:none}.nav-links{align-items:center;gap:28px;display:flex}.nav-link{font-family:var(--font-mono);color:#b4b4c0;letter-spacing:-.04em;transition:color .16s var(--ease);padding:6px 0;font-size:15px;position:relative}.nav-link:before{content:"# ";color:var(--accent);opacity:.7}.nav-link:hover,.nav-link.is-active{color:#fff}.nav-link.is-active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-2px;left:0;right:0}.lang-switch{font-family:var(--font-mono);color:#b4b4c0;border:1px solid var(--border);cursor:pointer;transition:border-color .16s var(--ease), color .16s var(--ease);background:0 0;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:flex}.lang-switch:hover{color:#fff;border-color:var(--accent)}.lang-switch:after{content:"▾";opacity:.7;font-size:10px}.theme-toggle{border:1px solid var(--border);cursor:pointer;color:#b4b4c0;width:36px;height:36px;transition:border-color .16s var(--ease), color .16s var(--ease);background:0 0;place-items:center;display:grid}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle svg{width:16px;height:16px}.theme-toggle .sun,[data-theme=light] .theme-toggle .moon{display:none}[data-theme=light] .theme-toggle .sun{display:block}.nav-actions{align-items:center;gap:10px;display:flex}.nav-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;display:none}.nav-toggle span{width:16px;height:2px;transition:transform .2s var(--ease), opacity .16s var(--ease);background:#b4b4c0;display:block}.nav-toggle:hover span{background:var(--accent)}.nav.is-open .nav-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.nav.is-open .nav-toggle span:nth-child(2){opacity:0}.nav.is-open .nav-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.side-rail{z-index:20;flex-direction:column;align-items:center;gap:18px;display:flex;position:fixed;top:50%;left:24px;transform:translateY(-50%)}.side-rail:before{content:"";background:linear-gradient(180deg, transparent, var(--border));width:1px;height:100px;position:absolute;top:-120px;left:50%}.side-rail:after{content:"";background:linear-gradient(180deg, var(--border), transparent);width:1px;height:100px;position:absolute;bottom:-120px;left:50%}.side-rail a{width:28px;height:28px;color:var(--text-muted);transition:color .16s var(--ease), transform .16s var(--ease);place-items:center;display:grid}.side-rail a:hover{color:var(--accent);transform:translateY(-2px)}.side-rail a svg{width:18px;height:18px}.btn{font-family:var(--font-mono);letter-spacing:-.05em;border:1px solid var(--accent);color:var(--text);cursor:pointer;transition:background .16s var(--ease), color .16s var(--ease), box-shadow .2s var(--ease);z-index:0;background:0 0;align-items:center;gap:10px;padding:12px 20px;font-size:16px;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--accent);transform-origin:0;transition:transform .22s var(--ease);z-index:-1;position:absolute;inset:0;transform:scaleX(0)}.btn:hover:before{transform:scaleX(1)}.btn:hover{color:#fff;box-shadow:0 0 0 4px var(--accent-glow)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:before{background:var(--accent-deep)}.btn .arrow{transition:transform .16s var(--ease)}.btn:hover .arrow{transform:translate(3px)}.hero{padding-top:80px;padding-bottom:80px;position:relative}.hero-grid{grid-template-columns:1fr 280px;align-items:center;gap:60px;display:grid}.hero-eyebrow{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:-.04em;margin-bottom:18px;font-size:14px}.hero-eyebrow .caret{background:var(--accent);vertical-align:-3px;width:8px;height:16px;margin-left:4px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero h1{font-size:var(--size-hero);letter-spacing:-.06em;color:var(--text);margin:0 0 24px;font-weight:500;line-height:.92}.hero h1 .name{color:var(--text);display:inline-block;position:relative}.hero h1 .name:after{content:"";background:var(--accent);opacity:.18;z-index:-1;height:14px;position:absolute;bottom:6px;left:0;right:0}.hero-sub{color:var(--text-muted);letter-spacing:-.03em;max-width:640px;margin:0 0 32px;font-size:clamp(18px,1.6vw,22px);line-height:1.4}.hero-sub strong{color:var(--text);font-weight:500}.hero-meta{flex-wrap:wrap;gap:32px;margin-bottom:36px;display:flex}.hero-meta-item{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.hero-meta-item b{color:var(--text);letter-spacing:-.04em;font-size:15px;font-weight:500;display:block}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-side{flex-direction:column;align-items:center;gap:28px;display:flex}.hero-logo{width:180px;height:240px;color:var(--accent);place-items:center;display:grid;overflow:hidden}.hero-logo svg{filter:drop-shadow(0 0 24px #9b1fed66);width:100%;height:100%}.status{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--text);align-items:center;gap:10px;font-size:16px;display:flex}.status-dot{background:var(--success);width:10px;height:10px;animation:pulse 1.8s var(--ease) infinite;flex-shrink:0;box-shadow:0 0 #62d86b99}@keyframes pulse{0%{box-shadow:0 0 #62d86b8c}70%{box-shadow:0 0 0 10px #62d86b00}to{box-shadow:0 0 #62d86b00}}.terminal{background:var(--bg-card);border:1px solid var(--border);width:100%;font-family:var(--font-mono);color:var(--text-muted);padding:14px 16px;font-size:13px;position:relative}.terminal:before{content:"● ● ●";letter-spacing:4px;color:#444;margin-bottom:10px;font-size:10px;display:block}.terminal .line{line-height:1.55;display:block}.terminal .prompt{color:var(--accent)}.terminal .out{color:var(--text)}.works-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.work{background:var(--bg-card);border:1px solid var(--border);transition:transform .26s var(--ease), border-color .26s var(--ease), box-shadow .26s var(--ease);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.work:hover{border-color:var(--accent-deep);box-shadow:0 30px 60px -30px var(--accent-glow);transform:translateY(-4px)}.work-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#1a0a26,#0c0815);place-items:center;display:grid;position:relative;overflow:hidden}.work-thumb:after{content:"";pointer-events:none;mix-blend-mode:overlay;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.work-thumb .glyph{font-family:var(--font-mono);letter-spacing:-.06em;color:var(--accent);text-shadow:0 0 30px var(--accent-glow);z-index:1;font-size:64px;font-weight:500;position:relative}.work-stack{z-index:2;gap:6px;display:flex;position:absolute;top:12px;left:12px}.tag{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0eb3;border:1px solid #9b1fed66;padding:3px 8px;font-size:11px}.work-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 22px;display:flex}.work-title{letter-spacing:-.03em;color:var(--text);justify-content:space-between;align-items:center;margin:0;font-size:18px;font-weight:500;display:flex}.work-title .ext{color:var(--text-dim);font-family:var(--font-mono);font-size:13px}.work-title .ext:after{content:" ↗"}.work-desc{color:var(--text-muted);letter-spacing:-.01em;margin:0;font-size:14px;line-height:1.55}.work-meta{font-family:var(--font-mono);color:var(--text-dim);gap:12px;margin-top:8px;font-size:12px;display:flex}.work-meta span:before{content:"·";color:var(--accent);margin-right:6px}.work-meta span:first-child:before{content:"";margin-right:0}.about-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:60px;display:grid}.about p{color:var(--text-muted);letter-spacing:-.01em;margin:0 0 18px;font-size:17px;line-height:1.65}.about p strong{color:var(--text);font-weight:500}.about-pull{font-family:var(--font-mono);border-left:2px solid var(--accent);color:var(--text);letter-spacing:-.03em;margin:28px 0 0;padding:4px 0 4px 18px;font-size:16px;line-height:1.5}.about-side{flex-direction:column;gap:14px;display:flex}.fact{border:1px solid var(--border);background:var(--bg-elev);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.fact-label{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--accent);font-size:12px}.fact-value{color:var(--text);letter-spacing:-.02em;font-size:15px}.stats{border:1px solid var(--border);background:var(--bg-elev);grid-template-columns:repeat(4,1fr);display:grid}.stat{border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:28px 24px;display:flex}.stat:last-child{border-right:none}.stat-val{font-family:var(--font-mono);letter-spacing:-.06em;color:var(--text);font-size:44px;font-weight:500;line-height:1}.stat-val .unit{color:var(--accent);font-size:26px}.stat-label{color:var(--text-muted);letter-spacing:-.02em;font-size:13px}.timeline{padding-left:32px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent) 0%, var(--accent-deep) 50%, var(--border) 100%);width:2px;position:absolute;top:8px;bottom:8px;left:8px}.tl-item{grid-template-columns:200px 1fr;gap:32px;padding-bottom:36px;display:grid;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--bg);border:2px solid var(--accent);width:18px;height:18px;position:absolute;top:6px;left:-32px;transform:rotate(45deg)}.tl-item.current:before{background:var(--accent);box-shadow:0 0 0 4px #9b1fed2e}.tl-when{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text-muted);padding-top:2px;font-size:13px}.tl-when b{color:var(--accent);font-weight:500;display:block}.tl-body h3{letter-spacing:-.03em;margin:0 0 4px;font-size:18px;font-weight:500}.tl-body .role{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:-.02em;margin-bottom:10px;font-size:13px}.tl-body .role .at{color:var(--text-dim);margin:0 6px}.tl-body .role .place{color:var(--accent)}.tl-body p{color:var(--text-muted);letter-spacing:-.01em;margin:0 0 8px;font-size:15px;line-height:1.55}.tl-stack{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tl-stack .chip{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);letter-spacing:-.02em;padding:2px 8px;font-size:11px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.skill-card{background:var(--bg-card);border:1px solid var(--border);transition:border-color .2s var(--ease);flex-direction:column;gap:10px;padding:18px 20px;display:flex}.skill-card:hover{border-color:var(--accent-deep)}.skill-card .head{justify-content:space-between;align-items:center;display:flex}.skill-card h3{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--text);margin:0;font-size:15px;font-weight:500}.skill-card h3:before{content:"// ";color:var(--accent)}.skill-card .count{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.skill-list{flex-wrap:wrap;gap:6px 10px;margin:0;padding:0;list-style:none;display:flex}.skill-list li{font-family:var(--font-mono);color:var(--text);letter-spacing:-.02em;font-size:14px}.skill-list li.primary{color:var(--accent)}.skill-list li.muted{color:var(--text-muted)}.play-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.play{aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:border-color .22s var(--ease);place-items:center;display:grid;position:relative;overflow:hidden}.play:hover{border-color:var(--accent)}.play .info{font-family:var(--font-mono);z-index:2;justify-content:space-between;align-items:end;font-size:12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.play .info b{color:var(--text);letter-spacing:-.02em;font-size:14px;font-weight:500;display:block}.play .info span{color:var(--text-muted);letter-spacing:-.02em}.play .badge{color:var(--accent);font-family:var(--font-mono);border:1px solid var(--accent);padding:3px 6px;font-size:11px}.contact-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:32px;display:grid}.contact-copy h3{letter-spacing:-.05em;color:var(--text);margin:0 0 14px;font-size:clamp(28px,3vw,40px);font-weight:500}.contact-copy p{color:var(--text-muted);letter-spacing:-.01em;max-width:480px;margin:0 0 24px;font-size:16px;line-height:1.5}.contact-card{background:var(--bg-card);border:1px solid var(--border);flex-direction:column;gap:14px;padding:26px 28px;display:flex}.contact-card h4{letter-spacing:-.03em;color:var(--text);margin:0 0 6px;font-size:20px;font-weight:600}.contact-row{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:-.02em;transition:color .16s var(--ease);align-items:center;gap:14px;padding:12px 0;font-size:15px;display:flex}.contact-row:hover{color:var(--accent)}.contact-row .ico{width:22px;height:22px;color:var(--accent);place-items:center;display:grid}.contact-row b{color:var(--text);font-weight:500}.foot{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:-.02em;margin-top:80px;padding:32px 0 48px;font-size:13px}.foot-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.foot .signature{align-items:center;gap:10px;display:flex}.foot .heart{color:var(--accent);animation:1.2s step-end infinite blink}.reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(20px)}.reveal.is-in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@media (width<=1180px){.side-rail{display:none}:root{--rail:920px}.nav-links{gap:16px}.nav-link{font-size:13px}.brand-name{font-size:20px}.nav-inner{gap:16px}}@media (width<=1024px){.works-grid,.skills-grid,.play-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr 240px;gap:40px}}@media (width<=900px){.nav-toggle{display:flex}.nav-links{background:var(--bg-nav);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease);z-index:49;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 16px;position:fixed;top:64px;left:0;right:0;transform:translateY(-12px);box-shadow:0 24px 40px -20px #0009}.nav.is-open .nav-links{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{border-bottom:1px solid var(--border);padding:14px 0;font-size:18px}.nav-link:last-child{border-bottom:none}.nav-link.is-active:after{display:none}.nav-link.is-active{color:var(--accent)}.hero{padding-top:48px;padding-bottom:56px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero-side{order:-1;grid-template-rows:auto auto;grid-template-columns:80px 1fr;align-items:center;gap:14px 20px;display:grid}.hero-logo{grid-area:1/1/3;align-self:start;width:80px;height:107px}.status{grid-area:1/2;align-self:end}.terminal{grid-area:2/2;align-self:start;width:100%;min-width:0}.about-grid{grid-template-columns:1fr;gap:32px}.works-grid,.skills-grid,.contact-grid{grid-template-columns:1fr}.timeline{padding-left:26px}.tl-item{grid-template-columns:1fr;gap:4px}.tl-item:before{width:14px;height:14px;top:5px;left:-26px}.tl-when{align-items:baseline;gap:8px;display:flex}.tl-when b{display:inline}}@media (width<=760px){.stats{grid-template-columns:1fr 1fr}.stat{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.stat:nth-child(2n){border-right:none}.stat:nth-last-child(-n+2){border-bottom:none}.stat-val{font-size:36px}}@media (width<=600px){.rail{padding:0 20px}.nav-inner{padding:0 18px}.brand-name{font-size:20px}.brand-full{display:none}.brand-short{display:inline}.lang-switch{padding:6px 8px}.hero h1{font-size:clamp(40px,12vw,56px)}.hero-sub{font-size:17px}.hero-meta{gap:20px 28px}.hero-actions{gap:10px}.btn{flex:1;justify-content:center}.section-head{gap:14px;margin-bottom:28px}.section-head h2{font-size:26px}.section-head .meta{font-size:12px}.play-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-val{font-size:32px}.stat{padding:20px 18px}.contact-card{padding:22px 20px}.foot-inner{flex-direction:column;gap:10px}}@media (width<=380px){.hero-side{grid-template-columns:60px 1fr;gap:10px 14px}.hero-logo{width:60px;height:80px}.play-grid{grid-template-columns:1fr}}.contact-form{flex-direction:column;gap:14px;margin-top:28px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{font-family:var(--font-mono);color:var(--accent);letter-spacing:-.02em;font-size:12px}.form-field label:before{content:"// ";opacity:.6}.form-field input,.form-field textarea{background:var(--bg-inset);border:1px solid var(--border);color:var(--text);font-family:var(--font-sans);resize:vertical;width:100%;transition:border-color .16s var(--ease), box-shadow .16s var(--ease);-webkit-appearance:none;outline:none;padding:10px 14px;font-size:15px}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-dim)}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-notice{font-family:var(--font-mono);letter-spacing:-.02em;border:1px solid;padding:10px 14px;font-size:13px}.form-notice.success{border-color:var(--success);color:var(--success)}.form-notice.error{color:#e85050;border-color:#e85050}@media (width<=600px){.form-row{grid-template-columns:1fr}}.sub-hero{border-bottom:1px solid var(--border);padding:64px 0 32px}.crumbs{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:-.02em;align-items:center;gap:8px;margin-bottom:28px;font-size:13px;display:flex}.crumbs a{color:var(--text-muted);transition:color .14s var(--ease)}.crumbs a:hover{color:var(--accent)}.crumbs .sep{color:var(--text-dim)}.crumbs .cur{color:var(--text)}.sub-hero h1{letter-spacing:-.06em;margin:0 0 14px;font-size:clamp(40px,6vw,78px);font-weight:500;line-height:1}.sub-hero h1:before{content:"# ";color:var(--accent)}.sub-hero .tagline{color:var(--text-muted);letter-spacing:-.03em;max-width:640px;margin:0 0 28px;font-size:clamp(17px,2vw,22px);line-height:1.4}.sub-meta{flex-wrap:wrap;gap:32px 48px;padding:20px 0 8px;display:flex}.sub-meta>div{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:-.02em;font-size:13px}.sub-meta b{color:var(--text);margin-top:2px;font-size:15px;font-weight:500;display:block}.uses-grid{grid-template-columns:repeat(2,1fr);gap:48px 64px;padding:40px 0 80px;display:grid}.uses-block h3{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--text);border-bottom:1px solid var(--border);margin:0 0 16px;padding-bottom:8px;font-size:15px;font-weight:500}.uses-block h3:before{content:"# ";color:var(--accent)}.uses-block dl{grid-template-columns:110px 1fr;gap:10px 16px;margin:0;display:grid}.uses-block dt{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:-.02em;padding-top:2px;font-size:13px}.uses-block dd{color:var(--text);letter-spacing:-.01em;margin:0;font-size:15px}.uses-block dd .note{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:-.02em;margin-top:2px;font-size:12px;display:block}.now-feed{flex-direction:column;padding:40px 0 80px;display:flex}.now-item{border-top:1px solid var(--border);grid-template-columns:140px 1fr;gap:32px;padding:28px 0;display:grid}.now-item:last-child{border-bottom:1px solid var(--border)}.now-when{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text-muted);font-size:13px}.now-when b{color:var(--accent);font-weight:500;display:block}.now-body h3{letter-spacing:-.03em;margin:0 0 8px;font-size:19px;font-weight:500}.now-body p{color:var(--text-muted);letter-spacing:-.01em;margin:0 0 6px;font-size:15px;line-height:1.55}.now-body .tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.now-body .tags .chip{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);letter-spacing:-.02em;padding:2px 8px;font-size:11px}@media (width<=900px){.uses-grid{grid-template-columns:1fr;gap:32px}.now-item{grid-template-columns:1fr;gap:8px}}.cover{border:1px solid var(--border);background:linear-gradient(135deg,#1a0a2e 0%,#0c0815 100%);place-items:center;height:clamp(220px,40vw,480px);margin:32px 0;display:grid;position:relative;overflow:hidden}.cover:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#9b1fed38,#0000 50%),radial-gradient(circle at 80% 70%,#9b1fed29,#0000 50%);position:absolute;inset:0}.cover:before{content:"";mix-blend-mode:overlay;pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.cover .mark{font-family:var(--font-mono);letter-spacing:-.07em;color:var(--accent);z-index:1;text-shadow:0 0 48px #9b1fed80;font-size:clamp(56px,12vw,180px);font-weight:500;line-height:1;position:relative}.case-grid{grid-template-columns:220px 1fr;align-items:start;gap:56px;padding:32px 0 80px;display:grid}.case-grid .side h3{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--accent);text-transform:lowercase;margin:0 0 14px;font-size:13px;font-weight:500}.case-grid .side h3:before{content:"// ";opacity:.6}.side .chip-stack{flex-wrap:wrap;gap:6px;display:flex}.side .chip-stack .chip{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);letter-spacing:-.02em;padding:4px 8px;font-size:12px}.case-grid .main h2{letter-spacing:-.04em;font-size:22px;font-weight:500;font-family:var(--font-mono);color:var(--accent);margin:40px 0 14px}.case-grid .main h2:before{content:"// ";opacity:.6}.case-grid .main h2:first-child{margin-top:0}.case-grid .main p{color:var(--text-muted);letter-spacing:-.01em;margin:0 0 18px;font-size:16px;line-height:1.65}.case-grid .main p strong,.case-grid .main p b{color:var(--text);font-weight:500}.case-grid .main p em{color:var(--text);font-style:italic}.case-grid .main ul{margin:0 0 24px;padding:0;list-style:none}.case-grid .main ul li{border-top:1px solid var(--border);color:var(--text-muted);letter-spacing:-.01em;padding:10px 0 10px 24px;font-size:15px;line-height:1.5;position:relative}.case-grid .main ul li:last-child{border-bottom:1px solid var(--border)}.case-grid .main ul li:before{content:"→";color:var(--accent);font-family:var(--font-mono);position:absolute;top:10px;left:0}.case-grid .main ul li b{color:var(--text);font-weight:500}.figure{border:1px solid var(--border);background:var(--bg-elev);margin:20px 0 8px;padding:24px;position:relative;overflow:auto}.figure:before{content:"fig.";font-family:var(--font-mono);color:var(--text-dim);letter-spacing:-.02em;font-size:11px;position:absolute;top:8px;right:12px}.figure .ascii{font-family:var(--font-mono);color:var(--accent);white-space:pre;margin:0;font-size:12px;line-height:1.45}.figure-cap{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:-.02em;margin:0 0 24px;font-size:12px}.metrics{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0 32px;display:grid}.metric{background:var(--bg-elev);padding:22px}.metric .v{font-family:var(--font-mono);letter-spacing:-.05em;color:var(--text);font-size:32px;line-height:1}.metric .v .unit{color:var(--accent);font-size:18px}.metric .l{color:var(--text-muted);letter-spacing:-.02em;margin-top:6px;font-size:13px}.next-prev{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;padding-top:32px;padding-bottom:80px;display:grid}.np-card{border:1px solid var(--border);background:var(--bg-card);transition:border-color .2s var(--ease), transform .2s var(--ease);padding:22px;display:block}.np-card:hover{border-color:var(--accent-deep);transform:translateY(-2px)}.np-card .dir{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:-.02em;margin-bottom:8px;font-size:12px}.np-card.right{text-align:right}.np-card h4{letter-spacing:-.03em;margin:0;font-size:18px;font-weight:500}.np-card .sub{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:-.02em;margin-top:6px;font-size:12px}@media (width<=900px){.case-grid{grid-template-columns:1fr;gap:24px}.metrics{grid-template-columns:1fr 1fr}.next-prev{grid-template-columns:1fr}}@media (width<=600px){.metrics{grid-template-columns:1fr}.cover{margin:20px 0}.case-grid{padding:20px 0 48px}.next-prev{padding-bottom:48px}.sub-hero{padding:40px 0 24px}.uses-grid,.now-feed{padding:28px 0 48px}.uses-block dl{grid-template-columns:90px 1fr}}