@layer tokens, fonts, base, layout, components, sections, pages, motion, utilities;
/* tokens.css */
@layer tokens {
:root {
  color-scheme: dark;
  --slate-950: #12161C;
  --slate-900: #1A2028;
  --slate-850: #232A34;
  --slate-800: #2A3340;
  --slate-750: #323B47;
  --slate-700: #3B4553;
  --slate-650: #4A5666;
  --slate-600: #566171;
  --slate-550: #687484;
  --slate-500: #7E8998;
  --slate-400: #8A9AAF;
  --concrete-200: #CBD3DD;
  --concrete-300: #A9B4C2;
  --vellum-50: #F6F8FA;
  --vellum-100: #ECEFF2;
  --vellum-200: #E2E7EC;
  --vellum-300: #D7DDE4;
  --vellum-400: #C9D1DA;
  --vellum-500: #B4BFCC;
  --mist-50: #FBFBFD;
  --mist-100: #F5F5F7;
  --mist-150: #EEEEF2;
  --mist-200: #E8E8ED;
  --mist-250: #E3E3E8;
  --mist-300: #D2D2D7;
  --slate-520: #7A8494;
  --gold-200: #E7D6A5;
  --gold-300: #D9C389;
  --gold-400: #C8B179;
  --gold-500: #AC935E;
  --gold-600: #8A7340;
  --gold-700: #6E592C;
  --gold-800: #5A4822;
  --deep-gold-300: #B6944E;
  --deep-gold-400: #AA8436;
  --deep-gold-500: #93722F;
  --deep-gold-600: #896A2B;
  --deep-gold-700: #765B25;
  --paper-50: #F2EEE6;
  --champagne-300: #B9B3A2;
  --red-200: #F7B5AD;
  --red-300: #F0958B;
  --red-700: #A32A22;
  --red-800: #7F1D17;
  --white: #FFFFFF;
  --surface-page: var(--slate-850);
  --surface-raised: var(--slate-800);
  --surface-higher: var(--slate-750);
  --surface-deep: var(--slate-900);
  --surface-field: var(--slate-900);
  --surface-disabled: var(--slate-750);
  --text-primary: var(--paper-50);
  --text-secondary: var(--concrete-300);
  --text-disabled: var(--slate-500);
  --action-bg: var(--gold-400);
  --action-bg-hover: var(--gold-300);
  --action-text: var(--slate-900);
  --action-keyline: var(--gold-400);
  --action-inline: rgba(26, 32, 40, 0.4);
  --link-text: var(--gold-400);
  --link-underline: var(--gold-400);
  --accent-text: var(--gold-400);
  --accent-line: var(--gold-400);
  --accent-deep: var(--gold-500);
  --built: var(--gold-400);
  --metal-1: var(--gold-300);
  --metal-2: var(--gold-400);
  --metal-3: var(--gold-500);
  --metal-sheen: var(--gold-200);
  --logo-text: var(--gold-400);
  --logo-tagline: var(--champagne-300);
  --danger: var(--red-300);
  --line-grid: var(--slate-750);
  --line-hairline: var(--slate-650);
  --line-control: var(--slate-500);
  --line-dashed: var(--slate-500);
  --spotlight-line: var(--slate-600);
  --spotlight-radius: 14rem;
  --focus-ring: var(--gold-300);
  --selection-bg: var(--gold-400);
  --selection-text: var(--slate-900);
  --draw-line: var(--built);
  --draw-line-soft: var(--gold-500);
  --draw-blueprint: var(--slate-600);
  --draw-face: var(--slate-700);
  --draw-slab: var(--gold-400);
  --draw-lit: var(--gold-300);
  --draw-unlit: var(--slate-900);
  --draw-skyline: var(--slate-750);
  --draw-sheet: #123F6E;
  --draw-sheet-ink: #CFE3FA;
  --draw-sheet-text: #E4EFFC;
  --draw-sheet-grid: rgb(173 206 245 / 0.09);
  --draw-sheet-grid-major: rgb(173 206 245 / 0.18);
  --draw-sky: linear-gradient(180deg, #0E1218 0%, #161C26 36%, #262B3A 62%, #3F3A45 82%, #6B5A3C 100%);
  --draw-glass: #1E2732;
  --draw-veil-warm: rgb(255 236 200 / 0.12);
  --draw-veil-dim: rgb(8 10 14 / 0.16);
  --draw-veil-deep: rgb(8 10 14 / 0.42);
  --draw-sheen: rgb(255 246 225 / 0.5);
  --draw-balcony-glass: rgb(217 195 137 / 0.14);
  --draw-sky-lit: rgb(217 195 137 / 0.5);
  --night-line: var(--gold-400);
  --night-line-soft: var(--gold-500);
  --night-face: var(--slate-700);
  --night-slab: var(--gold-400);
  --night-lit: var(--gold-300);
  --night-glass: #1E2732;
  --night-sky: linear-gradient(180deg, #0B0F15 0%, #121823 30%, #1D2433 56%, #343447 78%, #5E4E3A 100%);
  --night-veil-warm: rgb(255 236 200 / 0.12);
  --night-veil-dim: rgb(8 10 14 / 0.16);
  --night-veil-deep: rgb(8 10 14 / 0.42);
  --night-sheen: rgb(255 246 225 / 0.5);
  --night-balcony-glass: rgb(217 195 137 / 0.14);
  --night-hairline: var(--slate-650);
  --night-moon: #EFE5CC;
  --night-moon-dark: rgb(239 229 204 / 0.045);
  --night-moon-halo: rgb(239 229 204 / 0.13);
  --night-moon-halo-out: rgb(239 229 204 / 0);
  --night-star-faint: rgb(214 222 238 / 0.58);
  --night-star: rgb(226 232 244 / 0.78);
  --night-star-bright: rgb(246 242 230 / 0.95);
  --city-far: #283041;
  --city-far-mast: rgb(150 162 184 / 0.35);
  --city-mid: #1A212C;
  --city-near: #161B23;
  --city-near-r: #0E1218;
  --city-pane: rgb(132 150 178 / 0.13);
  --city-rim: rgb(217 195 137 / 0.34);
  --city-cap: rgb(217 195 137 / 0.16);
  --city-mast: #59657A;
  --city-tank: #262E3A;
  --city-lit: rgb(236 204 128 / 0.74);
  --city-lit-pale: rgb(250 238 208 / 0.6);
  --city-lit-far: rgb(236 204 128 / 0.42);
  --city-beacon: #F0524F;
  --on-media-text: var(--paper-50);
  --on-media-accent: var(--gold-300);
  --on-media-metal-1: var(--gold-300);
  --on-media-metal-2: var(--gold-400);
  --on-media-metal-3: var(--gold-500);
  --on-media-action-bg: var(--gold-400);
  --on-media-action-bg-hover: var(--gold-300);
  --on-media-action-text: var(--slate-900);
  --on-media-action-inline: rgba(26, 32, 40, 0.4);
  --on-media-focus-ring: var(--gold-300);
  --on-media-focus-gap: var(--slate-950);
  --on-media-line: rgba(242, 238, 230, 0.2);
  --scrim-rgb: 18, 22, 28;
  --scrim-text: rgba(18, 22, 28, 0.72);
  --scrim-dim: rgba(18, 22, 28, 0.4);
  --scrim-floor: 0.3;
  --media-chip-bg: var(--slate-900);
  --media-chip-line: var(--slate-500);
  --media-placeholder: var(--slate-800);
  --glass-header-bg: var(--slate-900);
  --glass-header-bg-solid: var(--slate-900);
  --glass-header-blur: 0px;
  --glass-header-saturate: 100%;
  --glass-header-edge: rgba(242, 238, 230, 0.1);
  --glass-header-border: rgba(242, 238, 230, 0.08);
  --header-shadow: 0 1px 0 var(--glass-header-edge), 0 10px 24px -18px rgba(0, 0, 0, 0.6);
  --header-over-text: var(--on-media-text);
  --header-over-accent: var(--on-media-accent);
  --header-over-scrim: linear-gradient(to bottom, rgba(var(--scrim-rgb), 0.72), rgba(var(--scrim-rgb), 0.44) 70%, rgba(var(--scrim-rgb), 0));
  --header-over-chip: rgba(var(--scrim-rgb), 0.42);
  --glass-panel-bg: rgba(35, 42, 52, 0.8);
  --glass-panel-bg-solid: var(--slate-850);
  --glass-panel-blur: 30px;
  --glass-panel-saturate: 180%;
  --glass-panel-edge: rgba(242, 238, 230, 0.2);
  --glass-media-bg: rgba(18, 22, 28, 0.8);
  --glass-media-bg-solid: rgba(18, 22, 28, 0.96);
  --glass-media-blur: 16px;
  --glass-media-saturate: 140%;
  --glass-media-edge: rgba(242, 238, 230, 0.2);
  --font-display: "Montserrat", "Montserrat Fallback", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --text-small: max(1.125rem, 18px);
  --text-body: max(1.125rem, 18px);
  --text-lead: clamp(max(1.25rem, 18px), 1.1982rem + 0.2210vw, 1.375rem);
  --text-title: clamp(1.375rem, 1.2714rem + 0.4420vw, 1.625rem);
  --text-heading: clamp(1.75rem, 1.3874rem + 1.5470vw, 2.625rem);
  --text-display: clamp(2.125rem, 1.2445rem + 3.7569vw, 4.25rem);
  --text-statement: clamp(2.5rem, 1.9820rem + 2.2099vw, 3.75rem);
  --text-wordmark: max(1.25rem, 18px);
  --text-wordmark-stack: max(3rem, 46px);
  --wordmark-sub-ratio: 0.393;
  --wordmark-tagline-ratio: 0.138;
  --leading-small: 1.5;
  --leading-body: 1.65;
  --leading-lead: 1.5;
  --leading-title: 1.25;
  --leading-heading: 1.12;
  --leading-display: 1.06;
  --leading-statement: 1.06;
  --tracking-small: 0.005em;
  --tracking-body: 0em;
  --tracking-lead: -0.006em;
  --tracking-title: -0.014em;
  --tracking-heading: -0.022em;
  --tracking-display: -0.03em;
  --tracking-statement: -0.032em;
  --tracking-wordmark: -0.02em;
  --tracking-wordmark-sub: -0.016em;
  --tracking-wordmark-tagline: -0.03em;
  --weight-body: 400;
  --weight-medium: 500;
  --weight-strong: 600;
  --weight-title: 500;
  --weight-heading: 600;
  --weight-display: 600;
  --weight-statement: 600;
  --weight-wordmark: 650;
  --weight-wordmark-tagline: 450;
  --measure: 46ch;
  --measure-lead: 36ch;
  --measure-statement: 17ch;
  --numeric: tabular-nums lining-nums;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-11: 12rem;
  --container: 77.5rem;
  --gutter: max(clamp(1rem, -0.1667rem + 5.8333vw, 4.5rem), var(--safe-inline));
  --grid-columns: 12;
  --grid-gap: clamp(1rem, 0.7928rem + 0.8840vw, 1.5rem);
  --grid-module: 3rem;
  --datum-offset: 1.5rem;
  --section-y: clamp(4rem, 2.5497rem + 6.1878vw, 7.5rem);
  --section-y-tight: clamp(3rem, 2.1713rem + 3.5359vw, 5rem);
  --header-h: clamp(4rem, 3.6795rem + 1.3675vw, 4.5rem);
  --header-inset: 0rem;
  --header-offset: calc(var(--header-h) + var(--header-inset) + var(--safe-block-start));
  --scroll-pad-top: calc(var(--header-offset) + var(--focus-w) + var(--focus-offset) + var(--space-2));
  --tower-stage-max: 14rem;
  --target-min: 2.75rem;
  --control-h: 3rem;
  --control-h-large: 3.5rem;
  --field-h: 3.25rem;
  --checkbox-size: 1.75rem;
  --status-size: 0.75rem;
  --radius-0: 0;
  --radius-1: 0.375rem;
  --line-w-1: 1px;
  --line-w-2: 2px;
  --focus-w: 3px;
  --focus-offset: 3px;
  --slab-bar: 0.25rem;
  --slab-gap: 0.3125rem;
  --crosshair-arm: 0.75rem;
  --pitch-angle: 29.05deg;
  --pitch-rise: 5;
  --pitch-run: 9;
  --draw-stroke: 2px;
  --draw-stroke-fine: 1px;
  --draw-dash: 6 5;
  --button-inline-inset: 3px;
  --radius-s: 0.75rem;
  --radius-m: 1.125rem;
  --radius-l: 1.75rem;
  --radius-pill: 62.5rem;
  --shadow-1: 0 1px 2px rgba(8, 11, 15, 0.3), 0 4px 12px -4px rgba(8, 11, 15, 0.35);
  --shadow-2: 0 2px 6px -2px rgba(8, 11, 15, 0.4), 0 18px 40px -16px rgba(8, 11, 15, 0.55);
  --shadow-3: 0 8px 20px -8px rgba(8, 11, 15, 0.45), 0 32px 72px -24px rgba(8, 11, 15, 0.7);
  --shadow-button: 0 1px 2px rgba(8, 11, 15, 0.35), 0 6px 16px -8px rgba(8, 11, 15, 0.5);
  --shadow-button-hover: 0 2px 4px rgba(8, 11, 15, 0.35), 0 12px 24px -10px rgba(8, 11, 15, 0.6);
  --edge-highlight: inset 0 1px 0 rgba(242, 238, 230, 0.07);
  --edge-ring: rgba(242, 238, 230, 0.08);
  --surface-band: var(--slate-900);
  --surface-card: var(--slate-800);
  --gradient-action: linear-gradient(180deg, var(--gold-300), var(--gold-400) 55%, var(--gold-400));
  --gradient-action-hover: linear-gradient(180deg, var(--gold-200), var(--gold-300) 60%, var(--gold-300));
  --gradient-card: linear-gradient(180deg, rgba(242, 238, 230, 0.035), rgba(242, 238, 230, 0));
  --gradient-band: linear-gradient(180deg, var(--surface-page), var(--surface-band) 12rem);
  --gradient-page-hero: linear-gradient(180deg, var(--surface-band), var(--surface-page));
  --gradient-on-media-action: linear-gradient(180deg, var(--gold-300), var(--gold-400) 55%, var(--gold-400));
  --gradient-on-media-action-hover: linear-gradient(180deg, var(--gold-200), var(--gold-300) 60%, var(--gold-300));
  --gradient-on-media-foil: linear-gradient(100deg, var(--gold-300) 0%, var(--gold-200) 22%, var(--paper-50) 38%, var(--gold-200) 52%, var(--gold-300) 74%, var(--gold-200) 100%);
  --action-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.35);
  --button-soft-bg: rgba(242, 238, 230, 0.06);
  --button-soft-bg-hover: rgba(242, 238, 230, 0.12);
  --nav-current-bg: rgba(242, 238, 230, 0.1);
  --fab-size: 3rem;
  --fab-inset: 1rem;
  --fab-icon: 1.375rem;
  --glass-float-bg: rgba(42, 51, 64, 0.72);
  --glass-float-bg-solid: var(--slate-800);
  --glass-float-blur: 20px;
  --glass-float-saturate: 180%;
  --shadow-float: 0 12px 32px -12px rgba(8, 11, 15, 0.6), 0 2px 6px -2px rgba(8, 11, 15, 0.4);
  --z-base: 0;
  --z-raised: 1;
  --z-sticky: 10;
  --z-header: 100;
  --z-notice: 200;
  --z-overlay: 300;
  --z-skip: 400;
}
@media (min-width: 48em) {
  :root {
    --tower-stage-max: 22rem;
  }
}
[data-theme="light"] {
  color-scheme: light;
  --surface-page: var(--white);
  --surface-raised: var(--white);
  --surface-higher: var(--mist-100);
  --surface-deep: var(--mist-100);
  --surface-field: var(--mist-100);
  --surface-disabled: var(--mist-200);
  --surface-band: var(--mist-100);
  --surface-card: var(--white);
  --text-primary: var(--slate-900);
  --text-secondary: var(--slate-600);
  --text-disabled: var(--slate-550);
  --action-bg: var(--slate-900);
  --action-bg-hover: var(--slate-800);
  --action-text: var(--white);
  --action-keyline: var(--slate-900);
  --action-inline: var(--gold-400);
  --gradient-action: linear-gradient(180deg, var(--slate-750), var(--slate-900) 70%);
  --gradient-action-hover: linear-gradient(180deg, var(--slate-700), var(--slate-850) 70%);
  --action-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.14);
  --button-soft-bg: rgba(26, 32, 40, 0.04);
  --button-soft-bg-hover: rgba(26, 32, 40, 0.08);
  --nav-current-bg: rgba(26, 32, 40, 0.06);
  --link-text: var(--slate-900);
  --link-underline: var(--deep-gold-400);
  --accent-text: var(--deep-gold-600);
  --accent-line: var(--deep-gold-400);
  --accent-deep: var(--deep-gold-500);
  --built: var(--slate-900);
  --metal-1: var(--deep-gold-300);
  --metal-2: var(--deep-gold-400);
  --metal-3: var(--deep-gold-500);
  --metal-sheen: var(--gold-200);
  --logo-text: var(--slate-900);
  --logo-tagline: var(--slate-600);
  --danger: var(--red-700);
  --line-grid: var(--mist-150);
  --line-hairline: var(--mist-250);
  --line-control: var(--slate-520);
  --line-dashed: var(--slate-520);
  --spotlight-line: var(--mist-300);
  --focus-ring: var(--slate-900);
  --selection-bg: var(--gold-300);
  --selection-text: var(--slate-900);
  --draw-line-soft: var(--slate-650);
  --draw-blueprint: var(--mist-300);
  --draw-face: var(--mist-150);
  --draw-slab: var(--deep-gold-400);
  --draw-lit: var(--deep-gold-300);
  --draw-unlit: var(--white);
  --draw-skyline: var(--mist-200);
  --draw-sky: linear-gradient(180deg, #FBFBFD 0%, #F2F3F7 44%, #F2EBDD 76%, #E9D8AE 100%);
  --draw-glass: #D3DBE5;
  --draw-veil-warm: rgb(255 250 240 / 0.3);
  --draw-veil-dim: rgb(26 32 40 / 0.04);
  --draw-veil-deep: rgb(26 32 40 / 0.16);
  --draw-sheen: rgb(255 255 255 / 0.75);
  --draw-balcony-glass: rgb(26 32 40 / 0.06);
  --draw-sky-lit: rgb(182 148 78 / 0.45);
  --glass-header-bg: var(--white);
  --glass-header-bg-solid: var(--white);
  --glass-header-saturate: 100%;
  --glass-header-edge: rgba(26, 32, 40, 0.08);
  --glass-header-border: rgba(26, 32, 40, 0.06);
  --header-shadow: 0 1px 0 var(--glass-header-edge), 0 8px 24px -18px rgba(26, 32, 40, 0.28);
  --glass-panel-bg: rgba(255, 255, 255, 0.8);
  --glass-panel-bg-solid: var(--white);
  --glass-panel-saturate: 180%;
  --glass-panel-edge: rgba(26, 32, 40, 0.08);
  --glass-float-bg: rgba(255, 255, 255, 0.72);
  --glass-float-bg-solid: var(--white);
  --shadow-1: 0 1px 2px rgba(26, 32, 40, 0.04), 0 4px 12px -4px rgba(26, 32, 40, 0.08);
  --shadow-2: 0 2px 6px -2px rgba(26, 32, 40, 0.06), 0 18px 40px -16px rgba(26, 32, 40, 0.16);
  --shadow-3: 0 8px 20px -8px rgba(26, 32, 40, 0.1), 0 32px 72px -24px rgba(26, 32, 40, 0.22);
  --shadow-button: 0 1px 2px rgba(26, 32, 40, 0.14), 0 6px 16px -8px rgba(26, 32, 40, 0.3);
  --shadow-button-hover: 0 2px 4px rgba(26, 32, 40, 0.14), 0 12px 24px -10px rgba(26, 32, 40, 0.36);
  --edge-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --edge-ring: rgba(26, 32, 40, 0.06);
  --gradient-card: linear-gradient(180deg, var(--white), var(--mist-50));
  --shadow-float: 0 12px 32px -12px rgba(26, 32, 40, 0.24), 0 2px 6px -2px rgba(26, 32, 40, 0.12);
}
@media (prefers-reduced-transparency: reduce) {
  :root {
    --glass-header-bg: var(--slate-800);
    --glass-header-bg-solid: var(--slate-800);
    --glass-header-blur: 0px;
    --glass-header-saturate: 100%;
    --glass-header-edge: var(--slate-500);
    --glass-header-border: var(--slate-500);
    --glass-panel-bg: var(--slate-850);
    --glass-panel-blur: 0px;
    --glass-panel-saturate: 100%;
    --glass-panel-edge: transparent;
    --glass-media-bg: var(--slate-950);
    --glass-media-bg-solid: var(--slate-950);
    --glass-media-blur: 0px;
    --glass-media-saturate: 100%;
    --glass-media-edge: var(--slate-500);
    --glass-float-bg: var(--slate-800);
    --glass-float-blur: 0px;
    --glass-float-saturate: 100%;
  }
  [data-theme="light"] {
    --glass-header-bg: var(--white);
    --glass-header-bg-solid: var(--white);
    --glass-header-saturate: 100%;
    --glass-header-edge: var(--slate-550);
    --glass-header-border: var(--slate-550);
    --glass-panel-bg: var(--white);
    --glass-panel-saturate: 100%;
    --glass-panel-edge: transparent;
    --glass-float-bg: var(--white);
  }
}
@media (prefers-contrast: more) {
  :root {
    --text-primary: var(--white);
    --text-secondary: var(--concrete-200);
    --action-text: var(--slate-950);
    --link-text: var(--gold-300);
    --link-underline: var(--gold-300);
    --accent-text: var(--gold-300);
    --accent-line: var(--gold-300);
    --built: var(--gold-300);
    --danger: var(--red-200);
    --line-grid: var(--slate-700);
    --line-hairline: var(--slate-600);
    --line-control: var(--concrete-300);
    --line-dashed: var(--concrete-300);
    --spotlight-line: var(--slate-600);
    --focus-w: 4px;
    --on-media-text: var(--white);
    --on-media-action-text: var(--slate-950);
    --scrim-text: rgba(18, 22, 28, 0.85);
    --scrim-dim: rgba(18, 22, 28, 0.6);
    --scrim-floor: 0.85;
    --glass-header-bg: var(--slate-800);
    --glass-header-bg-solid: var(--slate-800);
    --glass-header-blur: 0px;
    --glass-header-saturate: 100%;
    --glass-header-edge: var(--concrete-300);
    --glass-header-border: var(--concrete-300);
    --glass-panel-bg: var(--slate-850);
    --glass-panel-blur: 0px;
    --glass-panel-saturate: 100%;
    --glass-panel-edge: transparent;
    --glass-media-bg: var(--slate-950);
    --glass-media-bg-solid: var(--slate-950);
    --glass-media-blur: 0px;
    --glass-media-saturate: 100%;
    --glass-media-edge: var(--concrete-300);
    --glass-float-bg: var(--slate-800);
    --glass-float-blur: 0px;
    --glass-float-saturate: 100%;
    --edge-ring: var(--concrete-300);
  }
  [data-theme="light"] {
    --text-primary: var(--slate-950);
    --text-secondary: var(--slate-750);
    --action-bg: var(--slate-950);
    --action-bg-hover: var(--slate-850);
    --action-text: var(--white);
    --action-keyline: var(--slate-950);
    --link-text: var(--slate-950);
    --link-underline: var(--deep-gold-700);
    --accent-text: var(--gold-800);
    --accent-line: var(--deep-gold-700);
    --built: var(--slate-950);
    --danger: var(--red-800);
    --line-grid: var(--mist-300);
    --line-hairline: var(--slate-400);
    --line-control: var(--slate-650);
    --line-dashed: var(--slate-650);
    --spotlight-line: var(--slate-400);
    --focus-ring: var(--slate-950);
    --glass-header-bg: var(--white);
    --glass-header-bg-solid: var(--white);
    --glass-header-saturate: 100%;
    --glass-header-edge: var(--slate-650);
    --glass-header-border: var(--slate-650);
    --glass-panel-bg: var(--white);
    --glass-panel-saturate: 100%;
    --glass-panel-edge: transparent;
    --glass-float-bg: var(--white);
    --edge-ring: var(--slate-650);
  }
}
:root {
  --screen-block: 100vh;
  --screen-block-dynamic: 100vh;
  --screen-band: calc(var(--screen-block) * 0.8);
  --screen-division-hero: calc(var(--screen-block) * 0.7);
  --screen-statement: calc(var(--screen-block) * 0.64);
  --screen-mark: calc(var(--screen-block) * 0.38);
  --screen-mark-small: calc(var(--screen-block) * 0.3);
  --screen-inline: 100vw;
  --safe-inline: max(env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
  --safe-block-start: env(safe-area-inset-top, 0px);
  --safe-block-end: env(safe-area-inset-bottom, 0px);
}
@supports (block-size: 100svh) {
  :root {
    --screen-block: 100svh;
    --screen-block-dynamic: 100dvh;
  }
}
:root {
  --assistant-panel-bg: rgba(35, 42, 52, 0.94);
  --assistant-panel-inline: 25.5rem;
  --assistant-panel-block: 42rem;
  --assistant-badge: 2rem;
  --assistant-badge-bg: linear-gradient(150deg, var(--gold-200), var(--gold-400) 55%, var(--gold-500));
  --assistant-badge-ink: var(--slate-900);
  --assistant-bubble-bot: var(--slate-750);
  --assistant-dot: 0.5rem;
  --assistant-lift-by: calc(var(--control-h) + var(--space-3));
}
[data-theme="light"] {
  --assistant-panel-bg: rgba(255, 255, 255, 0.94);
  --assistant-bubble-bot: var(--mist-100);
}
@media (prefers-reduced-transparency: reduce) {
  :root { --assistant-panel-bg: var(--slate-850); }
  [data-theme="light"] { --assistant-panel-bg: var(--white); }
}
:root {
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-hover: ease;
  --dur-press: 100ms;
  --dur-release: 160ms;
  --dur-hover: 150ms;
  --dur-ui: 200ms;
  --dur-ui-exit: 150ms;
  --dur-panel: 250ms;
  --dur-page: 250ms;
  --dur-reveal: 400ms;
  --dur-reveal-exit: 250ms;
  --dur-view: 600ms;
  --dur-draw-line: 750ms;
  --stagger-step: 50ms;
  --dur-hero-draw: calc(var(--dur-draw-line) + 17 * var(--stagger-step));
  --dur-sheen: 900ms;
  --dur-slide: 1200ms;
  --dur-slide-hold: 6500ms;
  --dur-slide-drift: calc(var(--dur-slide-hold) + 2 * var(--dur-slide));
  --slide-drift-scale: 1.05;
  --press-scale: 0.97;
  --press-opacity: 1;
  --enter-scale: 0.96;
  --enter-rise: 0.5rem;
  --hover-lift: 1px;
  --hover-lift-card: 2px;
  --spring-damping: 1;
  --spring-response: 0.4;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --press-scale: 1;
    --press-opacity: 0.8;
    --enter-scale: 1;
    --enter-rise: 0rem;
    --hover-lift: 0px;
    --hover-lift-card: 0px;
    --dur-panel: var(--dur-ui);
    --dur-reveal: var(--dur-ui);
    --dur-reveal-exit: var(--dur-ui-exit);
    --dur-view: 0ms;
    --dur-draw-line: 0ms;
    --stagger-step: 0ms;
    --dur-sheen: 0ms;
    --dur-slide: var(--dur-ui);
    --slide-drift-scale: 1;
  }
}
}
/* fonts.css */
@layer fonts {
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/montserrat-latin-ext-wght.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/montserrat-latin-wght.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/inter-latin-ext-opsz-wght.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/inter-latin-opsz-wght.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat Fallback";
  font-style: normal;
  font-weight: 100 500;
  src: local("Arial"), local("ArialMT"), local("Helvetica");
  size-adjust: 114.15%;
  ascent-override: 84.80%;
  descent-override: 21.99%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Montserrat Fallback";
  font-style: normal;
  font-weight: 600 900;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Helvetica-Bold");
  size-adjust: 109.05%;
  ascent-override: 88.77%;
  descent-override: 23.02%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Inter Fallback";
  font-style: normal;
  font-weight: 400 500;
  src: local("Arial"), local("ArialMT"), local("Helvetica");
  size-adjust: 105.28%;
  ascent-override: 92.01%;
  descent-override: 22.91%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Inter Fallback";
  font-style: normal;
  font-weight: 600 700;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Helvetica-Bold");
  size-adjust: 99.61%;
  ascent-override: 97.26%;
  descent-override: 24.22%;
  line-gap-override: 0%;
}
}
/* base.css */
@layer base {
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: auto;
  scroll-padding-block-start: var(--scroll-pad-top);
  background-color: var(--surface-page);
  color: var(--text-primary);
}
body {
  margin: 0;
  min-block-size: 100%;
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: var(--weight-body);
  line-height: var(--leading-body);
  letter-spacing: var(--tracking-body);
  font-optical-sizing: auto;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, blockquote {
  margin: 0;
}
ul[role="list"],
ol[role="list"] {
  list-style: none;
  padding: 0;
}
img, picture, video, svg, canvas {
  display: block;
  max-inline-size: 100%;
}
img, video {
  block-size: auto;
}
input, button, textarea, select {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
}
button {
  cursor: pointer;
}
[hidden] {
  display: none !important;
}
dialog {
  color: inherit;
}
h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-size: var(--text-title);
  font-weight: var(--weight-title);
  letter-spacing: var(--tracking-title);
  line-height: var(--leading-title);
  overflow-wrap: break-word;
  text-wrap: balance;
}
p, li, dd, figcaption {
  text-wrap: pretty;
}
.t-small {
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-small);
  line-height: var(--leading-small);
}
.t-body {
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: var(--weight-body);
  letter-spacing: var(--tracking-body);
  line-height: var(--leading-body);
  max-inline-size: var(--measure);
}
.t-lead {
  font-family: var(--font-body);
  font-size: var(--text-lead);
  font-weight: var(--weight-body);
  letter-spacing: var(--tracking-lead);
  line-height: var(--leading-lead);
  max-inline-size: var(--measure-lead);
}
.t-title {
  font-family: var(--font-display);
  font-size: var(--text-title);
  font-weight: var(--weight-title);
  letter-spacing: var(--tracking-title);
  line-height: var(--leading-title);
  overflow-wrap: break-word;
  text-wrap: balance;
}
.t-heading {
  font-family: var(--font-display);
  font-size: var(--text-heading);
  font-weight: var(--weight-heading);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
  overflow-wrap: break-word;
  text-wrap: balance;
}
.t-display {
  font-family: var(--font-display);
  font-size: var(--text-display);
  font-weight: var(--weight-display);
  letter-spacing: var(--tracking-display);
  line-height: var(--leading-display);
  overflow-wrap: break-word;
  text-wrap: balance;
}
.t-statement {
  font-family: var(--font-display);
  font-size: var(--text-statement);
  font-weight: var(--weight-statement);
  letter-spacing: var(--tracking-statement);
  line-height: var(--leading-statement);
  max-inline-size: var(--measure-statement);
  overflow-wrap: break-word;
  text-wrap: balance;
}
.t-numeric {
  font-variant-numeric: var(--numeric);
}
strong, b {
  font-weight: var(--weight-strong);
}
a {
  color: var(--link-text);
  text-decoration-line: underline;
  text-decoration-color: var(--link-underline);
  text-decoration-thickness: var(--line-w-1);
  text-underline-offset: var(--space-1);
}
@media (hover: hover) and (pointer: fine) {
  a:hover {
    text-decoration-thickness: var(--line-w-2);
  }
}
:focus-visible {
  outline: var(--focus-w) solid var(--focus-ring);
  outline-offset: var(--focus-offset);
}
.on-media :focus-visible,
.on-media:focus-visible {
  outline: var(--focus-w) solid var(--on-media-focus-ring);
  outline-offset: var(--focus-offset);
  box-shadow: 0 0 0 var(--focus-offset) var(--on-media-focus-gap);
}
main:focus,
section[tabindex="-1"]:focus,
nav[tabindex="-1"]:focus {
  outline: none;
}
::selection {
  background-color: var(--selection-bg);
  color: var(--selection-text);
}
.visually-hidden {
  position: absolute !important;
  inline-size: var(--line-w-1);
  block-size: var(--line-w-1);
  margin: calc(var(--line-w-1) * -1);
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.blueprint {
  --grid-x: max(var(--gutter), (var(--screen-inline) - var(--container)) / 2);
  background-image:
    linear-gradient(to right, var(--line-grid) 0 var(--line-w-1), transparent var(--line-w-1)),
    linear-gradient(to bottom, var(--line-grid) 0 var(--line-w-1), transparent var(--line-w-1));
  background-size: var(--grid-module) var(--grid-module);
  background-position: var(--grid-x) 0;
}
.section.blueprint {
  background-image: none;
}
.page-hero.blueprint {
  background-image: var(--gradient-page-hero);
  background-size: auto;
  background-position: 0 0;
}
.placeholder {
  color: var(--text-secondary);
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-color: var(--line-dashed);
  text-decoration-thickness: var(--line-w-1);
  text-underline-offset: var(--space-1);
}
@media (forced-colors: active) {
  :focus-visible,
  .on-media :focus-visible {
    outline: var(--focus-w) solid CanvasText;
    box-shadow: none;
  }
  .blueprint {
    background-image: none;
  }
  .skip-link {
    border: var(--line-w-1) solid ButtonText;
  }
}
}
/* layout.css */
@layer layout {
:root {
  --content-edge: max(var(--gutter), (100% - var(--container)) / 2);
  --datum-x: calc(var(--content-edge) - var(--space-2));
}
@media (min-width: 60em) {
  :root {
    --datum-x: calc(var(--content-edge) - var(--datum-offset));
  }
}
.container {
  inline-size: min(100% - 2 * var(--gutter), var(--container));
  margin-inline: auto;
}
.grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: var(--grid-gap);
}
@media (min-width: 60em) {
  .grid {
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  }
}
body::before,
body::after {
  content: "";
  position: fixed;
  inset-block: 0;
  z-index: -1;
  inline-size: 0;
  border-inline-start: var(--line-w-1) solid var(--line-hairline);
  pointer-events: none;
}
body::before {
  inset-inline-start: var(--datum-x);
}
body::after {
  display: none;
  inset-inline-end: var(--datum-x);
}
@media (min-width: 60em) {
  body::after {
    display: block;
  }
}
body::before,
body::after {
  content: none;
}
.section {
  position: relative;
  padding-block: var(--section-y);
}
.section--tight {
  padding-block: var(--section-y-tight);
}
.section + .section::before,
.section-rule::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: var(--content-edge);
  border-block-start: var(--line-w-1) solid var(--line-hairline);
  pointer-events: none;
}
.cover {
  position: relative;
  background-color: var(--surface-page);
}
.bleed {
  inline-size: 100%;
}
}
/* components.css */
@layer components {
html:not([data-script]) [data-js="theme-group"],
html:not([data-script]) [data-js="theme-toggle"],
html:not([data-script]) .theme-fab,
html:not([data-script]) [data-js="menu-open"] {
  display: none !important;
}
.button {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-block-size: var(--control-h);
  padding-block: var(--space-2);
  padding-inline: var(--space-5);
  border: var(--line-w-1) solid transparent;
  border-radius: var(--radius-pill);
  background-color: transparent;
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-strong);
  letter-spacing: var(--tracking-small);
  line-height: var(--leading-small);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
}
.button--primary {
  background-color: var(--action-bg);
  background-image: var(--gradient-action);
  border-color: var(--action-keyline);
  color: var(--action-text);
  box-shadow: var(--action-highlight), var(--shadow-button);
}
.button--primary::before {
  background-color: var(--action-bg-hover);
  background-image: var(--gradient-action-hover);
}
.button--primary::after {
  content: none;
}
@media (hover: hover) and (pointer: fine) {
  .button--primary:hover {
    box-shadow: var(--action-highlight), var(--shadow-button-hover);
  }
}
.button--on-media {
  background-color: var(--on-media-action-bg);
  background-image: var(--gradient-on-media-action);
  border-color: var(--on-media-action-bg);
  color: var(--on-media-action-text);
}
.button--on-media::before {
  background-color: var(--on-media-action-bg-hover);
  background-image: var(--gradient-on-media-action-hover);
}
.button--on-media::after {
  border-color: var(--on-media-action-inline);
}
.button--on-media:focus-visible {
  outline-color: var(--on-media-focus-ring);
  box-shadow: 0 0 0 var(--focus-offset) var(--on-media-focus-gap);
}
.button--large {
  min-block-size: var(--control-h-large);
  font-size: var(--text-body);
}
.button--outline {
  border-color: var(--line-control);
  background-color: var(--button-soft-bg);
  color: var(--text-primary);
}
.button--outline::before {
  background-color: var(--button-soft-bg-hover);
}
.button--outline:active {
  background-color: var(--surface-higher);
  border-color: var(--text-primary);
}
@media (hover: hover) and (pointer: fine) {
  .button:hover::before {
    opacity: 1;
  }
}
.button:disabled,
.button[aria-disabled="true"] {
  background-color: var(--surface-disabled);
  border-color: var(--surface-disabled);
  color: var(--text-disabled);
  cursor: not-allowed;
}
.button:disabled::after,
.button[aria-disabled="true"]::after,
.button:disabled::before,
.button[aria-disabled="true"]::before {
  display: none;
}
.button--outline:disabled {
  background-color: transparent;
}
.skip-link {
  position: absolute;
  inset-block-start: var(--space-2);
  inset-inline-start: var(--space-2);
  z-index: var(--z-skip);
  box-shadow: var(--shadow-float);
  transform: translateY(calc(-100% - var(--space-8)));
}
.skip-link:focus,
.skip-link:focus-visible {
  transform: none;
}
.link-quiet {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
  color: var(--link-text);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-strong);
  letter-spacing: var(--tracking-small);
  text-decoration-line: underline;
  text-decoration-color: var(--link-underline);
  text-decoration-thickness: var(--line-w-1);
  text-underline-offset: var(--space-1);
}
.link-quiet:active {
  color: var(--text-primary);
}
.link-quiet--on-media {
  color: var(--on-media-text);
  text-decoration-color: var(--on-media-accent);
}
.link-quiet--on-media:focus-visible {
  outline-color: var(--on-media-focus-ring);
  box-shadow: 0 0 0 var(--focus-offset) var(--on-media-focus-gap);
}
@media (hover: hover) and (pointer: fine) {
  .link-quiet:hover {
    text-decoration-color: currentColor;
    text-decoration-thickness: var(--line-w-2);
  }
}
.text-button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-block-size: var(--control-h);
  padding-block: 0;
  padding-inline: var(--space-2);
  border: 0;
  border-radius: var(--radius-pill);
  background: none;
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-small);
  line-height: var(--leading-small);
  text-decoration: none;
  cursor: pointer;
}
.text-button:disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}
.text-button > span {
  text-decoration-line: underline;
  text-decoration-thickness: var(--line-w-2);
  text-decoration-color: transparent;
  text-underline-offset: var(--space-2);
}
@media (hover: hover) and (pointer: fine) {
  .text-button:not(:disabled):hover > span {
    text-decoration-color: currentColor;
  }
}
.icon {
  flex: none;
  inline-size: var(--space-5);
  block-size: var(--space-5);
}
.lockup-a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-block-size: var(--target-min);
  min-inline-size: var(--target-min);
  color: var(--logo-text);
  text-decoration: none;
}
.lockup-a__mark {
  flex: none;
  block-size: calc(var(--text-wordmark) * 1.8);
  inline-size: auto;
  aspect-ratio: 46 / 48;
}
.lockup-a__name {
  display: none;
  font-family: var(--font-display);
  font-size: var(--text-wordmark);
  font-weight: var(--weight-wordmark);
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  overflow-wrap: break-word;
}
.lockup-a__buraq {
  letter-spacing: var(--tracking-wordmark);
}
.lockup-a__sub {
  display: none;
  letter-spacing: var(--tracking-wordmark-sub);
}
@media (min-width: 22.5em) {
  .lockup-a__name {
    display: inline;
  }
}
@media (min-width: 37.5em) {
  .lockup-a {
    gap: var(--space-3);
  }
  .lockup-a__mark {
    block-size: calc(var(--text-wordmark) * 2);
  }
}
@media (min-width: 48em) {
  .lockup-a__sub {
    display: inline;
  }
}
.lockup-b {
  --lockup-h: calc(var(--text-wordmark-stack) * 2.4137);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--lockup-h) * 0.1);
  color: var(--logo-text);
}
.lockup-b__mark {
  flex: none;
  block-size: var(--lockup-h);
  inline-size: auto;
  aspect-ratio: 292.4 / 306.4;
}
.lockup-b__words {
  display: flex;
  flex-direction: column;
  font-family: var(--font-display);
  font-weight: var(--weight-wordmark);
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
.lockup-b__buraq {
  font-size: var(--text-wordmark-stack);
  letter-spacing: var(--tracking-wordmark);
}
.lockup-b__sub {
  margin-block-start: calc(var(--text-wordmark-stack) * -0.0148);
  font-size: max(calc(var(--text-wordmark-stack) * var(--wordmark-sub-ratio)), var(--text-small));
  letter-spacing: var(--tracking-wordmark-sub);
}
@media (min-width: 22.5em) {
  .lockup-b {
    flex-direction: row;
  }
  .lockup-b__words {
    padding-block-start: calc(var(--text-wordmark-stack) * 0.4449);
  }
}
.site-header {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: var(--z-header);
  padding-block-start: var(--header-inset);
  pointer-events: none;
}
@media (min-height: 30em) {
  .site-header {
    position: fixed;
  }
}
.site-header__bar {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--space-2);
  min-block-size: var(--header-h);
  padding-inline: var(--content-edge);
  background-color: var(--glass-header-bg);
  box-shadow: var(--header-shadow);
  pointer-events: auto;
}
.site-header[data-glass="off"] .site-header__bar {
  background-color: transparent;
  box-shadow: none;
}
.site-header--over-hero .site-header__bar {
  transition:
    background-color var(--dur-reveal) var(--ease-out),
    box-shadow var(--dur-reveal) var(--ease-out);
}
.site-header--over-hero .site-header__bar::before {
  content: "";
  position: absolute;
  inset: 0 0 calc(-1 * var(--space-5));
  z-index: -1;
  background-image: var(--header-over-scrim);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--dur-reveal) var(--ease-out);
}
html[data-script] .site-header--over-hero[data-over="hero"]:not([data-glass="off"]) .site-header__bar {
  --text-primary: var(--header-over-text);
  --logo-text: var(--header-over-text);
  --nav-current-bg: var(--header-over-chip);
  --built: var(--header-over-accent);
  --focus-ring: var(--on-media-focus-ring);
  --action-bg: var(--on-media-action-bg);
  --action-bg-hover: var(--on-media-action-bg-hover);
  --action-text: var(--on-media-action-text);
  --action-keyline: var(--on-media-action-bg);
  --gradient-action: var(--gradient-on-media-action);
  --gradient-action-hover: var(--gradient-on-media-action-hover);
  background-color: transparent;
  box-shadow: none;
  color: var(--header-over-text);
}
html[data-script] .site-header--over-hero[data-over="hero"]:not([data-glass="off"]) .site-header__bar::before {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .site-header--over-hero .site-header__bar,
  .site-header--over-hero .site-header__bar::before {
    transition: none;
  }
}
.site-header__lockup {
  margin-inline-end: auto;
}
.site-nav {
  display: none;
}
.site-nav__list {
  display: flex;
  align-items: center;
}
.site-nav__link {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
  padding-inline: var(--space-3);
  color: var(--text-primary);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-small);
  line-height: var(--leading-small);
  text-decoration-line: none;
  text-decoration-thickness: var(--line-w-2);
  text-underline-offset: var(--space-2);
  border-radius: var(--radius-pill);
}
.site-nav__link[aria-current="page"] {
  background-color: var(--nav-current-bg);
  text-decoration-line: underline;
  text-decoration-color: var(--built);
}
@media (hover: hover) and (pointer: fine) {
  .site-nav__link:hover {
    background-color: var(--nav-current-bg);
  }
}
.site-header__actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.site-header__cta {
  padding-inline: var(--space-3);
}
.site-header__menu-icon {
  display: none;
}
html[data-script] .site-header__menu--link {
  display: none;
}
@media (min-width: 37.5em) {
  .site-header__bar {
    column-gap: var(--space-3);
  }
  .site-header__cta {
    padding-inline: var(--space-5);
  }
  .site-header__menu-icon {
    display: block;
  }
}
@media (min-width: 80em) {
  .site-nav {
    display: block;
    margin-inline: auto var(--space-3);
  }
  .site-header__menu {
    display: none !important;
  }
}
.menu-panel {
  position: fixed;
  inset: 0;
  inline-size: 100%;
  max-inline-size: none;
  block-size: 100%;
  max-block-size: none;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: var(--z-overlay);
  overflow-y: auto;
  overscroll-behavior: contain;
  background-color: var(--glass-panel-bg);
  -webkit-backdrop-filter: blur(var(--glass-panel-blur)) saturate(var(--glass-panel-saturate));
  backdrop-filter: blur(var(--glass-panel-blur)) saturate(var(--glass-panel-saturate));
  color: var(--text-primary);
}
.menu-panel--instant {
  transition: none !important;
}
html[data-menu-open] {
  overflow: hidden;
}
html[data-script] .site-header__menu--link[data-menu-fallback] {
  display: inline-flex;
}
.menu-panel::backdrop {
  background-color: transparent;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .menu-panel {
    background-color: var(--glass-panel-bg-solid);
  }
}
.menu-panel__inner {
  display: flex;
  flex-direction: column;
  inline-size: min(100% - 2 * var(--gutter), var(--container));
  margin-inline: auto;
  padding-block-end: var(--space-8);
}
.menu-panel__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-block-size: var(--header-h);
  margin-block-start: var(--header-inset);
}
.menu-panel__theme {
  padding-block: var(--space-3);
}
.menu-panel__nav {
  padding-block: var(--space-4) var(--space-6);
}
.menu-panel__link {
  display: flex;
  align-items: center;
  min-block-size: var(--control-h-large);
  color: var(--text-primary);
  font-family: var(--font-display);
  font-size: var(--text-title);
  font-weight: var(--weight-title);
  letter-spacing: var(--tracking-title);
  line-height: var(--leading-title);
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: var(--line-w-2);
  text-underline-offset: var(--space-2);
}
.menu-panel__link[aria-current="page"] {
  text-decoration-line: underline;
  text-decoration-color: var(--built);
}
@media (hover: hover) and (pointer: fine) {
  .menu-panel__link:not([aria-current="page"]):hover {
    text-decoration-color: var(--text-primary);
  }
}
.menu-panel__cta {
  inline-size: 100%;
}
@media (min-width: 37.5em) {
  .menu-panel__cta {
    inline-size: auto;
    align-self: flex-start;
  }
}
.theme-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--space-4);
}
.theme-group__label {
  font-size: var(--text-small);
  font-weight: var(--weight-strong);
  letter-spacing: var(--tracking-small);
}
.theme-group__options {
  display: flex;
  gap: var(--space-1);
  padding: var(--space-1);
  border-radius: var(--radius-pill);
  background-color: var(--button-soft-bg-hover);
}
.theme-group__option {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-block-size: var(--target-min);
  padding-inline: var(--space-2) var(--space-4);
  border: 0;
  border-radius: var(--radius-pill);
  background: none;
  color: var(--text-primary);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-small);
  cursor: pointer;
}
.theme-group__tick {
  color: var(--built);
  visibility: hidden;
}
.theme-group__word {
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: var(--line-w-2);
  text-underline-offset: var(--space-1);
}
html:not([data-theme="light"]) .theme-group__option[data-theme-value="dark"],
[data-theme="light"] .theme-group__option[data-theme-value="light"] {
  background-color: var(--surface-card);
  box-shadow: var(--edge-highlight), var(--shadow-1);
  font-weight: var(--weight-strong);
  cursor: default;
}
html:not([data-theme="light"]) .theme-group__option[data-theme-value="dark"] .theme-group__tick,
[data-theme="light"] .theme-group__option[data-theme-value="light"] .theme-group__tick {
  visibility: visible;
}
html:not([data-theme="light"]) .theme-group__option[data-theme-value="dark"] .theme-group__word,
[data-theme="light"] .theme-group__option[data-theme-value="light"] .theme-group__word {
  text-decoration-line: none;
}
@media (hover: hover) and (pointer: fine) {
  .theme-group__option[aria-pressed="false"]:hover .theme-group__word {
    text-decoration-color: currentColor;
  }
}
.slab {
  display: grid;
  row-gap: var(--slab-gap);
  margin-inline: var(--content-edge);
}
.slab__bar {
  display: block;
  block-size: var(--slab-bar);
  background-image: linear-gradient(to right, var(--metal-1), var(--metal-2), var(--metal-3));
}
@media (min-width: 60em) {
  .slab {
    margin-inline: var(--datum-x);
  }
}
.site-footer {
  position: relative;
  padding-block: var(--section-y-tight);
  padding-block-end: max(var(--section-y-tight), calc(var(--fab-size) + 2 * var(--fab-inset) + var(--safe-block-end)));
  background-color: var(--surface-deep);
  color: var(--text-primary);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}
.site-footer__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--space-7);
}
.site-footer__tagline {
  margin-block-start: var(--space-5);
  font-size: var(--text-lead);
  letter-spacing: var(--tracking-lead);
  line-height: var(--leading-lead);
  max-inline-size: var(--measure-lead);
}
.site-footer__nav {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6) var(--grid-gap);
}
.site-footer__heading {
  margin-block-end: var(--space-2);
  color: var(--text-secondary);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-strong);
  letter-spacing: var(--tracking-small);
  line-height: var(--leading-small);
}
.site-footer__link {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
  color: var(--text-primary);
  font-weight: var(--weight-medium);
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: var(--line-w-1);
  text-underline-offset: var(--space-1);
}
.site-footer__link[aria-current="page"] {
  text-decoration-line: underline;
  text-decoration-color: var(--accent-line);
  text-decoration-thickness: var(--line-w-2);
}
@media (hover: hover) and (pointer: fine) {
  .site-footer__link:not([aria-current="page"]):hover {
    text-decoration-color: currentColor;
  }
}
.site-footer__closing {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-3);
  padding-block-start: var(--space-5);
  border-block-start: var(--line-w-1) solid var(--line-hairline);
  color: var(--text-secondary);
}
.theme-fab {
  position: fixed;
  inset-block-end: calc(var(--fab-inset) + var(--safe-block-end));
  inset-inline-start: calc(var(--fab-inset) + var(--safe-inline));
  z-index: var(--z-notice);
  display: grid;
  place-items: center;
  inline-size: var(--fab-size);
  block-size: var(--fab-size);
  padding: 0;
  border: var(--line-w-1) solid var(--glass-header-border);
  border-radius: var(--radius-pill);
  background-color: var(--glass-float-bg);
  -webkit-backdrop-filter: blur(var(--glass-float-blur)) saturate(var(--glass-float-saturate));
  backdrop-filter: blur(var(--glass-float-blur)) saturate(var(--glass-float-saturate));
  box-shadow: var(--edge-highlight), var(--shadow-2);
  color: var(--text-primary);
  cursor: pointer;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .theme-fab {
    background-color: var(--glass-float-bg-solid);
  }
}
.theme-fab__icon {
  grid-area: 1 / 1;
  inline-size: var(--fab-icon);
  block-size: var(--fab-icon);
}
.theme-fab__icon--sun,
html:not([data-theme="light"]) .theme-fab__icon--moon {
  display: none;
}
html:not([data-theme="light"]) .theme-fab__icon--sun {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .theme-fab:hover {
    box-shadow: var(--edge-highlight), var(--shadow-3);
  }
}
html[data-cookie-notice] .theme-fab {
  display: none;
}
@media (min-width: 37.5em) {
  .site-footer__nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 48em) {
  .site-footer__nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 60em) {
  .site-footer__inner {
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
    column-gap: var(--grid-gap);
  }
  .site-footer__brand,
  .site-footer__nav {
    grid-column: 1 / span 7;
  }
  .title-block {
    grid-column: 8 / -1;
    grid-row: 1 / span 2;
    align-self: start;
  }
  .site-footer__closing {
    grid-column: 1 / -1;
  }
}
.title-block {
  overflow: hidden;
  border: var(--line-w-1) solid var(--edge-ring);
  border-radius: var(--radius-m);
  background-color: var(--surface-card);
  box-shadow: var(--edge-highlight), var(--shadow-1);
}
.title-block__details .detail:last-child {
  border-block-end-color: var(--line-hairline);
}
.title-block__details .detail {
  padding-inline: var(--space-5);
}
.title-block__theme {
  padding-block: var(--space-3);
  padding-inline: var(--space-5);
}
.details {
  display: grid;
  margin: 0;
}
.detail {
  display: grid;
  gap: var(--space-1);
  padding-block: var(--space-4);
  border-block-end: var(--line-w-1) solid var(--line-hairline);
}
.detail--missing {
  border-block-end-style: dashed;
  border-block-end-color: var(--line-dashed);
}
.detail__label {
  color: var(--text-secondary);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-strong);
  letter-spacing: var(--tracking-small);
  line-height: var(--leading-small);
}
.detail__value {
  margin: 0;
  color: var(--text-primary);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  font-variant-numeric: var(--numeric);
  overflow-wrap: anywhere;
}
.detail--missing .detail__value {
  color: var(--text-secondary);
}
.detail__list {
  display: grid;
  gap: var(--space-1);
}
.detail__link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-block-size: var(--target-min);
}
.detail__icon {
  inline-size: var(--space-5);
  block-size: var(--space-5);
}
.status {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-small);
  line-height: var(--leading-small);
}
.status__shape {
  flex: none;
  inline-size: var(--status-size);
  block-size: var(--status-size);
  color: var(--built);
}
.status--on-media {
  color: var(--on-media-text);
}
.status--on-media .status__shape {
  color: var(--on-media-accent);
}
.page-hero {
  padding-block-start: calc(var(--header-offset) + var(--section-y-tight));
  padding-block-end: var(--section-y-tight);
}
.page-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-7) var(--grid-gap);
}
.page-hero__title {
  font-family: var(--font-display);
  font-size: var(--text-display);
  font-weight: var(--weight-display);
  letter-spacing: var(--tracking-display);
  line-height: var(--leading-display);
}
.page-hero__lead {
  margin-block-start: var(--space-5);
  max-inline-size: var(--measure-lead);
  color: var(--text-primary);
  font-size: var(--text-lead);
  letter-spacing: var(--tracking-lead);
  line-height: var(--leading-lead);
}
.page-hero__aside {
  display: none;
}
@media (min-width: 60em) {
  .page-hero__grid {
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  }
  .page-hero__text {
    grid-column: 1 / span 8;
  }
  .page-hero__aside {
    display: block;
    grid-column: 9 / -1;
    align-self: end;
  }
}
.media {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: var(--media-placeholder);
  background-image: var(--lqip, none);
  background-size: cover;
  background-position: var(--focal, center);
}
.media__img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: var(--focal, center);
}
.media--framed {
  aspect-ratio: var(--ratio, 3 / 2);
  border-radius: var(--radius-l);
}
.notice-box,
.form-notice,
.form-status {
  padding: var(--space-5);
  border: var(--line-w-1) solid var(--edge-ring);
  border-radius: var(--radius-m);
  background-color: var(--surface-card);
  box-shadow: var(--edge-highlight), var(--shadow-1);
  color: var(--text-primary);
}
.form-notice,
.form-status:not([hidden]) {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
}
.form-notice__heading,
.notice-box__heading,
.form-status__heading {
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: var(--weight-strong);
  letter-spacing: var(--tracking-body);
  line-height: var(--leading-body);
}
.form-notice__text,
.notice-box__text,
.form-status__text {
  max-inline-size: var(--measure);
}
.notice-box__heading {
  margin-block-end: var(--space-3);
}
.notice-box__text + .notice-box__text {
  margin-block-start: var(--space-2);
}
.form-notice__icon {
  margin-block-start: var(--space-1);
}
.form-status--sent .form-status__heading,
.form-status--sent .icon {
  color: var(--accent-text);
}
.form {
  display: grid;
  gap: var(--space-5);
}
.form__note {
  color: var(--text-secondary);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}
.form__row {
  display: grid;
  gap: var(--space-5) var(--grid-gap);
}
@media (min-width: 37.5em) {
  .form__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@supports (grid-template-rows: subgrid) {
  @media (min-width: 37.5em) {
    .form__row {
      row-gap: var(--space-3);
    }
    .form__row .field {
      grid-row: span 4;
      grid-template-rows: subgrid;
    }
    .form__row .field__label { grid-row: 1; }
    .form__row .field__help { grid-row: 2; }
    .form__row .field__input { grid-row: 3; }
    .form__row .field__error { grid-row: 4; }
  }
}
.field {
  display: grid;
  align-content: start;
  gap: var(--space-3);
}
.field__label {
  font-size: var(--text-body);
  font-weight: var(--weight-strong);
  line-height: var(--leading-body);
}
.field__help {
  margin-block-start: calc(var(--space-2) * -1);
  max-inline-size: var(--measure);
  color: var(--text-secondary);
  font-size: var(--text-small);
  line-height: var(--leading-small);
}
.field__input {
  inline-size: 100%;
  min-block-size: var(--field-h);
  padding-block: var(--space-3);
  padding-inline: var(--space-4);
  border: var(--line-w-1) solid var(--line-control);
  border-radius: var(--radius-s);
  background-color: var(--surface-field);
  color: var(--text-primary);
  font-size: var(--text-body);
  font-weight: var(--weight-body);
  line-height: var(--leading-body);
}
.field__input--short {
  max-inline-size: calc(var(--space-11) + var(--space-9));
}
.field__textarea {
  min-block-size: calc(var(--space-9) * 1.5);
  resize: block;
}
@media (hover: hover) and (pointer: fine) {
  .field__input:hover {
    border-color: var(--text-secondary);
  }
}
.field__input:focus-visible {
  border-color: var(--accent-line);
  box-shadow: inset 0 0 0 var(--line-w-1) var(--accent-line);
}
.field__input[aria-invalid="true"] {
  border-color: var(--danger);
  box-shadow: inset 0 0 0 var(--line-w-1) var(--danger);
}
.field__input:disabled {
  border-color: transparent;
  background-color: var(--surface-disabled);
  color: var(--text-disabled);
}
.field__select {
  position: relative;
  display: block;
}
.field__select .field__input {
  -webkit-appearance: none;
  appearance: none;
  padding-inline-end: var(--space-8);
  cursor: pointer;
}
.field__chevron {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: var(--space-4);
  translate: 0 -50%;
  pointer-events: none;
  color: var(--text-primary);
}
.field__error {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  color: var(--danger);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  line-height: var(--leading-small);
}
.field__error[hidden] {
  display: none;
}
.checkbox-row {
  position: relative;
  display: grid;
  grid-template-columns: var(--checkbox-size) minmax(0, 1fr);
  align-items: center;
  column-gap: var(--space-3);
  min-block-size: var(--control-h);
}
.checkbox-row__input {
  -webkit-appearance: none;
  appearance: none;
  grid-column: 1;
  grid-row: 1;
  inline-size: var(--checkbox-size);
  block-size: var(--checkbox-size);
  margin: 0;
  border: var(--line-w-1) solid var(--line-control);
  border-radius: var(--radius-1);
  background-color: var(--surface-field);
  cursor: pointer;
}
.checkbox-row__input:checked {
  border-color: var(--action-bg);
  background-color: var(--action-bg);
}
.checkbox-row__input[aria-invalid="true"] {
  border-color: var(--danger);
  box-shadow: inset 0 0 0 var(--line-w-1) var(--danger);
}
.checkbox-row__tick {
  grid-column: 1;
  grid-row: 1;
  inline-size: var(--checkbox-size);
  block-size: var(--checkbox-size);
  padding: var(--space-1);
  color: var(--action-text);
  visibility: hidden;
  pointer-events: none;
}
.checkbox-row__input:checked + .checkbox-row__tick {
  visibility: visible;
}
.checkbox-row__label {
  grid-column: 2;
  grid-row: 1;
  padding-block: var(--space-2);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  cursor: pointer;
}
.form__trap {
  position: absolute;
  inline-size: var(--line-w-1);
  block-size: var(--line-w-1);
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.form__submit {
  justify-self: start;
}
.error-summary {
  padding: var(--space-5);
  border: var(--line-w-2) solid var(--danger);
  border-radius: var(--radius-m);
  background-color: var(--surface-card);
}
.cookie-notice {
  display: none;
}
html[data-cookie-notice] .cookie-notice:not([hidden]) {
  display: grid;
}
.cookie-notice {
  --cookie-gap: max(var(--space-3), var(--safe-inline));
  position: relative;
  z-index: var(--z-notice);
  gap: var(--space-3);
  margin: var(--space-3) var(--gutter);
  padding: var(--space-4);
  border: var(--line-w-1) solid var(--edge-ring);
  border-radius: var(--radius-l);
  background-color: var(--surface-card);
  box-shadow: var(--edge-highlight), var(--shadow-float);
  color: var(--text-primary);
}
.cookie-notice__question {
  margin: 0;
  font-size: var(--text-small);
  font-weight: var(--weight-strong);
  line-height: var(--leading-small);
}
.cookie-notice__choices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-2);
}
.cookie-notice__choices .button {
  padding-inline: var(--space-3);
  white-space: nowrap;
}
.cookie-notice__settings {
  justify-self: start;
  font-size: var(--text-small);
}
@media (min-height: 30em) {
  .cookie-notice {
    position: fixed;
    inset-block-end: var(--cookie-gap);
    inset-inline: var(--cookie-gap);
    margin: 0;
  }
  html[data-cookie-notice] {
    --cookie-room: calc(10rem + var(--space-3) + var(--safe-block-end));
    scroll-padding-block-end: var(--cookie-room);
  }
  html[data-cookie-notice] body {
    padding-block-end: var(--cookie-room);
  }
}
@media (min-width: 60em) and (min-height: 30em) {
  .cookie-notice {
    inset-block-end: var(--space-5);
    inset-inline: auto var(--gutter);
    inline-size: min(24rem, calc(100% - 2 * var(--gutter)));
  }
}
@media (forced-colors: active) {
  .slab__bar {
    background-image: none;
    border-block-start: var(--slab-bar) solid CanvasText;
  }
  .lockup-a__mark path,
  .lockup-b__mark path {
    fill: CanvasText;
  }
  .site-header__bar,
  .menu-panel {
    border: var(--line-w-1) solid CanvasText;
  }
  .checkbox-row__tick {
    color: CanvasText;
  }
  .button--primary::after {
    border-color: ButtonText;
  }
}
.site-footer__link:focus-visible,
.legal__toc-link:focus-visible,
.link-quiet:not(.plate__link):focus-visible {
  border-radius: var(--radius-1);
}
@media (forced-colors: active) {
  .text-button > span,
  .theme-group__word,
  .menu-panel__link:not([aria-current="page"]),
  .site-footer__link:not([aria-current="page"]) {
    text-decoration-line: none;
  }
  .text-button:hover > span,
  .theme-group__option:hover .theme-group__word,
  .menu-panel__link:hover,
  .site-footer__link:hover {
    text-decoration-line: underline;
  }
}
}
/* assistant.css */
@layer components {
.assistant {
  position: fixed;
  inset-block-end: calc(var(--space-4) + var(--safe-block-end));
  inset-inline-end: max(var(--space-4), var(--safe-inline));
  z-index: var(--z-notice);
  font-family: var(--font-body);
  font-size: var(--text-small);
  line-height: var(--leading-small);
  --assistant-lift: 0rem;
}
.assistant[data-lift] { --assistant-lift: var(--assistant-lift-by); }
.assistant-launcher {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  block-size: var(--fab-size);
  min-inline-size: var(--fab-size);
  padding-block: 0;
  padding-inline: var(--space-2) var(--space-5);
  border: var(--line-w-1) solid var(--glass-panel-edge);
  border-radius: var(--radius-pill);
  background: var(--glass-float-bg);
  -webkit-backdrop-filter: blur(var(--glass-float-blur)) saturate(var(--glass-float-saturate));
  backdrop-filter: blur(var(--glass-float-blur)) saturate(var(--glass-float-saturate));
  box-shadow: var(--shadow-2);
  color: var(--text-primary);
  font: inherit;
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-small);
  cursor: pointer;
  transform: translateY(calc(var(--assistant-lift) * -1));
  transition: transform var(--dur-panel) var(--ease-out), box-shadow var(--dur-hover) var(--ease-hover);
}
.assistant-launcher:active:not(:focus-visible) { transform: translateY(calc(var(--assistant-lift) * -1)) scale(var(--press-scale)); transition-duration: var(--dur-press); }
.assistant-launcher__badge,
.assistant-panel__avatar {
  display: inline-grid;
  place-items: center;
  flex: none;
  inline-size: var(--assistant-badge);
  block-size: var(--assistant-badge);
  border-radius: var(--radius-pill);
  background: var(--assistant-badge-bg);
  box-shadow: var(--action-highlight);
  color: var(--assistant-badge-ink);
}
.assistant-launcher__mark,
.assistant-panel__mark { inline-size: 70%; block-size: 70%; }
.assistant[data-open] .assistant-launcher { box-shadow: var(--shadow-1); }
html[data-cookie-notice] .assistant-launcher { visibility: hidden; }
@media (hover: hover) and (pointer: fine) {
  .assistant-launcher:hover { box-shadow: var(--shadow-3); }
  .assistant-launcher:hover:not(:active) { transform: translateY(calc((var(--assistant-lift) + var(--hover-lift)) * -1)); transition-duration: var(--dur-release); }
  .assistant-chip:hover,
  .assistant-icon-button:hover,
  .assistant-text-button:hover { background: var(--button-soft-bg-hover); }
  .assistant-send:hover,
  .assistant-go:hover { background: var(--action-bg-hover); }
  .assistant-go:hover:not(:active) { transform: translateY(calc(var(--hover-lift) * -1)); }
}
@media (max-width: 37.49em), (max-height: 30em) {
  .assistant-launcher { inline-size: var(--fab-size); padding-inline: 0; justify-content: center; }
  .assistant-launcher__label { display: none; }
  .assistant-launcher__badge { inline-size: calc(var(--assistant-badge) + var(--space-1)); block-size: calc(var(--assistant-badge) + var(--space-1)); }
}
.assistant-panel {
  position: fixed;
  inset-block-end: calc(var(--space-4) + var(--safe-block-end) + var(--control-h) + var(--space-3) + var(--assistant-lift));
  inset-inline-end: max(var(--space-4), var(--safe-inline));
  display: flex;
  flex-direction: column;
  inline-size: min(var(--assistant-panel-inline), calc(100vw - 2 * var(--space-4)));
  block-size: min(var(--assistant-panel-block), calc(var(--screen-block-dynamic) - var(--header-offset) - var(--control-h) - var(--space-8)));
  border: var(--line-w-1) solid var(--glass-panel-edge);
  border-radius: var(--radius-l);
  background: var(--assistant-panel-bg);
  -webkit-backdrop-filter: blur(var(--glass-panel-blur)) saturate(var(--glass-panel-saturate));
  backdrop-filter: blur(var(--glass-panel-blur)) saturate(var(--glass-panel-saturate));
  box-shadow: var(--shadow-3);
  color: var(--text-primary);
  overflow: hidden;
  opacity: 0;
  transform: translateY(var(--enter-rise)) scale(var(--enter-scale));
  transform-origin: 100% 100%;
  transition: opacity var(--dur-ui-exit) var(--ease-out), transform var(--dur-ui-exit) var(--ease-out);
}
[dir="rtl"] .assistant-panel { transform-origin: 0 100%; }
.assistant[data-open] .assistant-panel {
  opacity: 1;
  transform: none;
  transition-duration: var(--dur-panel);
}
.assistant[data-instant] .assistant-panel { transition: none; }
.assistant-panel__head {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding-block: var(--space-4) var(--space-3);
  padding-inline: var(--space-5) var(--space-3);
  border-block-end: var(--line-w-1) solid var(--line-hairline);
}
.assistant-panel__avatar { inline-size: calc(var(--assistant-badge) + var(--space-3)); block-size: calc(var(--assistant-badge) + var(--space-3)); }
.assistant-panel__titles { flex: 1; min-inline-size: 0; }
.assistant-panel__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-body);
  font-weight: var(--weight-strong);
  line-height: var(--leading-small);
  letter-spacing: var(--tracking-small);
}
.assistant-panel__line { margin: 0; color: var(--text-secondary); font-size: var(--text-small); }
.assistant-icon-button,
.assistant-text-button,
.assistant-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: var(--target-min);
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-primary);
  font: inherit;
  cursor: pointer;
  transition: background-color var(--dur-hover) var(--ease-hover), transform var(--dur-release) var(--ease-out);
}
.assistant-icon-button { inline-size: var(--target-min); flex: none; color: var(--text-secondary); }
.assistant-icon-button:active:not(:focus-visible),
.assistant-text-button:active:not(:focus-visible),
.assistant-chip:active:not(:focus-visible),
.assistant-send:active:not(:focus-visible) { transform: scale(var(--press-scale)); transition-duration: var(--dur-press); }
.assistant-panel__body {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  padding-block: var(--space-5) var(--space-4);
  padding-inline: var(--space-5);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.assistant-panel__note {
  margin: 0;
  margin-block-end: calc(var(--space-3) * -1);
  margin-inline: auto;
  max-inline-size: 30ch;
  color: var(--text-secondary);
  text-align: center;
}
.assistant-panel__note a {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
  color: inherit;
  text-decoration-color: var(--link-underline);
  text-underline-offset: 0.2em;
}
.assistant-panel__log { display: flex; flex-direction: column; gap: var(--space-5); }
.assistant-msg { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); max-inline-size: 88%; }
.assistant-msg--you { align-self: flex-end; align-items: flex-end; }
.assistant-msg__bubble {
  padding-block: var(--space-3);
  padding-inline: var(--space-4);
  border-radius: var(--radius-m);
  border-end-start-radius: var(--radius-s);
  background: var(--assistant-bubble-bot);
  color: var(--text-primary);
}
.assistant-msg--you .assistant-msg__bubble {
  border-end-start-radius: var(--radius-m);
  border-end-end-radius: var(--radius-s);
  background: var(--action-bg);
  color: var(--action-text);
}
.assistant-msg__text { margin: 0; }
.assistant-msg__list { margin: 0; margin-block-start: var(--space-2); padding: 0; list-style: none; display: grid; gap: var(--space-2); }
.assistant-msg__list li { padding-inline-start: var(--space-4); position: relative; }
.assistant-msg__list li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.7em;
  inline-size: var(--space-2);
  block-size: var(--space-2);
  border-radius: var(--radius-pill);
  background: var(--accent-line);
}
.assistant-msg__links { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-4); margin: 0; padding-inline: var(--space-2); }
.assistant-link {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
  color: var(--link-text);
  text-decoration: underline;
  text-decoration-color: var(--link-underline);
  text-decoration-thickness: var(--line-w-1);
  text-underline-offset: 0.25em;
}
.assistant-go {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
  padding-inline: var(--space-5);
  border-radius: var(--radius-pill);
  background: var(--action-bg);
  color: var(--action-text);
  font-weight: var(--weight-medium);
  text-decoration: none;
  transition: background-color var(--dur-hover) var(--ease-hover), transform var(--dur-release) var(--ease-out);
}
.assistant-go:active:not(:focus-visible) { transform: scale(var(--press-scale)); transition-duration: var(--dur-press); }
.assistant-panel__typing {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
  color: var(--text-secondary);
}
.assistant-panel__typing[hidden] { display: none; }
.assistant-dots { display: inline-flex; gap: var(--space-1); padding-block: var(--space-3); padding-inline: var(--space-4); border-radius: var(--radius-m); background: var(--assistant-bubble-bot); }
.assistant-dots span {
  inline-size: var(--assistant-dot);
  block-size: var(--assistant-dot);
  border-radius: var(--radius-pill);
  background: var(--text-secondary);
  animation: assistant-dot calc(var(--dur-view) * 2) var(--ease-in-out) infinite;
}
.assistant-dots span:nth-child(2) { animation-delay: calc(var(--stagger-step) * 4); }
.assistant-dots span:nth-child(3) { animation-delay: calc(var(--stagger-step) * 8); }
.assistant-panel__typing-text { clip-path: inset(50%); position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; white-space: nowrap; }
@keyframes assistant-dot {
  0%, 60%, 100% { opacity: 0.35; transform: translateY(0); }
  30% { opacity: 1; transform: translateY(calc(var(--space-1) * -1)); }
}
.assistant-panel__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.assistant-panel__chips[hidden] { display: none; }
.assistant-chip {
  padding-inline: var(--space-4);
  border: var(--line-w-1) solid var(--line-control);
  background: var(--button-soft-bg);
  flex: none;
  text-align: start;
}
.assistant-panel__form {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-inline: var(--space-4);
  margin-block-end: var(--space-4);
  padding: var(--space-1);
  padding-inline-start: var(--space-5);
  border: var(--line-w-1) solid var(--line-control);
  border-radius: var(--radius-pill);
  background: var(--surface-field);
}
.assistant-panel__form:focus-within { border-color: var(--accent-line); }
.assistant-panel__input {
  flex: 1;
  min-inline-size: 0;
  min-block-size: var(--target-min);
  border: 0;
  background: transparent;
  color: var(--text-primary);
  font: inherit;
  font-size: var(--text-small);
}
.assistant-panel__input::placeholder { color: var(--text-secondary); opacity: 1; }
.assistant-panel__input:focus-visible { outline: none; }
.assistant-panel__form:has(.assistant-panel__input:focus-visible) { outline: var(--focus-w) solid var(--focus-ring); outline-offset: var(--focus-offset); }
.assistant-send {
  display: inline-grid;
  place-items: center;
  flex: none;
  inline-size: var(--target-min);
  block-size: var(--target-min);
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--action-bg);
  color: var(--action-text);
  cursor: pointer;
  transition: background-color var(--dur-hover) var(--ease-hover), transform var(--dur-release) var(--ease-out);
}
.assistant-send__icon { inline-size: 60%; block-size: 60%; }
.assistant-text-button { flex: none; align-self: flex-start; margin-block-start: calc(var(--space-3) * -1); margin-inline-start: calc(var(--space-3) * -1); padding-inline: var(--space-3); color: var(--text-secondary); }
.assistant-text-button[hidden] { display: none; }
@media (max-width: 37.49em) {
  .assistant-panel {
    inset: 0;
    inline-size: auto;
    block-size: var(--screen-block-dynamic);
    padding-block: var(--safe-block-start) var(--safe-block-end);
    padding-inline: var(--safe-inline);
    border: 0;
    border-radius: 0;
    transform: translateY(var(--space-6));
    transform-origin: 50% 100%;
  }
  [dir="rtl"] .assistant-panel { transform-origin: 50% 100%; }
  .assistant[data-open] .assistant-launcher { visibility: hidden; }
  .assistant-panel__body { padding-inline: var(--space-4); }
  .assistant-msg { max-inline-size: 92%; }
}
html[data-assistant-open] { overflow: hidden; }
@media (min-width: 37.5em) {
  html[data-assistant-open] { overflow: visible; }
}
@media (prefers-reduced-motion: reduce) {
  .assistant-panel,
  .assistant[data-open] .assistant-panel { transform: none; transition: opacity var(--dur-ui-exit) var(--ease-out); }
  .assistant-dots span { animation: none; opacity: 0.6; }
  .assistant-panel__typing-text { position: static; clip-path: none; inline-size: auto; block-size: auto; overflow: visible; }
  .assistant-launcher,
  .assistant-chip,
  .assistant-go,
  .assistant-send { transition: none; }
}
}
/* hero.css */
@layer sections {
.hero {
  --hero-max: calc(5 * var(--space-11));
  --hero-scrim: rgba(var(--scrim-rgb), max(var(--scrim-a, 0.76), var(--scrim-floor)));
  --text-primary: var(--on-media-text);
  --link-text: var(--on-media-text);
  --link-underline: var(--on-media-accent);
  --focus-ring: var(--on-media-focus-ring);
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-block-size: min(var(--screen-block), var(--hero-max));
  padding-block-start: calc(var(--header-offset) + var(--space-7));
  overflow: clip;
  background-color: var(--slate-950);
  color: var(--on-media-text);
}
.hero__media {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--lqip, none) var(--media-placeholder) center / cover no-repeat;
}
.hero__slide,
.hero__slide-img {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
}
.hero__slide-img {
  object-fit: cover;
  object-position: var(--focal, center);
  transform-origin: var(--focal, center);
}
.hero__slide {
  opacity: 0;
}
.hero__slide[data-state="leaving"] {
  opacity: 1;
}
.hero__slide[data-state="current"] {
  z-index: 1;
  opacity: 1;
  transition: opacity var(--dur-slide) var(--ease-in-out);
}
@media (prefers-reduced-motion: no-preference) {
  .hero[data-slideshow] .hero__slide:is([data-state="current"], [data-state="leaving"]) .hero__slide-img {
    animation: hero-drift var(--dur-slide-drift) linear both;
  }
  .hero[data-slideshow="paused"] .hero__slide-img {
    animation-play-state: paused;
  }
}
@keyframes hero-drift {
  from { transform: scale(1); }
  to { transform: scale(var(--slide-drift-scale)); }
}
.hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background-image:
    linear-gradient(to bottom, var(--scrim-dim), transparent var(--space-10)),
    linear-gradient(to top, var(--hero-scrim), var(--hero-scrim) 30%, var(--scrim-dim) 58%, transparent 82%);
}
.hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  column-gap: var(--grid-gap);
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: calc(var(--container) + 2 * var(--gutter));
  margin-inline: auto;
  padding-inline: var(--gutter);
  padding-block-end: var(--space-7);
}
.hero__text {
  min-inline-size: 0;
}
.hero__control {
  padding-block-end: calc((var(--control-h-large) - var(--target-min) - 2 * var(--line-w-1)) / 2);
}
@media (max-width: 37.49em) {
  .hero__inner {
    grid-template-columns: minmax(0, 1fr);
  }
  .hero__control {
    position: absolute;
    inset-block-start: calc(var(--header-offset) + var(--space-4));
    inset-inline-end: var(--gutter);
    padding: 0;
  }
  .hero--slides {
    padding-block-start: calc(var(--header-offset) + var(--space-4) + var(--target-min) + 2 * var(--line-w-1) + var(--space-5));
  }
}
.hero__eyebrow {
  display: flex;
  inline-size: fit-content;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin: 0 0 var(--space-5);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  line-height: var(--leading-small);
  letter-spacing: var(--tracking-small);
  color: var(--on-media-accent);
}
.hero__eyebrow-item + .hero__eyebrow-item::before {
  content: "";
  display: inline-block;
  inline-size: var(--space-1);
  block-size: var(--space-1);
  margin-inline-end: var(--space-3);
  border-radius: var(--radius-pill);
  background-color: currentColor;
  vertical-align: middle;
}
.hero__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-display);
  font-weight: var(--weight-heading);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  color: var(--on-media-text);
  text-wrap: balance;
}
.hero__line {
  display: block;
  inline-size: fit-content;
}
.hero__line--metal {
  color: var(--gold-200);
  background-image: var(--gradient-on-media-foil);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0.12em 0.08em 0.22em;
  margin: -0.12em -0.08em -0.22em;
}
.hero__support {
  margin-block: var(--space-5) 0;
  max-inline-size: var(--measure-lead);
  font-family: var(--font-body);
  font-size: var(--text-lead);
  line-height: var(--leading-lead);
  letter-spacing: var(--tracking-lead);
  color: var(--on-media-text);
  text-wrap: pretty;
}
.hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-4);
  margin-block-start: var(--space-7);
}
.hero__primary {
  padding-inline: var(--space-6);
  border: 0;
  border-radius: var(--radius-pill);
  background-color: var(--on-media-action-bg);
  background-image: linear-gradient(180deg, var(--gold-200), var(--gold-300) 45%, var(--gold-400));
  color: var(--on-media-action-text);
  box-shadow: inset 0 var(--line-w-1) 0 var(--gold-200), var(--shadow-button);
}
.hero__primary::before {
  background-image: linear-gradient(180deg, var(--gold-200), var(--gold-300) 70%);
}
.hero__primary::after {
  content: none;
}
.hero__secondary {
  padding-inline: var(--space-6);
  border: var(--line-w-1) solid var(--on-media-line);
  border-radius: var(--radius-pill);
  background-color: var(--on-media-line);
  -webkit-backdrop-filter: blur(var(--glass-media-blur)) saturate(var(--glass-media-saturate));
  backdrop-filter: blur(var(--glass-media-blur)) saturate(var(--glass-media-saturate));
  color: var(--on-media-text);
}
.hero__secondary::before {
  background-color: var(--on-media-line);
}
.hero :focus-visible {
  outline-color: var(--on-media-focus-ring);
  box-shadow: 0 0 0 var(--focus-offset) var(--on-media-focus-gap);
}
@media (max-width: 37.49em) {
  .hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .hero__primary,
  .hero__secondary {
    inline-size: 100%;
  }
}
.hero__foot {
  position: relative;
  min-block-size: calc(var(--control-h) + 2 * var(--space-5));
}
.hero__cue {
  position: absolute;
  inset-block-start: var(--space-5);
  inset-inline-start: 50%;
  inline-size: var(--line-w-1);
  block-size: var(--control-h);
  overflow: clip;
  background-color: var(--on-media-line);
}
.hero__cue-bead {
  display: block;
  inline-size: 100%;
  block-size: 40%;
  background-image: linear-gradient(to bottom, transparent, var(--on-media-accent));
  transform: translateY(-100%);
}
@media (max-height: 37.49em) {
  .hero__cue {
    display: none;
  }
}
.slide-control {
  display: inline-flex;
  align-items: center;
  border: var(--line-w-1) solid var(--glass-media-edge);
  border-radius: var(--radius-pill);
  background-color: var(--glass-media-bg);
  -webkit-backdrop-filter: blur(var(--glass-media-blur)) saturate(var(--glass-media-saturate));
  backdrop-filter: blur(var(--glass-media-blur)) saturate(var(--glass-media-saturate));
}
.slide-control[hidden],
.slide-control__button[hidden] {
  display: none;
}
.slide-control__button {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  box-sizing: border-box;
  min-inline-size: var(--target-min);
  min-block-size: var(--target-min);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: none;
  color: var(--on-media-text);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  line-height: var(--leading-small);
  letter-spacing: var(--tracking-small);
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition:
    transform var(--dur-release) var(--ease-out),
    opacity var(--dur-release) var(--ease-out);
}
.slide-control__button--toggle {
  padding-inline: var(--space-3) var(--space-4);
}
.slide-control__button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background-color: var(--on-media-line);
  opacity: 0;
  transition: opacity var(--dur-hover) var(--ease-hover);
}
.slide-control__icon {
  flex: none;
  inline-size: var(--space-5);
  block-size: var(--space-5);
}
.slide-control__icon--turn:dir(rtl) {
  transform: scaleX(-1);
}
.slide-control__icon--play,
[data-state="paused"] > .slide-control__icon--pause {
  display: none;
}
[data-state="paused"] > .slide-control__icon--play {
  display: block;
}
.slide-control__button:focus-visible {
  outline: var(--focus-w) solid var(--on-media-focus-ring);
  outline-offset: calc(-1 * var(--focus-w));
  box-shadow: inset 0 0 0 calc(var(--focus-w) + var(--focus-offset)) var(--on-media-focus-gap);
}
.slide-control__button:active:not(:focus-visible) {
  transform: scale(var(--press-scale));
  opacity: var(--press-opacity);
  transition-duration: var(--dur-press);
}
@media (hover: hover) and (pointer: fine) {
  .slide-control__button:hover::before {
    opacity: 1;
  }
}
@media (max-width: 37.49em) {
  .slide-control__button--toggle {
    padding: 0;
  }
  .slide-control__label {
    position: absolute;
    inline-size: var(--line-w-1);
    block-size: var(--line-w-1);
    overflow: hidden;
    clip-path: inset(50%);
  }
}
.video-control {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-block-size: var(--target-min);
  padding-block: 0;
  padding-inline: var(--space-4) var(--space-5);
  border: var(--line-w-1) solid var(--glass-media-edge);
  border-radius: var(--radius-pill);
  background-color: var(--glass-media-bg);
  -webkit-backdrop-filter: blur(var(--glass-media-blur)) saturate(var(--glass-media-saturate));
  backdrop-filter: blur(var(--glass-media-blur)) saturate(var(--glass-media-saturate));
  color: var(--on-media-text);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  line-height: var(--leading-small);
  letter-spacing: var(--tracking-small);
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition:
    transform var(--dur-release) var(--ease-out),
    opacity var(--dur-release) var(--ease-out);
}
.video-control[hidden] {
  display: none;
}
.video-control__icon {
  flex: none;
  inline-size: var(--space-5);
  block-size: var(--space-5);
}
.video-control__icon--pause,
[data-video-state="playing"] .video-control__icon--play {
  display: none;
}
[data-video-state="playing"] .video-control__icon--pause {
  display: block;
}
.video-control:focus-visible {
  outline: var(--focus-w) solid var(--on-media-focus-ring);
  outline-offset: var(--focus-offset);
  box-shadow: 0 0 0 var(--focus-offset) var(--on-media-focus-gap);
}
.video-control:active:not(:focus-visible) {
  transform: scale(var(--press-scale));
  opacity: var(--press-opacity);
  transition-duration: var(--dur-press);
}
@media (hover: hover) and (pointer: fine) {
  .video-control:hover {
    border-color: var(--on-media-accent);
  }
}
@media (max-width: 59.99em) {
  .hero__media::after {
    background-image:
      linear-gradient(to bottom, var(--scrim-dim), transparent var(--space-10)),
      linear-gradient(to top, var(--hero-scrim), var(--hero-scrim) 76%, var(--scrim-dim) 92%, transparent);
  }
}
@media (min-width: 60em) {
  .hero {
    padding-block-start: calc(var(--header-offset) + var(--space-8));
  }
  .hero__inner {
    padding-block-end: var(--space-8);
  }
  .hero__media::after {
    background-image:
      linear-gradient(to bottom, var(--scrim-dim), transparent var(--space-10)),
      linear-gradient(to right, var(--hero-scrim), var(--hero-scrim) 46%, var(--scrim-dim) 68%, transparent 86%),
      linear-gradient(to top, var(--hero-scrim), var(--scrim-dim) 40%, transparent 70%);
  }
  .hero__media:dir(rtl)::after {
    background-image:
      linear-gradient(to bottom, var(--scrim-dim), transparent var(--space-10)),
      linear-gradient(to left, var(--hero-scrim), var(--hero-scrim) 46%, var(--scrim-dim) 68%, transparent 86%),
      linear-gradient(to top, var(--hero-scrim), var(--scrim-dim) 40%, transparent 70%);
  }
}
@media (max-height: 37.49em) {
  .hero__media::after {
    background-image: linear-gradient(var(--hero-scrim), var(--hero-scrim));
  }
  .hero__inner {
    padding-inline-start: max(var(--gutter), calc(var(--fab-inset) + var(--safe-inline) + var(--fab-size) + var(--space-3)));
  }
}
.hero::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: -1;
  block-size: var(--space-6);
  pointer-events: none;
  background-image: linear-gradient(to bottom, transparent, var(--surface-page));
}
@media (prefers-reduced-motion: no-preference) {
  .hero__cue-bead {
    animation: hero-cue calc(4 * var(--dur-view)) var(--ease-in-out) calc(2 * var(--dur-view)) 3 both;
  }
}
@keyframes hero-cue {
  from { transform: translateY(-100%); }
  to { transform: translateY(250%); }
}
@media (forced-colors: active) {
  .hero__line--metal {
    background-image: none;
    -webkit-text-fill-color: CanvasText;
  }
  .hero__primary,
  .hero__secondary,
  .video-control,
  .slide-control {
    border: var(--line-w-1) solid ButtonText;
  }
  .hero__cue {
    display: none;
  }
}
}
/* tower.css */
@layer sections {
.tower {
  --tw-screen: var(--screen-block);
  --tw-cover: var(--header-offset);
  --tw-reading: calc(var(--tw-screen) - var(--tw-cover));
  --tw-stage-h: min(calc(var(--tw-screen) * 2 / 5), var(--tower-stage-max));
  --tw-lead: calc(var(--tw-reading) * 0.35);
  --tw-block: calc(var(--tw-reading) * 0.55);
  --tw-a: calc(var(--tw-reading) * 0.06);
  --tw-b: calc(var(--tw-reading) * 0.3);
  --tw-c: calc(var(--tw-reading) * 0.16);
  --tw-d: calc(var(--tw-reading) * 0.4);
  --tw-p1a: calc(var(--tw-reading) * 0.08);
  --tw-p1b: calc(var(--tw-reading) * 0.26);
  --tw-p2a: calc(var(--tw-reading) * 0.2);
  --tw-p2b: calc(var(--tw-reading) * 0.42);
  --tw-fa: calc(var(--tw-reading) * 0.34);
  --tw-fb: calc(var(--tw-reading) * 0.48);
  --tw-ra: calc(var(--tw-reading) * 0.38);
  --tw-rb: calc(var(--tw-reading) * 0.52);
  --tw-ripple-a: calc(var(--tw-reading) * 0.42);
  --tw-ripple-spread: calc(var(--tw-reading) * 0.14);
  --tw-ripple-len: calc(var(--tw-reading) * 0.06);
  --tw-sa: calc(var(--tw-reading) * 0.5);
  --tw-sb: calc(var(--tw-reading) * 0.68);
  --tw-ga: calc(var(--tw-reading) * 0.58);
  --tw-city-a: calc(var(--tw-reading) * 0.36);
  --tw-city-spread: calc(var(--tw-reading) * 0.16);
  --tw-city-len: calc(var(--tw-reading) * 0.12);
  --tw-cl-a: calc(var(--tw-reading) * 0.46);
  --tw-cl-spread: calc(var(--tw-reading) * 0.14);
  --tw-cl-len: calc(var(--tw-reading) * 0.05);
  --tw-moon-a: calc(var(--tw-reading) * 0.36);
  --tw-moon-b: calc(var(--tw-reading) * 0.46);
  --tw-star-a: calc(var(--tw-reading) * 0.42);
  --tw-star-spread: calc(var(--tw-reading) * 0.08);
  --tw-star-len: calc(var(--tw-reading) * 0.12);
  --tw-twinkle: 9s;
  position: relative;
}
.tower__title {
  margin: 0;
  margin-block-end: var(--space-7);
  font-family: var(--font-display);
  font-size: var(--text-title);
  font-weight: var(--weight-title);
  line-height: var(--leading-title);
  letter-spacing: var(--tracking-title);
  color: var(--text-primary);
  text-wrap: balance;
}
.tower__summary {
  position: absolute;
  inline-size: var(--line-w-1);
  block-size: var(--line-w-1);
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.tower__blocks {
  display: grid;
  gap: var(--space-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
.tower__block {
  scroll-margin-block-start: var(--scroll-pad-top);
}
.tower__heading {
  margin: 0;
  margin-block-end: var(--space-4);
  font-family: var(--font-display);
  font-size: var(--text-heading);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  color: var(--text-primary);
  text-wrap: balance;
}
.tower__text {
  margin: 0;
  max-inline-size: var(--measure);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--text-primary);
  text-wrap: pretty;
}
.tower__title,
.tower__blocks {
  inline-size: min(var(--container), 100% - 2 * var(--gutter));
  margin-inline: auto;
}
.tower__stage {
  position: relative;
  overflow: clip;
  margin-block-end: var(--space-8);
  padding-inline: var(--gutter);
  background: var(--night-sky);
}
.tower__svg {
  display: block;
  inline-size: 100%;
  block-size: auto;
  overflow: visible;
}
.tower__stage .tower__svg {
  max-block-size: var(--tw-reading);
}
@media screen and (min-width: 60em) {
  .tower__story {
    display: grid;
    grid-template-columns:
      [bleed-start] minmax(calc(var(--gutter) - var(--grid-gap)), 1fr)
      [content-start] repeat(var(--grid-columns), minmax(0, calc((var(--container) - (var(--grid-columns) - 1) * var(--grid-gap)) / var(--grid-columns))))
      [content-end] minmax(calc(var(--gutter) - var(--grid-gap)), 1fr) [bleed-end];
    grid-template-rows: auto 1fr;
    column-gap: var(--grid-gap);
    align-items: start;
  }
  .tower__title,
  .tower__blocks {
    grid-column: content-start / span 5;
    inline-size: auto;
    margin-inline: 0;
  }
  .tower__title { grid-row: 1; }
  .tower__blocks { grid-row: 2; }
  .tower__stage {
    grid-column: 7 / bleed-end;
    grid-row: 1 / span 2;
    margin-block-end: 0;
    padding-inline: 0;
    --grid-x: calc(-5 * ((min(var(--container), var(--screen-inline) - 2 * var(--gutter)) - (var(--grid-columns) - 1) * var(--grid-gap)) / var(--grid-columns) + var(--grid-gap)));
  }
}
@media screen and (min-width: 60em) and (min-height: 30em) {
  .tower__stage {
    position: sticky;
    inset-block-start: var(--header-offset);
    block-size: var(--tw-reading);
  }
  .tower__stage .tower__svg {
    block-size: 100%;
    max-block-size: none;
  }
}
@media screen and (min-width: 60em) and (max-height: 29.99em) {
  .tower__story { display: block; }
  .tower__title,
  .tower__blocks {
    inline-size: min(var(--container), 100% - 2 * var(--gutter));
    margin-inline: auto;
  }
  .tower__stage {
    margin-block-end: var(--space-8);
    padding-inline: var(--gutter);
  }
}
.tower__stage {
  color-scheme: dark;
  --draw-line: var(--night-line);
  --draw-line-soft: var(--night-line-soft);
  --draw-face: var(--night-face);
  --draw-slab: var(--night-slab);
  --draw-lit: var(--night-lit);
  --draw-glass: var(--night-glass);
  --draw-sky: var(--night-sky);
  --draw-veil-warm: var(--night-veil-warm);
  --draw-veil-dim: var(--night-veil-dim);
  --draw-veil-deep: var(--night-veil-deep);
  --draw-sheen: var(--night-sheen);
  --draw-balcony-glass: var(--night-balcony-glass);
  --tw-bp-paper: var(--draw-sheet);
  --tw-bp-ink: var(--draw-sheet-ink);
  --tw-bp-text: var(--draw-sheet-text);
  --tw-bp-grid: var(--draw-sheet-grid);
  --tw-bp-grid-major: var(--draw-sheet-grid-major);
  --tw-sky: var(--draw-sky);
  --tw-sheet-frame: 11px;
}
.tower__sky,
.tower__sheet {
  position: absolute;
  inset: 0;
}
.tower__sky { background: var(--tw-sky); }
.tower__sheet {
  background-color: var(--tw-bp-paper);
  background-image:
    linear-gradient(var(--tw-bp-grid-major) 1px, transparent 1px),
    linear-gradient(90deg, var(--tw-bp-grid-major) 1px, transparent 1px),
    linear-gradient(var(--tw-bp-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--tw-bp-grid) 1px, transparent 1px);
  background-size: 60px 60px, 60px 60px, 12px 12px, 12px 12px;
  background-position: center;
  box-shadow: inset 0 0 0 calc(var(--tw-sheet-frame) - 1px) var(--tw-bp-paper), inset 0 0 0 var(--tw-sheet-frame) var(--tw-bp-ink);
}
.tower__svg { position: relative; }
.tower__titleblock {
  position: absolute;
  inset-block-end: 18px;
  inset-inline-start: 18px;
  display: grid;
  gap: 2px;
  padding: 6px 10px;
  border: 1px solid var(--tw-bp-ink);
  background: var(--tw-bp-paper);
  color: var(--tw-bp-text);
  font-family: var(--font-body);
  font-size: var(--text-small);
  line-height: 1.25;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  pointer-events: none;
}
.tower__tb-name { font-weight: 600; }
@media (max-width: 59.99em) { .tower__titleblock { display: none; } }
.tower__tb-row { display: flex; gap: 1.2em; justify-content: space-between; opacity: 0.85; }
.tower__svg {
  --tw-glass: var(--draw-glass);
  --tw-spandrel: var(--slate-750);
  --tw-mullion: var(--gold-700);
  --tw-fin: var(--gold-500);
  --tw-balcony: var(--gold-400);
  --tw-balcony-glass: var(--draw-balcony-glass);
  --tw-pier: var(--slate-650);
  --tw-frame: var(--gold-300);
  --tw-scaf: var(--gold-200);
  --tw-hoarding: var(--slate-800);
  --tw-plane: var(--slate-900);
  --tw-warm: var(--draw-veil-warm);
  --tw-dim: var(--draw-veil-dim);
  --tw-deep: var(--draw-veil-deep);
  --tw-sheen: var(--draw-sheen);
  --tw-glint: var(--gold-200);
  --tw-sky-lit: var(--draw-sky-lit);
}
[data-theme="light"] .tower__svg--whole {
  --draw-stroke: calc(var(--draw-stroke-fine) * 1.5);
  --draw-lit: var(--gold-300);
  --tw-spandrel: var(--mist-250);
  --tw-mullion: var(--slate-550);
  --tw-fin: var(--slate-700);
  --tw-balcony: var(--deep-gold-400);
  --tw-pier: var(--mist-300);
  --tw-frame: var(--white);
  --tw-scaf: var(--deep-gold-300);
  --tw-hoarding: var(--mist-300);
  --tw-plane: var(--mist-200);
  --tw-glint: var(--gold-200);
}
[class^="tw-"] {
  fill: none;
  stroke: none;
  vector-effect: non-scaling-stroke;
  stroke-linejoin: miter;
  stroke-linecap: square;
}
.tw-face { fill: var(--draw-face); }
.tw-built { stroke: var(--draw-line); stroke-width: var(--draw-stroke); }
.tw-built-soft { stroke: var(--draw-line-soft); stroke-width: var(--draw-stroke); }
.tw-fine { stroke: var(--draw-line); stroke-width: var(--draw-stroke-fine); }
.tw-slab { fill: var(--draw-slab); stroke: var(--draw-line); stroke-width: var(--draw-stroke); }
.tw-lit { fill: var(--draw-lit); }
.tw-glass { fill: var(--tw-glass); }
.tw-spandrel { fill: var(--tw-spandrel); }
.tw-mullion { stroke: var(--tw-mullion); stroke-width: var(--draw-stroke-fine); stroke-linecap: butt; }
.tw-fin { fill: var(--tw-fin); }
.tw-balcony { fill: var(--tw-balcony); }
.tw-balcony-glass { fill: var(--tw-balcony-glass); }
.tw-rail { stroke: var(--tw-balcony); stroke-width: var(--draw-stroke-fine); stroke-linecap: butt; }
.tw-pier { fill: var(--tw-pier); }
.tw-pier-gold { fill: var(--draw-slab); }
.tw-canopy { fill: var(--draw-slab); stroke: var(--draw-line); stroke-width: var(--draw-stroke-fine); }
.tw-frame { stroke: var(--tw-frame); stroke-width: var(--draw-stroke); stroke-linecap: butt; }
.tw-frame-slab { fill: var(--tw-frame); }
.tw-scaf { stroke: var(--tw-scaf); stroke-width: var(--draw-stroke-fine); stroke-linecap: butt; opacity: 0.85; }
.tw-edge { stroke: var(--tw-scaf); stroke-width: var(--draw-stroke); stroke-linecap: butt; }
.tw-edge-toe { fill: var(--tw-scaf); }
.tw-hoarding { fill: var(--tw-hoarding); }
.tw-hoarding-line { stroke: var(--draw-line-soft); stroke-width: var(--draw-stroke-fine); stroke-linecap: butt; }
.tw-cabin { fill: var(--draw-face); stroke: var(--draw-line-soft); stroke-width: var(--draw-stroke-fine); }
.tw-plane { fill: var(--tw-plane); }
.tw-shade-l { fill: url(#tw-g-shade-l); }
.tw-shade-r { fill: url(#tw-g-shade-r); }
.tw-sweep { fill: url(#tw-g-sweep); }
.tw-glint { fill: var(--tw-glint); }
.tw-stop-warm { stop-color: var(--tw-warm); }
.tw-stop-clear { stop-color: transparent; }
.tw-stop-dim { stop-color: var(--tw-dim); }
.tw-stop-deep { stop-color: var(--tw-deep); }
.tw-stop-sheen { stop-color: var(--tw-sheen); }
.tw-bp { stroke: var(--tw-bp-ink); stroke-width: var(--draw-stroke-fine); }
.tw-bp-fine { stroke: var(--tw-bp-ink); stroke-width: var(--draw-stroke-fine); opacity: 0.55; }
.tw-bp-hair { stroke: var(--tw-bp-ink); stroke-width: var(--draw-stroke-fine); opacity: 0.4; }
.tw-bp-fill { fill: var(--tw-bp-ink); }
.tw-bp-text {
  fill: var(--tw-bp-text);
  font-family: var(--font-body);
  font-weight: 600;
  letter-spacing: 0.06em;
}
.tw-level { stroke: var(--tw-bp-text); stroke-width: var(--draw-stroke); }
.tw-sky { fill: var(--draw-skyline); }
.tw-sky-edge { stroke: var(--line-hairline); stroke-width: var(--draw-stroke-fine); }
.tw-sky-lit { fill: var(--tw-sky-lit); }
.tw-city-far { fill: var(--city-far); }
.tw-city-far-mast { stroke: var(--city-far-mast); stroke-width: var(--draw-stroke-fine); stroke-linecap: butt; }
.tw-city-mid { fill: var(--city-mid); }
.tw-city-near { fill: var(--city-near); }
.tw-city-near-r { fill: var(--city-near-r); }
.tw-city-grid { fill: url(#tw-c-pat-mid); }
.tw-city-grid-l { fill: url(#tw-c-pat-near-l); }
.tw-city-grid-r { fill: url(#tw-c-pat-near-r); }
.tw-city-pane { fill: var(--city-pane); }
.tw-city-rim { stroke: var(--city-rim); stroke-width: var(--draw-stroke-fine); stroke-linecap: butt; }
.tw-city-cap { fill: var(--city-cap); stroke: var(--city-rim); stroke-width: var(--draw-stroke-fine); }
.tw-city-mast { stroke: var(--city-mast); stroke-width: var(--draw-stroke-fine); stroke-linecap: butt; }
.tw-city-tank { fill: var(--city-tank); stroke: var(--city-mast); stroke-width: var(--draw-stroke-fine); }
.tw-city-hoop { stroke: var(--city-mast); stroke-width: var(--draw-stroke-fine); stroke-linecap: butt; opacity: 0.7; }
.tw-city-beacon { fill: var(--city-beacon); }
.tw-city-lit { fill: var(--city-lit); }
.tw-city-lit-pale { fill: var(--city-lit-pale); }
.tw-city-lit-far { fill: var(--city-lit-far); }
.tw-moon { fill: var(--night-moon); }
.tw-moon-dark { fill: var(--night-moon-dark); }
.tw-moon-halo { fill: url(#tw-g-moon); }
.tw-stop-moon { stop-color: var(--night-moon-halo); }
.tw-stop-moon-out { stop-color: var(--night-moon-halo-out); }
:is(.tw-star-s, .tw-star-m, .tw-star-l) { stroke-linecap: round; }
.tw-star-s { stroke: var(--night-star-faint); stroke-width: 1.6px; }
.tw-star-m { stroke: var(--night-star); stroke-width: 2.1px; }
.tw-star-l { stroke: var(--night-star-bright); stroke-width: 2.8px; }
.tw-crane { stroke: var(--draw-line-soft); stroke-width: var(--draw-stroke); stroke-linecap: butt; }
.tw-crane-fine { stroke: var(--draw-line-soft); stroke-width: var(--draw-stroke-fine); stroke-linecap: butt; }
.tw-crane-fill { fill: var(--draw-line-soft); }
.tw-cab { fill: var(--draw-slab); }
.tower__part {
  transform-box: view-box;
  transform-origin: 0 0;
}
.tower__hide { opacity: 0; }
@keyframes tw-show { from { opacity: 0; } }
@keyframes tw-hide { from { opacity: 1; } }
@keyframes tw-move { from { transform: var(--tw-from); } }
@keyframes tw-unframe { from { clip-path: inset(var(--tw-sheet-frame)); } to { clip-path: inset(0); } }
@keyframes tw-twinkle { 0%, 72%, 100% { opacity: 1; } 84% { opacity: 0.3; } }
@media screen and (prefers-reduced-motion: no-preference) {
  .tower__twinkle {
    animation: tw-twinkle calc(var(--tw-twinkle) + var(--tw-k) * 2.3s) var(--ease-in-out)
      calc(var(--tw-k) * -3.7s) infinite;
  }
}
.tower__zoom { --tw-from: var(--tw-close-wide); }
@media (max-width: 59.99em) {
  .tower__zoom {
    --tw-from: var(--tw-close-sm);
    transform: var(--tw-final-sm);
  }
}
@media screen and (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) and (timeline-scope: none) {
    @media (min-width: 60em) and (min-height: 30em), (max-width: 59.99em) and (min-height: 40em) {
      .tower__blocks { gap: 0; padding-block-start: var(--tw-lead); }
      .tower__block {
        min-block-size: var(--tw-block);
        view-timeline-axis: block;
        view-timeline-inset: var(--tw-cover) 0;
        scroll-margin-block-start: calc(var(--tw-cover) - var(--header-offset) + var(--scroll-pad-top));
      }
      .tower__block:last-child { min-block-size: var(--tw-reading); }
    }
    @media (max-width: 59.99em) and (min-height: 40em) {
      .tower { --tw-cover: calc(var(--header-offset) + var(--tw-stage-h)); }
      .tower__stage {
        position: sticky;
        inset-block-start: var(--header-offset);
        z-index: var(--z-sticky);
        block-size: var(--tw-stage-h);
        margin-block-end: 0;
        padding-inline: 0;
        border-block-end: var(--line-w-1) solid var(--line-hairline);
      }
      .tower__stage .tower__svg { block-size: 100%; max-block-size: none; }
      .tower :is(a, button, input, select, textarea, summary, [tabindex]) {
        scroll-margin-block-start: calc(var(--tw-stage-h) + var(--scroll-pad-top));
      }
      .tower__block:last-child { min-block-size: calc(var(--tw-reading) * 0.7); }
    }
  }
  @media (min-width: 60em) and (min-height: 30em), (max-width: 59.99em) and (min-height: 40em) {
    html[data-tower-story="io"] .tower__blocks { gap: 0; padding-block-start: var(--tw-lead); }
    html[data-tower-story="io"] .tower__block {
      min-block-size: var(--tw-block);
      scroll-margin-block-start: calc(var(--tw-cover) - var(--header-offset) + var(--scroll-pad-top));
    }
    html[data-tower-story="io"] .tower__block:last-child { min-block-size: var(--tw-reading); }
  }
  @media (max-width: 59.99em) and (min-height: 40em) {
    html[data-tower-story="io"] .tower { --tw-cover: calc(var(--header-offset) + var(--tw-stage-h)); }
    html[data-tower-story="io"] .tower__block:last-child { min-block-size: calc(var(--tw-reading) * 0.7); }
    html[data-tower-story="io"] .tower__stage {
      position: sticky;
      inset-block-start: var(--header-offset);
      z-index: var(--z-sticky);
      block-size: var(--tw-stage-h);
      margin-block-end: 0;
      padding-inline: 0;
      border-block-end: var(--line-w-1) solid var(--line-hairline);
    }
    html[data-tower-story="io"] .tower__stage .tower__svg { block-size: 100%; max-block-size: none; }
    html[data-tower-story="io"] .tower :is(a, button, input, select, textarea, summary, [tabindex]) {
      scroll-margin-block-start: calc(var(--tw-stage-h) + var(--scroll-pad-top));
    }
  }
}
@media screen and (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) and (timeline-scope: none) {
    @media (min-width: 60em) and (min-height: 30em), (max-width: 59.99em) and (min-height: 40em) {
      .tower__move {
        animation: tw-move var(--ease-in-out) both;
        animation-timeline: var(--tw-timeline);
        animation-range: cover var(--tw-a) cover var(--tw-b);
      }
      .tower__show {
        animation: tw-show var(--ease-in-out) both;
        animation-timeline: var(--tw-timeline);
        animation-range: cover var(--tw-c) cover var(--tw-d);
      }
      .tower__hide {
        animation: tw-hide var(--ease-in-out) both;
        animation-timeline: var(--tw-timeline);
        animation-range: cover var(--tw-c) cover var(--tw-d);
      }
      .tower__zoom {
        animation: tw-move var(--ease-in-out) both;
        animation-timeline: var(--tw-timeline);
        animation-range: cover var(--tw-a) cover var(--tw-d);
      }
      .tower__ph1 { animation-range: cover var(--tw-p1a) cover var(--tw-p1b); }
      .tower__ph2 { animation-range: cover var(--tw-p2a) cover var(--tw-p2b); }
      .tower__fade { animation-range: cover var(--tw-fa) cover var(--tw-fb); }
      .tower__reveal { animation-range: cover var(--tw-ra) cover var(--tw-rb); }
      .tower__ripple {
        animation-timing-function: var(--ease-out);
        animation-range:
          cover calc(var(--tw-ripple-a) + var(--tw-i) * var(--tw-ripple-spread))
          cover calc(var(--tw-ripple-a) + var(--tw-i) * var(--tw-ripple-spread) + var(--tw-ripple-len));
      }
      .tower__sweep { animation-range: cover var(--tw-sa) cover var(--tw-sb); }
      .tower__city {
        animation-range:
          cover calc(var(--tw-city-a) + var(--tw-i) * var(--tw-city-spread))
          cover calc(var(--tw-city-a) + var(--tw-i) * var(--tw-city-spread) + var(--tw-city-len));
      }
      .tower__citylit {
        animation-timing-function: var(--ease-out);
        animation-range:
          cover calc(var(--tw-cl-a) + var(--tw-i) * var(--tw-cl-spread))
          cover calc(var(--tw-cl-a) + var(--tw-i) * var(--tw-cl-spread) + var(--tw-cl-len));
      }
      .tower__glint { animation-range: cover var(--tw-ga) cover var(--tw-sb); }
      .tower__moon { animation-range: cover var(--tw-moon-a) cover var(--tw-moon-b); }
      .tower__stars {
        animation-range:
          cover calc(var(--tw-star-a) + var(--tw-i) * var(--tw-star-spread))
          cover calc(var(--tw-star-a) + var(--tw-i) * var(--tw-star-spread) + var(--tw-star-len));
      }
      .tower__svg--stage {
        animation: tw-unframe linear both;
        animation-timeline: var(--tw-timeline);
        animation-range: cover var(--tw-fa) cover var(--tw-fb);
      }
    }
  }
}
@media screen and (prefers-reduced-motion: no-preference) {
  @media (min-width: 60em) and (min-height: 30em), (max-width: 59.99em) and (min-height: 40em) {
    html[data-tower-story="io"] .tower[data-tower-live] :is(.tower__move, .tower__zoom) {
      transition: transform var(--dur-view) var(--ease-in-out);
    }
    html[data-tower-story="io"] .tower[data-tower-live] :is(.tower__move, .tower__zoom):not(.tower__part--on) {
      transform: var(--tw-from);
    }
    html[data-tower-story="io"] .tower[data-tower-live] :is(.tower__show, .tower__hide) {
      transition: opacity var(--dur-reveal-exit) var(--ease-out);
    }
    html[data-tower-story="io"] .tower[data-tower-live] :is(.tower__show, .tower__hide).tower__part--on {
      transition: opacity var(--dur-reveal) var(--ease-out) calc(var(--dur-view) - var(--dur-reveal));
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__show:not(.tower__part--on) { opacity: 0; }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__hide:not(.tower__part--on) { opacity: 1; }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__ph1.tower__part--on {
      transition-delay: calc(var(--dur-view) / 6);
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__ph2.tower__part--on {
      transition-delay: calc(var(--dur-view) * 5 / 6);
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__fade.tower__part--on {
      transition: opacity calc(var(--dur-reveal) * 1.25) var(--ease-out) var(--dur-view);
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__reveal.tower__part--on {
      transition: opacity calc(var(--dur-reveal) * 1.25) var(--ease-out) calc(var(--dur-view) * 7 / 6);
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__ripple.tower__part--on {
      transition: opacity calc(var(--dur-reveal) * 0.6) var(--ease-out)
        calc(var(--dur-view) * 1.5 + var(--tw-i) * var(--dur-view));
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__city.tower__part--on {
      transition: opacity calc(var(--dur-reveal) * 1.25) var(--ease-out) calc(var(--dur-view) * (1 + var(--tw-i) * 0.6));
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__citylit.tower__part--on {
      transition: opacity calc(var(--dur-reveal) * 0.5) var(--ease-out) calc(var(--dur-view) * (1.7 + var(--tw-i)));
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__moon.tower__part--on {
      transition: opacity calc(var(--dur-reveal) * 1.25) var(--ease-out) calc(var(--dur-view) * 1.1);
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__stars.tower__part--on {
      transition: opacity calc(var(--dur-reveal) * 1.25) var(--ease-out) calc(var(--dur-view) * (1.4 + var(--tw-i) * 0.5));
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__svg--stage {
      clip-path: inset(var(--tw-sheet-frame));
      transition: clip-path var(--dur-reveal-exit) var(--ease-out);
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__sheet.tower__part--on ~ .tower__svg--stage {
      clip-path: inset(0);
      transition: clip-path calc(var(--dur-reveal) * 1.25) var(--ease-out) var(--dur-view);
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__glint.tower__part--on {
      transition-delay: calc(var(--dur-view) * 2.6);
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__sweep.tower__part--on {
      transition: transform calc(var(--dur-view) * 1.5) var(--ease-in-out) calc(var(--dur-view) * 2.2);
    }
    html[data-tower-story="io"] .tower[data-tower-live] .tower__sweep:not(.tower__part--on) { transition: none; }
    html[data-tower-story="io"] .tower[data-tower-live].tower--instant .tower__part { transition: none; }
  }
}
@media (forced-colors: active) {
  [class^="tw-"] { stroke: CanvasText; }
  :is(.tw-face, .tw-unlit, .tw-sky) { fill: Canvas; }
  :is(.tw-slab, .tw-lit, .tw-crane-fill) { fill: CanvasText; }
  :is(.tw-glass, .tw-spandrel, .tw-plane, .tw-hoarding, .tw-cabin) { fill: Canvas; }
  :is(.tw-pier-gold, .tw-canopy, .tw-fin, .tw-balcony, .tw-cab, .tw-glint, .tw-edge-toe) { fill: CanvasText; }
  :is(.tw-bp, .tw-bp-fine, .tw-bp-hair, .tw-sky-edge, .tw-scaf) { stroke: GrayText; }
  :is(.tw-shade-l, .tw-shade-r, .tw-sweep, .tw-balcony-glass, .tw-sky-lit) { fill: none; }
  :is(.tw-city-far, .tw-city-mid, .tw-city-near, .tw-city-near-r, .tw-city-tank) { fill: Canvas; }
  :is(.tw-city-grid, .tw-city-grid-l, .tw-city-grid-r, .tw-city-pane, .tw-city-cap,
      .tw-city-lit, .tw-city-lit-pale, .tw-city-lit-far, .tw-city-beacon) { fill: none; stroke: none; }
  :is(.tw-moon-halo, .tw-moon-dark, .tw-star-s, .tw-star-m, .tw-star-l) { fill: none; stroke: none; }
  .tw-moon { fill: CanvasText; stroke: none; }
  :is(.tw-city-far-mast, .tw-city-rim, .tw-city-hoop) { stroke: GrayText; }
  .tw-bp-text, .tw-bp-fill { fill: GrayText; stroke: none; }
  .tower__sky, .tower__sheet { background: Canvas; box-shadow: none; }
  .tower__titleblock { forced-color-adjust: auto; }
}
@media print {
  .tower__zoom { transform: none; }
  .tower__stage {
    position: static;
    block-size: auto;
    break-inside: avoid;
  }
  .tower__stage .tower__svg { block-size: auto; max-block-size: none; }
}
}
/* sections.css */
@layer sections {
.who__lines {
  display: grid;
  row-gap: var(--space-5);
  color: var(--text-primary);
  font-family: var(--font-display);
  font-size: var(--text-heading);
  font-weight: var(--weight-heading);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
}
.who__line {
  display: block;
  text-wrap: balance;
}
@media (min-width: 60em) {
  .who__body {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
    column-gap: var(--grid-gap);
  }
  .who__lines {
    grid-column: 1 / span 10;
  }
}
@media (min-width: 80em) {
  .who__lines {
    grid-column: 1 / -1;
  }
}
.plates__head {
  padding-block-end: var(--space-7);
}
.plates__list {
  display: grid;
}
.plate {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
}
.plate::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: calc(var(--datum-x) - var(--crosshair-arm));
  inset-inline-end: 0;
  z-index: var(--z-raised);
  border-block-start: var(--line-w-1) solid var(--line-hairline);
  pointer-events: none;
}
.plate::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--surface-raised);
  opacity: 0;
  pointer-events: none;
}
.plate__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  inline-size: min(100% - 2 * var(--gutter), var(--container));
  margin-inline: auto;
  padding-block: var(--space-6) var(--space-7);
}
.plate__name {
  color: var(--text-primary);
  font-family: var(--font-display);
  font-size: var(--text-heading);
  font-weight: var(--weight-heading);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
}
.plate__line {
  text-wrap: balance;
  margin-block-start: var(--space-3);
  color: var(--text-secondary);
  font-family: var(--font-display);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-small);
  line-height: var(--leading-small);
}
.plate__summary {
  margin-block-start: var(--space-4);
  max-inline-size: var(--measure-lead);
  color: var(--text-primary);
}
.plate__status {
  margin-block-start: var(--space-5);
}
.plate__link {
  margin-block-start: var(--space-3);
}
.plate--future .plate__link {
  margin-block-start: var(--space-5);
}
.plate__link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: var(--z-raised);
}
.plate__link:focus-visible {
  outline: none;
}
.plate__link:focus-visible::after {
  border-radius: calc(var(--radius-l) - var(--line-w-1));
  outline: var(--focus-w) solid var(--focus-ring);
  outline-offset: calc(-1 * (var(--focus-w) + var(--focus-offset)));
  box-shadow: inset 0 0 0 calc(var(--focus-w) + 2 * var(--focus-offset)) var(--surface-card);
}
.plate__media {
  order: -1;
  inline-size: 100%;
  aspect-ratio: 16 / 10;
  border-radius: var(--radius-0);
}
.plate__media--empty {
  background-color: var(--media-placeholder);
}
.plate__media--future::after {
  content: "";
  position: absolute;
  inset: var(--space-4);
  border: var(--line-w-1) dashed var(--gold-300);
  border-radius: var(--radius-m);
  opacity: 0.85;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .plate:hover::before {
    opacity: 1;
  }
  .plate:hover .plate__link {
    text-decoration-thickness: var(--line-w-2);
  }
}
.plate:active::before {
  background-color: var(--surface-higher);
  opacity: 1;
}
@media (min-width: 48em) {
  .plate {
    display: grid;
    grid-template-columns:
      [bleed-start] minmax(calc(var(--gutter) - var(--grid-gap)), 1fr)
      [content-start] repeat(var(--grid-columns), minmax(0, calc((var(--container) - (var(--grid-columns) - 1) * var(--grid-gap)) / var(--grid-columns))))
      [content-end] minmax(calc(var(--gutter) - var(--grid-gap)), 1fr) [bleed-end];
    column-gap: var(--grid-gap);
    align-items: center;
  }
  .plate__text {
    grid-column: content-start / span 5;
    grid-row: 1;
    inline-size: auto;
    margin-inline: 0;
    padding-block: var(--space-7);
  }
  .plate__media {
    grid-column: 7 / bleed-end;
    grid-row: 1;
    align-self: stretch;
    aspect-ratio: 16 / 9;
  }
}
.plates__list {
  row-gap: var(--space-5);
  inline-size: min(100% - 2 * var(--gutter), var(--container));
  margin-inline: auto;
}
.plate {
  overflow: hidden;
  border: var(--line-w-1) solid var(--edge-ring);
  border-radius: var(--radius-l);
  background-color: var(--surface-card);
  background-image: var(--gradient-card);
  box-shadow: var(--edge-highlight), var(--shadow-2);
}
.plate::after {
  content: none;
}
.plate::before {
  background-color: var(--button-soft-bg);
}
.plate:active::before {
  background-color: var(--button-soft-bg-hover);
}
.plate__text {
  inline-size: auto;
  margin-inline: 0;
  padding-inline: var(--space-5);
}
@media (hover: hover) and (pointer: fine) {
  .plate:hover {
    box-shadow: var(--edge-highlight), var(--shadow-3);
  }
}
@media (min-width: 48em) {
  .plate {
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
    column-gap: var(--grid-gap);
  }
  .plate__text {
    grid-column: 1 / span 5;
    padding-inline: var(--space-7) 0;
  }
  .plate__media {
    grid-column: 6 / -1;
    border-radius: var(--radius-0);
  }
}
.plates,
.why,
.contact {
  background-color: var(--surface-band);
}
.plates::before,
.why::before,
.contact::before,
.plates + .section::before,
.why + .section::before,
.contact + .section::before {
  content: none;
}
.statement {
  display: grid;
  align-content: center;
  min-block-size: var(--screen-statement);
  padding-block: var(--section-y) calc(var(--section-y) + var(--space-5));
}
.statement__text {
  max-inline-size: var(--measure-statement);
  color: var(--text-primary);
  font-family: var(--font-display);
  font-size: var(--text-statement);
  font-weight: var(--weight-statement);
  letter-spacing: var(--tracking-statement);
  line-height: var(--leading-statement);
  text-wrap: balance;
  overflow-wrap: break-word;
}
.statement__line {
  display: block;
}
.why__title {
  margin-block-end: var(--space-7);
}
.values {
  display: grid;
}
.values__item {
  padding-block: var(--space-5);
}
.values__item + .values__item {
  border-block-start: var(--line-w-1) solid var(--line-hairline);
}
.values__item:first-child {
  padding-block-start: 0;
}
.values__title {
  color: var(--text-primary);
  font-family: var(--font-display);
  font-size: var(--text-title);
  font-weight: var(--weight-title);
  letter-spacing: var(--tracking-title);
  line-height: var(--leading-title);
}
.values__text {
  margin-block-start: var(--space-3);
  max-inline-size: var(--measure);
  color: var(--text-primary);
}
@media (min-width: 60em) {
  .values {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--grid-gap);
  }
  .values__item {
    position: relative;
    padding-block: 0 var(--space-2);
  }
  .values__item + .values__item {
    border-block-start: 0;
  }
  .values__item + .values__item::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: calc(var(--grid-gap) / -2);
    border-inline-start: var(--line-w-1) solid var(--line-hairline);
  }
}
.video-loop {
  position: relative;
  inline-size: 100%;
  block-size: 100%;
  overflow: hidden;
  background-color: var(--media-placeholder);
}
.video-loop__poster,
.video-loop__video {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: var(--focal, center);
}
.band {
  position: relative;
  isolation: isolate;
  display: grid;
  min-block-size: max(var(--screen-band), calc(var(--grid-module) * 10));
  overflow: hidden;
  background-color: var(--media-placeholder);
}
.band__media {
  position: absolute;
  inset: 0;
  z-index: -1;
  inline-size: 100%;
  block-size: 100%;
  border-radius: var(--radius-0);
}
.band__media .media__img,
.band__media.video-loop .media,
.band__media.video-loop .media__img {
  inline-size: 100%;
  block-size: 100%;
}
.band .video-control {
  position: absolute;
  inset-block-end: var(--space-5);
  inset-inline-end: var(--content-edge);
  z-index: var(--z-raised);
}
.band--text {
  grid-template-rows: minmax(0, 1fr) auto;
  background-color: var(--surface-deep);
  color: var(--on-media-text);
}
.band__dim {
  background-color: var(--scrim-dim);
  pointer-events: none;
}
.band__content {
  padding-block: var(--space-10) var(--section-y-tight);
  background-image: linear-gradient(to top, var(--scrim-text), var(--scrim-text) calc(100% - var(--space-10)), var(--scrim-dim));
}
.band__text {
  display: grid;
  justify-items: start;
  row-gap: var(--space-3);
}
.band__line {
  max-inline-size: var(--measure-lead);
  color: var(--on-media-text);
  font-family: var(--font-display);
  font-size: var(--text-heading);
  font-weight: var(--weight-heading);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
  text-wrap: balance;
}
@media (min-width: 60em) {
  .band__line {
    max-inline-size: calc((100% - 11 * var(--grid-gap)) * 7 / 12 + 6 * var(--grid-gap));
  }
}
.roadmap__title {
  margin-block-end: var(--space-7);
}
.roadmap__stages {
  display: grid;
}
.roadmap__stage {
  position: relative;
  display: grid;
  align-content: start;
  row-gap: var(--space-4);
  padding-block: var(--space-6);
  border-block-start: var(--line-w-1) solid var(--line-hairline);
}
.roadmap__stage:first-child {
  padding-block-start: 0;
  border-block-start: 0;
}
.roadmap__stage--more {
  border-block-start-style: dashed;
  border-block-start-color: var(--line-dashed);
}
.roadmap__word {
  color: var(--text-primary);
  font-family: var(--font-display);
  font-size: var(--text-title);
  font-weight: var(--weight-title);
  letter-spacing: var(--tracking-title);
  line-height: var(--leading-title);
}
.roadmap__items {
  display: grid;
  align-content: start;
  row-gap: var(--space-5);
}
.roadmap__item {
  display: grid;
  align-content: start;
  justify-items: start;
  row-gap: var(--space-2);
}
.roadmap__name {
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: var(--weight-strong);
  line-height: var(--leading-body);
}
.roadmap__tba,
.roadmap__next {
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-small);
  line-height: var(--leading-small);
}
.roadmap__next-label {
  font-weight: var(--weight-strong);
}
@media (min-width: 60em) {
  .roadmap__stages {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
  }
  .roadmap__stage {
    grid-row: span 2;
    grid-template-rows: subgrid;
    row-gap: var(--space-5);
    padding-block: 0 var(--space-7);
    padding-inline-end: var(--grid-gap);
    border-block-start: 0;
    border-block-end: var(--line-w-1) solid var(--line-control);
  }
  .roadmap__stage--more {
    border-block-end-style: dashed;
    border-block-end-color: var(--line-dashed);
  }
  .roadmap__stage--more .roadmap__items {
    grid-row: 2;
  }
  .roadmap__stage:not(.roadmap__stage--more)::after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: calc(-1 * var(--crosshair-arm));
    block-size: calc(2 * var(--crosshair-arm));
    border-inline-start: var(--line-w-1) solid var(--line-control);
    pointer-events: none;
  }
}
.contact__grid {
  display: grid;
  gap: var(--space-8) var(--grid-gap);
}
.contact__main {
  display: grid;
  align-content: start;
  row-gap: var(--space-5);
  min-inline-size: 0;
}
.contact__title {
  color: var(--text-primary);
  font-family: var(--font-display);
  font-size: var(--text-heading);
  font-weight: var(--weight-heading);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
}
.contact__intro {
  max-inline-size: var(--measure);
  margin-block-end: var(--space-3);
}
.contact__details {
  border-block-start: var(--line-w-1) solid var(--line-hairline);
}
@media (min-width: 60em) {
  .contact__grid {
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  }
  .contact__main {
    grid-column: 1 / span 7;
  }
  .contact__aside {
    grid-column: 9 / -1;
  }
}
.tower__block {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tower__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-inline-size: var(--measure);
}
.tower__level {
  order: -1;
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0 0 var(--space-2);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  line-height: var(--leading-small);
  letter-spacing: var(--tracking-small);
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--accent-text);
}
.tower__level::before {
  content: "";
  flex: none;
  inline-size: var(--space-6);
  block-size: var(--line-w-1);
  background-color: currentColor;
}
.tower__points {
  display: grid;
  gap: var(--space-1);
  margin: var(--space-4) 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-small);
  line-height: var(--leading-small);
  color: var(--text-secondary);
}
.tower__points li {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
}
.tower__points li::before {
  content: "";
  flex: none;
  inline-size: var(--space-3);
  block-size: var(--line-w-1);
  background-color: var(--accent-text);
  transform: translateY(-0.35em);
}
.tower__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--space-4);
  margin: var(--space-3) 0 0;
}
@media (max-width: 59.99em) {
  .tower__points li:nth-child(n + 3) {
    display: none;
  }
}
@media (forced-colors: active) {
  .tower__level::before,
  .tower__points li::before {
    background-color: CanvasText;
  }
}
}
/* pages.css */
@layer pages {
.page-section__body {
  display: grid;
  justify-items: start;
  row-gap: var(--space-5);
}
.page-section__body > * {
  max-inline-size: 100%;
}
.page-section__title {
  margin-block-end: var(--space-2);
}
.page-section__text {
  max-inline-size: var(--measure);
}
.page-section__lead {
  max-inline-size: var(--measure-lead);
  font-size: var(--text-lead);
  letter-spacing: var(--tracking-lead);
  line-height: var(--leading-lead);
}
.page-section__details {
  inline-size: 100%;
}
@media (min-width: 60em) {
  .page-section__body {
    grid-template-columns: minmax(0, calc(100% * 2 / 3 - var(--grid-gap) / 3));
  }
}
.division-list {
  display: grid;
  inline-size: 100%;
  padding-inline: var(--space-5);
  border: var(--line-w-1) solid var(--edge-ring);
  border-radius: var(--radius-m);
  background-color: var(--surface-card);
  box-shadow: var(--edge-highlight), var(--shadow-1);
}
.division-list__item:last-child {
  border-block-end-color: transparent;
}
.division-list__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-5);
  padding-block: var(--space-2);
  border-block-end: var(--line-w-1) solid var(--line-hairline);
}
@media (min-width: 37.5em) {
  .division-list {
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: var(--space-7);
  }
  .division-list__item {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
  }
  .division-list__link {
    justify-self: start;
  }
}
.page-section__wide {
  margin-block-start: var(--space-6);
}
.page-section--strip {
  padding-block: var(--section-y-tight);
}
.picture-strip {
  display: grid;
  gap: var(--grid-gap);
}
@media (min-width: 48em) {
  .picture-strip {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
  }
}
.division-hero {
  position: relative;
  display: grid;
  align-items: end;
  min-block-size: max(var(--screen-division-hero), calc(var(--space-11) * 2 + var(--space-8)));
  padding-block: calc(var(--header-offset) + var(--section-y-tight)) var(--section-y-tight);
  background-color: var(--surface-deep);
  color: var(--on-media-text);
  overflow: hidden;
}
.division-hero__media {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
}
.division-hero__scrim {
  position: absolute;
  inset: 0;
  z-index: var(--z-base);
  background-image: linear-gradient(to top, var(--scrim-text), var(--scrim-dim));
  pointer-events: none;
}
.division-hero__content {
  position: relative;
  z-index: var(--z-raised);
  display: grid;
  justify-items: start;
  row-gap: var(--space-4);
}
.division-hero__title {
  font-family: var(--font-display);
  font-size: var(--text-display);
  font-weight: var(--weight-display);
  letter-spacing: var(--tracking-display);
  line-height: var(--leading-display);
  color: var(--on-media-text);
}
.division-hero__line {
  font-family: var(--font-display);
  font-size: var(--text-lead);
  font-weight: var(--weight-title);
  letter-spacing: var(--tracking-lead);
  line-height: var(--leading-lead);
  color: var(--on-media-accent);
}
.division-hero__lead {
  max-inline-size: var(--measure-lead);
  font-size: var(--text-lead);
  letter-spacing: var(--tracking-lead);
  line-height: var(--leading-lead);
}
.division-hero__action {
  margin-block-start: var(--space-3);
}
.division-hero .video-control {
  position: absolute;
  z-index: var(--z-raised);
  inset-block-end: var(--section-y-tight);
  inset-inline-end: var(--content-edge);
}
@media (max-width: 47.99em) {
  .division-hero {
    min-block-size: var(--screen-block);
  }
}
@media (max-width: 37.49em) {
  .division-hero {
    padding-block-end: max(var(--section-y-tight), calc(var(--fab-size) + 2 * var(--fab-inset) + var(--safe-block-end)));
  }
  .division-hero .video-control {
    inset-block: calc(var(--header-offset) + var(--space-4)) auto;
    inset-inline-end: var(--gutter);
  }
}
.page-hero--aside .page-hero__aside svg {
  inline-size: 100%;
  block-size: auto;
  max-block-size: calc(var(--space-11) * 2);
}
.notice-box {
  inline-size: 100%;
}
.not-found__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-6);
  margin-block-start: var(--space-7);
}
.not-found__tier {
  inline-size: min(100%, calc(var(--space-11) * 2 + var(--space-9)));
  block-size: auto;
  margin-block-start: var(--space-8);
  color: var(--draw-blueprint);
  overflow: visible;
}
.not-found__tier path {
  fill: none;
  stroke: currentColor;
  stroke-width: var(--draw-stroke-fine);
  stroke-dasharray: var(--draw-dash);
  vector-effect: non-scaling-stroke;
}
.not-found__tier .not-found__level {
  stroke: var(--line-hairline);
  stroke-dasharray: none;
}
.legal__grid {
  display: grid;
  gap: var(--space-7) var(--grid-gap);
}
.legal__draft {
  margin-block-end: var(--space-7);
  padding: var(--space-5);
  border: var(--line-w-1) dashed var(--line-dashed);
  border-radius: var(--radius-1);
  color: var(--text-primary);
}
.legal__toc-heading {
  margin-block-end: var(--space-3);
}
.legal__toc-link {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
}
.prose {
  max-inline-size: var(--measure);
}
.prose h2 {
  margin-block: var(--space-7) var(--space-4);
}
.prose h3 {
  margin-block: var(--space-6) var(--space-3);
}
.prose p,
.prose ul,
.prose ol {
  margin-block-end: var(--space-4);
}
.prose ul,
.prose ol {
  padding-inline-start: var(--space-5);
}
.table-wrap {
  overflow-x: auto;
  margin-block-end: var(--space-5);
}
@media (min-width: 60em) {
  .legal__grid {
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  }
  .legal__body {
    grid-column: 1 / span 8;
    grid-row: 1;
  }
  .legal__side {
    grid-column: 10 / -1;
    grid-row: 1;
  }
}
}
/* support.css */
@layer pages {
.support-hero {
  padding-block-start: calc(var(--header-offset) + var(--section-y-tight));
  padding-block-end: var(--space-6);
  background-color: var(--surface-page);
}
.support-hero__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.support-hero__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-display);
  font-weight: var(--weight-display);
  letter-spacing: var(--tracking-display);
  line-height: var(--leading-display);
  color: var(--text-primary);
  text-wrap: balance;
}
.support-hero__lead {
  margin-block: var(--space-5) 0;
  max-inline-size: var(--measure);
  font-size: var(--text-lead);
  letter-spacing: var(--tracking-lead);
  line-height: var(--leading-lead);
  color: var(--text-secondary);
  text-wrap: pretty;
}
.support-search {
  display: none;
}
html[data-script] .support-search {
  position: relative;
  display: block;
  inline-size: 100%;
  max-inline-size: 40rem;
  margin-block-start: var(--space-7);
}
.support-search__icon {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: var(--space-5);
  inline-size: var(--space-5);
  block-size: var(--space-5);
  color: var(--text-secondary);
  transform: translateY(-50%);
  pointer-events: none;
}
.support-search__input {
  inline-size: 100%;
  min-block-size: var(--control-h-large);
  padding-block: var(--space-3);
  padding-inline: calc(var(--space-5) * 2 + var(--space-3)) var(--space-5);
  border: var(--line-w-1) solid var(--line-control);
  border-radius: var(--radius-pill);
  background-color: var(--surface-card);
  box-shadow: var(--edge-highlight), var(--shadow-2);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: var(--text-body);
  line-height: var(--leading-small);
  -webkit-appearance: none;
  appearance: none;
}
.support-search__input::placeholder {
  color: var(--text-secondary);
  opacity: 1;
}
.support-search__input:focus-visible {
  outline: var(--focus-w) solid var(--focus-ring);
  outline-offset: var(--focus-offset);
  box-shadow: var(--edge-highlight), var(--shadow-3);
}
.support-search__count {
  min-block-size: calc(var(--text-small) * var(--leading-small));
  margin-block: var(--space-4) 0;
  font-size: var(--text-small);
  line-height: var(--leading-small);
  color: var(--text-secondary);
}
html:not([data-script]) .support-search__count {
  display: none;
}
.support-topics {
  padding-block: var(--space-5) var(--space-8);
  background-color: var(--surface-page);
}
.support-topics[hidden] {
  display: none;
}
.support-topics__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
.support-topic {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  block-size: 100%;
  min-block-size: var(--target-min);
  padding: var(--space-5);
  border: var(--line-w-1) solid var(--edge-ring);
  border-radius: var(--radius-l);
  background: var(--gradient-card);
  background-color: var(--surface-card);
  box-shadow: var(--edge-highlight), var(--shadow-1);
  color: var(--text-primary);
  text-decoration: none;
}
.support-topic::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: var(--shadow-2);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--dur-hover) var(--ease-hover);
}
.support-topic__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--control-h);
  block-size: var(--control-h);
  margin-block-end: var(--space-3);
  border-radius: var(--radius-pill);
  background-color: var(--surface-band);
  box-shadow: var(--edge-highlight);
  color: var(--accent-text);
}
.support-topic__icon {
  inline-size: var(--space-5);
  block-size: var(--space-5);
}
.support-topic__title {
  font-family: var(--font-display);
  font-size: var(--text-body);
  font-weight: var(--weight-heading);
  letter-spacing: var(--tracking-title);
  line-height: var(--leading-title);
}
.support-topic__text {
  font-size: var(--text-small);
  line-height: var(--leading-small);
  color: var(--text-secondary);
}
.support-topic__count {
  margin-block-start: auto;
  padding-block-start: var(--space-3);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  line-height: var(--leading-small);
  color: var(--accent-text);
}
.support-topic:active {
  opacity: var(--press-opacity);
}
@media (max-width: 39.99em) {
  .support-topic {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0 var(--space-4);
    padding-block: var(--space-4);
    padding-inline: var(--space-4) var(--space-5);
    border-radius: var(--radius-m);
  }
  .support-topic__badge {
    grid-row: span 3;
    align-self: start;
    margin-block-end: 0;
  }
  .support-topic__count {
    padding-block-start: var(--space-1);
  }
}
.support-answers {
  padding-block: var(--space-8) var(--section-y-tight);
  background-color: var(--surface-band);
}
.support-answers__inner {
  display: grid;
  gap: var(--space-8);
  max-inline-size: calc(52rem + var(--gutter) * 2);
}
.support-group {
  scroll-margin-block-start: var(--scroll-pad-top);
}
.support-group__title {
  margin-block: 0 var(--space-5);
  font-family: var(--font-display);
  font-size: var(--text-title);
  font-weight: var(--weight-heading);
  letter-spacing: var(--tracking-title);
  line-height: var(--leading-title);
  color: var(--text-primary);
}
.support-group__list {
  border: var(--line-w-1) solid var(--edge-ring);
  border-radius: var(--radius-l);
  background-color: var(--surface-card);
  box-shadow: var(--edge-highlight), var(--shadow-1);
  overflow: hidden;
}
.support-faq + .support-faq {
  border-block-start: var(--line-w-1) solid var(--line-hairline);
}
.support-faq[hidden],
.support-group[hidden] {
  display: none;
}
.support-faq__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-block-size: var(--control-h-large);
  padding-block: var(--space-4);
  padding-inline: var(--space-5);
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  line-height: var(--leading-small);
  color: var(--text-primary);
  text-wrap: balance;
  cursor: pointer;
  list-style: none;
}
.support-faq__question::-webkit-details-marker {
  display: none;
}
.support-faq__question:focus-visible {
  outline-offset: calc(var(--focus-w) * -1 - var(--line-w-2));
  border-radius: var(--radius-l);
}
.support-faq__chevron {
  flex: none;
  inline-size: var(--space-5);
  block-size: var(--space-5);
  color: var(--text-secondary);
  transition: transform var(--dur-ui) var(--ease-out);
}
.support-faq[open] > .support-faq__question .support-faq__chevron {
  transform: scaleY(-1);
  color: var(--accent-text);
}
.support-faq__answer {
  padding-block: 0 var(--space-5);
  padding-inline: var(--space-5);
  max-inline-size: calc(var(--measure) + var(--space-5) * 2);
}
.support-faq[open] > .support-faq__answer {
  animation: support-reveal var(--dur-ui) var(--ease-out);
}
@keyframes support-reveal {
  from { opacity: 0; transform: translateY(calc(var(--space-2) * -1)); }
  to { opacity: 1; transform: none; }
}
.support-faq__para {
  margin-block: 0 var(--space-3);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--text-secondary);
}
.support-faq__divisions,
.support-faq__contact,
.support-faq__links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.support-faq__divisions {
  display: grid;
  gap: var(--space-2);
  margin-block-end: var(--space-3);
}
.support-faq__division {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-1) var(--space-4);
  padding-block: var(--space-3);
  padding-inline: var(--space-4);
  border-radius: var(--radius-m);
  background-color: var(--surface-band);
}
.support-faq__division-name,
.support-faq__link {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
  font-weight: var(--weight-strong);
  color: var(--link-text);
  text-decoration-line: underline;
  text-decoration-color: var(--link-underline);
  text-underline-offset: var(--space-1);
}
.support-faq__division .support-faq__division-name {
  white-space: nowrap;
}
.support-faq__division-text {
  flex-basis: 100%;
  font-size: var(--text-small);
  line-height: var(--leading-small);
  color: var(--text-secondary);
}
.support-faq__contact {
  margin-block-end: var(--space-3);
  color: var(--text-secondary);
}
.support-faq__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-5);
}
.support-help {
  padding-block: 0 var(--section-y-tight);
  background-color: var(--surface-band);
}
.support-help__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-inline-size: 52rem;
  margin-inline: auto;
  padding-block: var(--space-8);
  padding-inline: var(--space-5);
  border: var(--line-w-1) solid var(--edge-ring);
  border-radius: var(--radius-l);
  background: var(--gradient-card);
  background-color: var(--surface-card);
  box-shadow: var(--edge-highlight), var(--shadow-2);
  text-align: center;
}
.support-help__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--control-h-large);
  block-size: var(--control-h-large);
  margin-block-end: var(--space-5);
  border-radius: var(--radius-pill);
  background-color: var(--surface-band);
  box-shadow: var(--edge-highlight);
  color: var(--accent-text);
}
.support-help__icon {
  inline-size: var(--space-6);
  block-size: var(--space-6);
}
.support-help__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-heading);
  font-weight: var(--weight-heading);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
  color: var(--text-primary);
}
.support-help__text {
  margin-block: var(--space-4) 0;
  max-inline-size: var(--measure);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--text-secondary);
}
.support-help__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
  margin-block-start: var(--space-6);
}
@media (max-width: 29.99em) {
  .support-help__actions,
  .support-help__action {
    inline-size: 100%;
  }
}
.support-faq__text {
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: var(--line-w-1);
  text-underline-offset: var(--space-1);
}
@media (hover: hover) and (pointer: fine) {
  .support-topic:hover::after {
    opacity: 1;
  }
  .support-faq__question:hover .support-faq__text {
    text-decoration-color: var(--link-underline);
  }
  .support-faq__division-name:hover,
  .support-faq__link:hover {
    text-decoration-thickness: var(--line-w-2);
  }
}
@media (forced-colors: active) {
  .support-faq__text {
    text-decoration-line: none;
  }
  .support-faq__question:hover .support-faq__text {
    text-decoration-line: underline;
  }
}
@media (prefers-reduced-motion: reduce) {
  .support-topic::after,
  .support-faq__chevron {
    transition: none;
  }
  .support-faq[open] > .support-faq__answer {
    animation: none;
  }
}
}
/* motion.css */
@layer motion {
.button:not(.skip-link),
.text-button,
.theme-group__option,
.link-quiet:not(.plate__link),
.site-nav__link,
.menu-panel__link,
.site-footer__link,
.detail__link,
.lockup-a {
  transition:
    transform var(--dur-release) var(--ease-out),
    opacity var(--dur-release) var(--ease-out);
}
.button:not(.skip-link):active:not(:focus-visible),
.text-button:active:not(:focus-visible),
.theme-group__option:active:not(:focus-visible),
.link-quiet:not(.plate__link):active:not(:focus-visible),
.site-nav__link:active:not(:focus-visible),
.menu-panel__link:active:not(:focus-visible),
.site-footer__link:active:not(:focus-visible),
.detail__link:active:not(:focus-visible),
.lockup-a:active:not(:focus-visible) {
  transform: scale(var(--press-scale));
  opacity: var(--press-opacity);
  transition-duration: var(--dur-press);
}
.button:disabled:active,
.button[aria-disabled="true"]:active,
.text-button:disabled:active {
  transform: none;
  opacity: 1;
}
.menu-panel__link {
  transform-origin: left center;
}
.menu-panel__link:dir(rtl) {
  transform-origin: right center;
}
.button::before,
.plate:not(.plate--future)::before {
  transition: opacity var(--dur-hover) var(--ease-hover);
}
.plate:not(.plate--future):active::before {
  transition: none;
}
.menu-panel {
  transform-origin: calc(100% - var(--gutter)) calc(var(--header-inset) + var(--header-h) / 2);
  transition:
    opacity var(--dur-ui) var(--ease-out),
    transform var(--dur-ui) var(--ease-out),
    overlay var(--dur-ui) var(--ease-out) allow-discrete,
    display var(--dur-ui) var(--ease-out) allow-discrete;
}
.menu-panel:dir(rtl) {
  transform-origin: var(--gutter) calc(var(--header-inset) + var(--header-h) / 2);
}
.menu-panel:not([open]) {
  opacity: 0;
  transform: scale(var(--enter-scale));
}
.menu-panel[open] {
  transition-duration: var(--dur-panel);
}
@starting-style {
  .menu-panel[open] {
    opacity: 0;
    transform: scale(var(--enter-scale));
  }
}
.form-status {
  transition:
    opacity var(--dur-ui) var(--ease-out),
    transform var(--dur-ui) var(--ease-out);
}
@starting-style {
  .form-status:not([hidden]) {
    opacity: 0;
    transform: translateY(var(--enter-rise));
  }
}
.form-status.form-status--instant {
  transition: none;
}
.cookie-notice {
  transition:
    opacity var(--dur-ui-exit) var(--ease-out),
    transform var(--dur-ui-exit) var(--ease-out),
    display var(--dur-ui-exit) var(--ease-out) allow-discrete;
}
.cookie-notice[hidden] {
  opacity: 0;
  transform: translateY(var(--enter-rise));
}
.cookie-notice.cookie-notice--instant {
  transition: none;
}
::view-transition-group(root) {
  animation-duration: var(--dur-page);
  animation-timing-function: var(--ease-out);
}
::view-transition-old(root) {
  animation: none;
  mix-blend-mode: normal;
}
::view-transition-new(root) {
  animation: page-fade-in var(--dur-page) var(--ease-out) both;
  mix-blend-mode: normal;
}
@keyframes page-fade-in {
  from { opacity: 0; }
}
.spotlight {
  display: none;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .blueprint:has(> .spotlight),
  [data-js~="hero"]:has(> .spotlight) {
    isolation: isolate;
  }
  .spotlight {
    display: block;
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: 0;
    overflow: clip;
    pointer-events: none;
    background-position: inherit;
    background-size: inherit;
  }
  .spotlight__lens {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: calc(2 * var(--spotlight-radius));
    block-size: calc(2 * var(--spotlight-radius));
    overflow: clip;
    opacity: 0;
    background-position: inherit;
    background-size: inherit;
    -webkit-mask-image: radial-gradient(closest-side, currentColor 20%, transparent 80%);
    mask-image: radial-gradient(closest-side, currentColor 20%, transparent 80%);
    transition: opacity var(--dur-ui-exit) var(--ease-out);
  }
  .spotlight__lens[data-on] {
    opacity: 1;
    will-change: transform;
    transition-duration: var(--dur-ui);
  }
  .spotlight__grid {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: calc(2 * var(--spotlight-radius) + var(--grid-module));
    block-size: calc(2 * var(--spotlight-radius) + var(--grid-module));
    background-image:
      linear-gradient(to right, var(--spotlight-line) 0 var(--line-w-1), transparent var(--line-w-1)),
      linear-gradient(to bottom, var(--spotlight-line) 0 var(--line-w-1), transparent var(--line-w-1));
    background-position: inherit;
    background-size: inherit;
  }
  .spotlight__lens[data-on] .spotlight__grid {
    will-change: transform;
  }
  [data-js~="hero"] > .spotlight {
    display: none;
  }
}
@media (forced-colors: active) {
  .spotlight {
    display: none;
  }
}
.site-nav__link,
.menu-panel__link,
.site-footer__link,
.link-quiet:not(.plate__link),
.plate__link,
.legal__toc-link,
.support-faq__link,
.support-faq__division-name {
  transition:
    transform var(--dur-release) var(--ease-out),
    opacity var(--dur-release) var(--ease-out),
    background-color var(--dur-hover) var(--ease-hover),
    text-decoration-color var(--dur-hover) var(--ease-hover);
}
.text-button > span,
.theme-group__word,
.support-faq__text {
  transition: text-decoration-color var(--dur-hover) var(--ease-hover);
}
.theme-fab {
  transition:
    transform var(--dur-release) var(--ease-out),
    opacity var(--dur-release) var(--ease-out);
}
.support-topic,
.plate:not(.plate--future) {
  transition:
    transform var(--dur-ui) var(--ease-out),
    opacity var(--dur-release) var(--ease-out);
}
.field__input {
  transition: border-color var(--dur-hover) var(--ease-hover);
}
.field__input:focus-visible {
  transition: none;
}
@media (hover: hover) and (pointer: fine) {
  :where(.button:not(.skip-link), .theme-fab, .video-control):not(:disabled):not([aria-disabled="true"]):hover {
    transform: translateY(calc(var(--hover-lift) * -1));
  }
  :where(.support-topic, .plate:not(.plate--future)):hover {
    transform: translateY(calc(var(--hover-lift-card) * -1));
  }
}
:where(.theme-fab, .video-control, .support-topic, .legal__toc-link):not(:disabled):active:not(:focus-visible) {
  transform: scale(var(--press-scale));
  opacity: var(--press-opacity);
  transition-duration: var(--dur-press);
}
.plate:not(.plate--future):active {
  transform: none;
  transition-duration: var(--dur-press);
}
.button.hero__secondary,
.video-control {
  transition:
    transform var(--dur-release) var(--ease-out),
    opacity var(--dur-release) var(--ease-out),
    border-color var(--dur-hover) var(--ease-hover);
}
@media (hover: hover) and (pointer: fine) {
  .hero__secondary:hover {
    border-color: var(--on-media-accent);
  }
  .hero__secondary:hover::before {
    opacity: 0;
  }
}
}
/* mobile.css */
@layer utilities {
html {
  -webkit-tap-highlight-color: transparent;
}
a[href],
button,
input,
select,
textarea,
label,
summary,
[role="button"] {
  touch-action: manipulation;
}
button,
.button,
[role="button"] {
  -webkit-user-select: none;
  user-select: none;
}
a[href]:active:not(:focus-visible) {
  text-decoration-thickness: var(--line-w-2);
}
.site-header__bar {
  padding-block-start: var(--safe-block-start);
  min-block-size: calc(var(--header-h) + var(--safe-block-start));
}
@media (min-width: 60em) {
  .site-header {
    padding-block-start: calc(var(--header-inset) + var(--safe-block-start));
  }
  .site-header__bar {
    padding-block-start: 0;
    min-block-size: var(--header-h);
  }
}
.menu-panel {
  padding-block: var(--safe-block-start) var(--safe-block-end);
}
.skip-link {
  margin-block-start: var(--safe-block-start);
  margin-inline-start: var(--safe-inline);
}
@media (min-height: 30em) {
  .cookie-notice {
    margin-block-end: var(--safe-block-end);
  }
}
@supports (block-size: 100dvh) {
  .menu-panel {
    block-size: var(--screen-block-dynamic);
  }
}
@media (pointer: coarse) {
  .menu-panel {
    background-color: var(--glass-panel-bg-solid);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
}