.dynamic-buttons{--dynamic-buttons-green: #0ae448;--dynamic-buttons-black: #0e100f;--dynamic-buttons-white: #fffce1;--dynamic-buttons-lt: #abff84;--dynamic-buttons-grey: #191919;--dynamic-buttons-s75: #bbbaa6;--dynamic-buttons-s50: #7c7c6f;--dynamic-buttons-s25: #42433d;--dynamic-buttons-grad-macha: linear-gradient( 114.41deg, #0ae448 20.74%, #abff84 65.5% );--dynamic-buttons-grad-orange: linear-gradient( 111.45deg, #ff8709 19.42%, #f7bdf8 73.08% );--dynamic-buttons-grad-summer: linear-gradient( 111.45deg, #ffe66d 18%, #64dfdf 72% );--dynamic-buttons-grad-danger: linear-gradient( 111.45deg, #ff3366 18%, #ffb86b 76% );min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:40px 16px;overflow:hidden;background:var(--dynamic-buttons-black);color:var(--dynamic-buttons-s75);font-family:Mori,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dynamic-buttons *,.dynamic-buttons *:before,.dynamic-buttons *:after{box-sizing:border-box}.dynamic-buttons__header{max-width:520px;text-align:center}.dynamic-buttons__header h1{margin:0;color:var(--dynamic-buttons-white);font-size:clamp(1.2rem,3vw,1.7rem);font-weight:400;line-height:1.25}.dynamic-buttons code{border-radius:4px;padding:2px 5px;background:var(--dynamic-buttons-grey);color:var(--dynamic-buttons-white);font-family:Fraktion Mono,SFMono-Regular,Consolas,monospace;font-size:.78em}.dynamic-buttons__demo-area{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:clamp(1.25rem,4vw,4rem);width:min(100%,980px);align-items:start;justify-content:center}.dynamic-buttons__demo-col{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.dynamic-buttons__demo-label{min-height:42px;color:var(--dynamic-buttons-s50);font-family:Fraktion Mono,SFMono-Regular,Consolas,monospace;font-size:.68rem;line-height:1.35;text-align:center}.dynamic-buttons__demo-label b{color:var(--dynamic-buttons-white);font-weight:400}.dynamic-buttons__code-peek{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-top:4px;border:1px solid var(--dynamic-buttons-s25);border-radius:6px;background:var(--dynamic-buttons-grey);color:var(--dynamic-buttons-s50);cursor:pointer;font-family:Fraktion Mono,SFMono-Regular,Consolas,monospace;font-size:.7rem;transition:border-color .15s ease,color .15s ease}.dynamic-buttons__code-peek:hover,.dynamic-buttons__code-peek:focus-visible{border-color:var(--dynamic-buttons-green);color:var(--dynamic-buttons-green);outline:none}.dynamic-buttons__mag-zone{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--dynamic-buttons-s25);border-radius:50%;cursor:pointer}.dynamic-buttons__mag-btn{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:108px;min-height:50px;border:0;border-radius:99px;padding:16px 32px;color:var(--dynamic-buttons-black);cursor:pointer;font:inherit;font-size:.85rem;font-weight:700;letter-spacing:0;will-change:transform}.dynamic-buttons__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit}.dynamic-buttons__label{position:relative;z-index:1;pointer-events:none}.dynamic-buttons__mag-btn--macha .dynamic-buttons__bg{background:var(--dynamic-buttons-grad-macha)}.dynamic-buttons__mag-btn--orange .dynamic-buttons__bg{background:var(--dynamic-buttons-grad-orange)}.dynamic-buttons__mag-btn--summer .dynamic-buttons__bg{background:var(--dynamic-buttons-grad-summer)}.dynamic-buttons__mag-btn--danger .dynamic-buttons__bg{background:var(--dynamic-buttons-grad-danger)}.dynamic-buttons__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;padding:16px;background:#0e100fd1}.dynamic-buttons__modal-overlay--open{display:flex}.dynamic-buttons__modal{position:relative;width:min(100%,800px);max-height:min(80vh,720px);display:flex;justify-content:center;overflow:auto;border:1px solid var(--dynamic-buttons-s25);border-radius:8px;background:var(--dynamic-buttons-grey);padding:22px}.dynamic-buttons__modal-close{position:sticky;top:0;right:0;align-self:flex-start;flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--dynamic-buttons-s50);cursor:pointer;font-family:Fraktion Mono,SFMono-Regular,Consolas,monospace;font-size:1rem}.dynamic-buttons__modal-close:hover,.dynamic-buttons__modal-close:focus-visible{color:var(--dynamic-buttons-green);outline:none}.dynamic-buttons__modal pre{min-width:0;margin:0;white-space:pre-wrap}.dynamic-buttons__modal code{display:block;max-width:100%;overflow-x:auto;padding:0;background:transparent;color:var(--dynamic-buttons-white);font-size:.72rem;line-height:1.35}@media (max-width: 900px){.dynamic-buttons__demo-area{grid-template-columns:repeat(2,minmax(150px,220px))}}@media (max-width: 520px){.dynamic-buttons{justify-content:flex-start;padding-block:64px 40px}.dynamic-buttons__demo-area{grid-template-columns:1fr}.dynamic-buttons__mag-zone{width:180px;height:180px}.dynamic-buttons__modal{justify-content:flex-start;padding:18px}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}img{max-width:100%;height:auto;display:block}:root{--headerHeight: 80px}:root{--color-text: #f8f4ea;--color-text-soft: rgba(248, 244, 234, .68);--color-surface: #0a0a09;--color-surface-accent: #c94635;--color-inverse: #86b8c8;--color-border: rgba(248, 244, 234, .18);--black: #0a0a09;--font-sans: "Inter", sans-serif;--text-xs: clamp(.75rem, .72rem + .15vw, .875rem);--text-sm: clamp(.875rem, .84rem + .2vw, 1rem);--text-md: clamp(1rem, .95rem + .3vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .6vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1vw, 2rem);--text-2xl: clamp(2rem, 1.5rem + 2vw, 3rem);--text-3xl: clamp(3rem, 2rem + 4vw, 5.5rem);--text-display: clamp(4rem, 8vw, 12rem);--space-2xs: clamp(.25rem, .2rem + .2vw, .5rem);--space-xs: clamp(.5rem, .4rem + .3vw, .75rem);--space-sm: clamp(.75rem, .6rem + .5vw, 1rem);--space-md: clamp(1rem, .8rem + .8vw, 1.5rem);--space-lg: clamp(1.5rem, 1.2rem + 1vw, 2rem);--space-xl: clamp(2rem, 1.5rem + 1.5vw, 3rem);--space-2xl: clamp(3rem, 2rem + 2vw, 5rem);--space-3xl: clamp(4rem, 3rem + 4vw, 8rem);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--content-max: 90rem;--content-padding: clamp(1rem, 2vw, 2rem);--grid-gap: var(--space-md);--bp-xs: 30rem;--bp-sm: 48rem;--bp-md: 64rem;--bp-lg: 80rem;--bp-xl: 96rem;--cq-sm: 30rem;--cq-md: 45rem;--cq-lg: 64rem;--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--ease-standard: cubic-bezier(.2, .8, .2, 1)}html,body{scroll-behavior:smooth}html{view-transition-name:root}:root{color-scheme:light}:root{--layout-shell-max: 72rem}*,*:before,*:after{box-sizing:border-box}:root{--brand-light: #5b6cff;--brand-core-light: #4052ff;--brand-inverted-light: #ffffff;--brand-inverted-highlight1-light: #f0f3ff;--brand-inverted-highlight2-light: #dfe6ff;--primary-light: #0ea5e9;--secondary-light: #22c55e;--tertiary-light: #f59e0b;--quaternary-light: #ef4444;--text1-light: #0f172a;--text2-light: #334155;--text3-light: #475569;--text4-light: #64748b;--surface1-light: #ffffff;--surface2-light: #f8fafc;--surface3-light: #f1f5f9;--surface4-light: #e2e8f0;--surface5-light: #cbd5e1;--surface6-light: #94a3b8;--surface7-light: #64748b;--surface8-light: #475569;--surface-shadow-light: rgba(2, 6, 23, .2);--shadow-strength-light: 12;--surface-border-light: color-mix(in srgb, var(--surface4-light) 55%, transparent);--surface-glass-1-light: color-mix(in srgb, var(--surface2-light) 88%, transparent);--surface-glass-2-light: color-mix(in srgb, var(--surface3-light) 82%, transparent);--brand-glow-light: color-mix(in srgb, var(--primary-light) 45%, transparent)}:root{--brand-dark: #7c7eff;--brand-core-dark: #a5b4fc;--brand-inverted-dark: #0b1220;--brand-inverted-highlight1-dark: #111827;--brand-inverted-highlight2-dark: #1f2937;--primary-dark: #22d3ee;--secondary-dark: #4ade80;--tertiary-dark: #fbbf24;--quaternary-dark: #f87171;--text1-dark: #f8fafc;--text2-dark: #e2e8f0;--text3-dark: #cbd5e1;--text4-dark: #94a3b8;--surface1-dark: #0b1220;--surface2-dark: #0f172a;--surface3-dark: #111827;--surface4-dark: #1f2937;--surface5-dark: #334155;--surface6-dark: #475569;--surface7-dark: #64748b;--surface8-dark: #94a3b8;--surface-shadow-dark: rgba(15, 23, 42, .55);--shadow-strength-dark: 18;--surface-border-dark: color-mix(in srgb, var(--surface4-dark) 45%, transparent);--surface-glass-1-dark: color-mix(in srgb, var(--surface2-dark) 75%, transparent);--surface-glass-2-dark: color-mix(in srgb, var(--surface3-dark) 68%, transparent);--brand-glow-dark: color-mix(in srgb, var(--primary-dark) 40%, transparent)}:root{--brand-neon: #22ff88;--brand-core-neon: #00ffcc;--brand-inverted-neon: #071016;--brand-inverted-highlight1-neon: #0a1a22;--brand-inverted-highlight2-neon: #0f2430;--primary-neon: #39ff14;--secondary-neon: #00e5ff;--tertiary-neon: #ff00e5;--quaternary-neon: #ffe700;--text1-neon: #eaffff;--text2-neon: #bff8ff;--text3-neon: #89e6ff;--text4-neon: #59d0f2;--surface1-neon: #000810;--surface2-neon: #021320;--surface3-neon: #061c2b;--surface4-neon: #0b2536;--surface5-neon: #123046;--surface6-neon: #1a3b57;--surface7-neon: #24516f;--surface8-neon: #2e6a8d;--surface-shadow-neon: rgba(0, 229, 255, .45);--shadow-strength-neon: 22;--surface-border-neon: color-mix(in srgb, var(--surface5-neon) 52%, transparent);--surface-glass-1-neon: color-mix(in srgb, var(--surface3-neon) 78%, transparent);--surface-glass-2-neon: color-mix(in srgb, var(--surface4-neon) 70%, transparent);--brand-glow-neon: color-mix(in srgb, var(--primary-neon) 55%, transparent)}:root{--brand-pastell: #8bb8e8;--brand-core-pastell: #a7c7eb;--brand-inverted-pastell: #ffffff;--brand-inverted-highlight1-pastell: #f5f9ff;--brand-inverted-highlight2-pastell: #e9f2ff;--primary-pastell: #a3e3dd;--secondary-pastell: #f7c5cc;--tertiary-pastell: #f6e6a7;--quaternary-pastell: #d9c2e9;--text1-pastell: #243043;--text2-pastell: #40506a;--text3-pastell: #5a6a84;--text4-pastell: #7c8aa3;--surface1-pastell: #ffffff;--surface2-pastell: #fbfcff;--surface3-pastell: #f6f9fe;--surface4-pastell: #ecf3fb;--surface5-pastell: #e2ecf7;--surface6-pastell: #d6e3f2;--surface7-pastell: #cbd9ec;--surface8-pastell: #c0cfe6;--surface-shadow-pastell: rgba(36, 48, 67, .18);--shadow-strength-pastell: 10;--surface-border-pastell: color-mix(in srgb, var(--surface5-pastell) 50%, transparent);--surface-glass-1-pastell: color-mix(in srgb, var(--surface2-pastell) 88%, transparent);--surface-glass-2-pastell: color-mix(in srgb, var(--surface3-pastell) 82%, transparent);--brand-glow-pastell: color-mix(in srgb, var(--primary-pastell) 45%, transparent)}:root,[data-theme=light]{--brand: var(--brand-light);--brand-core: var(--brand-core-light);--brand-inverted: var(--brand-inverted-light);--brand-inverted-highlight1: var(--brand-inverted-highlight1-light);--brand-inverted-highlight2: var(--brand-inverted-highlight2-light);--primary: var(--primary-light);--secondary: var(--secondary-light);--tertiary: var(--tertiary-light);--quaternary: var(--quaternary-light);--text1: var(--text1-light);--text2: var(--text2-light);--text3: var(--text3-light);--text4: var(--text4-light);--surface1: var(--surface1-light);--surface2: var(--surface2-light);--surface3: var(--surface3-light);--surface4: var(--surface4-light);--surface5: var(--surface5-light);--surface6: var(--surface6-light);--surface7: var(--surface7-light);--surface8: var(--surface8-light);--surface-shadow: var(--surface-shadow-light);--shadow-strength: var(--shadow-strength-light);--surface-border: var(--surface-border-light);--surface-glass-1: var(--surface-glass-1-light);--surface-glass-2: var(--surface-glass-2-light);--brand-glow: var(--brand-glow-light);--color-bg: var(--surface1);--color-text: var(--text1);--color-primary: var(--primary);--cursor-color: var(--text1)}[data-theme=dark]{--brand: var(--brand-dark);--brand-core: var(--brand-core-dark);--brand-inverted: var(--brand-inverted-dark);--brand-inverted-highlight1: var(--brand-inverted-highlight1-dark);--brand-inverted-highlight2: var(--brand-inverted-highlight2-dark);--primary: var(--primary-dark);--secondary: var(--secondary-dark);--tertiary: var(--tertiary-dark);--quaternary: var(--quaternary-dark);--text1: var(--text1-dark);--text2: var(--text2-dark);--text3: var(--text3-dark);--text4: var(--text4-dark);--surface1: var(--surface1-dark);--surface2: var(--surface2-dark);--surface3: var(--surface3-dark);--surface4: var(--surface4-dark);--surface5: var(--surface5-dark);--surface6: var(--surface6-dark);--surface7: var(--surface7-dark);--surface8: var(--surface8-dark);--surface-shadow: var(--surface-shadow-dark);--shadow-strength: var(--shadow-strength-dark);--surface-border: var(--surface-border-dark);--surface-glass-1: var(--surface-glass-1-dark);--surface-glass-2: var(--surface-glass-2-dark);--brand-glow: var(--brand-glow-dark);--color-bg: var(--surface1);--color-text: var(--text1);--color-primary: var(--primary);--cursor-color: var(--text1)}[data-theme=neon]{--brand: var(--brand-neon);--brand-core: var(--brand-core-neon);--brand-inverted: var(--brand-inverted-neon);--brand-inverted-highlight1: var(--brand-inverted-highlight1-neon);--brand-inverted-highlight2: var(--brand-inverted-highlight2-neon);--primary: var(--primary-neon);--secondary: var(--secondary-neon);--tertiary: var(--tertiary-neon);--quaternary: var(--quaternary-neon);--text1: var(--text1-neon);--text2: var(--text2-neon);--text3: var(--text3-neon);--text4: var(--text4-neon);--surface1: var(--surface1-neon);--surface2: var(--surface2-neon);--surface3: var(--surface3-neon);--surface4: var(--surface4-neon);--surface5: var(--surface5-neon);--surface6: var(--surface6-neon);--surface7: var(--surface7-neon);--surface8: var(--surface8-neon);--surface-shadow: var(--surface-shadow-neon);--shadow-strength: var(--shadow-strength-neon);--surface-border: var(--surface-border-neon);--surface-glass-1: var(--surface-glass-1-neon);--surface-glass-2: var(--surface-glass-2-neon);--brand-glow: var(--brand-glow-neon);--color-bg: var(--surface1);--color-text: var(--text1);--color-primary: var(--primary);--cursor-color: var(--text1)}[data-theme=pastell]{--brand: var(--brand-pastell);--brand-core: var(--brand-core-pastell);--brand-inverted: var(--brand-inverted-pastell);--brand-inverted-highlight1: var(--brand-inverted-highlight1-pastell);--brand-inverted-highlight2: var(--brand-inverted-highlight2-pastell);--primary: var(--primary-pastell);--secondary: var(--secondary-pastell);--tertiary: var(--tertiary-pastell);--quaternary: var(--quaternary-pastell);--text1: var(--text1-pastell);--text2: var(--text2-pastell);--text3: var(--text3-pastell);--text4: var(--text4-pastell);--surface1: var(--surface1-pastell);--surface2: var(--surface2-pastell);--surface3: var(--surface3-pastell);--surface4: var(--surface4-pastell);--surface5: var(--surface5-pastell);--surface6: var(--surface6-pastell);--surface7: var(--surface7-pastell);--surface8: var(--surface8-pastell);--surface-shadow: var(--surface-shadow-pastell);--shadow-strength: var(--shadow-strength-pastell);--surface-border: var(--surface-border-pastell);--surface-glass-1: var(--surface-glass-1-pastell);--surface-glass-2: var(--surface-glass-2-pastell);--brand-glow: var(--brand-glow-pastell);--color-bg: var(--surface1);--color-text: var(--text1);--color-primary: var(--primary);--cursor-color: var(--text1)}:root{--color-bg: #0a0a09;--color-text: #f8f4ea;--color-text-soft: rgba(248, 244, 234, .68);--color-surface: #0a0a09;--color-surface-accent: #c94635;--color-inverse: #86b8c8;--color-border: rgba(248, 244, 234, .18);--color-primary: #86b8c8;--cursor-color: #c94635;--black: #0a0a09}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=neon]):not([data-theme=pastell]){color-scheme:dark}}[data-layout-direction=rtl]{direction:rtl;text-align:right}[data-layout-direction=ltr]{direction:ltr;text-align:left}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-base);transition:background-color .3s ease,color .3s ease}body{margin:0;color:var(--color-text);background:var(--color-surface)}@font-face{font-family:Barlow bold;src:url(/fonts/Barlow-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Barlow medium;src:url(/fonts/Barlow-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Barlow light;src:url(/fonts/Barlow-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Barlow semibold;src:url(/fonts/Barlow-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}:root{--font-base: "Barlow light", Helvetica, Arial, sans-serif;--font-medium: "Barlow medium", Helvetica, Arial, sans-serif;--font-semibold: "Barlow semibold", Helvetica, Arial, sans-serif;--font-bold: "Barlow bold", Helvetica, Arial, sans-serif}.page-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;display:none;place-items:center;opacity:0}.page-transition__svg{width:100%;height:100%;transform:scale(1.3)}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-new(root){opacity:0}.page-transition{background:var(--color-surface-accent)}.cursor{position:fixed;top:0;left:0;width:16px;height:16px;background:#fff;background:var(--color-surface-accent);pointer-events:none;transform:translate(-50%,-50%);z-index:200;mix-blend-mode:difference}.cursor{position:fixed;top:0;left:0;width:6px;height:6px;pointer-events:none;transform:translate(-50%,-50%);z-index:200;background:#fff;background:var(--color-surface-accent);mix-blend-mode:difference;display:flex;align-items:center;justify-content:center;transform-origin:center center;will-change:transform,width,height;overflow:visible}.cursor__particle{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:999px;background:var(--color-surface-accent);mix-blend-mode:difference;opacity:0;transform:translate(-50%,-50%) scale(0);pointer-events:none}:root[data-cursor=false] .cursor{display:none}.page{font-family:Inter,sans-serif;color:#111;--grey: #b7b7b7;--surfaceAccent: #8fdc55;--black: #111111;--black: #303030}.layout-shell{width:100%;max-width:min(100%,var(--layout-shell-max));margin-left:auto;margin-right:auto;transition:max-width .3s ease,margin .3s ease}:root[data-layout=full] .layout-shell{max-width:100%;margin-left:0;margin-right:0}:root[data-layout=box] body{max-width:1440px;margin-left:auto;margin-right:auto}:root[data-layout=full] body .page{max-width:100%;width:100%;margin-left:auto;margin-right:auto}html,body{margin:0}h1{margin-top:0}:where(.project012,.project013){display:grid;gap:clamp(2rem,4vw,3.5rem);width:100%;max-width:100%;margin-top:3rem;overflow-x:clip;padding-bottom:clamp(3rem,6vw,5rem);color:var(--text1);overflow-wrap:anywhere}:where(.project012,.project013) *,:where(.project012,.project013) *:before,:where(.project012,.project013) *:after{box-sizing:border-box;min-width:0}:where(.project012__hero,.project013__hero){width:min(100%,64rem);margin:0 auto;text-align:center}:where(.project012__eyebrow,.project012__note-title,.project013__eyebrow,.project013__note-title){margin:0;font-size:.75rem;font-weight:600;letter-spacing:.38em;text-transform:uppercase}:where(.project012__eyebrow,.project013__eyebrow){color:var(--primary)}:where(.project012__title,.project013__title){margin:1rem 0 0;font-size:clamp(2.25rem,1.7rem + 2.2vw,3rem);font-weight:600;line-height:1.12;text-wrap:balance}:where(.project012__lead,.project013__lead){margin:1rem 0 0;color:var(--text3);font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.65}:where(.project012__note,.project013__note){width:min(100%,48rem);margin:0 auto;padding:1.5rem;border:1px solid var(--surface-border);border-radius:1.5rem;background:var(--surface-glass-1);box-shadow:0 18px 60px var(--surface-shadow);text-align:center}:where(.project012__note-title,.project013__note-title){color:var(--text3);font-size:.7rem;letter-spacing:.32em}:where(.project012__note-copy,.project013__note-copy){margin:.75rem 0 0;color:var(--text2);font-size:.875rem;line-height:1.6}:where(.project012__controls,.project013__controls,.choropleth-actions){display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text2);font-size:.875rem}:where(.project012__controls,.project013__controls){width:min(100%,48rem);margin:0 auto}:where(.project012__refresh,.project013__refresh,.choropleth-refresh){display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text3);font-size:.6rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:color .2s ease}:where(.project012__refresh,.project013__refresh,.choropleth-refresh):hover{color:var(--primary)}:where(.project012__refresh,.project013__refresh,.choropleth-refresh):focus{outline:none}:where(.project012__refresh,.project013__refresh,.choropleth-refresh):focus-visible{box-shadow:0 0 0 2px var(--surface1),0 0 0 5px var(--primary)}:where(.project012__refresh,.project013__refresh,.choropleth-refresh):disabled{cursor:not-allowed;opacity:.7}:where(.project012__refresh-icon,.project013__refresh-icon,.choropleth-refresh-icon){width:.875rem;height:.875rem}:where(.project012__refresh-icon--spinning,.project013__refresh-icon--spinning,.choropleth-refresh-icon--spinning){animation:demo-refresh-spin 1s linear infinite}:where(.project012__status,.project013__status,.choropleth-status){min-height:1.5rem;color:var(--text3);font-size:.75rem;letter-spacing:.28em;text-align:center;text-transform:uppercase}:where(.project012__error,.project013__error,.choropleth-error){color:var(--primary)}:where(.project012__chart,.project013__chart){position:relative;display:flex;flex-direction:column;align-items:center;width:min(100%,60rem);max-width:100%;margin:0 auto;padding:0 .5rem}:where(.project012__chart,.project013__chart)>svg{width:100%;max-width:100%;border:1px solid var(--surface-border);border-radius:1.5rem;box-shadow:0 24px 80px var(--surface-shadow);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}:where(.project012__tooltip,.project013__tooltip,#tooltip){position:absolute;color:var(--text1);line-height:1.5;pointer-events:none;opacity:0;transform:translate(-50%,-100%) scale(.98);transition:opacity .2s ease,transform .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:where(.project012__tooltip,.project013__tooltip){min-width:220px;max-width:min(320px,80vw);padding:1rem;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--surface1) 96%,transparent);box-shadow:0 18px 60px color-mix(in srgb,var(--surface-shadow) 70%,transparent);font-family:var(--font-medium)}@media (min-width: 768px){:where(.project012,.project013){margin-top:5rem}}@media (max-width: 767px){:where(.project012,.project013){gap:1.75rem;margin-top:2rem}:where(.project012__hero,.project012__note,.project012__controls,.project012__chart,.project012__leaderboard-inner,.project013__hero,.project013__note,.project013__controls,.project013__chart){width:min(100%,100dvw - 2rem);max-width:calc(100dvw - 2rem);margin-right:auto;margin-left:auto}:where(.project012__hero,.project012__note,.project013__hero,.project013__note){text-align:left}:where(.project012__title,.project013__title){font-size:clamp(2rem,10vw,2.65rem);line-height:1.08}:where(.project012__lead,.project013__lead){font-size:1rem;line-height:1.55}:where(.project012__note,.project013__note){padding:1.1rem}:where(.project012__note-copy,.project013__note-copy){font-size:.85rem;line-height:1.55}:where(.project012__refresh,.project013__refresh,.choropleth-refresh){justify-content:flex-start;width:100%;padding:.65rem 0}:where(.project012__status,.project013__status,.choropleth-status){width:100%;text-align:left}:where(.project012__note,.project012__chart>svg,.project013__chart>svg){border-radius:1rem}:where(.project012__chart,.project013__chart){padding-right:0;padding-left:0}:where(.project012__tooltip,.project013__tooltip){font-size:.95rem}}@keyframes demo-refresh-spin{to{transform:rotate(360deg)}}.scroll-transition{--scroll-transition-pad: clamp(1.25rem, 3vw, 4rem);--scroll-transition-text: #f7f2ea;--scroll-transition-muted: rgba(247, 242, 234, .68);min-height:100vh;overflow:clip;background:#050505;color:var(--scroll-transition-text);font-family:Playfair Display,Shippori Mincho,Georgia,serif}.scroll-transition__spacer{min-height:100vh;display:grid;place-items:center;align-content:space-between;padding:34vh var(--scroll-transition-pad) 4rem;text-align:center}.scroll-transition__spacer h1,.scroll-transition__spacer h2{margin:0;font-size:clamp(3rem,7vw,8.5rem);font-weight:300;line-height:.88}.scroll-transition__spacer h1 span{display:block;margin-top:.35em;color:var(--scroll-transition-muted);font-size:clamp(1.35rem,2.4vw,2.6rem);line-height:1.1}.scroll-transition__eyebrow,.scroll-transition__hint,.scroll-transition__title,.scroll-transition__copy{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.scroll-transition__eyebrow{margin:0 0 1rem;color:var(--scroll-transition-muted);font-size:clamp(.78rem,1vw,.95rem);font-weight:600;letter-spacing:.16em;text-transform:uppercase}.scroll-transition__hint{position:relative;color:var(--scroll-transition-muted);font-size:.92rem}.scroll-transition__hint:after{content:"";position:absolute;top:calc(100% + .9rem);left:50%;width:1px;height:2.4rem;background:currentColor}.scroll-transition__stage{position:relative;height:500vh}.scroll-transition__layers{position:sticky;top:0;width:100vw;height:100vh;overflow:hidden;background:#050505}.scroll-transition__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scroll-transition__layer image{filter:brightness(.72) contrast(1.08)}.scroll-transition__reduced-image{display:none;width:100%;height:100%;object-fit:cover;filter:brightness(.72) contrast(1.08)}.scroll-transition__texts{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--scroll-transition-pad);pointer-events:none}.scroll-transition__text{position:absolute;top:0;right:0;bottom:0;left:0;padding:max(7rem,12vh) var(--scroll-transition-pad) var(--scroll-transition-pad);clip-path:inset(100% 0 0 0);transform:translateY(40px);text-transform:uppercase}.scroll-transition__text h2{max-width:10ch;margin:0;font-size:clamp(5rem,10vw,14rem);font-weight:300;line-height:.78}.scroll-transition__text h2 span{display:block}.scroll-transition__title{margin:clamp(2.5rem,6vw,6rem) 0 0;font-size:clamp(.82rem,1vw,1rem);font-weight:700;letter-spacing:.24em}.scroll-transition__copy{max-width:31ch;margin:1.8rem 0 0;color:#f7f2ead1;font-size:clamp(.88rem,1vw,1rem);line-height:1.75;text-transform:none}.scroll-transition__progress{position:absolute;right:0;bottom:0;left:0;z-index:20;display:flex;gap:1rem;padding:clamp(1.25rem,4vw,4rem)}.scroll-transition__segment{position:relative;flex:1;height:2px;overflow:hidden;background:#f7f2ea38}.scroll-transition__fill{position:absolute;inset:0 auto 0 0;width:0%;background:var(--scroll-transition-text)}.scroll-transition__spacer--end{min-height:70vh;padding-top:24vh}.scroll-transition--reduced .scroll-transition__reduced-image{display:block}.scroll-transition--reduced .scroll-transition__layer{display:none}.scroll-transition--reduced .scroll-transition__text:first-child{clip-path:none}@media (max-width: 1024px){.scroll-transition__copy{max-width:38ch}}@media (max-width: 599px){.scroll-transition__spacer{padding-top:30vh}.scroll-transition__text{padding-top:18vh}.scroll-transition__text h2{font-size:clamp(4rem,21vw,7.5rem)}.scroll-transition__copy{max-width:min(78vw,34ch)}}