:root{--bg: oklch(.975 .005 80);--bg-raise: oklch(.95 .006 78);--bg-sunk: oklch(.93 .007 75);--fg: oklch(.22 .008 60);--fg-mute: oklch(.48 .012 65);--fg-dim: oklch(.62 .01 70);--line: oklch(.82 .008 75);--line-strong: oklch(.35 .01 65);--hatch: oklch(.88 .006 75);--accent: oklch(.22 .008 60);--accent-contrast: oklch(.975 .005 80);--accent-soft: oklch(.48 .012 65);--line-width: 1px;--max-width: 1440px;--gutter: 24px;--measure: 65ch;--base-size: 16px;--space-0: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--control-sm: 28px;--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--display-optical: "opsz" 96, "SOFT" 100, "WONK" 0;--fs-display-hero: clamp(3rem, 9vw, 8rem);--fs-display-xl: clamp(2.5rem, 6.5vw, 6rem);--fs-display-l: clamp(2rem, 4vw, 3rem);--fs-display-s: clamp(1.2rem, 1.6vw, 1.5rem);--fs-micro: .6rem}[data-density=compact]{--base-size: 14px;--space-0: 2px;--space-1: 3px;--space-1-5: 5px;--space-2: 6px;--space-3: 10px;--space-4: 14px;--space-5: 20px;--space-6: 28px;--space-7: 40px;--space-8: 56px;--space-9: 80px;--space-10: 112px;--control-sm: 28px;--gutter: 16px}[data-font-pair=editorial]{--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--display-optical: "opsz" 96, "SOFT" 100, "WONK" 0;--display-weight: 500;--display-tracking: -.02em}[data-font-pair=engineer]{--font-display: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--display-weight: 600;--display-tracking: -.035em;--display-optical: normal}[data-font-pair=swiss]{--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--display-weight: 600;--display-tracking: -.04em;--display-optical: normal}[data-lang=ar]{--font-display: "Noto Sans Arabic", "Geist", ui-sans-serif, system-ui, sans-serif;--font-body: "Noto Sans Arabic", "Geist", ui-sans-serif, system-ui, sans-serif;--display-tracking: 0}[data-theme=light]{--bg: oklch(.975 .005 80);--bg-raise: oklch(.95 .006 78);--bg-sunk: oklch(.93 .007 75);--fg: oklch(.2 .008 60);--fg-mute: oklch(.38 .012 65);--fg-dim: oklch(.52 .01 70);--line: oklch(.78 .008 75);--line-strong: oklch(.28 .01 65);--hatch: oklch(.86 .006 75)}[data-theme=dark]{--bg: oklch(.165 .008 60);--bg-raise: oklch(.205 .009 62);--bg-sunk: oklch(.135 .007 58);--fg: oklch(.945 .005 85);--fg-mute: oklch(.72 .01 75);--fg-dim: oklch(.55 .012 70);--line: oklch(.32 .01 65);--line-strong: oklch(.7 .012 70);--hatch: oklch(.24 .009 62)}[data-palette=mono]{--accent: var(--fg);--accent-contrast: var(--bg);--accent-soft: var(--fg-mute)}[data-palette=ochre][data-theme=light]{--accent: oklch(.62 .15 55);--accent-contrast: oklch(.975 .005 80);--accent-soft: oklch(.78 .08 60);--accent-alt: oklch(.55 .19 258)}[data-palette=ochre][data-theme=dark]{--accent: oklch(.86 .17 72);--accent-contrast: oklch(.165 .008 60);--accent-soft: oklch(.68 .14 65);--accent-alt: oklch(.72 .17 250)}[data-palette=electric][data-theme=light]{--accent: oklch(.55 .19 258);--accent-contrast: oklch(.975 .005 80);--accent-soft: oklch(.76 .11 255);--accent-alt: oklch(.68 .19 55)}[data-palette=electric][data-theme=dark]{--accent: oklch(.72 .17 250);--accent-contrast: oklch(.165 .008 60);--accent-soft: oklch(.5 .14 255);--accent-alt: oklch(.86 .17 72)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{font-size:var(--base-size);background:var(--bg);color:var(--fg);scroll-behavior:smooth}[id=home],[id=about],[id=cases],[id=timeline],[id=stack],[id=contact],[id^=cases-]{scroll-margin-top:72px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11";line-height:1.5;transition:background .16s linear,color .16s linear}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--accent-contrast)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}.page{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}@media(max-width:640px){.container{padding:0 var(--space-5)}}.rule{border:0;border-top:var(--line-width) solid var(--line);margin:0}.rule-strong{border-top-color:var(--line-strong)}.mono{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute);font-weight:500}.mono-lower{text-transform:none;letter-spacing:.02em}.display{font-family:var(--font-display);font-weight:var(--display-weight, 500);font-variation-settings:var(--display-optical);letter-spacing:var(--display-tracking, -.02em);line-height:.95}.h-xxl{font-size:clamp(3.5rem,11vw,10rem)}.h-xl{font-size:clamp(2.5rem,7vw,5.5rem)}.h-l{font-size:clamp(1.75rem,3.2vw,2.5rem)}.h-m{font-size:clamp(1.25rem,2vw,1.5rem)}.lede{font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.5;color:var(--fg);max-width:58ch}.body{font-size:1rem;line-height:1.55}.small{font-size:.875rem}.nav{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--bg) 90%,transparent);backdrop-filter:saturate(1.1) blur(8px);-webkit-backdrop-filter:saturate(1.1) blur(8px);border-bottom:var(--line-width) solid var(--line)}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:var(--space-3);padding-bottom:var(--space-3);gap:var(--space-5);direction:ltr;unicode-bidi:isolate}.nav-links{grid-column:2;display:flex;gap:var(--space-5);justify-content:center;min-width:0}[data-lang=ar] .nav-links,[data-lang=ar] .nav-cases{direction:rtl;unicode-bidi:isolate}.nav-agent-notice{grid-column:1;justify-self:start;font-family:var(--font-mono);font-size:var(--fs-micro, .6rem);letter-spacing:.04em;color:color-mix(in oklab,var(--fg-dim) 55%,transparent);text-decoration:none;white-space:nowrap;transition:color .18s ease}.nav-agent-notice:hover,.nav-agent-notice:focus-visible{color:var(--fg-dim);outline:none}.nav-agent-notice-path{color:inherit;transition:color .18s ease}.nav-agent-notice:hover .nav-agent-notice-path,.nav-agent-notice:focus-visible .nav-agent-notice-path{color:var(--accent)}@media(max-width:1024px){.nav-agent-notice{display:none}}.nav-links a{position:relative;padding-bottom:var(--space-1);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-mute);transition:color .12s linear;white-space:nowrap}.nav-links a:hover,.nav-links a.is-active{color:var(--fg)}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .16s linear;pointer-events:none}.nav-links a.is-active:after{transform:scaleX(var(--progress, 0))}[data-lang=ar] .nav-links a:after{transform-origin:right}.nav-ctrls{grid-column:3;justify-self:end;display:inline-flex;align-items:stretch;gap:var(--space-2);direction:ltr;unicode-bidi:isolate}.nav-ctrl{display:inline-flex;align-items:center;border:var(--line-width) solid var(--line);height:var(--control-sm);background:color-mix(in oklab,var(--bg) 10%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--fg-mute);transition:border-color .12s linear,color .12s linear,background .12s linear}.nav-ctrl:hover{color:var(--fg);border-color:var(--line-strong)}.nav-ctrl-theme{padding:0 var(--space-2);cursor:pointer}.nav-ctrl-lang button{padding:0 var(--space-2);height:100%;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:inherit;border-inline-end:var(--line-width) solid var(--line)}.nav-ctrl-lang button:last-child{border-inline-end:0}.nav-ctrl-lang button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.nav-ctrl-icon{display:inline-flex}.nav-inner--case{grid-template-columns:auto 1fr auto}.nav-back{grid-column:1;justify-self:start}.nav-back a{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute);transition:color .12s linear;white-space:nowrap}.nav-back a:hover{color:var(--fg)}.nav-back-arrow{display:inline-flex;align-items:center;line-height:1}.nav-cases{grid-column:2;display:flex;gap:var(--space-5);justify-content:center;align-items:center}.nav-cases a{position:relative;display:inline-flex;align-items:baseline;gap:var(--space-1-5);padding-bottom:var(--space-1);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute);transition:color .12s linear;white-space:nowrap}.nav-cases a:hover,.nav-cases a.is-active{color:var(--fg)}.nav-cases a .nav-case-num{color:inherit;opacity:.7}.nav-cases a.is-active .nav-case-num{opacity:1;color:var(--accent)}.nav-cases a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .16s linear;pointer-events:none}.nav-cases a.is-active:after{transform:scaleX(1)}[data-lang=ar] .nav-cases a:after{transform-origin:right}[dir=rtl] code,[dir=rtl] pre,[dir=rtl] .case-diagram pre,[dir=rtl] .foot,[dir=rtl] .mono{direction:ltr;unicode-bidi:isolate}[data-lang=ar] .nav-links a,[data-lang=ar] .nav-cases a,[data-lang=ar] .section-head .title .sub,[data-lang=ar] .chip .k,[data-lang=ar] .field-label,[data-lang=ar] .case-hero-facts-eyebrow,[data-lang=ar] .case-lessons-eyebrow{letter-spacing:0;text-transform:none}[data-lang=ar] .nav-ctrl-lang button{letter-spacing:.1em;text-transform:uppercase}.hero-ctrls-slot{display:none}@media(max-width:720px){.nav-inner{grid-template-columns:1fr;gap:var(--space-3)}.nav .nav-ctrls{display:none}.nav-links{grid-column:1;justify-content:center;gap:var(--space-3);flex-wrap:nowrap;min-width:0}.nav-links a{font-size:.7rem}.hero-ctrls-slot{display:inline-flex}.nav.nav--case .nav-inner--case{grid-template-columns:auto 1fr;gap:var(--space-3)}.nav-back-label{display:none}.nav.nav--case .nav-back a{border:var(--line-width) solid var(--line);padding:0 10px;height:var(--control-sm);color:var(--fg)}.nav.nav--case .nav-back a:hover{border-color:var(--line-strong)}.nav.nav--case .nav-cases{grid-column:2;justify-content:center;gap:var(--space-4);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav.nav--case .nav-cases::-webkit-scrollbar{display:none}.nav.nav--case .nav-cases a{font-size:.7rem;gap:4px}}@media(max-width:520px){.nav.nav--case .nav-cases a .nav-case-label{display:none}.nav.nav--case .nav-cases a .nav-case-num:before{content:"#"}}@media(max-width:380px){.nav.nav--case .nav-inner--case{gap:var(--space-2)}.nav.nav--case .nav-back a{padding:0 6px}.nav.nav--case .nav-cases{gap:var(--space-2)}}.section{padding:var(--space-9) 0 var(--space-9);position:relative}.section-head{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);align-items:end;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:var(--line-width) solid var(--line)}.section-head .no{grid-column:1 / span 3;font-family:var(--font-mono);color:var(--fg-mute);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;align-self:end;padding-bottom:6px}.section-head .title{grid-column:4 / span 9;display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.section-head .title h2{margin:0;font-family:var(--font-display);font-weight:var(--display-weight, 500);font-size:var(--fs-display-l);letter-spacing:var(--display-tracking, -.02em);line-height:1}.section-head .title .sub{color:var(--fg-mute);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:640px){.section{padding:var(--space-7) 0}.section-head{grid-template-columns:1fr;gap:var(--space-2);margin-bottom:var(--space-6)}.section-head .no{grid-column:1;align-self:start;padding-bottom:0}.section-head .title{grid-column:1}}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 10px;border:var(--line-width) solid var(--line);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em}.chip .glyph{color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:var(--space-3);padding:12px 18px;border:var(--line-width) solid var(--line-strong);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;transition:background .12s linear,color .12s linear}.btn-primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn-primary:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.btn-ghost:hover{background:var(--fg);color:var(--bg)}.link{display:inline-flex;align-items:center;gap:var(--space-2);border-bottom:var(--line-width) solid currentColor;padding-bottom:2px;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.link:hover{color:var(--accent)}.hatch{position:relative;background-color:var(--bg-sunk);background-image:repeating-linear-gradient(135deg,var(--hatch) 0 1px,transparent 1px 10px);border:var(--line-width) solid var(--line);overflow:hidden}.hatch-label{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute);background:var(--bg);padding:4px 8px;border:var(--line-width) solid var(--line);white-space:nowrap}.hatch-corner{position:absolute;top:10px;left:12px;font-family:var(--font-mono);font-size:.7rem;color:var(--fg-mute);letter-spacing:.06em}.hero{padding:var(--space-9) 0;position:relative}@media(max-width:720px){.hero{padding:var(--space-5) 0 var(--space-8)}.hero-a .grid{row-gap:var(--space-7)}}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24px;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent 0%,color-mix(in oklab,var(--fg) 35%,transparent) 14%,color-mix(in oklab,var(--fg) 75%,transparent) 50%,color-mix(in oklab,var(--fg) 35%,transparent) 86%,transparent 100%) no-repeat bottom center / 100% 1px,radial-gradient(ellipse 18% 100% at 50% 100%,color-mix(in oklab,var(--accent) 30%,transparent) 0%,color-mix(in oklab,var(--accent) 8%,transparent) 45%,transparent 80%)}.hero-a .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}.hero-a .meta-l{grid-column:1 / span 3;display:flex;flex-direction:column;gap:var(--space-4);padding-top:6px}.hero-a .meta-l .row{display:flex;flex-direction:column;gap:var(--space-0)}.hero-a .meta-l .row-top{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-3);direction:ltr;unicode-bidi:isolate}.hero-meta-strip{display:none}@media(max-width:1024px){.hero-a .meta-l .row-meta{display:none}.hero-a .meta-l .row-top{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-3)}.hero-meta-strip{display:flex;grid-column:1 / span 12;flex-wrap:nowrap;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--fg-dim)}.hero-meta-strip span{white-space:nowrap}.hero-meta-strip span+span:before{content:"·";margin-inline-end:var(--space-2);color:var(--fg-dim)}}.hero-a .meta-l .row .k{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim)}.hero-a .meta-l .row .v{font-family:var(--font-mono);font-size:.82rem;color:var(--fg)}.hero-a .meta-l .no-label,.hero-a .no-label{font-family:var(--font-mono)!important;color:var(--fg-mute)!important;font-size:.72rem!important;line-height:1!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-weight:500!important}.hero-a .main{grid-column:4 / span 9}.hero-a .name{margin:0;font-size:var(--fs-display-hero)}.hero-a .role{margin-top:var(--space-5);font-size:clamp(1.15rem,1.6vw,1.4rem);color:var(--fg);max-width:48ch}.hero-a .role em{font-style:italic;font-family:var(--font-display);color:var(--accent);font-weight:500}.hero-role-seg{white-space:nowrap}@media(max-width:720px){.hero-role-seg{display:block}.hero-role-sep{display:none}}.hero-a .chips{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6)}.hero-a .chips .chip{background:color-mix(in oklab,var(--bg) 10%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .12s linear,color .12s linear}.hero-a .chips .chip-link:hover .chip{border-color:var(--accent);color:var(--accent)}.hero-a .cta{display:none}.hero-stage{position:relative}.hero-actions{position:absolute;top:calc(var(--space-3) - var(--space-9));inset-inline-end:var(--space-6);display:flex;gap:var(--space-2);z-index:2}.hero-action-chip.case-copy-md,.hero-action-chip{width:auto;padding:0 var(--space-2);text-decoration:none}.hero-mobile-role,.hero-mobile-buttons{display:none}@media(max-width:720px){.hero-actions{display:none}.hero-a .main>.mono{display:none}.hero-mobile-role{display:block;margin-top:var(--space-3);font-size:.85rem;letter-spacing:.02em;line-height:1.35;text-align:start}[data-lang=ar] .hero-mobile-role{direction:rtl;text-align:start}.hero-mobile-buttons{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;justify-content:flex-end;direction:ltr;unicode-bidi:isolate}}@media(max-width:1024px){.hero-a .meta-l,.hero-a .main{grid-column:1 / span 12}}.about{position:relative;overflow:hidden}.about .container{position:relative;z-index:1}.about-glow{position:absolute;left:0;right:0;top:0;height:55%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 100% at 50% 0%,color-mix(in oklab,var(--accent-alt) 18%,transparent) 0%,color-mix(in oklab,var(--accent-alt) 5%,transparent) 45%,transparent 75%)}[data-theme=light] .about-glow{opacity:1;background:radial-gradient(ellipse 80% 100% at 50% 0%,color-mix(in oklab,var(--accent-alt) 18%,transparent) 0%,color-mix(in oklab,var(--accent-alt) 6%,transparent) 45%,transparent 75%)}.about .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}.about .pull{grid-column:1 / span 4}.about .pull .q{font-family:var(--font-display);font-weight:500;font-size:var(--fs-display-l);letter-spacing:-.025em;line-height:1}.about .pull .q .ac{color:var(--accent);font-style:italic}.about .body{grid-column:5 / span 7;display:flex;flex-direction:column;gap:var(--space-5);font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.6;color:var(--fg)}.about .body strong{font-weight:600}@media(max-width:900px){.about .pull,.about .body{grid-column:1 / span 12}}.bg-dots,.bg-edge{position:relative;isolation:isolate}.bg-dots>.container,.bg-edge>.container{position:relative;z-index:1}.bg-dots:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,color-mix(in oklab,var(--fg) 22%,transparent) 1px,transparent 1.5px);background-size:28px 28px;background-position:0 0;opacity:.45;mask-image:linear-gradient(180deg,transparent 0,#000 var(--space-9),#000 calc(100% - var(--space-9)),transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 var(--space-9),#000 calc(100% - var(--space-9)),transparent 100%)}[data-theme=light] .bg-dots:before{opacity:.55}.bg-edge{position:relative}.edge-tick{position:absolute;width:28px;height:var(--control-sm);pointer-events:none;z-index:0;color:color-mix(in oklab,var(--fg) 35%,transparent)}.edge-tick:before,.edge-tick:after{content:"";position:absolute;background:currentColor}.edge-tick:before{width:100%;height:1px}.edge-tick:after{width:1px;height:100%}.edge-tick--tl{top:24px;left:24px}.edge-tick--tl:before{top:0;left:0}.edge-tick--tl:after{top:0;left:0}.edge-tick--tr{top:24px;right:24px}.edge-tick--tr:before{top:0;right:0}.edge-tick--tr:after{top:0;right:0}.edge-tick--bl{bottom:24px;left:24px}.edge-tick--bl:before{bottom:0;left:0}.edge-tick--bl:after{bottom:0;left:0}.edge-tick--br{bottom:24px;right:24px}.edge-tick--br:before{bottom:0;right:0}.edge-tick--br:after{bottom:0;right:0}.xp-row{position:relative}.xp-watermark{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-weight:500;font-size:clamp(6rem,14vw,14rem);letter-spacing:-.04em;line-height:.8;color:color-mix(in oklab,var(--fg) 7%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;white-space:nowrap}[data-theme=light] .xp-watermark{color:color-mix(in oklab,var(--fg) 9%,transparent)}.xp-row .when,.xp-row .what,.xp-row .tag{position:relative;z-index:1}.section.stack{position:relative;isolation:isolate}.section.stack:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0 5px,color-mix(in oklab,var(--fg) 9%,transparent) 5px 6px);opacity:.6;mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.section.stack .container{position:relative;z-index:1}.stack-preface{max-width:var(--measure);margin:0 0 var(--space-6);color:var(--fg-mute);font-size:clamp(.95rem,1.05vw,1.05rem);line-height:1.55}.stack-strata{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--space-6);row-gap:var(--space-7)}.stratum{display:flex;flex-direction:column;gap:var(--space-3)}.stratum-label{font-family:var(--font-display);font-weight:var(--display-weight, 500);font-size:var(--fs-display-s);letter-spacing:var(--display-tracking, -.02em);line-height:1.1;color:var(--fg)}.stratum-items{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);justify-content:flex-start}.stratum-items .chip{background:color-mix(in oklab,var(--bg) 65%,var(--bg-raise) 35%);transition:color .12s linear,border-color .12s linear,background .12s linear}.stratum-items .chip:hover{color:var(--accent);border-color:var(--accent)}@media(max-width:900px){.stack-strata{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.stack-strata{grid-template-columns:1fr;row-gap:var(--space-5)}}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter);align-items:stretch}.card{border:var(--line-width) solid var(--line);background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .12s linear}.card:hover{border-color:var(--line-strong)}.card .card-head{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-3) var(--space-4);border-bottom:var(--line-width) solid var(--line);gap:var(--space-3);flex-wrap:wrap}.card .card-head .idx{font-family:var(--font-mono);color:var(--fg-mute);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.card .card-head .codename{font-family:var(--font-mono);color:var(--fg-mute);font-size:.7rem;letter-spacing:.08em;text-transform:lowercase}.card .card-head .status{font-family:var(--font-mono);color:var(--accent);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.card .media-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-sunk);flex:0 0 auto}.card .card-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto;min-width:0}.card .card-body h3{margin:0;font-family:var(--font-display);font-weight:var(--display-weight, 500);font-size:var(--fs-display-s);letter-spacing:var(--display-tracking, -.02em);line-height:1.15}.card .card-body .subtitle{margin:0;font-family:var(--font-body);font-size:.92rem;letter-spacing:0;color:var(--fg-mute);line-height:1.55}.card .card-meta{margin:var(--space-3) 0 0;padding:var(--space-3) 0 0;border-top:var(--line-width) solid var(--line);display:grid;gap:var(--space-2);margin-top:auto}.card .card-meta-row{display:grid;grid-template-columns:56px 1fr;column-gap:var(--space-3);align-items:baseline}.card .card-meta-row dt{margin:0;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.card .card-meta-row dd{margin:0;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em;color:var(--fg);line-height:1.5;word-break:normal;overflow-wrap:anywhere}.card .card-foot{display:flex;justify-content:flex-end;align-items:center;padding:var(--space-3) var(--space-5);border-top:var(--line-width) solid var(--line);gap:var(--space-4);flex-wrap:wrap}@keyframes cta-pulse-dot{0%,to{opacity:.25}50%{opacity:1}}.card .cta-with-dot{display:inline-flex;align-items:center;gap:var(--space-2)}.card .cta-dot{font-size:.7em;line-height:1;color:var(--accent);animation:cta-pulse-dot 1.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.card .cta-dot{animation:none;opacity:1}}.hero.has-fx{overflow:hidden;position:relative}.hero.has-fx .hero-stage{position:relative;z-index:1}.hero-fx{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-fx-svg{position:absolute;inset:0;width:100%;height:100%;display:block}[data-theme=light] .hero-fx{opacity:.7}.hero-fx-embers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ember{position:absolute;left:var(--x);bottom:var(--start-y);width:var(--size);height:var(--size);border-radius:50%;background:var(--accent);box-shadow:0 0 4px var(--accent);opacity:0;will-change:transform,opacity;animation:rise-ember var(--dur) ease-in var(--delay) infinite}@keyframes rise-ember{0%{transform:translateZ(0) scale(.6);opacity:0}15%{opacity:.9}to{transform:translate3d(var(--drift),-90vh,0) scale(1.1);opacity:0}}@media(prefers-reduced-motion:reduce){.ember{animation:none;opacity:0}}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.projects-grid{grid-template-columns:1fr}}.xp-list{display:flex;flex-direction:column}.xp-row{display:grid;grid-template-columns:180px 1fr 160px;gap:var(--space-6);padding:var(--space-6) 0;border-top:var(--line-width) solid var(--line);align-items:start}.xp-row:last-child{border-bottom:var(--line-width) solid var(--line)}.xp-row .when{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.04em;color:var(--fg);text-transform:uppercase}.xp-row .what h4{margin:0 0 var(--space-2);font-family:var(--font-display);font-weight:var(--display-weight, 500);font-size:clamp(1.1rem,1.5vw,1.35rem);letter-spacing:-.01em}.xp-row .what p{margin:0;color:var(--fg-mute);max-width:62ch;font-size:.95rem;line-height:1.55}.xp-row .tag{font-family:var(--font-mono);font-size:.72rem;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em;text-align:end}@media(max-width:780px){.xp-row{grid-template-columns:1fr;gap:var(--space-3)}.xp-row .tag{text-align:start}}.contact{padding:var(--space-10) 0}.contact .wrap{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);align-items:end}.contact .pitch{grid-column:1 / span 8}.contact .pitch h2{margin:0;font-family:var(--font-display);font-size:var(--fs-display-xl);letter-spacing:-.035em;line-height:.95;font-weight:var(--display-weight, 500);text-wrap:balance}.contact .pitch h2 em{font-style:italic;color:var(--accent);font-family:var(--font-display)}.contact .pitch p{color:var(--fg-mute);max-width:48ch;margin-top:var(--space-5);font-size:1.05rem}.contact-side{grid-column:9 / span 4;display:flex;flex-direction:column;gap:var(--space-4)}.contact-resume-row{display:flex;justify-content:flex-start}.contact-resume{width:auto;min-width:105px;padding:0 var(--space-3)}.contact .ways{display:flex;flex-direction:column;gap:0;border-top:var(--line-width) solid var(--line)}.contact .ways .way{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-4) 0;border-bottom:var(--line-width) solid var(--line);gap:var(--space-4)}.contact .ways .way .k{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute)}.contact .ways .way .v{font-family:var(--font-mono);font-size:.95rem}.contact .ways a.way:hover .v{color:var(--accent)}.contact .ways .way-static{color:inherit;cursor:default}@media(max-width:900px){.contact .pitch,.contact-side{grid-column:1 / span 12}}.footer{padding:var(--space-5) 0;border-top:var(--line-width) solid var(--line);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute)}.footer .row{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.footer a:hover{color:var(--fg)}.footer-sanitized{max-width:72ch;margin:var(--space-3) 0 0;color:var(--fg-dim);font-size:.62rem;letter-spacing:.04em;line-height:1.55;text-transform:none}.footer-sanitized a{color:var(--fg-mute)}.footer-agent-notice{display:none;margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-micro, .6rem);letter-spacing:.04em;color:color-mix(in oklab,var(--fg-dim) 55%,transparent);text-decoration:none;transition:color .18s ease}.footer .footer-agent-notice:hover,.footer .footer-agent-notice:focus-visible{color:var(--fg-dim);outline:none}.footer-agent-notice-path{color:inherit;transition:color .18s ease}.footer-agent-notice:hover .footer-agent-notice-path,.footer-agent-notice:focus-visible .footer-agent-notice-path{color:var(--accent)}@media(max-width:1024px){.footer-agent-notice{display:inline-block}}.lite-yt-btn{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;background:var(--bg-sunk);cursor:pointer;overflow:hidden;display:block}.lite-yt-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .24s ease,filter .24s ease}.lite-yt-btn:hover .lite-yt-thumb,.lite-yt-btn:focus-visible .lite-yt-thumb{transform:scale(1.015);filter:brightness(.92)}.lite-yt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;border-radius:999px;background:#141414b8;color:#fff;font-size:1.5rem;line-height:1;padding-inline-start:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .16s ease,transform .16s ease}[dir=rtl] .lite-yt-play{padding-inline-start:0;padding-inline-end:4px}.lite-yt-btn:hover .lite-yt-play,.lite-yt-btn:focus-visible .lite-yt-play{background:#141414eb;transform:translate(-50%,-50%) scale(1.04)}.lite-yt-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.lite-yt-langs{position:absolute;top:var(--space-2);inset-inline-end:var(--space-2);z-index:3;display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:#14141499;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.lite-yt-lang-btn{appearance:none;border:0;background:transparent;color:#ffffffb8;font:500 11px/1 var(--font-mono, ui-monospace, monospace);letter-spacing:.04em;padding:4px 8px;border-radius:999px;cursor:pointer;transition:background .12s ease,color .12s ease}.lite-yt-lang-btn:hover,.lite-yt-lang-btn:focus-visible{color:#fff;background:#ffffff14;outline:none}.lite-yt-lang-btn[aria-pressed=true]{background:#ffffff2e;color:#fff}.player-spinner{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-4);pointer-events:none;background:color-mix(in oklab,var(--bg-sunk) 70%,transparent)}.player-spinner-ring{position:relative;width:56px;height:56px;animation:player-spinner-spin .9s linear infinite}.player-spinner-ring span{position:absolute;top:0;left:50%;margin-left:-3px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);transform-origin:50% 28px;transform:rotate(calc(var(--i) * 45deg));opacity:calc(.18 + var(--i) * .11)}.player-spinner-label{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--fg)}.player-spinner-label:after{content:"...";display:inline-block;width:1.5em;text-align:start;animation:player-spinner-dots 1.4s steps(1,end) infinite}@keyframes player-spinner-spin{to{transform:rotate(360deg)}}@keyframes player-spinner-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media(prefers-reduced-motion:reduce){.player-spinner-ring,.player-spinner-label:after{animation:none}}.video-mirror{display:inline-block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--fg-mute);text-decoration:none;transition:color .12s linear;background:transparent;border:none;padding:0;margin:0;cursor:pointer}.video-mirror:hover,.video-mirror:focus-visible{color:var(--fg)}.card>.video-mirror{padding:var(--space-3) var(--space-5) 0;font-size:.68rem}.case-video{margin:var(--space-6) 0 var(--space-5)}.case-video-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-sunk);border:var(--line-width) solid var(--line);overflow:hidden}.video-mirror--page{display:inline-block;margin-top:var(--space-3)}.video-mirror-slot{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1),opacity .28s ease-out 80ms;opacity:0}.video-mirror-slot--open{grid-template-rows:1fr;opacity:1}.video-mirror-slot>*{min-height:0;overflow:hidden}@media(prefers-reduced-motion:reduce){.video-mirror-slot{transition:none}}.case-page main{padding-top:0}.case-hero{overflow:hidden}.case-dot-zone{position:relative;isolation:isolate}.case-page .bg-dots:before{mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - var(--space-9)),transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - var(--space-9)),transparent 100%)}.case-hero-glow{position:absolute;inset:0;pointer-events:none;z-index:0}.case-hero-glow svg{position:absolute;inset:0;width:100%;height:100%;display:block}[data-theme=light] .case-hero-glow{opacity:.7}.case-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:24px;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent 0%,color-mix(in oklab,var(--fg) 35%,transparent) 14%,color-mix(in oklab,var(--fg) 75%,transparent) 50%,color-mix(in oklab,var(--fg) 35%,transparent) 86%,transparent 100%) no-repeat top center / 100% 1px,radial-gradient(ellipse 18% 100% at 50% 0%,color-mix(in oklab,var(--accent) 30%,transparent) 0%,color-mix(in oklab,var(--accent) 8%,transparent) 45%,transparent 80%)}.case-hero-top{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);margin-bottom:var(--space-7)}.case-hero-status-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);direction:ltr;unicode-bidi:isolate}.case-hero-ctrls-slot{display:none}.case-hero-status-actions{display:inline-flex;align-items:center;gap:var(--space-3)}.case-hero-top .case-status-line{font-family:var(--font-mono);font-size:.72rem;color:var(--fg-mute);text-transform:uppercase;letter-spacing:.1em}.case-copy-md{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);height:var(--control-sm);width:105px;padding:0;font-size:.68rem;letter-spacing:.1em;color:var(--fg-mute);background:color-mix(in oklab,var(--bg) 10%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease;white-space:nowrap}.case-copy-md-icon{display:inline-flex;align-items:center;justify-content:center}.case-copy-md:hover,.case-copy-md:focus-visible{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 50%,var(--line));outline:none}.case-copy-md--copied{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 50%,var(--line))}.case-copy-md--error{color:var(--fg-mute);opacity:.6}.case-copy-md-mobile-row{grid-column:1 / -1;display:none;justify-content:flex-end;margin-top:var(--space-2)}.case-copy-md--mobile{display:none}.case-hero-top h1{grid-column:1 / span 10;font-family:var(--font-display);font-weight:var(--display-weight, 500);font-size:var(--fs-display-l);letter-spacing:var(--display-tracking, -.02em);line-height:1.05;margin:var(--space-4) 0 var(--space-4)}.case-hero-top .lede{grid-column:1 / span 8;margin:0;max-width:var(--measure)}@media(max-width:900px){.case-hero-top .case-status-line,.case-hero-top h1,.case-hero-top .lede{grid-column:1 / -1}}@media(max-width:720px){.case-hero-ctrls-slot{display:inline-flex}.case-copy-md--desktop{display:none}.case-copy-md-mobile-row{display:flex}.case-copy-md--mobile{display:inline-flex}.case-hero-top{gap:var(--space-2)}.case-hero-top h1{margin-top:var(--space-2);margin-bottom:var(--space-3)}}.case-hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);align-items:start}.case-hero-video{grid-column:1 / span 8;display:flex;flex-direction:column}.case-hero-grid--video-only .case-hero-video{grid-column:1 / span 12}.case-hero-facts{grid-column:9 / span 4;display:flex;flex-direction:column;gap:var(--space-4)}.case-hero-facts-eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);padding-bottom:var(--space-3);border-bottom:var(--line-width) solid var(--line)}.case-hero-facts-list{margin:0;padding:0;display:grid;gap:var(--space-4)}.case-hero-facts-row{display:grid;grid-template-columns:1fr;gap:var(--space-0)}.case-hero-facts-row dt{margin:0;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.case-hero-facts-row dd{margin:0;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em;color:var(--fg);line-height:1.5;overflow-wrap:anywhere}@media(max-width:900px){.case-hero-grid{grid-template-columns:1fr}.case-hero-video,.case-hero-facts,.case-hero-grid--video-only .case-hero-video{grid-column:1}}.case-section{padding-top:var(--space-9);padding-bottom:var(--space-9)}.case-context-section{position:relative;overflow:hidden}.case-context-section .container{position:relative;z-index:1}.case-context-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}.case-context-pull{grid-column:1 / span 4;font-family:var(--font-display);font-weight:var(--display-weight, 500);font-size:var(--fs-display-l);letter-spacing:var(--display-tracking, -.025em);line-height:1;color:var(--fg);white-space:pre-line}.case-context-pull .ac{color:var(--accent)}.case-context-body{grid-column:5 / span 7;display:flex;flex-direction:column;gap:var(--space-5);font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.6;color:var(--fg)}.case-context-body p{margin:0;max-width:var(--measure)}@media(max-width:900px){.case-context-pull,.case-context-body{grid-column:1 / span 12}}.case-diagram{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,var(--measure));column-gap:var(--space-7);row-gap:var(--space-3);align-items:start;justify-content:start;margin:0 0 var(--space-7)}.case-diagram:last-child{margin-bottom:0}.case-diagram .diagram-title{grid-column:1 / -1;font-family:var(--font-mono);font-size:.72rem;color:var(--fg-mute);letter-spacing:.08em;text-transform:uppercase}.case-diagram pre{grid-column:1;font-family:var(--font-mono);font-size:.74rem;line-height:1.55;color:var(--fg);background:var(--bg-sunk);border:var(--line-width) solid var(--line);padding:var(--space-5);overflow-x:auto;white-space:pre;margin:0}.case-diagram .diagram-notes{grid-column:2;align-self:start;margin:0;padding-top:var(--space-3);display:grid;gap:var(--space-6)}.diagram-note{display:grid;gap:var(--space-2)}.diagram-note dt{margin:0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute)}.diagram-note dd{margin:0;font-family:var(--font-body);font-size:.95rem;line-height:1.55;color:var(--fg);max-width:var(--measure)}@media(max-width:1024px){.case-diagram{grid-template-columns:1fr}.case-diagram pre,.case-diagram .diagram-notes{grid-column:1}.case-diagram .diagram-notes{padding-top:var(--space-4)}}.case-diagram--screenshots{grid-template-columns:1fr;row-gap:var(--space-4)}.case-diagram--screenshots .diagram-title{grid-column:1 / -1}.case-diagram-images{grid-column:1 / -1;display:grid;grid-template-columns:var(--diagram-img-cols, 1fr 1fr);gap:var(--space-5);margin:0;padding:0}.case-diagram-images figure{margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.case-diagram-images img{display:block;width:100%;height:auto;background:var(--bg-sunk);border:var(--line-width) solid var(--line);box-sizing:border-box}.case-diagram-images figcaption{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute)}.case-diagram--screenshots .diagram-notes{grid-column:1 / -1;padding-top:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(28ch,100%),1fr))}.case-diagram--screenshots .diagram-note dd{max-width:none}@media(max-width:1024px){.case-diagram-images{grid-template-columns:1fr;gap:var(--space-4)}}.case-decisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}@media(max-width:900px){.case-decisions{grid-template-columns:1fr}}.case-decision{position:relative;isolation:isolate;border:var(--line-width) solid var(--line);padding:var(--space-6) var(--space-6) var(--space-5);background:var(--bg);overflow:hidden}.case-decision:before{content:attr(data-num);position:absolute;inset-inline-end:var(--space-4);top:var(--space-2);font-family:var(--font-display);font-weight:var(--display-weight, 500);font-size:clamp(3.5rem,7vw,6rem);letter-spacing:-.04em;line-height:.8;color:color-mix(in oklab,var(--fg) 7%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}[data-theme=light] .case-decision:before{color:color-mix(in oklab,var(--fg) 9%,transparent)}.case-decision>*{position:relative;z-index:1}.case-decision h3{margin:0 0 var(--space-3);font-family:var(--font-display);font-weight:var(--display-weight, 500);font-size:var(--fs-display-s);letter-spacing:var(--display-tracking, -.02em);line-height:1.2;max-width:32ch}.case-decision .field{display:grid;grid-template-columns:88px 1fr;gap:var(--space-4);align-items:baseline;padding-top:var(--space-3);border-top:var(--line-width) solid var(--line);margin-top:var(--space-3)}.case-decision .field:first-of-type{border-top:0;padding-top:0;margin-top:var(--space-2)}.case-decision .field-label{font-family:var(--font-mono);font-size:.72rem;color:var(--fg-mute);letter-spacing:.1em;text-transform:uppercase}.case-decision .field-body{color:var(--fg);font-size:.94rem;line-height:1.55;max-width:var(--measure)}.section.case-stack-section{position:relative;isolation:isolate}.section.case-stack-section:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0 5px,color-mix(in oklab,var(--fg) 9%,transparent) 5px 6px);opacity:.6;mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.section.case-stack-section .container{position:relative;z-index:1}.case-stack-strata{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--space-6);row-gap:var(--space-7)}.case-stack-stratum{display:flex;flex-direction:column;gap:var(--space-3)}.case-stack-stratum .label{font-family:var(--font-display);font-weight:var(--display-weight, 500);font-size:var(--fs-display-s);letter-spacing:var(--display-tracking, -.02em);line-height:1.1;color:var(--fg)}.case-stack-stratum .body{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em;color:var(--fg-mute);line-height:1.6;background:color-mix(in oklab,var(--bg) 65%,var(--bg-raise) 35%);padding:var(--space-3) var(--space-4);border:var(--line-width) solid var(--line)}@media(max-width:900px){.case-stack-strata{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.case-stack-strata{grid-template-columns:1fr;row-gap:var(--space-5)}}.case-lessons-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}.case-lessons-col{grid-column:span 6}@media(max-width:900px){.case-lessons-col{grid-column:1 / -1}}.case-lessons-eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:var(--line-width) solid var(--line)}.case-lessons{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-4)}.case-lessons li{position:relative;padding-inline-start:var(--space-5);color:var(--fg);font-size:.96rem;line-height:1.6;max-width:var(--measure)}.case-lessons li:before{content:"—";position:absolute;inset-inline-start:0;top:0;color:var(--accent);font-weight:600}.case-status{margin-top:var(--space-6);padding-top:var(--space-5);border-top:var(--line-width) solid var(--line);font-size:.94rem;line-height:1.55;color:var(--fg-mute);font-style:italic;max-width:var(--measure)}.case-next-section{position:relative;isolation:isolate;padding:var(--space-9) 0}.case-page .case-next-section.bg-dots:before{mask-image:linear-gradient(180deg,transparent 0,#000 var(--space-9),#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 var(--space-9),#000 100%)}.case-next-wrap{display:flex;justify-content:center}.case-next-btn{background:color-mix(in oklab,var(--fg) 9%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.case-next-btn .case-next-arrow{display:inline-flex;align-items:center;line-height:1;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.case-next-btn--down:hover .case-next-arrow{transform:translateY(3px)}.case-next-btn--back:hover .case-next-arrow{transform:translate(-3px)}@media(prefers-reduced-motion:reduce){.case-next-btn .case-next-arrow{transition:none}}@media(max-width:640px){.case-section{padding-top:var(--space-7);padding-bottom:var(--space-7)}.case-decision .field{grid-template-columns:1fr;gap:var(--space-2)}.case-diagram pre{font-size:.66rem;padding:var(--space-4)}}.tw-toggle{position:fixed;right:20px;bottom:20px;z-index:40;padding:10px 14px;background:var(--fg);color:var(--bg);border:0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px color-mix(in oklab,var(--fg) 15%,transparent)}.tw-toggle:hover{background:var(--accent);color:var(--accent-contrast)}.tw-panel{position:fixed;right:20px;bottom:20px;z-index:50;width:320px;max-width:calc(100vw - 40px);background:var(--bg);border:var(--line-width) solid var(--line-strong);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 6px color-mix(in oklab,var(--fg) 10%,transparent)}.tw-panel h4{margin:0;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:baseline}.tw-panel h4 .x{font-family:var(--font-mono);cursor:pointer;color:var(--fg-mute)}.tw-group{display:flex;flex-direction:column;gap:var(--space-1-5)}.tw-group .k{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute)}.tw-seg{display:flex;border:var(--line-width) solid var(--line)}.tw-seg button{flex:1;padding:8px 6px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;border-inline-end:var(--line-width) solid var(--line);color:var(--fg-mute)}.tw-seg button:last-child{border-inline-end:0}.tw-seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.loader{position:fixed;inset:0;z-index:100;background:#020202;overflow:hidden;opacity:1}.loader--rush{animation:loader-rush-out .9s ease-out forwards;pointer-events:none}@keyframes loader-rush-out{0%,44%{opacity:1}to{opacity:0}}.loader--reveal{opacity:0;pointer-events:none;transition:opacity .5s ease-out}.loader-line{position:absolute;top:var(--loader-line-y, 50%);left:15%;right:15%;height:1px;margin-top:-.5px;background:linear-gradient(90deg,transparent 0%,color-mix(in oklab,#fff 45%,transparent) 18%,color-mix(in oklab,#fff 95%,transparent) 50%,color-mix(in oklab,#fff 45%,transparent) 82%,transparent 100%);opacity:.25;transition:top .3s ease-out}.loader--pulse .loader-line{animation:loader-pulse 1.2s ease-in-out infinite}.loader--rush .loader-line{opacity:.85}@keyframes loader-pulse{0%,to{opacity:.22}50%{opacity:.7}}.loader-pulse{position:absolute;top:var(--loader-line-y, 50%);width:48px;height:3px;margin-top:-1.5px;background:color-mix(in oklab,#fff 95%,transparent);filter:blur(5px);opacity:0;pointer-events:none}.loader-pulse--left{left:15%}.loader-pulse--right{right:15%}.loader--rush .loader-pulse--left{animation:loader-rush-left .6s ease-out forwards}.loader--rush .loader-pulse--right{animation:loader-rush-right .6s ease-out forwards}@keyframes loader-rush-left{0%{left:15%;opacity:0}20%{opacity:1}to{left:calc(50% - 24px);opacity:1}}@keyframes loader-rush-right{0%{right:15%;opacity:0}20%{opacity:1}to{right:calc(50% - 24px);opacity:1}}@media(prefers-reduced-motion:reduce){.loader--pulse .loader-line{animation:none;opacity:.4}.loader-pulse{display:none}}html.is-loading .nav,html.is-loading .hero-a .hero-fx,html.is-loading .hero-a .meta-l,html.is-loading .hero-a .main>.mono,html.is-loading .hero-a .main .name,html.is-loading .hero-a .main .role,html.is-loading .hero-a .chips,html.is-loading .hero-meta-strip,html.is-loading .about-glow,html.is-loading .about .section-head,html.is-loading .about .pull .q,html.is-loading .about .body{opacity:0}html:not(.is-loading) .hero-a .hero-fx{animation:enter-fade .9s ease-out 0ms backwards}html:not(.is-loading) .nav{animation:enter-fade .5s ease-out .15s backwards}html:not(.is-loading) .hero-a .meta-l{animation:enter-up .5s ease-out .3s backwards}html:not(.is-loading) .hero-a .main>.mono{animation:enter-up .5s ease-out .4s backwards}html:not(.is-loading) .hero-a .main .name{animation:enter-up .7s ease-out .5s backwards}html:not(.is-loading) .hero-a .main .role{animation:enter-up .5s ease-out .75s backwards}html:not(.is-loading) .hero-a .chips{animation:enter-up .5s ease-out .95s backwards}html:not(.is-loading) .hero-meta-strip{animation:enter-fade .5s ease-out 1.1s backwards}html:not(.is-loading) .about-glow{animation:enter-fade .9s ease-out 1.1s backwards}html:not(.is-loading) .about .section-head{animation:enter-up .5s ease-out 1.25s backwards}html:not(.is-loading) .about .pull .q{animation:enter-up .6s ease-out 1.4s backwards}html:not(.is-loading) .about .body{animation:enter-up .5s ease-out 1.55s backwards}@keyframes enter-fade{0%{opacity:0}to{opacity:1}}@keyframes enter-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html:not(.is-loading) .hero-a .hero-fx,html:not(.is-loading) .nav,html:not(.is-loading) .hero-a .meta-l,html:not(.is-loading) .hero-a .main>.mono,html:not(.is-loading) .hero-a .main .name,html:not(.is-loading) .hero-a .main .role,html:not(.is-loading) .hero-a .chips,html:not(.is-loading) .hero-meta-strip,html:not(.is-loading) .about-glow,html:not(.is-loading) .about .section-head,html:not(.is-loading) .about .pull .q,html:not(.is-loading) .about .body{animation:none}}::view-transition-group(*){animation-duration:.48s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:1ms!important}}
