@font-face{font-family:Afacad Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(data:font/woff2;base64,d09GMgABAAAAAAPsABMAAAAAB/wAAAOIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cKD9IVkFSLwZgP1NUQVRyJx4AVC9EEQgKgTCBNgsQADCBGAE2AiQDHAQgBYRwB0sMBxuqBlGUB9JDUfxMsI2lPfSMYS0hIXmMTZN2Vv6Lh4c6q/cLSbq6h85YPC2hE3Hao8gEQP/nwRae2mZq3MeZtJHmnl8N3Kc/VfMtgMH5LAs4FPGIjIm50Oy2aqzdoiGrBTusoGsA1XoFtoJTdZtgUHgEPjZieURIR18HFCh01FHMmLVghYoMakCg0EsvCfPp5ge2HnZIY6CfSju0BEAQaC7QIEAgS96Li+Skd6VbcMD9jeJP62IPAJxEigRgxtzpiz2rUfXB/Kb/gfym+LAqLoVkTXoaqlIhVCRoKUcPyZG79xwWGXsP23og6oRCe70MM0mKJPK4iORJBEQpfkVAlJM1CIhK8iRSIYkCBAKE/FnPglYrq/rdO8QUUyBBipZSgZYyU9CgIpFppOqmalp9sAZ0sNpvPkU//GCZAACBphKhpUwlZecislRFFjmTYYn4tSe0QVQoVPyuGk1AGTRGilGYDchAACDJ2rVbW9eksj4aXXljnPx6cc6rA1Y980b9ua+95qTrWtbbcc7rr8fJN7YpoomGy65z0mv1574xeOWTr27u/23Tb43/Zt11B29pM23j2vljtw5/u9Mx9x/qNXHp8dPnHLmw2dSF29blfyw5YUQvmxAdETAeuJW65YpAIAR6KINeAICxU5wUKvZg6O+/v//Oq9b4/d+1vPR/LdL6po1N06xZUfz3648/a3/44fffi6JbzwFrm5eSf/5O/H/qSdUePbq2qlu3jP30u8aNKmxDy3adejT6889fv/vik3fefffkRpq+/80fYsnzO7b4+Zc/TyUQzBx82MjNTSb8Vknzm+DDb1udBR+t6fbc/2//v7jUL1+DkgQEjx2XVjD0v/fVCDJaTl60Ja2ikvwmYsCLku9NEChbIbNDWQCATKCJx6Uiq8N10R4gNERjJBoHpIZ5HpmO7keuvatQ0tFxYmOjzJJFpsE45BoHlLZpGISypgkqKq1Rp6G4ZKFgmbfQHQtoJF55Q97USkiuhOwq7Z9KLgp5hyLki/E4x5kMRT7KpRn5jI/vu8uSQQzJ8EV5aWD2o1kuvQPT0aQuRfVAyH59ujmu7+m2ZbTMz699aLOsa8BsMpuDDyZ0+aQdj8wrigumWhbCJ6oHnXsVXHK7SzTC3o43Eqwu2kDH2wasr4SZ1rLOnmVEJJFKI4s8mb6sfPihvT+d45ghQ6YOceDotBGPRm3Pzgc=)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Afacad Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/afacad-math-wght-normal-_LeO2tHs.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Afacad Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/afacad-symbols-wght-normal-BrGqGCK8.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Afacad Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/afacad-vietnamese-wght-normal-BdH7KFRm.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Afacad Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/afacad-latin-ext-wght-normal-Du5yL5KF.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Afacad Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/afacad-latin-wght-normal-CJsRf-k9.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#071322;--color-surface:#10243a;--color-raised:#19324c;--color-sapphire:#0042ac;--color-ocean:#00d3fb;--color-jade:#83fd80;--color-jade-hover:#b0ffae;--color-text:#f0f6ff;--color-muted:#c0d2e3;--color-rule:#45627d;--color-dark-ink:#092330;--color-nav:#08101d;--color-nav-border:#31445a;--font-body:"Afacad Variable", system-ui, sans-serif;--wrap:1120px;--gutter:clamp(1.25rem, 4vw, 3rem);--header-h:72px;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--space-lg))}body{background-color:var(--color-bg);min-height:100svh;color:var(--color-text);font-family:var(--font-body);font-synthesis:none;background-image:radial-gradient(65% 18% at 82% 12%,#1f4c7847,#0000 72%),radial-gradient(48% 16% at 0 42%,#1941672b,#0000 72%),radial-gradient(55% 19% at 100% 69%,#1d456d29,#0000 72%),radial-gradient(60% 15% at 35% 98%,#1b3f6224,#0000 72%);background-repeat:no-repeat;margin:0;font-size:1rem;line-height:1.65}body.menu-open{overflow-y:hidden}main,.site-footer{z-index:1;position:relative}h1,h2,h3,h4,h5{overflow-wrap:break-word;text-wrap:balance;letter-spacing:-.025em;min-width:0;margin:0;font-weight:650;line-height:1.15}p,dl,figure{margin:0}p{text-wrap:pretty}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button,summary{font:inherit;color:inherit;cursor:pointer}button{background:0 0;border:0;padding:0}svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--color-jade);outline-offset:4px}::selection{background:var(--color-ocean);color:var(--color-dark-ink)}.wrap{width:min(calc(100% - 2 * var(--gutter)), var(--wrap));margin-inline:auto}.label,.section-kicker{color:var(--color-muted);letter-spacing:normal;text-transform:none;font-size:.875rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;top:var(--space-sm);left:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-jade);color:var(--color-dark-ink);position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{z-index:60;color:var(--color-text);pointer-events:none;background:0 0;position:sticky;top:0}.header-inner{min-height:var(--header-h);justify-content:center;align-items:center;gap:var(--space-lg);display:flex}.brand{flex-direction:column;line-height:1.35;display:flex}.brand-name,.footer-name{font-weight:650}.brand-role,.footer-role{color:var(--color-muted);font-size:.875rem}.nav,.footer-links{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.nav{pointer-events:auto;gap:var(--space-xs);border:1px solid var(--color-nav-border);background:var(--color-nav);border-radius:999px;flex-wrap:nowrap;padding:.375rem}.nav>a,.nav>.nav-mail{white-space:nowrap;border-radius:999px;padding:.4rem .8rem}.nav>a[aria-current=page]{background:var(--color-text);color:var(--color-nav);font-weight:650}.nav .lang-switch{padding-inline:var(--space-sm)}.nav a:hover,.nav-mail:hover,.footer-links a:hover,.brand:hover,.case-permalink:hover,.feature-link:hover{text-underline-offset:.2em;text-decoration:underline}.nav-mail{color:var(--color-jade);background:#83fd8017;align-items:center;display:inline-flex}.lang-switch{gap:var(--space-xs);color:var(--color-muted);align-items:center;display:inline-flex}.lang-switch button{isolation:isolate;position:relative}.lang-switch button[aria-pressed=true]{color:var(--color-jade)}.lang-switch button[aria-pressed=true]:before{content:"";z-index:-1;background:#83fd8017;border-radius:999px;position:absolute;inset:-.15rem -.35rem}.menu-toggle{align-items:center;gap:var(--space-sm);display:none}.menu-toggle-lines{gap:4px;width:1.25rem;display:grid}.menu-toggle-lines i{background:var(--color-text);height:1px}.menu-panel{inset:var(--header-h) 0 0;z-index:55;padding:var(--space-xl) var(--gutter);background:var(--color-surface);color:var(--color-text);display:none;position:fixed;overflow-y:auto}.menu-panel.is-open{flex-direction:column;justify-content:space-between;display:flex}.menu-panel nav{gap:var(--space-lg);display:grid}.menu-panel nav a{font-size:1.5rem;font-weight:650}.menu-index{display:none}.menu-meta{gap:var(--space-lg);display:grid}.menu-mail{text-align:left;justify-self:start}.copy-toast{z-index:250;top:calc(var(--header-h) + var(--space-xs));width:max-content;max-width:calc(100% - 2 * var(--gutter));padding:var(--space-sm) var(--space-lg);background:linear-gradient(to right, var(--color-dark-ink) 50%, var(--color-jade) 50%) right / 200% 100%;color:var(--color-dark-ink);text-align:center;opacity:0;pointer-events:none;border-radius:4px;font-weight:650;position:fixed;left:50%;transform:translate(-50%,-12px)}.copy-toast.is-visible{opacity:1;animation:.7s forwards copy-toast-fill;transform:translate(-50%)}.copy-toast--footer{top:auto;bottom:var(--copy-toast-bottom);left:clamp(min(50vw, 150px), var(--copy-toast-left), max(50vw, calc(100vw - 150px)))}@keyframes copy-toast-fill{0%{color:var(--color-dark-ink);background-position:100%}to{color:var(--color-jade);background-position:0}}@media (prefers-reduced-motion:reduce){.copy-toast.is-visible{color:var(--color-jade);background-position:0;animation:none}}.hero{color:var(--color-text);padding-block:var(--space-3xl);background:0 0}.hero-layout{align-items:center;gap:var(--space-xl);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);display:grid}.hero-illustration{pointer-events:none;justify-self:end;width:100%;max-width:28rem}.hero-illustration svg{width:100%;height:auto;overflow:visible}.hero-panel-motion,.hero-card-motion{animation:8s ease-in-out infinite hero-drift}.hero-card-motion{animation-duration:9s;animation-delay:-3s}@keyframes hero-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-title{max-width:16ch;font-size:clamp(2.5rem,4.8vw,4.25rem)}.hero-lead{max-width:38ch;margin-top:var(--space-lg);color:var(--color-muted);font-size:1.125rem}.hero-actions{margin-top:var(--space-xl)}.button-primary,.project-action{justify-content:center;align-items:center;gap:var(--space-md);min-height:48px;padding:var(--space-sm) var(--space-lg);background:var(--color-jade);color:var(--color-dark-ink);border:0;border-radius:4px;font-weight:650;line-height:1.3;display:inline-flex}.hero-actions .button-primary{min-height:56px;padding-inline:2rem;font-size:1.125rem}.button-primary,.project-action{background-image:linear-gradient(to right, var(--color-dark-ink) 50%, var(--color-jade) 50%);background-position:100%;background-size:200% 100%;transition:background-position .35s,color .35s}.button-primary:hover,.button-primary:focus-visible,.project-action:hover,.project-action:focus-visible{color:var(--color-jade);background-position:0}.button-primary:active,.project-action:active{transform:translateY(1px)}.hero-feature{padding:var(--space-lg) 0;border-top:2px solid var(--color-ocean);color:var(--color-text);background:0 0}.hero-feature>p:first-child{color:var(--color-text);font-size:.875rem}.hero-feature h2{margin-block:var(--space-sm);font-size:1.5rem}.hero-feature p{max-width:40ch}.feature-link{margin-top:var(--space-lg);text-underline-offset:.2em;font-weight:650;text-decoration:underline;display:inline-block}.section{padding-block:var(--space-3xl)}.projects{color:var(--color-text);background:0 0}.section-head h2,.about-title,.other-head h2{font-size:clamp(1.9rem,3vw,2.65rem)}.project-list{margin-top:var(--space-xl);border-top:1px solid var(--color-rule)}.project-row{column-gap:var(--space-2xl);row-gap:var(--space-lg);padding-block:var(--space-xl);border-bottom:1px solid var(--color-rule);grid-template-columns:minmax(0,1.7fr) minmax(0,1.1fr) minmax(11rem,.9fr);align-items:start;display:grid}.project-index,.scope-index,.other-index,.principles-list .num{display:none}.project-copy{min-width:0}.project-copy h3{margin-block:0 var(--space-sm);font-size:clamp(1.45rem,2.3vw,1.9rem)}.project-copy h3 a,.case-title{color:var(--color-jade)}.project-copy h3 a{transform-origin:0;transition:transform .25s;display:inline-block}.project-copy h3 a:hover,.project-copy h3 a:focus-visible{transform:scale(1.05)}.project-summary{max-width:52ch;color:var(--color-muted)}.project-role{min-width:0}.project-fact{width:fit-content;min-width:0;max-width:100%}.project-col-label{color:var(--color-text);font-weight:650}.project-role p+p{margin-top:var(--space-sm);color:var(--color-muted)}.project-fact-value{margin-top:var(--space-sm);color:var(--color-text);font-size:1.5rem;font-weight:650;line-height:1.3}.fact-number{font-variant-numeric:tabular-nums}.fact-caption:not(:empty):before{content:" ";white-space:pre}.project-fact>.project-action{width:9.15rem;max-width:100%;margin-top:var(--space-lg)}html.js .project-row.reveal-pending{opacity:0;transition:opacity .45s ease-out,transform .45s ease-out;transform:translateY(12px)}html.js .project-row.reveal-pending.is-in,html.js .project-row.reveal-pending:focus-within{opacity:1;transform:none}.inline-lead,.case-lead{max-width:65ch;color:var(--color-muted);font-size:1.125rem}.case-permalink{margin-top:var(--space-lg);text-underline-offset:.2em;text-decoration:underline;display:inline-block}.about-grid,.other-grid{gap:var(--space-2xl);grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);display:grid}.about-text{gap:var(--space-lg);margin-top:var(--space-xl);color:var(--color-muted);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.about-text p{max-width:65ch}.block-head{margin-block:var(--space-2xl) var(--space-lg)}.block-head .label{color:var(--color-text);font-weight:650}.scope-list,.principles-list{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.principles-list{grid-template-columns:repeat(3,minmax(0,1fr))}.scope-list li,.principles-list li{padding-top:var(--space-md);border-top:1px solid var(--color-rule)}.scope-list h3,.principles-list h3,.other-list h3{font-size:1.125rem}.scope-list p,.principles-list p{margin-top:var(--space-xs);color:var(--color-muted)}.other{background:var(--color-surface);color:var(--color-text)}.other-head p{max-width:65ch;margin-top:var(--space-lg);color:var(--color-muted)}.other-list{margin-top:var(--space-xl)}.other-list li{gap:var(--space-lg);padding-block:var(--space-lg);border-top:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.other-list p{color:var(--color-muted)}.site-footer{padding-block:var(--space-2xl) var(--space-xl);color:var(--color-text);background:0 0}.footer-inner{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.footer-brand{align-content:start;display:grid}.footer-note{color:var(--color-muted)}.footer-bottom{justify-content:space-between;gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-rule);color:var(--color-muted);grid-column:1/-1;display:flex}.footer-mail{color:inherit;transition:color .3s}.footer-top{align-items:center;gap:.25rem;display:inline-flex}.footer-top svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.footer-mail:hover,.footer-mail:focus-visible{color:var(--color-jade)}@media (prefers-reduced-motion:reduce){.footer-mail{transition:none}}.footer-credit-word{display:inline-block;position:relative}.footer-credit-ai{visibility:hidden;position:absolute;inset:0 auto auto 0}.footer-credit-word:hover .footer-credit-me{visibility:hidden}.footer-credit-word:hover .footer-credit-ai{visibility:visible}.case-header{padding-block:var(--space-2xl)}.breadcrumb{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);color:var(--color-muted);display:flex}.breadcrumb a:hover,.toc a:hover{text-decoration:underline}.case-kind{margin-bottom:var(--space-md)}.case-title{max-width:20ch;font-size:clamp(2.4rem,5vw,4rem)}.case-lead,.case-live-link{margin-top:var(--space-lg)}.case-facts,.stats{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.case-facts>div,.stat{padding-top:var(--space-md);border-top:1px solid var(--color-rule)}.case-facts dt,.stat-label{color:var(--color-muted)}.case-facts dt:first-letter,.stat-label:first-letter{text-transform:uppercase}.case-facts dd,.stat-value{margin:var(--space-xs) 0 0;font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:650;display:block}.case-factline{margin-top:var(--space-xl);color:var(--color-muted);white-space:pre-line}.case-layout{gap:var(--space-2xl);padding-bottom:var(--space-3xl);grid-template-columns:minmax(0,12rem) minmax(0,1fr);display:grid}.case-aside{top:calc(var(--header-h) + var(--space-xl));position:sticky}.toc ol{gap:var(--space-xs);margin-top:var(--space-md);display:grid}.toc a{color:var(--color-muted)}.toc a[aria-current=location]{color:var(--color-text);text-underline-offset:.2em;text-decoration:underline}.case-body{min-width:0;max-width:850px}.case-game-media{margin-bottom:var(--space-2xl);position:relative}.case-game-video{border-radius:6px;width:100%;height:auto;display:block}.case-game-speed{top:var(--space-sm);right:var(--space-sm);background:var(--color-jade);color:var(--color-dark-ink);border-radius:4px;padding:.25rem .5rem;font-size:.875rem;font-weight:650;line-height:1.3;position:absolute}.case-game-speed:hover{background:var(--color-jade-hover)}.case-gallery{margin-bottom:var(--space-2xl);position:relative}.case-gallery-controls{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:50% -19px auto;transform:translateY(-50%)}.case-gallery-controls button{background:var(--color-jade);width:38px;height:38px;color:var(--color-dark-ink);pointer-events:auto;border:0;border-radius:4px;font-size:1.125rem}.case-gallery-controls button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;margin:auto}.case-gallery-controls button:hover{background:var(--color-jade-hover)}@media (hover:hover){.case-gallery-controls{opacity:0}.case-gallery:hover .case-gallery-controls,.case-gallery:focus-within .case-gallery-controls{opacity:1}.case-gallery:hover .case-gallery-controls button:not(:hover):not(:focus-visible){opacity:.5}}.case-gallery-track{scroll-snap-type:x mandatory;gap:var(--space-md);scrollbar-width:none;display:flex;overflow-x:auto}.case-gallery-track::-webkit-scrollbar{display:none}.case-gallery-slide{scroll-snap-align:start;flex:0 0 100%;min-width:0}.case-gallery-slide img{border-radius:6px;width:100%;height:auto;display:block}.case-gallery--nft .case-gallery-slide img{width:auto;max-width:100%;max-height:32rem;margin-inline:auto}.case-gallery--nft .case-gallery-slide:last-child img{max-height:22rem}.case-gallery-zoom{cursor:zoom-in;max-width:100%;margin-inline:auto;display:block}.case-gallery-dialog{width:fit-content;max-width:calc(100vw - 48px);max-height:none;color:var(--color-text);background:0 0;border:0;padding:0;position:fixed;overflow:visible}.case-gallery-dialog::backdrop{background:#020911d9}.case-gallery-dialog img{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 48px);display:block}.case-gallery-close{z-index:1;background:var(--color-jade);width:44px;height:44px;color:var(--color-dark-ink);border-radius:50%;font-size:2rem;line-height:1;position:absolute;top:-22px;right:-22px}.case-section{padding-top:var(--space-lg);margin-bottom:var(--space-2xl);border-top:1px solid var(--color-rule);scroll-margin-top:calc(var(--header-h) + var(--space-lg))}.case-body>.case-section{margin-bottom:calc(var(--space-2xl) + var(--space-2xl))}.case-section-head{align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.case-section-head h2,.case-section-head h4{font-size:clamp(1.5rem,2.5vw,2rem)}.case-body .case-section-head h2{font-size:clamp(1.8rem,3.2vw,2.5rem)}.prose{max-width:68ch;margin-bottom:var(--space-md);color:var(--color-muted)}.role-details{gap:var(--space-xs);margin-bottom:var(--space-lg);font-size:.9375rem;display:grid}.role-details>div{gap:0 var(--space-sm);flex-wrap:wrap;display:flex}.role-details dt{color:var(--color-text);font-weight:650}.role-details dt:after{content:":"}.role-details dd{color:var(--color-muted);margin:0}.note,.diagram{margin-block:var(--space-xl);padding:var(--space-lg);background:var(--color-raised);color:var(--color-text)}.note .label{margin-bottom:var(--space-xs)}.split{gap:var(--space-lg);margin-block:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.split--two{grid-template-columns:repeat(2,minmax(0,1fr))}.split-col{padding-top:var(--space-md);border-top:1px solid var(--color-rule)}.split-col h3,.split-col h5{margin-bottom:var(--space-md);font-size:1rem}.split-col li{margin-bottom:var(--space-sm);color:var(--color-muted)}.checklist{padding-left:var(--space-lg);color:var(--color-muted);list-style:outside}.checklist li{margin-bottom:var(--space-sm)}.decision{margin-block:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.decision-head{gap:var(--space-md);margin-bottom:var(--space-lg);align-items:baseline;display:flex}.decision h3,.decision h5{font-size:1.3rem}.decision-rows{gap:var(--space-md);display:grid}.decision-row{gap:var(--space-lg);grid-template-columns:7rem minmax(0,1fr);display:grid}.decision-row dt{font-weight:650}.decision-row dd{color:var(--color-muted);margin:0}.decision-status{margin-top:var(--space-md);color:var(--color-muted)}.diagram-head{margin-bottom:var(--space-lg);justify-content:space-between;display:flex}.diagram-steps{gap:var(--space-lg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.diagram-step{border-top:1px solid var(--color-rule);padding-top:var(--space-sm)}.diagram-step h4,.diagram-step h5{margin-block:var(--space-xs);font-size:1rem}.diagram-step p,.stat-note{color:var(--color-muted)}.diagram-warning,.diagram-caption{margin-top:var(--space-lg)}.stat-note{margin-top:var(--space-xs);font-size:.875rem;display:block}.case-next{align-items:center;column-gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr) auto;display:grid}.case-next .label{grid-column:1/-1}.case-next-title{margin-top:var(--space-md);font-size:1.5rem;font-weight:650}.case-next .button-primary{margin-top:var(--space-md)}.not-found{padding-block:var(--space-3xl)}@media (width<=900px){:root{--header-h:64px}.nav{display:none}.menu-toggle{pointer-events:auto;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-nav-border);background:var(--color-nav);border-radius:999px;display:inline-flex}.brand-role{display:none}.hero-layout,.about-grid,.other-grid,.case-layout{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.hero-illustration{justify-self:center;width:min(100%,24rem)}.project-row{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}.hero-feature{max-width:36rem}.case-aside{display:none}}@media (width<=700px){.about-text,.scope-list,.principles-list,.other-list li,.footer-inner,.split,.split--two,.diagram-steps{grid-template-columns:minmax(0,1fr)}.footer-bottom{flex-wrap:wrap;grid-column:auto}.case-next{grid-template-columns:minmax(0,1fr)}.case-next .label{grid-column:auto}.case-next .button-primary{justify-self:start}.decision-row{gap:var(--space-xs);grid-template-columns:minmax(0,1fr)}.hero-title{font-size:clamp(2.25rem,9vw,3rem)}.case-title{font-size:2.4rem}.hero-feature{padding:var(--space-lg) 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-panel-motion,.hero-card-motion{animation:none}.cursor-light{display:none}html.js .project-row.reveal-pending{opacity:1;transform:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (hover:none),(pointer:coarse){.cursor-light{display:none}}