.case-page{--bg:#0b0809;--bg-2:#151011;--ink:#f1e9df;--ink-dim:#a6958c;--ink-mute:#8a7a72;--line:#ffffff1a;--line-strong:#ffffff2e;--accent:#e5484d;--accent-warm:#ffb065;--mono:var(--font-jetbrains-mono), ui-monospace, monospace;--display:var(--font-inter), sans-serif;--heading:var(--font-bodoni-moda), "Didot", "Bodoni 72", Georgia, serif;--serif:var(--font-bodoni-moda), Georgia, 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.39092% .924259 -.0804424);--bg-2:lab(5.18558% 2.33532 .201786);--ink:lab(92.8298% 1.51208 5.91791);--ink-dim:lab(63.0074% 5.31474 7.16047);--ink-mute:lab(52.561% 5.30624 6.66996);--line:lab(100% 0 0/.1);--line-strong:lab(100% 0 0/.18);--accent:lab(54.6373% 61.3426 33.6144);--accent-warm:lab(78.6551% 27.1543 54.2571)}}@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, #08050599);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.52838% .927508 .0795603/.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}main{z-index:10;position:relative}.nav{z-index:50;background:var(--bg);border-bottom:1px solid color-mix(in oklch, var(--line) 30%, transparent);justify-content:space-between;align-items:center;padding:22px 40px;display:flex;position:fixed;top:0;left:0;right:0}.logo{align-items:baseline;gap:10px;display:flex}.logo-word{font-family:var(--heading);letter-spacing:.01em;color:var(--ink);font-size:19px}.logo-word i{color:var(--accent);font-style:italic}.logo-ctx{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-mute);font-size:11px}.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(--heading);letter-spacing:-.015em;max-width:1100px;margin-bottom:28px;font-size:clamp(48px,8vw,128px);font-weight:400;line-height:.92}.cs-title em{font-family:var(--serif);color:var(--accent);font-style:italic}.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:#10090b;background:lab(2.9725% 2.18312 .186175);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)}.cs-screenshot{max-width:960px;margin:-20px auto 0;padding:0 24px}.cs-screenshot-frame{border:1px solid var(--line-strong);background:var(--bg-2);position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c;box-shadow:0 30px 80px lab(0% 0 0/.55)}.cs-screenshot-frame img{width:100%;height:auto;display:block}.cs-screenshot figcaption{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-mute);margin-top:10px;font-size:11px}.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(--heading);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:#130b0d80;background:lab(3.59892% 2.9048 .246912/.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(--heading);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}.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:#130b0d99;background:lab(3.59892% 2.9048 .246912/.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(--heading);letter-spacing:-.01em;max-width:80%;font-size:20px;font-weight:400;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:#070304;background:lab(1.16821% .981763 .0833303);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:#08050599;background:lab(1.52838% .927508 .0795603/.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:#0b0809;background:lab(2.39092% .924259 -.0804424);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:#0b060780;background:lab(1.93688% 1.36512 .116575/.5);grid-template-columns:1fr 1fr;gap:40px;padding:44px;display:grid}.reflect h3{font-family:var(--heading);letter-spacing:-.015em;margin-bottom:16px;font-size:24px;font-weight:400}.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(--heading);letter-spacing:-.025em;color:var(--ink);align-items:center;gap:24px;font-size:clamp(32px,5vw,64px);font-weight:400;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}}}