.case-page{--bg:#060a08;--bg-2:#0b110e;--ink:#eff3ee;--ink-dim:#a0a7a1;--ink-mute:#59605a;--line:#232b26;--line-strong:#3a453f;--accent:#87e7ff;--accent-warm:#ffb065;--mono:var(--font-jetbrains-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--display:var(--font-space-grotesk), system-ui, sans-serif;--serif:var(--font-fraunces), "Times New Roman", serif;background:var(--bg);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;min-height:100vh;position:relative;overflow-x:hidden}@supports (color:lab(0% 0 0)){.case-page{--bg:lab(2.54079% -1.43819 .570273);--bg-2:lab(4.54786% -2.54522 1.00929);--ink:lab(95.4637% -2.09227 1.94118);--ink-dim:lab(67.6814% -3.54502 2.25664);--ink-mute:lab(39.841% -3.54728 2.26038);--line:lab(16.6691% -4.51145 1.79035);--line-strong:lab(28.3232% -5.79758 2.30109);--accent:lab(86.8642% -36.2543 -37.6429);--accent-warm:lab(78.6551% 27.1543 54.2571)}}@keyframes cs-pulse{0%,to{opacity:.8;transform:scale(.45)}50%{opacity:1;transform:scale(.55)}}@keyframes cs-blink{0%,to{opacity:1}50%{opacity:.4}}@scope(.case-page){*{box-sizing:border-box;margin:0;padding:0}#bg-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.bg-veil{z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 20% 0%, color-mix(in oklch, var(--accent) 8%, transparent), transparent 55%), radial-gradient(ellipse 60% 60% at 90% 100%, color-mix(in oklch, var(--accent-warm) 5%, transparent), transparent 55%), linear-gradient(180deg, transparent, #04060599);position:fixed;inset:0}@supports (color:lab(0% 0 0)){.bg-veil{background:radial-gradient(ellipse 70% 50% at 20% 0%, color-mix(in oklch, var(--accent) 8%, transparent), transparent 55%), radial-gradient(ellipse 60% 60% at 90% 100%, color-mix(in oklch, var(--accent-warm) 5%, transparent), transparent 55%), linear-gradient(180deg, transparent, lab(1.59743% -.846244 .335637/.6))}}.bg-grain{z-index:2;pointer-events:none;opacity:.3;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.9 0 0 0 0 0.95 0 0 0 0 0.9 0 0 0 0.18 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}.bg-scanlines{z-index:3;pointer-events:none;opacity:.07;background-image:repeating-linear-gradient(0deg,#0000 0 2px,#ffffff80 2px 3px);position:fixed;inset:0}main{z-index:10;position:relative}.nav{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in oklch, var(--line) 30%, transparent);background:linear-gradient(#060a08b3,#060a0800);background:linear-gradient(lab(2.54079% -1.43819 .570273/.7),lab(2.54079% -1.43819 .570273/0));justify-content:space-between;align-items:center;padding:22px 40px;display:flex;position:fixed;top:0;left:0;right:0}.logo{font-family:var(--mono);letter-spacing:.02em;align-items:center;gap:14px;font-size:13px;display:flex}.logo-mark{flex:0 0 28px;width:28px;height:28px;display:inline-block;position:relative}.logo-mark:before,.logo-mark:after{content:"";border:1.5px solid var(--accent);border-radius:50%;position:absolute;inset:0}.logo-mark:after{background:var(--accent);opacity:.9;animation:2.4s ease-in-out infinite cs-pulse;transform:scale(.5)}.logo-text b{color:var(--ink);font-weight:600}.logo-text span{color:var(--ink-mute)}.back-link{font-family:var(--mono);color:var(--ink-dim);align-items:center;gap:8px;font-size:12px;text-decoration:none;transition:color .2s;display:flex}.back-link:hover{color:var(--accent)}.nav-status{font-family:var(--mono);color:var(--ink-mute);align-items:center;gap:8px;font-size:11px;display:flex}.nav-status .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.8s ease-in-out infinite cs-blink}.lang-toggle{font-family:var(--mono);gap:6px;margin-right:14px;font-size:11px;display:inline-flex}.lang-toggle a{color:var(--ink-mute);font:inherit;background:0 0;border:none;text-decoration:none}.lang-toggle a[aria-current=page]{color:var(--ink)}.lang-toggle .sep{color:var(--ink-mute)}.cs-hero{flex-direction:column;justify-content:space-between;min-height:82vh;padding:140px 40px 60px;display:flex}.cs-meta{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:24px;margin-bottom:48px;font-size:11px;display:flex}.cs-meta span{align-items:center;gap:8px;display:flex}.cs-meta span:before{content:"";background:var(--line-strong);width:14px;height:1px}.cs-kicker{font-family:var(--mono);color:var(--accent);letter-spacing:.14em;margin-bottom:20px;font-size:12px}.cs-title{font-family:var(--display);letter-spacing:-.035em;max-width:1100px;margin-bottom:28px;font-size:clamp(48px,8vw,128px);font-weight:300;line-height:.92}.cs-title em{font-family:var(--serif);color:var(--accent);font-style:italic;font-weight:300}.cs-sub{font-family:var(--display);color:var(--ink-dim);max-width:720px;font-size:clamp(18px,1.8vw,24px);font-weight:300;line-height:1.5}.cs-links{flex-wrap:wrap;gap:16px;margin-top:40px;display:flex}.cs-link{font-family:var(--mono);color:var(--ink);border:1px solid var(--line-strong);background:#070d09;background:lab(3.1342% -1.97721 .783682);align-items:center;gap:12px;padding:14px 22px;font-size:13px;text-decoration:none;transition:all .25s;display:inline-flex}.cs-link:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.cs-link.ghost{color:var(--ink-dim);background:0 0}.cs-link .ar{transition:transform .25s}.cs-link:hover .ar{transform:translate(3px,-3px)}.wrap{max-width:1280px;margin:0 auto}section{padding:100px 40px;position:relative}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:40px;margin-bottom:48px;padding-bottom:22px;display:flex}.section-index{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.12em;font-size:11px}.section-index b{color:var(--accent);font-weight:500}.section-title{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1}.section-title em{font-family:var(--serif);color:var(--accent);font-style:italic}.section-sub{font-family:var(--mono);color:var(--ink-dim);text-align:right;max-width:320px;font-size:12px;line-height:1.6}.prose{font-family:var(--display);color:var(--ink);letter-spacing:-.005em;max-width:900px;font-size:22px;font-weight:300;line-height:1.55}.prose+.prose{color:var(--ink-dim);margin-top:22px}.prose em{font-family:var(--serif);color:var(--accent);font-style:italic}.prose .hl{background:linear-gradient(180deg, transparent 62%, color-mix(in oklch, var(--accent) 22%, transparent) 62%, color-mix(in oklch, var(--accent) 22%, transparent) 88%, transparent 88%);padding:0 2px}.dec-body code.ag-code,.cs-sub code.ag-code,.prose code.ag-code{font-family:var(--mono);background:var(--bg-2);color:var(--ink);border:1px solid var(--line);padding:1px 5px}.cs-sub code.ag-code{font-size:.9em}em.em-hi{font-family:var(--serif);color:var(--accent)}.constraints{border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:0;display:grid}.c-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 28px;transition:background .25s}.c-item:hover{background:#080f0b80;background:lab(3.81346% -2.61994 1.03804/.5)}.c-item:nth-child(2n){border-right:none}.c-item:nth-last-child(-n+2){border-bottom:none}.c-label{font-family:var(--mono);color:var(--accent);letter-spacing:.12em;align-items:center;gap:10px;margin-bottom:10px;font-size:10px;display:flex}.c-label:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);flex:1;height:1px}.c-body{font-family:var(--display);color:var(--ink);font-size:16px;font-weight:300;line-height:1.5}.dec-list{border-top:1px solid var(--line-strong);flex-direction:column;gap:0;display:flex}.dec{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 2fr;align-items:start;gap:40px;padding:44px 0;display:grid;position:relative}.dec-num{font-family:var(--mono);color:var(--accent);letter-spacing:.12em;padding-top:4px;font-size:11px}.dec-head{font-family:var(--display);letter-spacing:-.015em;font-size:28px;font-weight:400;line-height:1.2}.dec-head em{font-family:var(--serif);color:var(--accent);font-style:italic;font-weight:300}.dec-body{font-family:var(--display);color:var(--ink-dim);font-size:15px;font-weight:300;line-height:1.65}.dec-body .row{border-bottom:1px dashed var(--line);grid-template-columns:80px 1fr;gap:14px;margin-bottom:10px;padding:6px 0;display:grid}.dec-body .row:last-child{border-bottom:none}.dec-body .k{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.1em;text-transform:uppercase;padding-top:3px;font-size:10px}.dec-body .v{color:var(--ink)}.dec-body .v.warm{color:var(--accent-warm)}.dec-body .v.acc{color:var(--accent)}.hi-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.hi{background:var(--bg);padding:32px;transition:background .3s}.hi:hover{background:#080f0b99;background:lab(3.81346% -2.61994 1.03804/.6)}.hi-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:16px;padding-bottom:14px;display:flex}.hi-title{font-family:var(--display);letter-spacing:-.01em;max-width:80%;font-size:20px;font-weight:500;line-height:1.25}.hi-title em{font-family:var(--serif);color:var(--accent);font-style:italic}.hi-id{font-family:var(--mono);color:var(--accent);letter-spacing:.1em;font-size:10px}.hi-body{font-family:var(--display);color:var(--ink-dim);font-size:14px;font-weight:300;line-height:1.65}.hi-body code{font-family:var(--mono);color:var(--accent);border:1px solid var(--line);background:#030504;background:lab(1.24062% -.883818 .350118);padding:1px 6px;font-size:12px}.stack-row{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:var(--mono);color:var(--ink-dim);border:1px solid var(--line);letter-spacing:.04em;padding:6px 12px;font-size:11px;transition:all .2s}.tag:hover{border-color:var(--accent);color:var(--accent)}.tag.primary{border-color:color-mix(in oklch, var(--accent) 50%, var(--line));color:var(--accent)}.arch-wrap{border:1px solid var(--line);aspect-ratio:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04060599;background:lab(1.59743% -.846244 .335637/.6);padding:40px;position:relative;overflow:hidden}.arch-wrap svg{width:100%;height:100%;position:absolute;inset:0}.n-box{border:1px solid var(--line-strong);font-family:var(--mono);color:var(--ink-dim);letter-spacing:.04em;background:#060a08;background:lab(2.54079% -1.43819 .570273);padding:10px 14px;font-size:11px;line-height:1.4;transition:all .3s;position:absolute}.n-box b{color:var(--ink);margin-bottom:2px;font-weight:500;display:block}.n-box.accent{border-color:var(--accent);color:var(--accent);box-shadow:0 0 24px color-mix(in oklch, var(--accent) 22%, transparent)}.n-box.accent b{color:var(--accent)}.n-box.warm{border-color:var(--accent-warm);color:var(--accent-warm)}.n-box.warm b{color:var(--accent-warm)}.n-box:hover{transform:scale(1.03)}.reflect{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05080680;background:lab(2.03811% -1.23847 .490952/.5);grid-template-columns:1fr 1fr;gap:40px;padding:44px;display:grid}.reflect h3{font-family:var(--display);letter-spacing:-.015em;margin-bottom:16px;font-size:24px;font-weight:300}.reflect h3 em{font-family:var(--serif);color:var(--accent);font-style:italic}.reflect p{font-family:var(--display);color:var(--ink-dim);font-size:15px;font-weight:300;line-height:1.65}.next-case{border-top:1px solid var(--line);padding:100px 40px}.next-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;max-width:1280px;margin:0 auto;display:flex}.next-label{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.12em;margin-bottom:8px;font-size:11px}.next-title{font-family:var(--display);letter-spacing:-.025em;color:var(--ink);align-items:center;gap:24px;font-size:clamp(32px,5vw,64px);font-weight:300;line-height:1;text-decoration:none;transition:color .3s;display:flex}.next-title em{font-family:var(--serif);color:var(--accent);font-style:italic}.next-title:hover{color:var(--accent)}.next-title .ar{font-family:var(--mono);color:var(--ink-mute);font-size:20px;transition:transform .3s,color .3s}.next-title:hover .ar{color:var(--accent);transform:translate(10px)}footer{border-top:1px solid var(--line);font-family:var(--mono);color:var(--ink-mute);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:40px;font-size:11px;display:flex}footer .sig{font-family:var(--serif);color:var(--ink-dim);font-style:italic}footer .footer-link{color:var(--ink-dim);text-decoration:none;transition:color .2s}footer .footer-link:hover{color:var(--accent)}@media (max-width:860px){section,.next-case{padding:70px 22px}.cs-hero{padding:110px 22px 50px}.section-head{flex-direction:column;align-items:flex-start;gap:16px}.section-sub{text-align:left;max-width:100%}.constraints{grid-template-columns:1fr}.c-item{border-right:none}.c-item:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.c-item:last-child{border-bottom:none}.dec{grid-template-columns:1fr;gap:14px;padding:30px 0}.hi-grid{grid-template-columns:1fr}.reflect{grid-template-columns:1fr;padding:28px}.arch-wrap{aspect-ratio:1/1.1;padding:20px}.nav{flex-wrap:wrap;gap:12px;padding:16px 22px}.nav-status{flex-wrap:wrap;row-gap:6px}}}