/* classic.css: the main site's student papers, student research, Pulp101 and data story, inside v3.
   Taken from the main site's built CSS (only rules those pages use), run on v3's tokens and modes, then set in v3's type. */
:root {--pulp-noir: #191A19;
  --pulp-newsprint: #F0F0EC;
  --pulp-carbon-copy: #2A2B2A;
  --pulp-pulp-stock: #E7E7E4;
  --pulp-lithograph: #D0D0CC;
  --pulp-smudge: #C9C9C5;
  --pulp-stick: #4A3B2E;
  --pulp-bubble: #E7E3F6;
  --pulp-blacklight: #5B4E9A;
  --pulp-halftone: #372F5C;
  --pulp-highlighter: #E6F21A;
  --pulp-damani-cyan: #12C8E0;
  --pulp-wintergreen: #00C690;
  --pulp-wintergreen-bright: #00DF96;
  --pulp-akira-red: #D8261E;
  --pulp-wen-blue: #0A62A6;
  --pulp-nicole-steel: #4682B4;
  --pulp-alan-green: #419F59;
  --pulp-milana-blue: #1398D1;
  --pulp-pat-teal: #00A19C;
  --pulp-rifaz-blue: #57A0D2;
  --pulp-hannah-green: #009E60;
  --pulp-hannah-emerald: #50C878;
  --pulp-pink-matter: #C361BC;
  --pulp-pink-matter-deep: #9A3D94;
  --pulp-pink-matter-light: #E29ADC;
  --pulp-gray-matter: #A69FA2;
  --s-0: 0px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-96: 96px;
  --r-0: 0;
  --r-6: 6px;
  --r-pill: 999px;
  --dur-quick: 120ms;
  --dur-settle: 240ms;
  --dur-breath: 480ms;
  --dur-loader: 1600ms;
  --ease-arrive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --ease-scroll: linear;
  --z-under: -1;
  --z-rail: 45;
  --z-bar: 50;
  --z-modal: 80;
  --f-display: 'Libre Franklin', Arial, sans-serif;
  --f-reading: 'Libre Franklin', Arial, sans-serif;
  --col: 680px;
  --frame: 1180px;
  --gutter: 16px;
  --tap: 44px;
  --tap-floor: 24px;
  --line-w: 1px;
  --ring-w: 2px;
  --bar-h: 64px;
  --dim: 0.55;
  --scrim-a: 0.45;
  --t-display: clamp(36px, 11.4vw, 44px);
  --t-heading: 32px;
  --t-title: 20px;
  --t-body: 18px;
  --t-small: 15px;
  --t-caption: 13px;
  --t-label: 12px;
  --lh-display: 0.94;
  --lh-heading: 1.05;
  --lh-title: 1.2;
  --lh-body: 1.5;
  --track-label: 0.14em;
  --track-display: -0.005em;
  --track-heading: -0.01em;
  --img-hero: 160px;
  --img-peek: 96px;
  --img-aside: 320px;
  --img-tile: 280px;
  --img-plate-row: 240px;
  --plate-ratio: 4 / 3;
  --print-w: 1200px;
  --print-w-strip: 960px;
  --strip-h: 96px;
  --glass-veil: 72%;
  --glass-blur: 14px;
  --glass-saturate: 1;
  --glass-fade-start: 64%;
  --glass-fade-end: 94%;
  --glass-bleed: 48px;
  --glass-veil-fallback: 92%;
  --glass-ground: var(--c-ground);
  --glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  --glass-fade: radial-gradient(closest-side, #000 var(--glass-fade-start), transparent var(--glass-fade-end));
  --glass-halo: 0 0 2px var(--glass-ground), 0 0 8px var(--glass-ground), 0 0 16px var(--glass-ground);
  --dialog-w: 560px;
  --rise: 8px;
  --peek-rise: 40%;
  --press: 0.98;
  --photo-h: 320px;
  --photo-max: 78svh;
  --parallax: clamp(40px, 24svh, 240px);
  --grad-glow-strength: 22%;
  --grad-scrim-strength: 82%;
  --grad-feature-solid: 34%;
  --grad-hero: radial-gradient(56% 72% at 84% 46%, color-mix(in srgb, var(--c-glow) var(--grad-glow-strength), transparent), transparent 72%), linear-gradient(180deg, var(--c-ground) 0%, var(--c-ground) 55%, var(--c-band) 100%);
  --grad-scrim: linear-gradient(0deg, color-mix(in srgb, var(--c-photo-ground) var(--grad-scrim-strength), transparent) 0%, transparent 64%);
  --grad-feature-dir: 180deg;
  --grad-feature: linear-gradient(var(--grad-feature-dir), var(--c-feature) 0%, var(--c-feature) var(--grad-feature-solid), color-mix(in srgb, var(--c-feature) 62%, transparent) 70%, color-mix(in srgb, var(--c-feature) 24%, transparent) 100%);
  --mode-h: 44px;
  --blink: 0.1;
  --underline: 1px;
  --underline-hover: 2px;}
@media (min-width: 560px) {
  :root {--gutter: 24px;}
}
@media (min-width: 768px) {
  :root {--photo-h: 440px; --strip-h: 120px; --t-display: 64px; --t-heading: 40px; --t-title: 22px; --t-body: 19px; --img-hero: 240px; --img-peek: 128px; --bar-h: 72px;}
}
@media (min-width: 1024px) {
  :root {--photo-h: 560px; --grad-feature-dir: 90deg; --t-display: 92px; --t-heading: 44px; --t-title: 24px; --img-hero: 280px; --img-peek: 160px;}
}
@media (min-width: 1280px) {
  :root {--img-hero: 320px;}
}
@media (min-width: 1024px) {
  :root {--mode-h: 32px;}
}
@media (pointer: coarse) {
  :root {--mode-h: 44px;}
}
@media (min-width: 768px) {
  :root {--t-heading: 44px;}
}
@media (min-width: 1024px) {
  :root {--t-heading: 56px;}
}
:root {--dur-none: 0ms; --pulp-black: #000000; --pulp-white: #FFFFFF; --size-10: 10px; --size-10p5: 10.5px; --size-11: 11px; --size-110: 110px; --size-1160: 1160px; --size-12: 12px; --size-120: 120px; --size-130: 130px; --size-14: 14px; --size-1400: 1400px; --size-15: 15px; --size-150: 150px; --size-16: 16px; --size-18: 18px; --size-180: 180px; --size-200: 200px; --size-22: 22px; --size-220: 220px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-3: 3px; --size-30: 30px; --size-300: 300px; --size-320: 320px; --size-34: 34px; --size-360: 360px; --size-38: 38px; --size-40: 40px; --size-420: 420px; --size-44: 44px; --size-46: 46px; --size-50: 50px; --size-52: 52px; --size-6: 6px; --size-60: 60px; --size-64: 64px; --size-640: 640px; --size-7: 7px; --size-72: 72px; --size-720: 720px; --size-760: 760px; --size-80: 80px; --size-860: 860px; --size-880: 880px; --size-9: 9px; --size-900: 900px; --size-999: 999px; --z-label: 3; --z-raise: 1; --z-sink-2: -2; --z-sink-3: -3;}
:root {--pulp-noir: #191A19;
  --pulp-newsprint: #F0F0EC;
  --pulp-carbon-copy: #2A2B2A;
  --pulp-pulp-stock: #E7E7E4;
  --pulp-lithograph: #D0D0CC;
  --pulp-smudge: #C9C9C5;
  --pulp-stick: #4A3B2E;
  --pulp-bubble: #E7E3F6;
  --pulp-blacklight: #5B4E9A;
  --pulp-halftone: #372F5C;
  --pulp-highlighter: #E6F21A;
  --pulp-damani-cyan: #12C8E0;
  --pulp-wintergreen: #00C690;
  --pulp-wintergreen-bright: #00DF96;
  --pulp-akira-red: #D8261E;
  --pulp-wen-blue: #0A62A6;
  --pulp-nicole-steel: #4682B4;
  --pulp-alan-green: #419F59;
  --pulp-milana-blue: #1398D1;
  --pulp-pat-teal: #00A19C;
  --pulp-rifaz-blue: #57A0D2;
  --pulp-hannah-green: #009E60;
  --pulp-hannah-emerald: #50C878;
  --pulp-pink-matter: #C361BC;
  --pulp-pink-matter-deep: #9A3D94;
  --pulp-pink-matter-light: #E29ADC;
  --pulp-gray-matter: #A69FA2;
  --s-0: 0px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-96: 96px;
  --r-0: 0;
  --r-6: 6px;
  --r-pill: 999px;
  --dur-quick: 120ms;
  --dur-settle: 240ms;
  --dur-breath: 480ms;
  --dur-loader: 1600ms;
  --ease-arrive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --ease-scroll: linear;
  --z-under: -1;
  --z-rail: 45;
  --z-bar: 50;
  --z-modal: 80;
  --f-display: 'Libre Franklin', Arial, sans-serif;
  --f-reading: 'Libre Franklin', Arial, sans-serif;
  --col: 680px;
  --frame: 1180px;
  --gutter: 16px;
  --tap: 44px;
  --tap-floor: 24px;
  --line-w: 1px;
  --ring-w: 2px;
  --bar-h: 64px;
  --dim: 0.55;
  --scrim-a: 0.45;
  --t-display: clamp(36px, 11.4vw, 44px);
  --t-heading: 32px;
  --t-title: 20px;
  --t-body: 18px;
  --t-small: 15px;
  --t-caption: 13px;
  --t-label: 12px;
  --lh-display: 0.94;
  --lh-heading: 1.05;
  --lh-title: 1.2;
  --lh-body: 1.5;
  --track-label: 0.14em;
  --track-display: -0.005em;
  --track-heading: -0.01em;
  --img-hero: 160px;
  --img-peek: 96px;
  --img-aside: 320px;
  --img-tile: 280px;
  --img-plate-row: 240px;
  --plate-ratio: 4 / 3;
  --print-w: 1200px;
  --print-w-strip: 960px;
  --strip-h: 96px;
  --glass-veil: 72%;
  --glass-blur: 14px;
  --glass-saturate: 1;
  --glass-fade-start: 64%;
  --glass-fade-end: 94%;
  --glass-bleed: 48px;
  --glass-veil-fallback: 92%;
  --glass-ground: var(--c-ground);
  --glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  --glass-fade: radial-gradient(closest-side, #000 var(--glass-fade-start), transparent var(--glass-fade-end));
  --glass-halo: 0 0 2px var(--glass-ground), 0 0 8px var(--glass-ground), 0 0 16px var(--glass-ground);
  --dialog-w: 560px;
  --rise: 8px;
  --peek-rise: 40%;
  --press: 0.98;
  --photo-h: 320px;
  --photo-max: 78svh;
  --parallax: clamp(40px, 24svh, 240px);
  --grad-glow-strength: 22%;
  --grad-scrim-strength: 82%;
  --grad-feature-solid: 34%;
  --grad-hero: radial-gradient(56% 72% at 84% 46%, color-mix(in srgb, var(--c-glow) var(--grad-glow-strength), transparent), transparent 72%), linear-gradient(180deg, var(--c-ground) 0%, var(--c-ground) 55%, var(--c-band) 100%);
  --grad-scrim: linear-gradient(0deg, color-mix(in srgb, var(--c-photo-ground) var(--grad-scrim-strength), transparent) 0%, transparent 64%);
  --grad-feature-dir: 180deg;
  --grad-feature: linear-gradient(var(--grad-feature-dir), var(--c-feature) 0%, var(--c-feature) var(--grad-feature-solid), color-mix(in srgb, var(--c-feature) 62%, transparent) 70%, color-mix(in srgb, var(--c-feature) 24%, transparent) 100%);
  --mode-h: 44px;
  --blink: 0.1;
  --underline: 1px;
  --underline-hover: 2px;}
@media (min-width: 560px) {
  :root {--gutter: 24px;}
}
@media (min-width: 768px) {
  :root {--photo-h: 440px; --strip-h: 120px; --t-display: 64px; --t-heading: 40px; --t-title: 22px; --t-body: 19px; --img-hero: 240px; --img-peek: 128px; --bar-h: 72px;}
}
@media (min-width: 1024px) {
  :root {--photo-h: 560px; --grad-feature-dir: 90deg; --t-display: 92px; --t-heading: 44px; --t-title: 24px; --img-hero: 280px; --img-peek: 160px;}
}
@media (min-width: 1280px) {
  :root {--img-hero: 320px;}
}
@media (min-width: 1024px) {
  :root {--mode-h: 32px;}
}
@media (pointer: coarse) {
  :root {--mode-h: 44px;}
}
@media (min-width: 768px) {
  :root {--t-heading: 44px;}
}
@media (min-width: 1024px) {
  :root {--t-heading: 56px;}
}
:root {--dur-none: 0ms; --pulp-black: #000000; --pulp-white: #FFFFFF; --size-10: 10px; --size-10p5: 10.5px; --size-11: 11px; --size-110: 110px; --size-1160: 1160px; --size-12: 12px; --size-120: 120px; --size-130: 130px; --size-14: 14px; --size-1400: 1400px; --size-15: 15px; --size-150: 150px; --size-16: 16px; --size-18: 18px; --size-180: 180px; --size-200: 200px; --size-22: 22px; --size-220: 220px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-3: 3px; --size-30: 30px; --size-300: 300px; --size-320: 320px; --size-34: 34px; --size-360: 360px; --size-38: 38px; --size-40: 40px; --size-420: 420px; --size-44: 44px; --size-46: 46px; --size-50: 50px; --size-52: 52px; --size-6: 6px; --size-60: 60px; --size-64: 64px; --size-640: 640px; --size-7: 7px; --size-72: 72px; --size-720: 720px; --size-760: 760px; --size-80: 80px; --size-860: 860px; --size-880: 880px; --size-9: 9px; --size-900: 900px; --size-999: 999px; --z-label: 3; --z-raise: 1; --z-sink-2: -2; --z-sink-3: -3;}
:root {--pulp-noir: #191A19;
  --pulp-newsprint: #F0F0EC;
  --pulp-carbon-copy: #2A2B2A;
  --pulp-pulp-stock: #E7E7E4;
  --pulp-lithograph: #D0D0CC;
  --pulp-smudge: #C9C9C5;
  --pulp-stick: #4A3B2E;
  --pulp-bubble: #E7E3F6;
  --pulp-blacklight: #5B4E9A;
  --pulp-halftone: #372F5C;
  --pulp-highlighter: #E6F21A;
  --pulp-damani-cyan: #12C8E0;
  --pulp-wintergreen: #00C690;
  --pulp-wintergreen-bright: #00DF96;
  --pulp-akira-red: #D8261E;
  --pulp-wen-blue: #0A62A6;
  --pulp-nicole-steel: #4682B4;
  --pulp-alan-green: #419F59;
  --pulp-milana-blue: #1398D1;
  --pulp-pat-teal: #00A19C;
  --pulp-rifaz-blue: #57A0D2;
  --pulp-hannah-green: #009E60;
  --pulp-hannah-emerald: #50C878;
  --pulp-pink-matter: #C361BC;
  --pulp-pink-matter-deep: #9A3D94;
  --pulp-pink-matter-light: #E29ADC;
  --pulp-gray-matter: #A69FA2;
  --s-0: 0px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-96: 96px;
  --r-0: 0;
  --r-6: 6px;
  --r-pill: 999px;
  --dur-quick: 120ms;
  --dur-settle: 240ms;
  --dur-breath: 480ms;
  --dur-loader: 1600ms;
  --ease-arrive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --ease-scroll: linear;
  --z-under: -1;
  --z-rail: 45;
  --z-bar: 50;
  --z-modal: 80;
  --f-display: 'Libre Franklin', Arial, sans-serif;
  --f-reading: 'Libre Franklin', Arial, sans-serif;
  --col: 680px;
  --frame: 1180px;
  --gutter: 16px;
  --tap: 44px;
  --tap-floor: 24px;
  --line-w: 1px;
  --ring-w: 2px;
  --bar-h: 64px;
  --dim: 0.55;
  --scrim-a: 0.45;
  --t-display: clamp(36px, 11.4vw, 44px);
  --t-heading: 32px;
  --t-title: 20px;
  --t-body: 18px;
  --t-small: 15px;
  --t-caption: 13px;
  --t-label: 12px;
  --lh-display: 0.94;
  --lh-heading: 1.05;
  --lh-title: 1.2;
  --lh-body: 1.5;
  --track-label: 0.14em;
  --track-display: -0.005em;
  --track-heading: -0.01em;
  --img-hero: 160px;
  --img-peek: 96px;
  --img-aside: 320px;
  --img-tile: 280px;
  --img-plate-row: 240px;
  --plate-ratio: 4 / 3;
  --print-w: 1200px;
  --print-w-strip: 960px;
  --strip-h: 96px;
  --glass-veil: 72%;
  --glass-blur: 14px;
  --glass-saturate: 1;
  --glass-fade-start: 64%;
  --glass-fade-end: 94%;
  --glass-bleed: 48px;
  --glass-veil-fallback: 92%;
  --glass-ground: var(--c-ground);
  --glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  --glass-fade: radial-gradient(closest-side, #000 var(--glass-fade-start), transparent var(--glass-fade-end));
  --glass-halo: 0 0 2px var(--glass-ground), 0 0 8px var(--glass-ground), 0 0 16px var(--glass-ground);
  --dialog-w: 560px;
  --rise: 8px;
  --peek-rise: 40%;
  --press: 0.98;
  --photo-h: 320px;
  --photo-max: 78svh;
  --parallax: clamp(40px, 24svh, 240px);
  --grad-glow-strength: 22%;
  --grad-scrim-strength: 82%;
  --grad-feature-solid: 34%;
  --grad-hero: radial-gradient(56% 72% at 84% 46%, color-mix(in srgb, var(--c-glow) var(--grad-glow-strength), transparent), transparent 72%), linear-gradient(180deg, var(--c-ground) 0%, var(--c-ground) 55%, var(--c-band) 100%);
  --grad-scrim: linear-gradient(0deg, color-mix(in srgb, var(--c-photo-ground) var(--grad-scrim-strength), transparent) 0%, transparent 64%);
  --grad-feature-dir: 180deg;
  --grad-feature: linear-gradient(var(--grad-feature-dir), var(--c-feature) 0%, var(--c-feature) var(--grad-feature-solid), color-mix(in srgb, var(--c-feature) 62%, transparent) 70%, color-mix(in srgb, var(--c-feature) 24%, transparent) 100%);
  --mode-h: 44px;
  --blink: 0.1;
  --underline: 1px;
  --underline-hover: 2px;}
@media (min-width: 560px) {
  :root {--gutter: 24px;}
}
@media (min-width: 768px) {
  :root {--photo-h: 440px; --strip-h: 120px; --t-display: 64px; --t-heading: 40px; --t-title: 22px; --t-body: 19px; --img-hero: 240px; --img-peek: 128px; --bar-h: 72px;}
}
@media (min-width: 1024px) {
  :root {--photo-h: 560px; --grad-feature-dir: 90deg; --t-display: 92px; --t-heading: 44px; --t-title: 24px; --img-hero: 280px; --img-peek: 160px;}
}
@media (min-width: 1280px) {
  :root {--img-hero: 320px;}
}
@media (min-width: 1024px) {
  :root {--mode-h: 32px;}
}
@media (pointer: coarse) {
  :root {--mode-h: 44px;}
}
@media (min-width: 768px) {
  :root {--t-heading: 44px;}
}
@media (min-width: 1024px) {
  :root {--t-heading: 56px;}
}
:root {--dur-none: 0ms; --pulp-black: #000000; --pulp-white: #FFFFFF; --size-10: 10px; --size-10p5: 10.5px; --size-11: 11px; --size-110: 110px; --size-1160: 1160px; --size-12: 12px; --size-120: 120px; --size-130: 130px; --size-14: 14px; --size-1400: 1400px; --size-15: 15px; --size-150: 150px; --size-16: 16px; --size-18: 18px; --size-180: 180px; --size-200: 200px; --size-22: 22px; --size-220: 220px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-3: 3px; --size-30: 30px; --size-300: 300px; --size-320: 320px; --size-34: 34px; --size-360: 360px; --size-38: 38px; --size-40: 40px; --size-420: 420px; --size-44: 44px; --size-46: 46px; --size-50: 50px; --size-52: 52px; --size-6: 6px; --size-60: 60px; --size-64: 64px; --size-640: 640px; --size-7: 7px; --size-72: 72px; --size-720: 720px; --size-760: 760px; --size-80: 80px; --size-860: 860px; --size-880: 880px; --size-9: 9px; --size-900: 900px; --size-999: 999px; --z-label: 3; --z-raise: 1; --z-sink-2: -2; --z-sink-3: -3;}
:root {--pulp-noir: #191A19;
  --pulp-newsprint: #F0F0EC;
  --pulp-carbon-copy: #2A2B2A;
  --pulp-pulp-stock: #E7E7E4;
  --pulp-lithograph: #D0D0CC;
  --pulp-smudge: #C9C9C5;
  --pulp-stick: #4A3B2E;
  --pulp-bubble: #E7E3F6;
  --pulp-blacklight: #5B4E9A;
  --pulp-halftone: #372F5C;
  --pulp-highlighter: #E6F21A;
  --pulp-damani-cyan: #12C8E0;
  --pulp-wintergreen: #00C690;
  --pulp-wintergreen-bright: #00DF96;
  --pulp-akira-red: #D8261E;
  --pulp-wen-blue: #0A62A6;
  --pulp-nicole-steel: #4682B4;
  --pulp-alan-green: #419F59;
  --pulp-milana-blue: #1398D1;
  --pulp-pat-teal: #00A19C;
  --pulp-rifaz-blue: #57A0D2;
  --pulp-hannah-green: #009E60;
  --pulp-hannah-emerald: #50C878;
  --pulp-pink-matter: #C361BC;
  --pulp-pink-matter-deep: #9A3D94;
  --pulp-pink-matter-light: #E29ADC;
  --pulp-gray-matter: #A69FA2;
  --s-0: 0px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-96: 96px;
  --r-0: 0;
  --r-6: 6px;
  --r-pill: 999px;
  --dur-quick: 120ms;
  --dur-settle: 240ms;
  --dur-breath: 480ms;
  --dur-loader: 1600ms;
  --ease-arrive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --ease-scroll: linear;
  --z-under: -1;
  --z-rail: 45;
  --z-bar: 50;
  --z-modal: 80;
  --f-display: 'Libre Franklin', Arial, sans-serif;
  --f-reading: 'Libre Franklin', Arial, sans-serif;
  --col: 680px;
  --frame: 1180px;
  --gutter: 16px;
  --tap: 44px;
  --tap-floor: 24px;
  --line-w: 1px;
  --ring-w: 2px;
  --bar-h: 64px;
  --dim: 0.55;
  --scrim-a: 0.45;
  --t-display: clamp(36px, 11.4vw, 44px);
  --t-heading: 32px;
  --t-title: 20px;
  --t-body: 18px;
  --t-small: 15px;
  --t-caption: 13px;
  --t-label: 12px;
  --lh-display: 0.94;
  --lh-heading: 1.05;
  --lh-title: 1.2;
  --lh-body: 1.5;
  --track-label: 0.14em;
  --track-display: -0.005em;
  --track-heading: -0.01em;
  --img-hero: 160px;
  --img-peek: 96px;
  --img-aside: 320px;
  --img-tile: 280px;
  --img-plate-row: 240px;
  --plate-ratio: 4 / 3;
  --print-w: 1200px;
  --print-w-strip: 960px;
  --strip-h: 96px;
  --glass-veil: 72%;
  --glass-blur: 14px;
  --glass-saturate: 1;
  --glass-fade-start: 64%;
  --glass-fade-end: 94%;
  --glass-bleed: 48px;
  --glass-veil-fallback: 92%;
  --glass-ground: var(--c-ground);
  --glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  --glass-fade: radial-gradient(closest-side, #000 var(--glass-fade-start), transparent var(--glass-fade-end));
  --glass-halo: 0 0 2px var(--glass-ground), 0 0 8px var(--glass-ground), 0 0 16px var(--glass-ground);
  --dialog-w: 560px;
  --rise: 8px;
  --peek-rise: 40%;
  --press: 0.98;
  --photo-h: 320px;
  --photo-max: 78svh;
  --parallax: clamp(40px, 24svh, 240px);
  --grad-glow-strength: 22%;
  --grad-scrim-strength: 82%;
  --grad-feature-solid: 34%;
  --grad-hero: radial-gradient(56% 72% at 84% 46%, color-mix(in srgb, var(--c-glow) var(--grad-glow-strength), transparent), transparent 72%), linear-gradient(180deg, var(--c-ground) 0%, var(--c-ground) 55%, var(--c-band) 100%);
  --grad-scrim: linear-gradient(0deg, color-mix(in srgb, var(--c-photo-ground) var(--grad-scrim-strength), transparent) 0%, transparent 64%);
  --grad-feature-dir: 180deg;
  --grad-feature: linear-gradient(var(--grad-feature-dir), var(--c-feature) 0%, var(--c-feature) var(--grad-feature-solid), color-mix(in srgb, var(--c-feature) 62%, transparent) 70%, color-mix(in srgb, var(--c-feature) 24%, transparent) 100%);
  --mode-h: 44px;
  --blink: 0.1;
  --underline: 1px;
  --underline-hover: 2px;}
@media (min-width: 560px) {
  :root {--gutter: 24px;}
}
@media (min-width: 768px) {
  :root {--photo-h: 440px; --strip-h: 120px; --t-display: 64px; --t-heading: 40px; --t-title: 22px; --t-body: 19px; --img-hero: 240px; --img-peek: 128px; --bar-h: 72px;}
}
@media (min-width: 1024px) {
  :root {--photo-h: 560px; --grad-feature-dir: 90deg; --t-display: 92px; --t-heading: 44px; --t-title: 24px; --img-hero: 280px; --img-peek: 160px;}
}
@media (min-width: 1280px) {
  :root {--img-hero: 320px;}
}
@media (min-width: 1024px) {
  :root {--mode-h: 32px;}
}
@media (pointer: coarse) {
  :root {--mode-h: 44px;}
}
@media (min-width: 768px) {
  :root {--t-heading: 44px;}
}
@media (min-width: 1024px) {
  :root {--t-heading: 56px;}
}
:root {--dur-none: 0ms; --pulp-black: #000000; --pulp-white: #FFFFFF; --size-10: 10px; --size-10p5: 10.5px; --size-11: 11px; --size-110: 110px; --size-1160: 1160px; --size-12: 12px; --size-120: 120px; --size-130: 130px; --size-14: 14px; --size-1400: 1400px; --size-15: 15px; --size-150: 150px; --size-16: 16px; --size-18: 18px; --size-180: 180px; --size-200: 200px; --size-22: 22px; --size-220: 220px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-3: 3px; --size-30: 30px; --size-300: 300px; --size-320: 320px; --size-34: 34px; --size-360: 360px; --size-38: 38px; --size-40: 40px; --size-420: 420px; --size-44: 44px; --size-46: 46px; --size-50: 50px; --size-52: 52px; --size-6: 6px; --size-60: 60px; --size-64: 64px; --size-640: 640px; --size-7: 7px; --size-72: 72px; --size-720: 720px; --size-760: 760px; --size-80: 80px; --size-860: 860px; --size-880: 880px; --size-9: 9px; --size-900: 900px; --size-999: 999px; --z-label: 3; --z-raise: 1; --z-sink-2: -2; --z-sink-3: -3;}
:root {--pulp-noir: #191A19;
  --pulp-newsprint: #F0F0EC;
  --pulp-carbon-copy: #2A2B2A;
  --pulp-pulp-stock: #E7E7E4;
  --pulp-lithograph: #D0D0CC;
  --pulp-smudge: #C9C9C5;
  --pulp-stick: #4A3B2E;
  --pulp-bubble: #E7E3F6;
  --pulp-blacklight: #5B4E9A;
  --pulp-halftone: #372F5C;
  --pulp-highlighter: #E6F21A;
  --pulp-damani-cyan: #12C8E0;
  --pulp-wintergreen: #00C690;
  --pulp-wintergreen-bright: #00DF96;
  --pulp-akira-red: #D8261E;
  --pulp-wen-blue: #0A62A6;
  --pulp-nicole-steel: #4682B4;
  --pulp-alan-green: #419F59;
  --pulp-milana-blue: #1398D1;
  --pulp-pat-teal: #00A19C;
  --pulp-rifaz-blue: #57A0D2;
  --pulp-hannah-green: #009E60;
  --pulp-hannah-emerald: #50C878;
  --pulp-pink-matter: #C361BC;
  --pulp-pink-matter-deep: #9A3D94;
  --pulp-pink-matter-light: #E29ADC;
  --pulp-gray-matter: #A69FA2;
  --s-0: 0px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-96: 96px;
  --r-0: 0;
  --r-6: 6px;
  --r-pill: 999px;
  --dur-quick: 120ms;
  --dur-settle: 240ms;
  --dur-breath: 480ms;
  --dur-loader: 1600ms;
  --ease-arrive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --ease-scroll: linear;
  --z-under: -1;
  --z-rail: 45;
  --z-bar: 50;
  --z-modal: 80;
  --f-display: 'Libre Franklin', Arial, sans-serif;
  --f-reading: 'Libre Franklin', Arial, sans-serif;
  --col: 680px;
  --frame: 1180px;
  --gutter: 16px;
  --tap: 44px;
  --tap-floor: 24px;
  --line-w: 1px;
  --ring-w: 2px;
  --bar-h: 64px;
  --dim: 0.55;
  --scrim-a: 0.45;
  --t-display: clamp(36px, 11.4vw, 44px);
  --t-heading: 32px;
  --t-title: 20px;
  --t-body: 18px;
  --t-small: 15px;
  --t-caption: 13px;
  --t-label: 12px;
  --lh-display: 0.94;
  --lh-heading: 1.05;
  --lh-title: 1.2;
  --lh-body: 1.5;
  --track-label: 0.14em;
  --track-display: -0.005em;
  --track-heading: -0.01em;
  --img-hero: 160px;
  --img-peek: 96px;
  --img-aside: 320px;
  --img-tile: 280px;
  --img-plate-row: 240px;
  --plate-ratio: 4 / 3;
  --print-w: 1200px;
  --print-w-strip: 960px;
  --strip-h: 96px;
  --glass-veil: 72%;
  --glass-blur: 14px;
  --glass-saturate: 1;
  --glass-fade-start: 64%;
  --glass-fade-end: 94%;
  --glass-bleed: 48px;
  --glass-veil-fallback: 92%;
  --glass-ground: var(--c-ground);
  --glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  --glass-fade: radial-gradient(closest-side, #000 var(--glass-fade-start), transparent var(--glass-fade-end));
  --glass-halo: 0 0 2px var(--glass-ground), 0 0 8px var(--glass-ground), 0 0 16px var(--glass-ground);
  --dialog-w: 560px;
  --rise: 8px;
  --peek-rise: 40%;
  --press: 0.98;
  --photo-h: 320px;
  --photo-max: 78svh;
  --parallax: clamp(40px, 24svh, 240px);
  --grad-glow-strength: 22%;
  --grad-scrim-strength: 82%;
  --grad-feature-solid: 34%;
  --grad-hero: radial-gradient(56% 72% at 84% 46%, color-mix(in srgb, var(--c-glow) var(--grad-glow-strength), transparent), transparent 72%), linear-gradient(180deg, var(--c-ground) 0%, var(--c-ground) 55%, var(--c-band) 100%);
  --grad-scrim: linear-gradient(0deg, color-mix(in srgb, var(--c-photo-ground) var(--grad-scrim-strength), transparent) 0%, transparent 64%);
  --grad-feature-dir: 180deg;
  --grad-feature: linear-gradient(var(--grad-feature-dir), var(--c-feature) 0%, var(--c-feature) var(--grad-feature-solid), color-mix(in srgb, var(--c-feature) 62%, transparent) 70%, color-mix(in srgb, var(--c-feature) 24%, transparent) 100%);
  --mode-h: 44px;
  --blink: 0.1;
  --underline: 1px;
  --underline-hover: 2px;}
@media (min-width: 560px) {
  :root {--gutter: 24px;}
}
@media (min-width: 768px) {
  :root {--photo-h: 440px; --strip-h: 120px; --t-display: 64px; --t-heading: 40px; --t-title: 22px; --t-body: 19px; --img-hero: 240px; --img-peek: 128px; --bar-h: 72px;}
}
@media (min-width: 1024px) {
  :root {--photo-h: 560px; --grad-feature-dir: 90deg; --t-display: 92px; --t-heading: 44px; --t-title: 24px; --img-hero: 280px; --img-peek: 160px;}
}
@media (min-width: 1280px) {
  :root {--img-hero: 320px;}
}
@media (min-width: 1024px) {
  :root {--mode-h: 32px;}
}
@media (pointer: coarse) {
  :root {--mode-h: 44px;}
}
@media (min-width: 768px) {
  :root {--t-heading: 44px;}
}
@media (min-width: 1024px) {
  :root {--t-heading: 56px;}
}
:root {--dur-none: 0ms; --pulp-black: #000000; --pulp-white: #FFFFFF; --size-10: 10px; --size-10p5: 10.5px; --size-11: 11px; --size-110: 110px; --size-1160: 1160px; --size-12: 12px; --size-120: 120px; --size-130: 130px; --size-14: 14px; --size-1400: 1400px; --size-15: 15px; --size-150: 150px; --size-16: 16px; --size-18: 18px; --size-180: 180px; --size-200: 200px; --size-22: 22px; --size-220: 220px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-3: 3px; --size-30: 30px; --size-300: 300px; --size-320: 320px; --size-34: 34px; --size-360: 360px; --size-38: 38px; --size-40: 40px; --size-420: 420px; --size-44: 44px; --size-46: 46px; --size-50: 50px; --size-52: 52px; --size-6: 6px; --size-60: 60px; --size-64: 64px; --size-640: 640px; --size-7: 7px; --size-72: 72px; --size-720: 720px; --size-760: 760px; --size-80: 80px; --size-860: 860px; --size-880: 880px; --size-9: 9px; --size-900: 900px; --size-999: 999px; --z-label: 3; --z-raise: 1; --z-sink-2: -2; --z-sink-3: -3;}
:root {--pulp-noir: #191A19;
  --pulp-newsprint: #F0F0EC;
  --pulp-carbon-copy: #2A2B2A;
  --pulp-pulp-stock: #E7E7E4;
  --pulp-lithograph: #D0D0CC;
  --pulp-smudge: #C9C9C5;
  --pulp-stick: #4A3B2E;
  --pulp-bubble: #E7E3F6;
  --pulp-blacklight: #5B4E9A;
  --pulp-halftone: #372F5C;
  --pulp-highlighter: #E6F21A;
  --pulp-damani-cyan: #12C8E0;
  --pulp-wintergreen: #00C690;
  --pulp-wintergreen-bright: #00DF96;
  --pulp-akira-red: #D8261E;
  --pulp-wen-blue: #0A62A6;
  --pulp-nicole-steel: #4682B4;
  --pulp-alan-green: #419F59;
  --pulp-milana-blue: #1398D1;
  --pulp-pat-teal: #00A19C;
  --pulp-rifaz-blue: #57A0D2;
  --pulp-hannah-green: #009E60;
  --pulp-hannah-emerald: #50C878;
  --pulp-pink-matter: #C361BC;
  --pulp-pink-matter-deep: #9A3D94;
  --pulp-pink-matter-light: #E29ADC;
  --pulp-gray-matter: #A69FA2;
  --s-0: 0px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-96: 96px;
  --r-0: 0;
  --r-6: 6px;
  --r-pill: 999px;
  --dur-quick: 120ms;
  --dur-settle: 240ms;
  --dur-breath: 480ms;
  --dur-loader: 1600ms;
  --ease-arrive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --ease-scroll: linear;
  --z-under: -1;
  --z-rail: 45;
  --z-bar: 50;
  --z-modal: 80;
  --f-display: 'Libre Franklin', Arial, sans-serif;
  --f-reading: 'Libre Franklin', Arial, sans-serif;
  --col: 680px;
  --frame: 1180px;
  --gutter: 16px;
  --tap: 44px;
  --tap-floor: 24px;
  --line-w: 1px;
  --ring-w: 2px;
  --bar-h: 64px;
  --dim: 0.55;
  --scrim-a: 0.45;
  --t-display: clamp(36px, 11.4vw, 44px);
  --t-heading: 32px;
  --t-title: 20px;
  --t-body: 18px;
  --t-small: 15px;
  --t-caption: 13px;
  --t-label: 12px;
  --lh-display: 0.94;
  --lh-heading: 1.05;
  --lh-title: 1.2;
  --lh-body: 1.5;
  --track-label: 0.14em;
  --track-display: -0.005em;
  --track-heading: -0.01em;
  --img-hero: 160px;
  --img-peek: 96px;
  --img-aside: 320px;
  --img-tile: 280px;
  --img-plate-row: 240px;
  --plate-ratio: 4 / 3;
  --print-w: 1200px;
  --print-w-strip: 960px;
  --strip-h: 96px;
  --glass-veil: 72%;
  --glass-blur: 14px;
  --glass-saturate: 1;
  --glass-fade-start: 64%;
  --glass-fade-end: 94%;
  --glass-bleed: 48px;
  --glass-veil-fallback: 92%;
  --glass-ground: var(--c-ground);
  --glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  --glass-fade: radial-gradient(closest-side, #000 var(--glass-fade-start), transparent var(--glass-fade-end));
  --glass-halo: 0 0 2px var(--glass-ground), 0 0 8px var(--glass-ground), 0 0 16px var(--glass-ground);
  --dialog-w: 560px;
  --rise: 8px;
  --peek-rise: 40%;
  --press: 0.98;
  --photo-h: 320px;
  --photo-max: 78svh;
  --parallax: clamp(40px, 24svh, 240px);
  --grad-glow-strength: 22%;
  --grad-scrim-strength: 82%;
  --grad-feature-solid: 34%;
  --grad-hero: radial-gradient(56% 72% at 84% 46%, color-mix(in srgb, var(--c-glow) var(--grad-glow-strength), transparent), transparent 72%), linear-gradient(180deg, var(--c-ground) 0%, var(--c-ground) 55%, var(--c-band) 100%);
  --grad-scrim: linear-gradient(0deg, color-mix(in srgb, var(--c-photo-ground) var(--grad-scrim-strength), transparent) 0%, transparent 64%);
  --grad-feature-dir: 180deg;
  --grad-feature: linear-gradient(var(--grad-feature-dir), var(--c-feature) 0%, var(--c-feature) var(--grad-feature-solid), color-mix(in srgb, var(--c-feature) 62%, transparent) 70%, color-mix(in srgb, var(--c-feature) 24%, transparent) 100%);
  --mode-h: 44px;
  --blink: 0.1;
  --underline: 1px;
  --underline-hover: 2px;}
@media (min-width: 560px) {
  :root {--gutter: 24px;}
}
@media (min-width: 768px) {
  :root {--photo-h: 440px; --strip-h: 120px; --t-display: 64px; --t-heading: 40px; --t-title: 22px; --t-body: 19px; --img-hero: 240px; --img-peek: 128px; --bar-h: 72px;}
}
@media (min-width: 1024px) {
  :root {--photo-h: 560px; --grad-feature-dir: 90deg; --t-display: 92px; --t-heading: 44px; --t-title: 24px; --img-hero: 280px; --img-peek: 160px;}
}
@media (min-width: 1280px) {
  :root {--img-hero: 320px;}
}
@media (min-width: 1024px) {
  :root {--mode-h: 32px;}
}
@media (pointer: coarse) {
  :root {--mode-h: 44px;}
}
@media (min-width: 768px) {
  :root {--t-heading: 44px;}
}
@media (min-width: 1024px) {
  :root {--t-heading: 56px;}
}
:root {--dur-none: 0ms; --pulp-black: #000000; --pulp-white: #FFFFFF; --size-10: 10px; --size-10p5: 10.5px; --size-11: 11px; --size-110: 110px; --size-1160: 1160px; --size-12: 12px; --size-120: 120px; --size-130: 130px; --size-14: 14px; --size-1400: 1400px; --size-15: 15px; --size-150: 150px; --size-16: 16px; --size-18: 18px; --size-180: 180px; --size-200: 200px; --size-22: 22px; --size-220: 220px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-3: 3px; --size-30: 30px; --size-300: 300px; --size-320: 320px; --size-34: 34px; --size-360: 360px; --size-38: 38px; --size-40: 40px; --size-420: 420px; --size-44: 44px; --size-46: 46px; --size-50: 50px; --size-52: 52px; --size-6: 6px; --size-60: 60px; --size-64: 64px; --size-640: 640px; --size-7: 7px; --size-72: 72px; --size-720: 720px; --size-760: 760px; --size-80: 80px; --size-860: 860px; --size-880: 880px; --size-9: 9px; --size-900: 900px; --size-999: 999px; --z-label: 3; --z-raise: 1; --z-sink-2: -2; --z-sink-3: -3;}
:root {--pulp-noir: #191A19;
  --pulp-newsprint: #F0F0EC;
  --pulp-carbon-copy: #2A2B2A;
  --pulp-pulp-stock: #E7E7E4;
  --pulp-lithograph: #D0D0CC;
  --pulp-smudge: #C9C9C5;
  --pulp-stick: #4A3B2E;
  --pulp-bubble: #E7E3F6;
  --pulp-blacklight: #5B4E9A;
  --pulp-halftone: #372F5C;
  --pulp-highlighter: #E6F21A;
  --pulp-damani-cyan: #12C8E0;
  --pulp-wintergreen: #00C690;
  --pulp-wintergreen-bright: #00DF96;
  --pulp-akira-red: #D8261E;
  --pulp-wen-blue: #0A62A6;
  --pulp-nicole-steel: #4682B4;
  --pulp-alan-green: #419F59;
  --pulp-milana-blue: #1398D1;
  --pulp-pat-teal: #00A19C;
  --pulp-rifaz-blue: #57A0D2;
  --pulp-hannah-green: #009E60;
  --pulp-hannah-emerald: #50C878;
  --pulp-pink-matter: #C361BC;
  --pulp-pink-matter-deep: #9A3D94;
  --pulp-pink-matter-light: #E29ADC;
  --pulp-gray-matter: #A69FA2;
  --s-0: 0px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-96: 96px;
  --r-0: 0;
  --r-6: 6px;
  --r-pill: 999px;
  --dur-quick: 120ms;
  --dur-settle: 240ms;
  --dur-breath: 480ms;
  --dur-loader: 1600ms;
  --ease-arrive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --ease-scroll: linear;
  --z-under: -1;
  --z-rail: 45;
  --z-bar: 50;
  --z-modal: 80;
  --f-display: 'Libre Franklin', Arial, sans-serif;
  --f-reading: 'Libre Franklin', Arial, sans-serif;
  --col: 680px;
  --frame: 1180px;
  --gutter: 16px;
  --tap: 44px;
  --tap-floor: 24px;
  --line-w: 1px;
  --ring-w: 2px;
  --bar-h: 64px;
  --dim: 0.55;
  --scrim-a: 0.45;
  --t-display: clamp(36px, 11.4vw, 44px);
  --t-heading: 32px;
  --t-title: 20px;
  --t-body: 18px;
  --t-small: 15px;
  --t-caption: 13px;
  --t-label: 12px;
  --lh-display: 0.94;
  --lh-heading: 1.05;
  --lh-title: 1.2;
  --lh-body: 1.5;
  --track-label: 0.14em;
  --track-display: -0.005em;
  --track-heading: -0.01em;
  --img-hero: 160px;
  --img-peek: 96px;
  --img-aside: 320px;
  --img-tile: 280px;
  --img-plate-row: 240px;
  --plate-ratio: 4 / 3;
  --print-w: 1200px;
  --print-w-strip: 960px;
  --strip-h: 96px;
  --glass-veil: 72%;
  --glass-blur: 14px;
  --glass-saturate: 1;
  --glass-fade-start: 64%;
  --glass-fade-end: 94%;
  --glass-bleed: 48px;
  --glass-veil-fallback: 92%;
  --glass-ground: var(--c-ground);
  --glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  --glass-fade: radial-gradient(closest-side, #000 var(--glass-fade-start), transparent var(--glass-fade-end));
  --glass-halo: 0 0 2px var(--glass-ground), 0 0 8px var(--glass-ground), 0 0 16px var(--glass-ground);
  --dialog-w: 560px;
  --rise: 8px;
  --peek-rise: 40%;
  --press: 0.98;
  --photo-h: 320px;
  --photo-max: 78svh;
  --parallax: clamp(40px, 24svh, 240px);
  --grad-glow-strength: 22%;
  --grad-scrim-strength: 82%;
  --grad-feature-solid: 34%;
  --grad-hero: radial-gradient(56% 72% at 84% 46%, color-mix(in srgb, var(--c-glow) var(--grad-glow-strength), transparent), transparent 72%), linear-gradient(180deg, var(--c-ground) 0%, var(--c-ground) 55%, var(--c-band) 100%);
  --grad-scrim: linear-gradient(0deg, color-mix(in srgb, var(--c-photo-ground) var(--grad-scrim-strength), transparent) 0%, transparent 64%);
  --grad-feature-dir: 180deg;
  --grad-feature: linear-gradient(var(--grad-feature-dir), var(--c-feature) 0%, var(--c-feature) var(--grad-feature-solid), color-mix(in srgb, var(--c-feature) 62%, transparent) 70%, color-mix(in srgb, var(--c-feature) 24%, transparent) 100%);
  --mode-h: 44px;
  --blink: 0.1;
  --underline: 1px;
  --underline-hover: 2px;}
@media (min-width: 560px) {
  :root {--gutter: 24px;}
}
@media (min-width: 768px) {
  :root {--photo-h: 440px; --strip-h: 120px; --t-display: 64px; --t-heading: 40px; --t-title: 22px; --t-body: 19px; --img-hero: 240px; --img-peek: 128px; --bar-h: 72px;}
}
@media (min-width: 1024px) {
  :root {--photo-h: 560px; --grad-feature-dir: 90deg; --t-display: 92px; --t-heading: 44px; --t-title: 24px; --img-hero: 280px; --img-peek: 160px;}
}
@media (min-width: 1280px) {
  :root {--img-hero: 320px;}
}
@media (min-width: 1024px) {
  :root {--mode-h: 32px;}
}
@media (pointer: coarse) {
  :root {--mode-h: 44px;}
}
@media (min-width: 768px) {
  :root {--t-heading: 44px;}
}
@media (min-width: 1024px) {
  :root {--t-heading: 56px;}
}
:root {--dur-none: 0ms; --pulp-black: #000000; --pulp-white: #FFFFFF; --size-10: 10px; --size-10p5: 10.5px; --size-11: 11px; --size-110: 110px; --size-1160: 1160px; --size-12: 12px; --size-120: 120px; --size-130: 130px; --size-14: 14px; --size-1400: 1400px; --size-15: 15px; --size-150: 150px; --size-16: 16px; --size-18: 18px; --size-180: 180px; --size-200: 200px; --size-22: 22px; --size-220: 220px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-3: 3px; --size-30: 30px; --size-300: 300px; --size-320: 320px; --size-34: 34px; --size-360: 360px; --size-38: 38px; --size-40: 40px; --size-420: 420px; --size-44: 44px; --size-46: 46px; --size-50: 50px; --size-52: 52px; --size-6: 6px; --size-60: 60px; --size-64: 64px; --size-640: 640px; --size-7: 7px; --size-72: 72px; --size-720: 720px; --size-760: 760px; --size-80: 80px; --size-860: 860px; --size-880: 880px; --size-9: 9px; --size-900: 900px; --size-999: 999px; --z-label: 3; --z-raise: 1; --z-sink-2: -2; --z-sink-3: -3;}
:root {--pulp-noir: #191A19;
  --pulp-newsprint: #F0F0EC;
  --pulp-carbon-copy: #2A2B2A;
  --pulp-pulp-stock: #E7E7E4;
  --pulp-lithograph: #D0D0CC;
  --pulp-smudge: #C9C9C5;
  --pulp-stick: #4A3B2E;
  --pulp-bubble: #E7E3F6;
  --pulp-blacklight: #5B4E9A;
  --pulp-halftone: #372F5C;
  --pulp-highlighter: #E6F21A;
  --pulp-damani-cyan: #12C8E0;
  --pulp-wintergreen: #00C690;
  --pulp-wintergreen-bright: #00DF96;
  --pulp-akira-red: #D8261E;
  --pulp-wen-blue: #0A62A6;
  --pulp-nicole-steel: #4682B4;
  --pulp-alan-green: #419F59;
  --pulp-milana-blue: #1398D1;
  --pulp-pat-teal: #00A19C;
  --pulp-rifaz-blue: #57A0D2;
  --pulp-hannah-green: #009E60;
  --pulp-hannah-emerald: #50C878;
  --pulp-pink-matter: #C361BC;
  --pulp-pink-matter-deep: #9A3D94;
  --pulp-pink-matter-light: #E29ADC;
  --pulp-gray-matter: #A69FA2;
  --s-0: 0px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-96: 96px;
  --r-0: 0;
  --r-6: 6px;
  --r-pill: 999px;
  --dur-quick: 120ms;
  --dur-settle: 240ms;
  --dur-breath: 480ms;
  --dur-loader: 1600ms;
  --ease-arrive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --ease-scroll: linear;
  --z-under: -1;
  --z-rail: 45;
  --z-bar: 50;
  --z-modal: 80;
  --f-display: 'Libre Franklin', Arial, sans-serif;
  --f-reading: 'Libre Franklin', Arial, sans-serif;
  --col: 680px;
  --frame: 1180px;
  --gutter: 16px;
  --tap: 44px;
  --tap-floor: 24px;
  --line-w: 1px;
  --ring-w: 2px;
  --bar-h: 64px;
  --dim: 0.55;
  --scrim-a: 0.45;
  --t-display: clamp(36px, 11.4vw, 44px);
  --t-heading: 32px;
  --t-title: 20px;
  --t-body: 18px;
  --t-small: 15px;
  --t-caption: 13px;
  --t-label: 12px;
  --lh-display: 0.94;
  --lh-heading: 1.05;
  --lh-title: 1.2;
  --lh-body: 1.5;
  --track-label: 0.14em;
  --track-display: -0.005em;
  --track-heading: -0.01em;
  --img-hero: 160px;
  --img-peek: 96px;
  --img-aside: 320px;
  --img-tile: 280px;
  --img-plate-row: 240px;
  --plate-ratio: 4 / 3;
  --print-w: 1200px;
  --print-w-strip: 960px;
  --strip-h: 96px;
  --glass-veil: 72%;
  --glass-blur: 14px;
  --glass-saturate: 1;
  --glass-fade-start: 64%;
  --glass-fade-end: 94%;
  --glass-bleed: 48px;
  --glass-veil-fallback: 92%;
  --glass-ground: var(--c-ground);
  --glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  --glass-fade: radial-gradient(closest-side, #000 var(--glass-fade-start), transparent var(--glass-fade-end));
  --glass-halo: 0 0 2px var(--glass-ground), 0 0 8px var(--glass-ground), 0 0 16px var(--glass-ground);
  --dialog-w: 560px;
  --rise: 8px;
  --peek-rise: 40%;
  --press: 0.98;
  --photo-h: 320px;
  --photo-max: 78svh;
  --parallax: clamp(40px, 24svh, 240px);
  --grad-glow-strength: 22%;
  --grad-scrim-strength: 82%;
  --grad-feature-solid: 34%;
  --grad-hero: radial-gradient(56% 72% at 84% 46%, color-mix(in srgb, var(--c-glow) var(--grad-glow-strength), transparent), transparent 72%), linear-gradient(180deg, var(--c-ground) 0%, var(--c-ground) 55%, var(--c-band) 100%);
  --grad-scrim: linear-gradient(0deg, color-mix(in srgb, var(--c-photo-ground) var(--grad-scrim-strength), transparent) 0%, transparent 64%);
  --grad-feature-dir: 180deg;
  --grad-feature: linear-gradient(var(--grad-feature-dir), var(--c-feature) 0%, var(--c-feature) var(--grad-feature-solid), color-mix(in srgb, var(--c-feature) 62%, transparent) 70%, color-mix(in srgb, var(--c-feature) 24%, transparent) 100%);
  --mode-h: 44px;
  --blink: 0.1;
  --underline: 1px;
  --underline-hover: 2px;}
@media (min-width: 560px) {
  :root {--gutter: 24px;}
}
@media (min-width: 768px) {
  :root {--photo-h: 440px; --strip-h: 120px; --t-display: 64px; --t-heading: 40px; --t-title: 22px; --t-body: 19px; --img-hero: 240px; --img-peek: 128px; --bar-h: 72px;}
}
@media (min-width: 1024px) {
  :root {--photo-h: 560px; --grad-feature-dir: 90deg; --t-display: 92px; --t-heading: 44px; --t-title: 24px; --img-hero: 280px; --img-peek: 160px;}
}
@media (min-width: 1280px) {
  :root {--img-hero: 320px;}
}
@media (min-width: 1024px) {
  :root {--mode-h: 32px;}
}
@media (pointer: coarse) {
  :root {--mode-h: 44px;}
}
@media (min-width: 768px) {
  :root {--t-heading: 44px;}
}
@media (min-width: 1024px) {
  :root {--t-heading: 56px;}
}
:root {--dur-none: 0ms; --pulp-black: #000000; --pulp-white: #FFFFFF; --size-10: 10px; --size-10p5: 10.5px; --size-11: 11px; --size-110: 110px; --size-1160: 1160px; --size-12: 12px; --size-120: 120px; --size-130: 130px; --size-14: 14px; --size-1400: 1400px; --size-15: 15px; --size-150: 150px; --size-16: 16px; --size-18: 18px; --size-180: 180px; --size-200: 200px; --size-22: 22px; --size-220: 220px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-3: 3px; --size-30: 30px; --size-300: 300px; --size-320: 320px; --size-34: 34px; --size-360: 360px; --size-38: 38px; --size-40: 40px; --size-420: 420px; --size-44: 44px; --size-46: 46px; --size-50: 50px; --size-52: 52px; --size-6: 6px; --size-60: 60px; --size-64: 64px; --size-640: 640px; --size-7: 7px; --size-72: 72px; --size-720: 720px; --size-760: 760px; --size-80: 80px; --size-860: 860px; --size-880: 880px; --size-9: 9px; --size-900: 900px; --size-999: 999px; --z-label: 3; --z-raise: 1; --z-sink-2: -2; --z-sink-3: -3;}
:root {--pulp-noir: #191A19;
  --pulp-newsprint: #F0F0EC;
  --pulp-carbon-copy: #2A2B2A;
  --pulp-pulp-stock: #E7E7E4;
  --pulp-lithograph: #D0D0CC;
  --pulp-smudge: #C9C9C5;
  --pulp-stick: #4A3B2E;
  --pulp-bubble: #E7E3F6;
  --pulp-blacklight: #5B4E9A;
  --pulp-halftone: #372F5C;
  --pulp-highlighter: #E6F21A;
  --pulp-damani-cyan: #12C8E0;
  --pulp-wintergreen: #00C690;
  --pulp-wintergreen-bright: #00DF96;
  --pulp-akira-red: #D8261E;
  --pulp-wen-blue: #0A62A6;
  --pulp-nicole-steel: #4682B4;
  --pulp-alan-green: #419F59;
  --pulp-milana-blue: #1398D1;
  --pulp-pat-teal: #00A19C;
  --pulp-rifaz-blue: #57A0D2;
  --pulp-hannah-green: #009E60;
  --pulp-hannah-emerald: #50C878;
  --pulp-pink-matter: #C361BC;
  --pulp-pink-matter-deep: #9A3D94;
  --pulp-pink-matter-light: #E29ADC;
  --pulp-gray-matter: #A69FA2;
  --s-0: 0px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-96: 96px;
  --r-0: 0;
  --r-6: 6px;
  --r-pill: 999px;
  --dur-quick: 120ms;
  --dur-settle: 240ms;
  --dur-breath: 480ms;
  --dur-loader: 1600ms;
  --ease-arrive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --ease-scroll: linear;
  --z-under: -1;
  --z-rail: 45;
  --z-bar: 50;
  --z-modal: 80;
  --f-display: 'Libre Franklin', Arial, sans-serif;
  --f-reading: 'Libre Franklin', Arial, sans-serif;
  --col: 680px;
  --frame: 1180px;
  --gutter: 16px;
  --tap: 44px;
  --tap-floor: 24px;
  --line-w: 1px;
  --ring-w: 2px;
  --bar-h: 64px;
  --dim: 0.55;
  --scrim-a: 0.45;
  --t-display: clamp(36px, 11.4vw, 44px);
  --t-heading: 32px;
  --t-title: 20px;
  --t-body: 18px;
  --t-small: 15px;
  --t-caption: 13px;
  --t-label: 12px;
  --lh-display: 0.94;
  --lh-heading: 1.05;
  --lh-title: 1.2;
  --lh-body: 1.5;
  --track-label: 0.14em;
  --track-display: -0.005em;
  --track-heading: -0.01em;
  --img-hero: 160px;
  --img-peek: 96px;
  --img-aside: 320px;
  --img-tile: 280px;
  --img-plate-row: 240px;
  --plate-ratio: 4 / 3;
  --print-w: 1200px;
  --print-w-strip: 960px;
  --strip-h: 96px;
  --glass-veil: 72%;
  --glass-blur: 14px;
  --glass-saturate: 1;
  --glass-fade-start: 64%;
  --glass-fade-end: 94%;
  --glass-bleed: 48px;
  --glass-veil-fallback: 92%;
  --glass-ground: var(--c-ground);
  --glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  --glass-fade: radial-gradient(closest-side, #000 var(--glass-fade-start), transparent var(--glass-fade-end));
  --glass-halo: 0 0 2px var(--glass-ground), 0 0 8px var(--glass-ground), 0 0 16px var(--glass-ground);
  --dialog-w: 560px;
  --rise: 8px;
  --peek-rise: 40%;
  --press: 0.98;
  --photo-h: 320px;
  --photo-max: 78svh;
  --parallax: clamp(40px, 24svh, 240px);
  --grad-glow-strength: 22%;
  --grad-scrim-strength: 82%;
  --grad-feature-solid: 34%;
  --grad-hero: radial-gradient(56% 72% at 84% 46%, color-mix(in srgb, var(--c-glow) var(--grad-glow-strength), transparent), transparent 72%), linear-gradient(180deg, var(--c-ground) 0%, var(--c-ground) 55%, var(--c-band) 100%);
  --grad-scrim: linear-gradient(0deg, color-mix(in srgb, var(--c-photo-ground) var(--grad-scrim-strength), transparent) 0%, transparent 64%);
  --grad-feature-dir: 180deg;
  --grad-feature: linear-gradient(var(--grad-feature-dir), var(--c-feature) 0%, var(--c-feature) var(--grad-feature-solid), color-mix(in srgb, var(--c-feature) 62%, transparent) 70%, color-mix(in srgb, var(--c-feature) 24%, transparent) 100%);
  --mode-h: 44px;
  --blink: 0.1;
  --underline: 1px;
  --underline-hover: 2px;}
@media (min-width: 560px) {
  :root {--gutter: 24px;}
}
@media (min-width: 768px) {
  :root {--photo-h: 440px; --strip-h: 120px; --t-display: 64px; --t-heading: 40px; --t-title: 22px; --t-body: 19px; --img-hero: 240px; --img-peek: 128px; --bar-h: 72px;}
}
@media (min-width: 1024px) {
  :root {--photo-h: 560px; --grad-feature-dir: 90deg; --t-display: 92px; --t-heading: 44px; --t-title: 24px; --img-hero: 280px; --img-peek: 160px;}
}
@media (min-width: 1280px) {
  :root {--img-hero: 320px;}
}
@media (min-width: 1024px) {
  :root {--mode-h: 32px;}
}
@media (pointer: coarse) {
  :root {--mode-h: 44px;}
}
@media (min-width: 768px) {
  :root {--t-heading: 44px;}
}
@media (min-width: 1024px) {
  :root {--t-heading: 56px;}
}
:root {--dur-none: 0ms; --pulp-black: #000000; --pulp-white: #FFFFFF; --size-10: 10px; --size-10p5: 10.5px; --size-11: 11px; --size-110: 110px; --size-1160: 1160px; --size-12: 12px; --size-120: 120px; --size-130: 130px; --size-14: 14px; --size-1400: 1400px; --size-15: 15px; --size-150: 150px; --size-16: 16px; --size-18: 18px; --size-180: 180px; --size-200: 200px; --size-22: 22px; --size-220: 220px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-3: 3px; --size-30: 30px; --size-300: 300px; --size-320: 320px; --size-34: 34px; --size-360: 360px; --size-38: 38px; --size-40: 40px; --size-420: 420px; --size-44: 44px; --size-46: 46px; --size-50: 50px; --size-52: 52px; --size-6: 6px; --size-60: 60px; --size-64: 64px; --size-640: 640px; --size-7: 7px; --size-72: 72px; --size-720: 720px; --size-760: 760px; --size-80: 80px; --size-860: 860px; --size-880: 880px; --size-9: 9px; --size-900: 900px; --size-999: 999px; --z-label: 3; --z-raise: 1; --z-sink-2: -2; --z-sink-3: -3;}
:root {--pulp-noir: #191A19;
  --pulp-newsprint: #F0F0EC;
  --pulp-carbon-copy: #2A2B2A;
  --pulp-pulp-stock: #E7E7E4;
  --pulp-lithograph: #D0D0CC;
  --pulp-smudge: #C9C9C5;
  --pulp-stick: #4A3B2E;
  --pulp-bubble: #E7E3F6;
  --pulp-blacklight: #5B4E9A;
  --pulp-halftone: #372F5C;
  --pulp-highlighter: #E6F21A;
  --pulp-damani-cyan: #12C8E0;
  --pulp-wintergreen: #00C690;
  --pulp-wintergreen-bright: #00DF96;
  --pulp-akira-red: #D8261E;
  --pulp-wen-blue: #0A62A6;
  --pulp-nicole-steel: #4682B4;
  --pulp-alan-green: #419F59;
  --pulp-milana-blue: #1398D1;
  --pulp-pat-teal: #00A19C;
  --pulp-rifaz-blue: #57A0D2;
  --pulp-hannah-green: #009E60;
  --pulp-hannah-emerald: #50C878;
  --pulp-pink-matter: #C361BC;
  --pulp-pink-matter-deep: #9A3D94;
  --pulp-pink-matter-light: #E29ADC;
  --pulp-gray-matter: #A69FA2;
  --s-0: 0px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-96: 96px;
  --r-0: 0;
  --r-6: 6px;
  --r-pill: 999px;
  --dur-quick: 120ms;
  --dur-settle: 240ms;
  --dur-breath: 480ms;
  --dur-loader: 1600ms;
  --ease-arrive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --ease-scroll: linear;
  --z-under: -1;
  --z-rail: 45;
  --z-bar: 50;
  --z-modal: 80;
  --f-display: 'Libre Franklin', Arial, sans-serif;
  --f-reading: 'Libre Franklin', Arial, sans-serif;
  --col: 680px;
  --frame: 1180px;
  --gutter: 16px;
  --tap: 44px;
  --tap-floor: 24px;
  --line-w: 1px;
  --ring-w: 2px;
  --bar-h: 64px;
  --dim: 0.55;
  --scrim-a: 0.45;
  --t-display: clamp(36px, 11.4vw, 44px);
  --t-heading: 32px;
  --t-title: 20px;
  --t-body: 18px;
  --t-small: 15px;
  --t-caption: 13px;
  --t-label: 12px;
  --lh-display: 0.94;
  --lh-heading: 1.05;
  --lh-title: 1.2;
  --lh-body: 1.5;
  --track-label: 0.14em;
  --track-display: -0.005em;
  --track-heading: -0.01em;
  --img-hero: 160px;
  --img-peek: 96px;
  --img-aside: 320px;
  --img-tile: 280px;
  --img-plate-row: 240px;
  --plate-ratio: 4 / 3;
  --print-w: 1200px;
  --print-w-strip: 960px;
  --strip-h: 96px;
  --glass-veil: 72%;
  --glass-blur: 14px;
  --glass-saturate: 1;
  --glass-fade-start: 64%;
  --glass-fade-end: 94%;
  --glass-bleed: 48px;
  --glass-veil-fallback: 92%;
  --glass-ground: var(--c-ground);
  --glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  --glass-fade: radial-gradient(closest-side, #000 var(--glass-fade-start), transparent var(--glass-fade-end));
  --glass-halo: 0 0 2px var(--glass-ground), 0 0 8px var(--glass-ground), 0 0 16px var(--glass-ground);
  --dialog-w: 560px;
  --rise: 8px;
  --peek-rise: 40%;
  --press: 0.98;
  --photo-h: 320px;
  --photo-max: 78svh;
  --parallax: clamp(40px, 24svh, 240px);
  --grad-glow-strength: 22%;
  --grad-scrim-strength: 82%;
  --grad-feature-solid: 34%;
  --grad-hero: radial-gradient(56% 72% at 84% 46%, color-mix(in srgb, var(--c-glow) var(--grad-glow-strength), transparent), transparent 72%), linear-gradient(180deg, var(--c-ground) 0%, var(--c-ground) 55%, var(--c-band) 100%);
  --grad-scrim: linear-gradient(0deg, color-mix(in srgb, var(--c-photo-ground) var(--grad-scrim-strength), transparent) 0%, transparent 64%);
  --grad-feature-dir: 180deg;
  --grad-feature: linear-gradient(var(--grad-feature-dir), var(--c-feature) 0%, var(--c-feature) var(--grad-feature-solid), color-mix(in srgb, var(--c-feature) 62%, transparent) 70%, color-mix(in srgb, var(--c-feature) 24%, transparent) 100%);
  --mode-h: 44px;
  --blink: 0.1;
  --underline: 1px;
  --underline-hover: 2px;}
@media (min-width: 560px) {
  :root {--gutter: 24px;}
}
@media (min-width: 768px) {
  :root {--photo-h: 440px; --strip-h: 120px; --t-display: 64px; --t-heading: 40px; --t-title: 22px; --t-body: 19px; --img-hero: 240px; --img-peek: 128px; --bar-h: 72px;}
}
@media (min-width: 1024px) {
  :root {--photo-h: 560px; --grad-feature-dir: 90deg; --t-display: 92px; --t-heading: 44px; --t-title: 24px; --img-hero: 280px; --img-peek: 160px;}
}
@media (min-width: 1280px) {
  :root {--img-hero: 320px;}
}
@media (min-width: 1024px) {
  :root {--mode-h: 32px;}
}
@media (pointer: coarse) {
  :root {--mode-h: 44px;}
}
@media (min-width: 768px) {
  :root {--t-heading: 44px;}
}
@media (min-width: 1024px) {
  :root {--t-heading: 56px;}
}
:root {--dur-none: 0ms; --pulp-black: #000000; --pulp-white: #FFFFFF; --size-10: 10px; --size-10p5: 10.5px; --size-11: 11px; --size-110: 110px; --size-1160: 1160px; --size-12: 12px; --size-120: 120px; --size-130: 130px; --size-14: 14px; --size-1400: 1400px; --size-15: 15px; --size-150: 150px; --size-16: 16px; --size-18: 18px; --size-180: 180px; --size-200: 200px; --size-22: 22px; --size-220: 220px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-3: 3px; --size-30: 30px; --size-300: 300px; --size-320: 320px; --size-34: 34px; --size-360: 360px; --size-38: 38px; --size-40: 40px; --size-420: 420px; --size-44: 44px; --size-46: 46px; --size-50: 50px; --size-52: 52px; --size-6: 6px; --size-60: 60px; --size-64: 64px; --size-640: 640px; --size-7: 7px; --size-72: 72px; --size-720: 720px; --size-760: 760px; --size-80: 80px; --size-860: 860px; --size-880: 880px; --size-9: 9px; --size-900: 900px; --size-999: 999px; --z-label: 3; --z-raise: 1; --z-sink-2: -2; --z-sink-3: -3;}
:root {--pulp-noir: #191A19;
  --pulp-newsprint: #F0F0EC;
  --pulp-carbon-copy: #2A2B2A;
  --pulp-pulp-stock: #E7E7E4;
  --pulp-lithograph: #D0D0CC;
  --pulp-smudge: #C9C9C5;
  --pulp-stick: #4A3B2E;
  --pulp-bubble: #E7E3F6;
  --pulp-blacklight: #5B4E9A;
  --pulp-halftone: #372F5C;
  --pulp-highlighter: #E6F21A;
  --pulp-damani-cyan: #12C8E0;
  --pulp-wintergreen: #00C690;
  --pulp-wintergreen-bright: #00DF96;
  --pulp-akira-red: #D8261E;
  --pulp-wen-blue: #0A62A6;
  --pulp-nicole-steel: #4682B4;
  --pulp-alan-green: #419F59;
  --pulp-milana-blue: #1398D1;
  --pulp-pat-teal: #00A19C;
  --pulp-rifaz-blue: #57A0D2;
  --pulp-hannah-green: #009E60;
  --pulp-hannah-emerald: #50C878;
  --pulp-pink-matter: #C361BC;
  --pulp-pink-matter-deep: #9A3D94;
  --pulp-pink-matter-light: #E29ADC;
  --pulp-gray-matter: #A69FA2;
  --s-0: 0px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-96: 96px;
  --r-0: 0;
  --r-6: 6px;
  --r-pill: 999px;
  --dur-quick: 120ms;
  --dur-settle: 240ms;
  --dur-breath: 480ms;
  --dur-loader: 1600ms;
  --ease-arrive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --ease-scroll: linear;
  --z-under: -1;
  --z-rail: 45;
  --z-bar: 50;
  --z-modal: 80;
  --f-display: 'Libre Franklin', Arial, sans-serif;
  --f-reading: 'Libre Franklin', Arial, sans-serif;
  --col: 680px;
  --frame: 1180px;
  --gutter: 16px;
  --tap: 44px;
  --tap-floor: 24px;
  --line-w: 1px;
  --ring-w: 2px;
  --bar-h: 64px;
  --dim: 0.55;
  --scrim-a: 0.45;
  --t-display: clamp(36px, 11.4vw, 44px);
  --t-heading: 32px;
  --t-title: 20px;
  --t-body: 18px;
  --t-small: 15px;
  --t-caption: 13px;
  --t-label: 12px;
  --lh-display: 0.94;
  --lh-heading: 1.05;
  --lh-title: 1.2;
  --lh-body: 1.5;
  --track-label: 0.14em;
  --track-display: -0.005em;
  --track-heading: -0.01em;
  --img-hero: 160px;
  --img-peek: 96px;
  --img-aside: 320px;
  --img-tile: 280px;
  --img-plate-row: 240px;
  --plate-ratio: 4 / 3;
  --print-w: 1200px;
  --print-w-strip: 960px;
  --strip-h: 96px;
  --glass-veil: 72%;
  --glass-blur: 14px;
  --glass-saturate: 1;
  --glass-fade-start: 64%;
  --glass-fade-end: 94%;
  --glass-bleed: 48px;
  --glass-veil-fallback: 92%;
  --glass-ground: var(--c-ground);
  --glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  --glass-fade: radial-gradient(closest-side, #000 var(--glass-fade-start), transparent var(--glass-fade-end));
  --glass-halo: 0 0 2px var(--glass-ground), 0 0 8px var(--glass-ground), 0 0 16px var(--glass-ground);
  --dialog-w: 560px;
  --rise: 8px;
  --peek-rise: 40%;
  --press: 0.98;
  --photo-h: 320px;
  --photo-max: 78svh;
  --parallax: clamp(40px, 24svh, 240px);
  --grad-glow-strength: 22%;
  --grad-scrim-strength: 82%;
  --grad-feature-solid: 34%;
  --grad-hero: radial-gradient(56% 72% at 84% 46%, color-mix(in srgb, var(--c-glow) var(--grad-glow-strength), transparent), transparent 72%), linear-gradient(180deg, var(--c-ground) 0%, var(--c-ground) 55%, var(--c-band) 100%);
  --grad-scrim: linear-gradient(0deg, color-mix(in srgb, var(--c-photo-ground) var(--grad-scrim-strength), transparent) 0%, transparent 64%);
  --grad-feature-dir: 180deg;
  --grad-feature: linear-gradient(var(--grad-feature-dir), var(--c-feature) 0%, var(--c-feature) var(--grad-feature-solid), color-mix(in srgb, var(--c-feature) 62%, transparent) 70%, color-mix(in srgb, var(--c-feature) 24%, transparent) 100%);
  --mode-h: 44px;
  --blink: 0.1;
  --underline: 1px;
  --underline-hover: 2px;}
@media (min-width: 560px) {
  :root {--gutter: 24px;}
}
@media (min-width: 768px) {
  :root {--photo-h: 440px; --strip-h: 120px; --t-display: 64px; --t-heading: 40px; --t-title: 22px; --t-body: 19px; --img-hero: 240px; --img-peek: 128px; --bar-h: 72px;}
}
@media (min-width: 1024px) {
  :root {--photo-h: 560px; --grad-feature-dir: 90deg; --t-display: 92px; --t-heading: 44px; --t-title: 24px; --img-hero: 280px; --img-peek: 160px;}
}
@media (min-width: 1280px) {
  :root {--img-hero: 320px;}
}
@media (min-width: 1024px) {
  :root {--mode-h: 32px;}
}
@media (pointer: coarse) {
  :root {--mode-h: 44px;}
}
@media (min-width: 768px) {
  :root {--t-heading: 44px;}
}
@media (min-width: 1024px) {
  :root {--t-heading: 56px;}
}
:root {--dur-none: 0ms; --pulp-black: #000000; --pulp-white: #FFFFFF; --size-10: 10px; --size-10p5: 10.5px; --size-11: 11px; --size-110: 110px; --size-1160: 1160px; --size-12: 12px; --size-120: 120px; --size-130: 130px; --size-14: 14px; --size-1400: 1400px; --size-15: 15px; --size-150: 150px; --size-16: 16px; --size-18: 18px; --size-180: 180px; --size-200: 200px; --size-22: 22px; --size-220: 220px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-3: 3px; --size-30: 30px; --size-300: 300px; --size-320: 320px; --size-34: 34px; --size-360: 360px; --size-38: 38px; --size-40: 40px; --size-420: 420px; --size-44: 44px; --size-46: 46px; --size-50: 50px; --size-52: 52px; --size-6: 6px; --size-60: 60px; --size-64: 64px; --size-640: 640px; --size-7: 7px; --size-72: 72px; --size-720: 720px; --size-760: 760px; --size-80: 80px; --size-860: 860px; --size-880: 880px; --size-9: 9px; --size-900: 900px; --size-999: 999px; --z-label: 3; --z-raise: 1; --z-sink-2: -2; --z-sink-3: -3;}
:root {--pulp-noir: #191A19;
  --pulp-newsprint: #F0F0EC;
  --pulp-carbon-copy: #2A2B2A;
  --pulp-pulp-stock: #E7E7E4;
  --pulp-lithograph: #D0D0CC;
  --pulp-smudge: #C9C9C5;
  --pulp-stick: #4A3B2E;
  --pulp-bubble: #E7E3F6;
  --pulp-blacklight: #5B4E9A;
  --pulp-halftone: #372F5C;
  --pulp-highlighter: #E6F21A;
  --pulp-damani-cyan: #12C8E0;
  --pulp-wintergreen: #00C690;
  --pulp-wintergreen-bright: #00DF96;
  --pulp-akira-red: #D8261E;
  --pulp-wen-blue: #0A62A6;
  --pulp-nicole-steel: #4682B4;
  --pulp-alan-green: #419F59;
  --pulp-milana-blue: #1398D1;
  --pulp-pat-teal: #00A19C;
  --pulp-rifaz-blue: #57A0D2;
  --pulp-hannah-green: #009E60;
  --pulp-hannah-emerald: #50C878;
  --pulp-pink-matter: #C361BC;
  --pulp-pink-matter-deep: #9A3D94;
  --pulp-pink-matter-light: #E29ADC;
  --pulp-gray-matter: #A69FA2;
  --s-0: 0px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-96: 96px;
  --r-0: 0;
  --r-6: 6px;
  --r-pill: 999px;
  --dur-quick: 120ms;
  --dur-settle: 240ms;
  --dur-breath: 480ms;
  --dur-loader: 1600ms;
  --ease-arrive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --ease-scroll: linear;
  --z-under: -1;
  --z-rail: 45;
  --z-bar: 50;
  --z-modal: 80;
  --f-display: 'Libre Franklin', Arial, sans-serif;
  --f-reading: 'Libre Franklin', Arial, sans-serif;
  --col: 680px;
  --frame: 1180px;
  --gutter: 16px;
  --tap: 44px;
  --tap-floor: 24px;
  --line-w: 1px;
  --ring-w: 2px;
  --bar-h: 64px;
  --dim: 0.55;
  --scrim-a: 0.45;
  --t-display: clamp(36px, 11.4vw, 44px);
  --t-heading: 32px;
  --t-title: 20px;
  --t-body: 18px;
  --t-small: 15px;
  --t-caption: 13px;
  --t-label: 12px;
  --lh-display: 0.94;
  --lh-heading: 1.05;
  --lh-title: 1.2;
  --lh-body: 1.5;
  --track-label: 0.14em;
  --track-display: -0.005em;
  --track-heading: -0.01em;
  --img-hero: 160px;
  --img-peek: 96px;
  --img-aside: 320px;
  --img-tile: 280px;
  --img-plate-row: 240px;
  --plate-ratio: 4 / 3;
  --print-w: 1200px;
  --print-w-strip: 960px;
  --strip-h: 96px;
  --glass-veil: 72%;
  --glass-blur: 14px;
  --glass-saturate: 1;
  --glass-fade-start: 64%;
  --glass-fade-end: 94%;
  --glass-bleed: 48px;
  --glass-veil-fallback: 92%;
  --glass-ground: var(--c-ground);
  --glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  --glass-fade: radial-gradient(closest-side, #000 var(--glass-fade-start), transparent var(--glass-fade-end));
  --glass-halo: 0 0 2px var(--glass-ground), 0 0 8px var(--glass-ground), 0 0 16px var(--glass-ground);
  --dialog-w: 560px;
  --rise: 8px;
  --peek-rise: 40%;
  --press: 0.98;
  --photo-h: 320px;
  --photo-max: 78svh;
  --parallax: clamp(40px, 24svh, 240px);
  --grad-glow-strength: 22%;
  --grad-scrim-strength: 82%;
  --grad-feature-solid: 34%;
  --grad-hero: radial-gradient(56% 72% at 84% 46%, color-mix(in srgb, var(--c-glow) var(--grad-glow-strength), transparent), transparent 72%), linear-gradient(180deg, var(--c-ground) 0%, var(--c-ground) 55%, var(--c-band) 100%);
  --grad-scrim: linear-gradient(0deg, color-mix(in srgb, var(--c-photo-ground) var(--grad-scrim-strength), transparent) 0%, transparent 64%);
  --grad-feature-dir: 180deg;
  --grad-feature: linear-gradient(var(--grad-feature-dir), var(--c-feature) 0%, var(--c-feature) var(--grad-feature-solid), color-mix(in srgb, var(--c-feature) 62%, transparent) 70%, color-mix(in srgb, var(--c-feature) 24%, transparent) 100%);
  --mode-h: 44px;
  --blink: 0.1;
  --underline: 1px;
  --underline-hover: 2px;}
@media (min-width: 560px) {
  :root {--gutter: 24px;}
}
@media (min-width: 768px) {
  :root {--photo-h: 440px; --strip-h: 120px; --t-display: 64px; --t-heading: 40px; --t-title: 22px; --t-body: 19px; --img-hero: 240px; --img-peek: 128px; --bar-h: 72px;}
}
@media (min-width: 1024px) {
  :root {--photo-h: 560px; --grad-feature-dir: 90deg; --t-display: 92px; --t-heading: 44px; --t-title: 24px; --img-hero: 280px; --img-peek: 160px;}
}
@media (min-width: 1280px) {
  :root {--img-hero: 320px;}
}
@media (min-width: 1024px) {
  :root {--mode-h: 32px;}
}
@media (pointer: coarse) {
  :root {--mode-h: 44px;}
}
@media (min-width: 768px) {
  :root {--t-heading: 44px;}
}
@media (min-width: 1024px) {
  :root {--t-heading: 56px;}
}
:root {--dur-none: 0ms; --pulp-black: #000000; --pulp-white: #FFFFFF; --size-10: 10px; --size-10p5: 10.5px; --size-11: 11px; --size-110: 110px; --size-1160: 1160px; --size-12: 12px; --size-120: 120px; --size-130: 130px; --size-14: 14px; --size-1400: 1400px; --size-15: 15px; --size-150: 150px; --size-16: 16px; --size-18: 18px; --size-180: 180px; --size-200: 200px; --size-22: 22px; --size-220: 220px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-3: 3px; --size-30: 30px; --size-300: 300px; --size-320: 320px; --size-34: 34px; --size-360: 360px; --size-38: 38px; --size-40: 40px; --size-420: 420px; --size-44: 44px; --size-46: 46px; --size-50: 50px; --size-52: 52px; --size-6: 6px; --size-60: 60px; --size-64: 64px; --size-640: 640px; --size-7: 7px; --size-72: 72px; --size-720: 720px; --size-760: 760px; --size-80: 80px; --size-860: 860px; --size-880: 880px; --size-9: 9px; --size-900: 900px; --size-999: 999px; --z-label: 3; --z-raise: 1; --z-sink-2: -2; --z-sink-3: -3;}
:root {--pulp-noir: #191A19;
  --pulp-newsprint: #F0F0EC;
  --pulp-carbon-copy: #2A2B2A;
  --pulp-pulp-stock: #E7E7E4;
  --pulp-lithograph: #D0D0CC;
  --pulp-smudge: #C9C9C5;
  --pulp-stick: #4A3B2E;
  --pulp-bubble: #E7E3F6;
  --pulp-blacklight: #5B4E9A;
  --pulp-halftone: #372F5C;
  --pulp-highlighter: #E6F21A;
  --pulp-damani-cyan: #12C8E0;
  --pulp-wintergreen: #00C690;
  --pulp-wintergreen-bright: #00DF96;
  --pulp-akira-red: #D8261E;
  --pulp-wen-blue: #0A62A6;
  --pulp-nicole-steel: #4682B4;
  --pulp-alan-green: #419F59;
  --pulp-milana-blue: #1398D1;
  --pulp-pat-teal: #00A19C;
  --pulp-rifaz-blue: #57A0D2;
  --pulp-hannah-green: #009E60;
  --pulp-hannah-emerald: #50C878;
  --pulp-pink-matter: #C361BC;
  --pulp-pink-matter-deep: #9A3D94;
  --pulp-pink-matter-light: #E29ADC;
  --pulp-gray-matter: #A69FA2;
  --s-0: 0px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-96: 96px;
  --r-0: 0;
  --r-6: 6px;
  --r-pill: 999px;
  --dur-quick: 120ms;
  --dur-settle: 240ms;
  --dur-breath: 480ms;
  --dur-loader: 1600ms;
  --ease-arrive: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --ease-scroll: linear;
  --z-under: -1;
  --z-rail: 45;
  --z-bar: 50;
  --z-modal: 80;
  --f-display: 'Libre Franklin', Arial, sans-serif;
  --f-reading: 'Libre Franklin', Arial, sans-serif;
  --col: 680px;
  --frame: 1180px;
  --gutter: 16px;
  --tap: 44px;
  --tap-floor: 24px;
  --line-w: 1px;
  --ring-w: 2px;
  --bar-h: 64px;
  --dim: 0.55;
  --scrim-a: 0.45;
  --t-display: clamp(36px, 11.4vw, 44px);
  --t-heading: 32px;
  --t-title: 20px;
  --t-body: 18px;
  --t-small: 15px;
  --t-caption: 13px;
  --t-label: 12px;
  --lh-display: 0.94;
  --lh-heading: 1.05;
  --lh-title: 1.2;
  --lh-body: 1.5;
  --track-label: 0.14em;
  --track-display: -0.005em;
  --track-heading: -0.01em;
  --img-hero: 160px;
  --img-peek: 96px;
  --img-aside: 320px;
  --img-tile: 280px;
  --img-plate-row: 240px;
  --plate-ratio: 4 / 3;
  --print-w: 1200px;
  --print-w-strip: 960px;
  --strip-h: 96px;
  --glass-veil: 72%;
  --glass-blur: 14px;
  --glass-saturate: 1;
  --glass-fade-start: 64%;
  --glass-fade-end: 94%;
  --glass-bleed: 48px;
  --glass-veil-fallback: 92%;
  --glass-ground: var(--c-ground);
  --glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  --glass-fade: radial-gradient(closest-side, #000 var(--glass-fade-start), transparent var(--glass-fade-end));
  --glass-halo: 0 0 2px var(--glass-ground), 0 0 8px var(--glass-ground), 0 0 16px var(--glass-ground);
  --dialog-w: 560px;
  --rise: 8px;
  --peek-rise: 40%;
  --press: 0.98;
  --photo-h: 320px;
  --photo-max: 78svh;
  --parallax: clamp(40px, 24svh, 240px);
  --grad-glow-strength: 22%;
  --grad-scrim-strength: 82%;
  --grad-feature-solid: 34%;
  --grad-hero: radial-gradient(56% 72% at 84% 46%, color-mix(in srgb, var(--c-glow) var(--grad-glow-strength), transparent), transparent 72%), linear-gradient(180deg, var(--c-ground) 0%, var(--c-ground) 55%, var(--c-band) 100%);
  --grad-scrim: linear-gradient(0deg, color-mix(in srgb, var(--c-photo-ground) var(--grad-scrim-strength), transparent) 0%, transparent 64%);
  --grad-feature-dir: 180deg;
  --grad-feature: linear-gradient(var(--grad-feature-dir), var(--c-feature) 0%, var(--c-feature) var(--grad-feature-solid), color-mix(in srgb, var(--c-feature) 62%, transparent) 70%, color-mix(in srgb, var(--c-feature) 24%, transparent) 100%);
  --mode-h: 44px;
  --blink: 0.1;
  --underline: 1px;
  --underline-hover: 2px;}
@media (min-width: 560px) {
  :root {--gutter: 24px;}
}
@media (min-width: 768px) {
  :root {--photo-h: 440px; --strip-h: 120px; --t-display: 64px; --t-heading: 40px; --t-title: 22px; --t-body: 19px; --img-hero: 240px; --img-peek: 128px; --bar-h: 72px;}
}
@media (min-width: 1024px) {
  :root {--photo-h: 560px; --grad-feature-dir: 90deg; --t-display: 92px; --t-heading: 44px; --t-title: 24px; --img-hero: 280px; --img-peek: 160px;}
}
@media (min-width: 1280px) {
  :root {--img-hero: 320px;}
}
@media (min-width: 1024px) {
  :root {--mode-h: 32px;}
}
@media (pointer: coarse) {
  :root {--mode-h: 44px;}
}
@media (min-width: 768px) {
  :root {--t-heading: 44px;}
}
@media (min-width: 1024px) {
  :root {--t-heading: 56px;}
}
:root {--dur-none: 0ms; --pulp-black: #000000; --pulp-white: #FFFFFF; --size-10: 10px; --size-10p5: 10.5px; --size-11: 11px; --size-110: 110px; --size-1160: 1160px; --size-12: 12px; --size-120: 120px; --size-130: 130px; --size-14: 14px; --size-1400: 1400px; --size-15: 15px; --size-150: 150px; --size-16: 16px; --size-18: 18px; --size-180: 180px; --size-200: 200px; --size-22: 22px; --size-220: 220px; --size-24: 24px; --size-26: 26px; --size-28: 28px; --size-3: 3px; --size-30: 30px; --size-300: 300px; --size-320: 320px; --size-34: 34px; --size-360: 360px; --size-38: 38px; --size-40: 40px; --size-420: 420px; --size-44: 44px; --size-46: 46px; --size-50: 50px; --size-52: 52px; --size-6: 6px; --size-60: 60px; --size-64: 64px; --size-640: 640px; --size-7: 7px; --size-72: 72px; --size-720: 720px; --size-760: 760px; --size-80: 80px; --size-860: 860px; --size-880: 880px; --size-9: 9px; --size-900: 900px; --size-999: 999px; --z-label: 3; --z-raise: 1; --z-sink-2: -2; --z-sink-3: -3;}
:root { --c-band: var(--band); --c-btn-bg: var(--type); --c-btn-fg: var(--ground); --c-card: var(--card); --c-feature: var(--feature); --c-feature-muted: var(--feature-muted); --c-feature-print: #453D68; --c-feature-type: var(--feature-type); --c-glow: var(--thread); --c-ground: var(--ground); --c-line: var(--line); --c-link: var(--thread); --c-muted: var(--muted); --c-photo-filter: none; --c-photo-ground: #191A19; --c-photo-type: #F0F0EC; --c-plate: var(--ink-field); --c-scrim: #191A19; --c-type: var(--type); }
:root[data-theme="dark"] { --c-feature-print: #453D68; --c-photo-filter: none; --c-photo-ground: #191A19; --c-photo-type: #F0F0EC; --c-scrim: #191A19; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]):not([data-theme="mono"]) { --c-feature-print: #453D68; --c-photo-filter: none; --c-photo-ground: #191A19; --c-photo-type: #F0F0EC; --c-scrim: #191A19; } }

/* ---- the rules those pages use, from the main site ---- */
.v3-classic *, .v3-classic *::before, .v3-classic *::after {box-sizing: border-box;}
.v3-classic h1, .v3-classic h2, .v3-classic h3, .v3-classic p, .v3-classic figure, .v3-classic ul, .v3-classic ol, .v3-classic fieldset {margin: 0; padding: 0;}
.v3-classic fieldset {border: 0; min-width: 0;}
.v3-classic ul, .v3-classic ol {list-style: none;}
.v3-classic img, .v3-classic svg {display: block; max-width: 100%;}
.v3-classic button, .v3-classic input, .v3-classic textarea {font: inherit; color: inherit;}
.v3-classic dialog {padding: 0; border: 0; max-width: none; max-height: none; color: inherit;}
.v3-classic h1, .v3-classic h2, .v3-classic h3 {font-family: var(--f-display); font-style: normal;}
.v3-classic a {color: var(--c-link); text-decoration-line: underline; text-decoration-thickness: var(--underline); text-underline-offset: 0.2em;
      transition-property: text-decoration-thickness, color; transition-duration: var(--dur-quick); transition-timing-function: var(--ease-arrive);}
.v3-classic a:focus-visible {text-decoration-thickness: var(--underline-hover);}
.v3-classic :focus-visible {outline: var(--ring-w) solid var(--c-type); outline-offset: var(--ring-w);}
@media (hover: hover) and (pointer: fine) {
  .v3-classic a:hover {text-decoration-thickness: var(--underline-hover);}
}
.p-wrap {max-width: calc(var(--frame) + 2 * var(--gutter)); margin-inline: auto; padding-inline: var(--gutter);}
.p-col {max-width: var(--col);}
.p-section {padding-block: var(--s-64);}
.p-band {background: var(--c-band); --glass-ground: var(--c-band);}
.p-grid {display: grid; gap: var(--s-32); grid-template-columns: minmax(0, 1fr);}
@media (min-width: 768px) {
  .p-grid[data-cols="2"], .p-grid[data-cols="4"] {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .p-grid[data-cols="3"] {grid-template-columns: repeat(3, minmax(0, 1fr));}
  .p-section {padding-block: var(--s-96);}
}
@media (min-width: 1024px) {
  .p-grid[data-cols="4"] {grid-template-columns: repeat(4, minmax(0, 1fr));}
}
.p-btn {display: inline-flex; align-items: center; justify-content: center; gap: var(--s-8); min-height: var(--tap); padding-inline: var(--s-24); border: 0; border-radius: var(--r-pill);
           font-family: var(--f-reading); font-size: var(--t-small); font-weight: 600; text-decoration-line: none; cursor: pointer;
           background: var(--c-btn-bg); color: var(--c-btn-fg);
           transition-property: transform, background-color, color; transition-duration: var(--dur-quick); transition-timing-function: var(--ease-arrive);}
.p-btn[data-kind="secondary"] {background: transparent; color: var(--c-type); box-shadow: inset 0 0 0 var(--line-w) var(--c-type);}
.p-btn:active {transform: scale(var(--press));}
.p-btn[aria-busy="true"] {opacity: var(--dim); cursor: progress;}
.p-icon-btn {display: inline-flex; align-items: center; justify-content: center; width: var(--tap); height: var(--tap); border: 0; border-radius: var(--r-pill); background: transparent; color: var(--c-type); cursor: pointer;}
@media (hover: hover) and (pointer: fine) {
  .p-icon-btn:hover {box-shadow: inset 0 0 0 var(--line-w) var(--c-line);}
}
.p-label {font-size: var(--t-label); font-weight: 600; letter-spacing: var(--track-label); text-transform: uppercase; color: var(--c-muted); line-height: 1.35;}
.p-display {font-size: var(--t-display); line-height: var(--lh-display); font-weight: 800; text-transform: uppercase; letter-spacing: var(--track-display);}
.p-h2 {font-size: var(--t-heading); line-height: var(--lh-heading); font-weight: 700; letter-spacing: var(--track-heading);}
.p-h3 {font-size: var(--t-title); line-height: var(--lh-title); font-weight: 700;}
.p-lede {font-size: var(--t-body); max-width: var(--col);}
.p-muted {color: var(--c-muted);}
.p-small {font-size: var(--t-small);}
.p-stack {display: flex; flex-direction: column; gap: var(--s-16);}
.p-row {display: flex; flex-wrap: wrap; gap: var(--s-12); align-items: center;}
.p-hl {position: relative; isolation: isolate; color: var(--pulp-noir); padding-inline: 0.06em; white-space: nowrap;}
.p-hl::before {content: ""; position: absolute; inset: 0.02em 0 0.04em; background: var(--pulp-highlighter); z-index: var(--z-under); transform-origin: left center;}
[data-js] .p-hl::before {animation: highlight-sweep var(--dur-settle) var(--ease-arrive) both;}
.p-chip {display: inline-flex; align-items: center; gap: var(--s-8); min-height: var(--s-32); padding-inline: var(--s-12); border-radius: var(--r-pill); font-size: var(--t-caption); font-weight: 600; color: var(--c-type); box-shadow: inset 0 0 0 var(--line-w) var(--c-line);}
.p-chip::before {content: ""; width: var(--s-8); height: var(--s-8); border-radius: var(--r-pill); flex: none;}
.p-chip[data-tone="people"]::before {background: var(--pulp-wintergreen);}
.p-chip[data-tone="research"]::before {background: var(--pulp-milana-blue);}
.p-chip[data-tone="machine"] {box-shadow: none; outline: var(--line-w) dashed var(--c-muted); outline-offset: calc(-1 * var(--line-w));}
.p-chip[data-tone="machine"]::before {background: var(--pulp-damani-cyan);}
.p-card {display: flex; flex-direction: column; gap: var(--s-16); padding-block-start: var(--s-24); border-block-start: var(--line-w) solid var(--c-line); background: transparent;}
.p-card a {margin-block-start: auto; min-height: var(--tap); display: inline-flex; align-items: center; font-weight: 600; font-size: var(--t-small);}
.p-num {font-variant-numeric: tabular-nums; font-weight: 700;}
.p-cta {position: relative; overflow: clip; isolation: isolate; padding-block: var(--s-96) var(--s-96); background: var(--c-feature); color: var(--c-feature-type);
           --c-type: var(--c-feature-type); --c-muted: var(--c-feature-muted); --c-print: var(--c-feature-print); --c-btn-bg: var(--c-feature-type); --c-btn-fg: var(--c-feature); --c-link: var(--c-feature-type);}
.p-photo {position: relative; margin: 0; height: min(var(--photo-h), var(--photo-max)); overflow: clip; isolation: isolate;
             background: var(--c-photo-ground) var(--lqip) center / cover no-repeat; color: var(--c-photo-type);}
.p-photo::after {content: ""; position: absolute; inset: 0; background-image: var(--grad-scrim); z-index: var(--z-under);}
.p-photo__img {position: absolute; inset-inline: 0; inset-block-start: calc(-1 * var(--parallax)); width: 100%; height: calc(100% + 2 * var(--parallax)); max-width: none;
                  object-fit: cover; object-position: var(--focus); filter: var(--c-photo-filter); z-index: var(--z-under);}
.p-photo__cap {position: absolute; inset-inline: 0; inset-block-end: 0; padding-block-end: var(--s-32);}
.p-photo__line {font-size: var(--t-heading); line-height: var(--lh-heading); font-weight: 800; letter-spacing: var(--track-heading); text-transform: uppercase; max-width: var(--col); color: var(--c-photo-type);}
.p-photo__row {display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--s-12) var(--s-32);}
.p-photo__credit {font-size: var(--t-caption); color: var(--c-photo-type); margin-inline-start: auto;}
.p-photo__credit a {color: inherit;}
@media (min-width: 768px) {
  .p-photo__cap {padding-block-end: var(--s-48);}
}
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .p-photo__img {animation: photo-drift var(--ease-scroll) both; animation-timeline: view(); animation-range: cover;}
  }
}
.p-cta__text {position: relative; display: flex; flex-direction: column; gap: var(--s-16); max-width: var(--col); padding-inline-end: calc(var(--img-peek) * 0.6);}
[data-js] .p-reveal[data-state="shown"] {animation: section-reveal var(--dur-breath) var(--ease-arrive) both;}
.p-dialog {width: min(var(--dialog-w), calc(100% - 2 * var(--gutter))); background: var(--c-card); color: var(--c-type); border-radius: var(--r-6); box-shadow: var(--s-0) var(--s-12) var(--s-32) var(--c-scrim);}
.p-dialog::backdrop {background: var(--c-scrim); opacity: var(--scrim-a);}
.p-dialog[open] {animation: dialog-open var(--dur-settle) var(--ease-arrive) both;}
.p-dialog[open]::backdrop {animation: scrim-open var(--dur-settle) var(--ease-arrive) both;}
.p-dialog[data-state="closing"] {animation: dialog-close var(--dur-quick) var(--ease-leave) both;}
.p-dialog__in {display: flex; flex-direction: column; gap: var(--s-24); padding: var(--s-24);}
.p-dialog__head {display: flex; justify-content: space-between; align-items: flex-start; gap: var(--s-16);}
.p-field {display: flex; flex-direction: column; gap: var(--s-8);}
.p-field label {font-size: var(--t-small); font-weight: 600;}
.p-field input, .p-field textarea {min-height: var(--tap); padding: var(--s-12) var(--s-16); border: 0; border-radius: var(--r-6); background: var(--c-ground); color: var(--c-type);
                                       box-shadow: inset 0 0 0 var(--line-w) var(--c-line); font-size: var(--t-small);}
.p-field textarea {min-height: calc(var(--s-96) + var(--s-16)); resize: vertical;}
.p-field [aria-invalid="true"] {box-shadow: inset 0 0 0 var(--ring-w) var(--pulp-akira-red);}
.p-status {display: none; gap: var(--s-12); align-items: center; font-size: var(--t-small);}
.p-status[data-state="done"], .p-status[data-state="error"] {display: flex; animation: form-status var(--dur-settle) var(--ease-arrive) both;}
@media (prefers-reduced-motion: reduce) {
  [data-js] .p-hl::before {animation: none;}
  [data-js] .p-reveal:not([data-state="shown"]) {transform: none;}
  [data-js] .p-reveal[data-state="shown"], .p-dialog[open], .p-status[data-state="done"], .p-status[data-state="error"] {animation: form-status var(--dur-quick) var(--ease-arrive) both;}
  .p-dialog[data-state="closing"] {animation: scrim-open var(--dur-quick) var(--ease-leave) reverse both;}
  .p-btn:active {transform: none;}
}
@media (min-width: 1024px) {
  .p-section {padding-block: calc(var(--s-96) + var(--s-32));}
}
.p-cta[data-size="climax"] {padding-block: calc(var(--s-96) + var(--s-32));}
.p-cta__title {font-size: var(--t-display); line-height: var(--lh-display); font-weight: 800; letter-spacing: var(--track-display); text-transform: uppercase;}
.p-cta[data-size="climax"] .p-cta__text {max-width: none; gap: var(--s-24);}
.p-cta[data-size="climax"] .p-cta__text > p {max-width: var(--col);}
:root {--p5-ground: var(--c-ground);}
.p-band, .p-cta {--p5-ground: var(--c-band);}
.p-cta {--p5-ground: var(--c-feature);}
.p-photo__line, .p-cta__title {text-wrap: pretty;}
.p-balance {text-wrap: pretty;}
.p-cta__title {text-wrap: balance;}
.p-cta__title {font-size: var(--t-heading);}
@media (min-width: 768px) {
  .p-cta__title {font-size: var(--t-display);}
}
.p-pretty {text-wrap: pretty;}
.p-gap16 {gap: var(--s-16);}
.p-gap24 {gap: var(--s-24);}
.p-gap48 {gap: var(--s-48);}
.p-icon5 {display: inline-block; flex: none; vertical-align: -0.2em;}
.p-head {padding-block: var(--s-64) var(--s-64);}
@media (min-width: 1024px) {
  .p-head {padding-block: var(--s-96);}
}
.p-head__in {display: grid; gap: var(--s-32); align-items: center;}
@media (min-width: 1024px) {
  .p-head__in {grid-template-columns: minmax(0, 1fr) minmax(0, var(--size-320)); gap: var(--s-64);}
}
.p-head__text {display: flex; flex-direction: column; gap: var(--s-24); min-width: 0;}
.p-head__text .p-lede {max-width: var(--size-640);}
.p-head__art {justify-self: start; width: min(100%, var(--size-320));}
.p-head__art:empty {display: none;}
@media (min-width: 1024px) {
  .p-head__in:has(> .p-head__art:empty) {grid-template-columns: minmax(0, 1fr);}
  .p-head__art {justify-self: end;}
}
.p-head__mark {color: var(--c-type);}
.p-head__mark--lg svg {width: 100%; height: auto;}
.p-crumb {display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-8);}
.p-crumb a {color: inherit; text-decoration: none; min-height: var(--tap); display: inline-flex; align-items: center;}
@media (hover: hover) and (pointer: fine) {
  .p-crumb a:hover {text-decoration: underline;}
}
.p-symcol {display: flex; justify-content: flex-start; align-items: center; color: var(--c-type);}
@media (min-width: 1024px) {
  .p-symcol {justify-content: flex-end;}
}
.p-card5 {min-width: 0;}
.p-card5__icon {color: var(--c-plate);}
.p-card5__end {margin-block-start: auto;}
.p-more {display: inline-flex; align-items: center; gap: var(--s-8); min-height: var(--tap); font-weight: 600; color: var(--c-type); text-decoration: underline; text-underline-offset: var(--size-3); text-decoration-thickness: var(--line-w);}
.p-more .p-icon5 {transition: transform var(--dur-quick) var(--ease-arrive);}
@media (hover: hover) and (pointer: fine) {
  .p-more:hover .p-icon5 {transform: translateX(var(--size-3));}
}
.p-doors {display: grid; gap: var(--s-24); grid-template-columns: minmax(0, 1fr);}
@media (min-width: 768px) {
  .p-doors {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
.p-door {display: flex; flex-direction: column; gap: var(--s-12); padding: var(--s-24); border-radius: var(--r-6); box-shadow: inset 0 0 0 var(--line-w) var(--c-line); min-width: 0;}
.p-doors--big .p-door {padding: var(--s-32); min-height: var(--size-420);}
.p-door__sym {width: var(--size-120);}
.p-doors--big .p-door__sym {width: var(--size-180);}
.p-door__name {font-size: var(--t-heading); line-height: 1; font-weight: 800; letter-spacing: -0.01em;}
.p-door__end {margin-block-start: auto; padding-block-start: var(--s-8);}
.p-split2 {display: grid; gap: var(--s-48);}
@media (min-width: 1024px) {
  .p-split2 {grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s-64); align-items: center;}
}
.p-recs {margin: 0; padding: 0; list-style: none;}
.p-step {display: flex; flex-direction: column; gap: var(--s-8); padding-block-start: var(--s-16);}
.p-step__n {font-weight: 600; color: var(--c-muted); font-variant-numeric: tabular-nums;}
.p-stats {display: flex; gap: var(--s-48);}
.p-stats > div {display: flex; flex-direction: column; gap: var(--s-8);}
.p-stat {font-size: var(--t-heading); font-weight: 800; line-height: 1; letter-spacing: -0.01em;}
.p-rec {display: grid; grid-template-columns: var(--s-24) minmax(0, 1fr); gap: var(--s-16); align-items: center; padding-block: var(--s-16); border-block-start: var(--line-w) solid var(--c-line);}
.p-rec__name {font-weight: 700;}
.p-rec .p-chip {grid-column: 2; justify-self: start;}
@media (min-width: 560px) {
  .p-rec {grid-template-columns: var(--s-24) minmax(0, 1fr) auto;}
  .p-rec .p-chip {grid-column: auto; justify-self: auto;}
}
.p-rec[hidden] {display: none;}
.p-cta5 .p-cta__title {max-width: var(--size-860); font-size: var(--t-heading); line-height: var(--lh-heading);}
.p-inverse, .p-cta .p-btn {background: var(--c-feature-type); color: var(--c-feature);}
.p-school {display: block; flex: none; color: var(--c-type); --p5-disc: color-mix(in srgb, var(--c-type) 12%, var(--p5-ground));}
.p-school > * {--p5-ground: var(--p5-disc);}
.p-past__now {display: flex; gap: var(--s-8); align-items: center; margin-block-start: var(--s-4); color: var(--c-type);}
.p-rec--sp {align-items: start;}
.p-rec__kicker {margin-block-end: var(--s-4);}
.p-rec__open {all: unset; cursor: pointer; display: flex; align-items: center; min-height: var(--tap); border-radius: var(--r-6);}
@media (hover: hover) and (pointer: fine) {
  .p-rec__open:hover .p-rec__name {text-decoration: underline; text-underline-offset: var(--size-3);}
}
.p-rec__open:focus-visible {outline: var(--ring-w) solid var(--c-type); outline-offset: var(--s-4);}
.p-step__n {font-weight: 700; font-size: var(--size-14); color: var(--c-muted); font-variant-numeric: tabular-nums;}
.p-step .p-card5__icon {display: flex; align-items: center; justify-content: space-between;}
.p-stats--head {display: flex; gap: var(--s-32); flex-wrap: wrap;}
.p-proj .p-dialog__in {display: grid; gap: var(--s-16);}
.p-proj .p-dialog__in {max-height: min(86vh, var(--size-760)); overflow: auto; overscroll-behavior: contain; padding-block-end: 0;}
.p-proj .p-dialog__in > .p-row {position: sticky; bottom: 0; background: var(--c-card); padding-block: var(--s-16) var(--s-24); box-shadow: 0 calc(-1 * var(--line-w)) 0 var(--c-line);}
.p-proj .p-dialog__head {position: sticky; top: calc(-1 * var(--s-24)); background: var(--c-card); padding-block-start: var(--s-24); margin-block-start: calc(-1 * var(--s-24)); z-index:  var(--z-raise);}
.p-proj__body {display: grid; gap: var(--s-16);}
.p-proj__part {display: grid; gap: var(--s-8); padding-block-start: var(--s-16); border-block-start: var(--line-w) solid var(--c-line);}
.p-tags {display: flex; flex-wrap: wrap; gap: var(--s-8);}
.p-tag {display: inline-flex; align-items: center; min-height: var(--size-28); padding-inline: var(--s-12); border-radius: var(--r-pill); box-shadow: inset 0 0 0 var(--line-w) var(--c-line); font-size: var(--t-caption);}
.p-areas {display: grid; gap: var(--s-48);}
.p-area {display: grid; gap: var(--s-12);}
.p-area__head {display: flex; align-items: center; gap: var(--s-16);}
.p-area__head .p-small {margin-inline-start: auto;}
.p-area__sym {display: block; width: var(--s-64); flex: none;}
.p-area__sym svg {display: block; width: var(--s-64); height: auto;}
.p-rec--paper, .p-rec--more {align-items: start;}
.p-rec--more {grid-template-columns: var(--s-32) minmax(0, 1fr);}
.p-head--paper .p-display {font-size: clamp(var(--size-26), 4.4vw, var(--size-60)); max-width: 24ch;}
.p-pmeta {display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-12) var(--s-16);}
.p-hyps {margin: 0; padding: 0; list-style: none; display: grid; gap: var(--s-16);}
.p-hyp {display: grid; grid-template-columns: var(--s-48) minmax(0, 1fr); gap: var(--s-16); padding-block-start: var(--s-16); border-block-start: var(--line-w) solid var(--c-line);}
.p-hyp__n {font-weight: 700; font-variant-numeric: tabular-nums;}
.p-diagram {margin: 0; display: grid; gap: var(--s-12); color: var(--c-type);}
.p-diagram :is(.p-diagram__wide, .p-diagram__tall) > svg {display: block; width: 100%; height: auto; max-width: var(--size-720);}
.p-diagram__wide {display: none;}
.p-diagram .p-diagram__tall > svg {max-width: var(--size-360);}
@media (min-width: 560px) {
  .p-diagram__wide {display: block;}
  .p-diagram__tall {display: none;}
}
.p-sources {margin: 0; padding: 0; list-style: none; display: grid; gap: var(--s-12);}
.p-sources li {padding-block-start: var(--s-12); border-block-start: var(--line-w) solid var(--c-line);}
.p-test {display: grid; gap: var(--s-8); align-content: start; padding-block-start: var(--s-16); border-block-start: var(--line-w) solid var(--c-line);}
.p-rec__end {display: flex; gap: var(--s-12); grid-column: 2; flex-direction: row; flex-wrap: wrap; align-items: center; justify-self: start;}
@media (min-width: 560px) {
  .p-rec__end {grid-column: auto; flex-direction: column; flex-wrap: nowrap; align-items: flex-end; justify-self: auto;}
}
.p-sticker {display: inline-flex; align-items: center; gap: var(--s-8); min-height: var(--tap); padding-inline: var(--s-16); border-radius: var(--r-pill);
    background: var(--c-type); color: var(--c-ground); font-weight: 700; font-size: var(--size-14); text-decoration: none; transform: rotate(-2deg);
    box-shadow: 0 var(--size-6) var(--s-16) calc(-1 * var(--size-10)) color-mix(in srgb, var(--pulp-black) 60%, transparent); transition: transform var(--dur-settle) var(--ease-arrive);}
.p-rec__end .p-sticker {background: var(--p5-ground); color: var(--c-type); box-shadow: inset 0 0 0 var(--ring-w) var(--c-type), 0 var(--size-6) var(--s-16) calc(-1 * var(--s-12)) color-mix(in srgb, var(--pulp-black) 60%, transparent);}
.p-sticker:focus-visible {transform: rotate(0deg) scale(1.03);}
@media (hover: hover) and (pointer: fine) {
  .p-sticker:hover {transform: rotate(0deg) scale(1.03);}
}
.p-sticker--tag {min-height: var(--s-32); padding-inline: var(--s-12); font-size: var(--t-label); letter-spacing: 0.12em; text-transform: uppercase; justify-self: start; align-self: flex-start;}
.p-callout {display: grid; gap: var(--s-12); margin-block-start: var(--s-16); padding: var(--s-24); border-radius: var(--r-6);
    box-shadow: inset 0 0 0 var(--line-w) var(--c-line);}
.p-past__school {font-weight: 400; color: var(--c-muted);}
.p-past__plus {display: grid; place-items: center; width: var(--size-40); height: var(--size-40); border-radius: 50%; box-shadow: inset 0 0 0 var(--line-w) var(--c-line); color: var(--c-type);}
.p-past__now a {color: var(--c-type);}
.p-started {display: flex; gap: var(--s-8); align-items: center; margin-block-start: var(--s-4); color: var(--c-type);}
.p-local {display: flex; flex-direction: column; gap: var(--s-8); margin-block-start: var(--s-24);}
.p-local__links, .p-jump {display: flex; flex-wrap: wrap; gap: var(--s-8);}
.p-local__links a, .p-jump a {display: inline-flex; align-items: center; gap: var(--s-8); min-height: var(--tap); padding: 0 var(--s-16); border-radius: var(--r-pill);
    border: var(--line-w) solid var(--c-line); color: var(--c-type); text-decoration: none; font-size: var(--t-small);
    transition-property: border-color, background-color; transition-duration: var(--dur-quick); transition-timing-function: var(--ease-arrive);}
@media (hover: hover) and (pointer: fine) {
  .p-local__links a:hover, .p-jump a:hover {border-color: var(--c-type);}
}
.p-local__links a:focus-visible, .p-jump a:focus-visible {outline: var(--ring-w) solid currentColor; outline-offset: var(--s-2);}
.p-jump {margin-block-end: var(--s-8);}
.p-jump__n {font-variant-numeric: tabular-nums; color: var(--c-muted);}
.p-rec__read {margin-block-start: var(--s-4);}
.p-pager {display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-24);}
.p-pager__cell {display: flex; flex-direction: column; gap: var(--s-8); padding: var(--s-24); min-height: var(--tap); border-radius: var(--r-6);
    border: var(--line-w) solid var(--c-line); color: var(--c-type); text-decoration: none; transition: border-color var(--dur-quick) var(--ease-arrive);}
@media (hover: hover) and (pointer: fine) {
  .p-pager__cell:hover {border-color: var(--c-type);}
}
.p-pager__next {text-align: start; align-items: flex-start;}
.p-pager__q {font-size: var(--t-title); font-weight: 600; line-height: 1.25; text-wrap: balance;}
.p-pager-sec {padding-block-end: 0;}
@media (min-width: 560px) {
  .p-pager {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
  .p-pager__next {text-align: end; align-items: flex-end;}
}
@media (hover: none) {
  .p-cta {touch-action: pan-y pinch-zoom;}
}
:root {--p-move-settle: var(--dur-settle); --p-move-quick: var(--dur-quick); --p-fold-off: translateY(calc(100% + var(--s-48))); --p-menu-off: translateY(var(--s-8)) scale(0.98);}
@media (prefers-reduced-motion: reduce) {
  :root {--p-move-settle: var(--dur-none); --p-move-quick: var(--dur-none); --p-fold-off: none; --p-menu-off: none;}
}
.pd-t {font: 500 15px var(--f-reading); fill: currentColor}
.pd-s {font: 700 12px var(--f-reading); letter-spacing: .12em; fill: var(--c-muted)}
.pd-b {font: 700 16px var(--f-reading); fill: currentColor}
.pd-m {font: 500 14px var(--f-reading); fill: var(--c-muted)}
:root, :root[data-theme="light"] {--ds-talk: #0A62A6; --ds-on-talk: #F0F0EC; --ds-mark-bg: #E6F21A; --ds-mark-fg: #191A19;}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="mono"]) {--ds-talk: #57A0D2; --ds-on-talk: #191A19; --ds-mark-bg: #E6F21A; --ds-mark-fg: #191A19;}
}
:root[data-theme="dark"] {--ds-talk: #57A0D2; --ds-on-talk: #191A19;}
:root[data-theme="light"] {--ds-talk: #0A62A6; --ds-on-talk: #F0F0EC;}
.ds-head {padding-block-end: var(--s-48);}
.ds-h1 {font-size: clamp(28px, 4.4vw, 46px); line-height: 1.08; font-weight: 800; letter-spacing: -0.01em; max-width: 24ch; margin: 0;}
.ds-head .p-head__text {display: grid; gap: var(--s-16);}
.ds-head .p-pmeta {display: flex; flex-wrap: wrap; gap: var(--s-12); align-items: center;}
.ds-head .p-pmeta a {color: inherit;}
.ds-summary {list-style: none; margin: var(--s-32) 0 0; padding: 0; display: grid; gap: var(--s-24); grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));}
.ds-summary li {display: grid; gap: var(--s-8); align-content: start; padding-block-start: var(--s-16); border-block-start: var(--line-w) solid var(--c-line);}
.ds-summary__n {font-size: var(--t-heading); font-weight: 800; line-height: 1;}
.ds-toc {padding-block: var(--s-24) var(--s-48);}
.ds-toc ol {list-style: none; margin: var(--s-12) 0 0; padding: 0; display: grid; gap: var(--s-4) var(--s-24); grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));}
.ds-toc a {display: flex; gap: var(--s-12); align-items: center; min-height: var(--tap); color: var(--c-type); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: var(--line-w);}
.ds-toc a:focus-visible {outline: var(--ring-w) solid currentColor; outline-offset: var(--s-2);}
.ds-facts {margin: 0; padding: 0; list-style: none; display: grid; gap: var(--s-16);}
.ds-facts li {font-size: var(--t-small); padding-block-start: var(--s-12); border-block-start: var(--line-w) solid var(--c-line);}
.ds-big {font-size: clamp(40px, 7vw, 64px); font-weight: 800; line-height: 1; letter-spacing: -0.02em; margin: 0;}
.ds-vs {font-size: 0.4em; font-weight: 600; color: var(--c-muted); vertical-align: middle; margin-inline: 0.2em;}
.ds-step .p-h2 {font-size: clamp(22px, 2.6vw, var(--t-heading)); line-height: 1.15; max-width: 30ch;}
.ds-statusrow {display: flex; flex-wrap: wrap; gap: var(--s-12); align-items: center;}
.ds-after {display: grid; gap: var(--s-32);}
@media (min-width: 860px) {
  .ds-after {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
}
.ds-fig {margin: 0; display: grid; gap: var(--s-16); max-width: 920px;}
.ds-legend {display: flex; flex-wrap: wrap; gap: var(--s-8) var(--s-24); font-size: var(--t-caption); color: var(--c-muted);}
.ds-key {display: inline-flex; align-items: center; gap: var(--s-8);}
.ds-ring {width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 0 0 2px var(--c-type);}
.ds-dot {width: 12px; height: 12px; border-radius: 50%; background: var(--ds-talk);}
.ds-tickkey {width: 3px; height: 14px; background: var(--c-type);}
.ds-cikey {width: 24px; height: 4px; border-radius: 2px; background: var(--ds-talk); opacity: 0.35;}
.ds-barkey {width: 18px; height: 10px; background: var(--ds-talk);}
.ds-barkey--poll {background: transparent; box-shadow: inset 0 0 0 2px var(--c-type);}
.ds-rows {display: grid; gap: var(--s-2);}
.ds-row, .ds-axis {display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: var(--s-16); align-items: center;}
.ds-row {padding-block: var(--s-8); border-radius: var(--r-6); cursor: default;}
.ds-row[hidden] {display: none;}
.ds-row:focus-visible, .ds-cm__c:focus-visible {outline: var(--ring-w) solid var(--c-type); outline-offset: var(--s-2);}
.ds-row:hover .ds-track, .ds-row:focus-visible .ds-track {background-color: color-mix(in srgb, var(--c-type) 5%, transparent);}
.ds-row__label {display: grid; gap: var(--s-2); font-size: var(--t-small); line-height: 1.3;}
.ds-row__sub {font-size: var(--t-caption); color: var(--c-muted);}
.ds-row--pair {padding-block-start: 0;}
.ds-rows--dense .ds-row {padding-block: var(--s-4);}
.ds-axis {font-size: var(--t-caption); color: var(--c-muted); font-variant-numeric: tabular-nums;}
.ds-axis__track {position: relative; height: 18px;}
.ds-axis__t {position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap;}
.ds-axis__t:first-child {transform: none;}
.ds-axis__t:last-child {transform: translateX(-100%);}
.ds-track {position: relative; height: 28px; border-radius: 4px;
  background-image: linear-gradient(to right, var(--c-line) 1px, transparent 1px);
  background-size: var(--ds-step, 25%) 100%; background-position: var(--ds-off, 0) 0;
  box-shadow: inset -1px 0 0 var(--c-line);}
.ds-rows--dense .ds-track {height: 24px;}
.ds-ringm, .ds-dotm, .ds-tick, .ds-ci, .ds-zero, .ds-bar {position: absolute; top: 50%;}
.ds-ringm {width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 2px var(--c-type); transform: translate(-50%, -50%);}
.ds-dotm {width: var(--sz, 14px); height: var(--sz, 14px); border-radius: 50%; background: var(--ds-talk); transform: translate(-50%, -50%);}
.ds-dotm--faint {opacity: 0.45;}
.ds-ci {height: 6px; border-radius: 3px; background: var(--ds-talk); opacity: 0.35; transform: translateY(-50%);}
.ds-tick {width: 3px; height: 22px; background: var(--c-type); transform: translate(-50%, -50%);}
.ds-zero {width: 1px; height: 100%; top: 0; background: var(--c-muted);}
.ds-bar {left: 0; height: 16px; transform: translateY(-50%); background: var(--ds-talk); border-radius: 0 3px 3px 0;}
.ds-bar--muted {background: var(--c-muted);}
.ds-bar--poll {background: transparent; box-shadow: inset 0 0 0 2px var(--c-type);}
@media (max-width: 640px) {
  .ds-row, .ds-axis {grid-template-columns: minmax(0, 1fr); gap: var(--s-4);}
  .ds-axis__pad {display: none;}
  .ds-row--pair .ds-row__label > span:first-child:empty {display: none;}
}
.ds-cm {display: grid; grid-template-columns: auto repeat(4, minmax(0, 1fr)); gap: var(--s-4); max-width: 560px; font-variant-numeric: tabular-nums;}
.ds-cm__corner {display: grid; font-size: var(--t-caption); color: var(--c-muted); align-content: end; gap: 2px;}
.ds-cm__h {font-size: var(--t-caption); font-weight: 600; color: var(--c-muted); align-self: end; padding: var(--s-4);}
.ds-cm__rh {align-self: center;}
.ds-cm__c {position: relative; min-height: 48px; display: grid; place-items: center; border-radius: var(--r-6); box-shadow: inset 0 0 0 var(--line-w) var(--c-line); font-weight: 700; isolation: isolate;}
.ds-cm__c::before {content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--ds-talk); opacity: var(--a); z-index: -1;}
.ds-cm__c--diag {box-shadow: inset 0 0 0 2px var(--c-type);}
.ds-cm__c--hi {color: var(--ds-on-talk);}
.ds-tip {position: fixed; z-index: var(--z-modal); max-width: min(300px, calc(100vw - 32px)); padding: var(--s-8) var(--s-12); border-radius: var(--r-6); background: var(--c-type); color: var(--c-ground); font-size: var(--t-caption); line-height: 1.4; pointer-events: none; opacity: 0; transition: opacity var(--dur-quick) var(--ease-arrive);}
.ds-tip[data-open] {opacity: 1;}
.ds-layers {display: grid; gap: var(--s-8); align-content: start;}
.ds-more {border-block-start: var(--line-w) solid var(--c-line);}
.ds-more > summary {min-height: var(--tap); display: flex; align-items: center; font-weight: 600; cursor: pointer;}
.ds-more > summary:focus-visible {outline: var(--ring-w) solid currentColor; outline-offset: var(--s-2);}
.ds-more > p {margin: 0 0 var(--s-16); max-width: var(--col);}
.ds-wonder ul {list-style: none; margin: var(--s-8) 0 0; padding: 0; display: grid; gap: var(--s-4);}
.ds-wonder a {display: inline-flex; align-items: center; min-height: var(--tap); color: var(--c-type); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: var(--line-w);}
.ds-tablewrap {overflow-x: auto;}
.ds-tablewrap table {border-collapse: collapse; font-size: var(--t-small); font-variant-numeric: tabular-nums; min-width: 100%;}
.ds-tablewrap th, .ds-tablewrap td {text-align: left; padding: var(--s-8) var(--s-12) var(--s-8) 0; border-block-end: var(--line-w) solid var(--c-line); vertical-align: top;}
.ds-tablewrap thead th {font-size: var(--t-caption); color: var(--c-muted); font-weight: 600;}
.ds-tablewrap tbody th {font-weight: 400;}
.ds-filter {display: flex; flex-wrap: wrap; gap: var(--s-8); margin-block-end: var(--s-8);}
.ds-filter button {min-height: var(--tap); padding-inline: var(--s-16); border-radius: var(--r-pill); border: 0; box-shadow: inset 0 0 0 var(--line-w) var(--c-line); background: transparent; color: var(--c-type); font: inherit; font-size: var(--t-small); font-weight: 600; cursor: pointer;}
.ds-filter button[aria-pressed="true"] {background: var(--c-btn-bg); color: var(--c-btn-fg); box-shadow: none;}
.ds-filter button:focus-visible {outline: var(--ring-w) solid var(--c-type); outline-offset: var(--s-2);}
.ds-explorer {display: grid; gap: var(--s-16); max-width: 920px; padding: var(--s-24); border-radius: var(--r-6); background: var(--c-card); box-shadow: inset 0 0 0 var(--line-w) var(--c-line);}
.ds-explorer__head {display: flex; flex-wrap: wrap; gap: var(--s-12); align-items: center; justify-content: space-between;}
.ds-explorer .p-h3 {margin: 0;}
.ds-select {display: grid; gap: var(--s-8);}
.ds-select select {min-height: var(--tap); max-width: 100%; padding-inline: var(--s-12); border-radius: var(--r-6); border: var(--line-w) solid var(--c-line); background: var(--c-ground); color: var(--c-type); font: inherit; font-size: var(--t-small);}
.ds-select select:focus-visible {outline: var(--ring-w) solid var(--c-type); outline-offset: var(--s-2);}
.ds-wvs {list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-16);}
.ds-wvs[hidden] {display: none;}
.ds-wv {display: grid; gap: var(--s-4); padding-block-start: var(--s-12); border-block-start: var(--line-w) solid var(--c-line);}
.ds-wv p {margin: 0;}
.ds-wv mark {background: var(--ds-mark-bg); color: var(--ds-mark-fg); padding-inline: 2px; border-radius: 2px;}
.ds-wv__note {font-size: var(--t-caption); color: var(--c-muted);}
.ds-illus {display: grid; gap: var(--s-16); align-content: start; padding: var(--s-24); border-radius: var(--r-6); background: var(--c-card); box-shadow: inset 0 0 0 var(--line-w) var(--c-line);}
.ds-illus__head {display: flex; flex-wrap: wrap; gap: var(--s-12); align-items: center; justify-content: space-between;}
.ds-illus .p-h3 {margin: 0;}
.ds-slider {display: grid; gap: var(--s-8);}
.ds-slider input {width: 100%; min-height: var(--tap); accent-color: var(--ds-talk);}
.ds-slider__ends {display: flex; justify-content: space-between;}
.ds-illus__bars {display: grid; gap: var(--s-12);}
.ds-illus__bars > div {display: grid; grid-template-columns: 110px minmax(0, 1fr) 40px; gap: var(--s-12); align-items: center;}
.ds-illus__track {position: relative; height: 16px; box-shadow: inset 0 0 0 var(--line-w) var(--c-line); border-radius: 3px;}
.ds-illus__bar {position: absolute; inset-block: 0; left: 0; background: var(--ds-talk); border-radius: 3px; transition: width var(--dur-settle) var(--ease-arrive);}
.ds-illus__bar--base {background: var(--c-muted);}
.ds-disc {margin: 0; display: grid; gap: 0;}
.ds-disc > div {display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: var(--s-12); padding-block: var(--s-12); border-block-start: var(--line-w) solid var(--c-line); font-size: var(--t-small);}
.ds-disc dt {font-weight: 700;}
.ds-disc dd {margin: 0; color: var(--c-muted);}
@media (max-width: 400px) {
  .ds-disc > div, .ds-illus__bars > div {grid-template-columns: minmax(0, 1fr); gap: var(--s-4);}
  .ds-explorer, .ds-illus {padding: var(--s-16);}
}
@media (prefers-reduced-motion: reduce) {
  .ds-tip, .ds-illus__bar {transition: none;}
}
html[data-motion="reduce"] .ds-tip, html[data-motion="reduce"] .ds-illus__bar {transition: none;}
.ds-fig, .ds-fig > *, .ds-explorer, .ds-explorer > *, .ds-after > *, .ds-illus, .ds-step .p-wrap > * {min-width: 0;}
.ds-tablewrap {max-width: 100%;}
.ds-select select {width: 100%; text-overflow: ellipsis;}
#background .p-h2, #method .p-h2, #credit .p-h2 {font-size: clamp(22px, 2.6vw, var(--t-heading)); line-height: 1.15; max-width: 30ch;}
.ds-short {display: none;}
@media (max-width: 480px) {
  .ds-long {display: none;}
  .ds-short {display: inline;}
  .ds-cm__corner span:last-child {display: none;}
}

@keyframes highlight-sweep { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes section-reveal { from { opacity: 0; transform: translateY(var(--rise)); } to { opacity: 1; transform: none; } }
@keyframes dialog-open { from { opacity: 0; transform: translateY(var(--rise)); } to { opacity: 1; transform: none; } }
@keyframes dialog-close { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(var(--rise)); } }
@keyframes scrim-open { from { opacity: 0; } to { opacity: var(--scrim-a); } }
@keyframes form-status { from { opacity: 0; } to { opacity: 1; } }
@keyframes photo-drift { from { transform: translateY(calc(-1 * var(--parallax))); } to { transform: translateY(var(--parallax)); } }

/* the data story's chart ink in v3's mono: one ink, no hue */
:root[data-theme="mono"] { --ds-talk: var(--ink-field); --ds-on-talk: var(--ground); --ds-mark-bg: var(--band); --ds-mark-fg: var(--type); }
/* the main site set big statements in capitals; v3 sets them in sentence case */
.v3-classic .p-photo__line { text-transform: none; font-weight: 880; letter-spacing: -0.035em; }
.v3-classic .p-cta__title { text-transform: none; font-weight: 880; letter-spacing: -0.045em; line-height: 0.98; }
/* ---- v3's type and rhythm, so these pages read as one site with the rest ---- */
.v3-classic { --p5-ground: var(--ground); }
.v3-classic .p-band { --p5-ground: var(--band); }
.v3-classic .p-display { text-transform: none; font-weight: 880; letter-spacing: -0.045em; line-height: 0.98; font-size: clamp(44px, 7vw, 100px); text-wrap: balance; }
.v3-classic .p-head--paper .p-display { font-size: clamp(34px, 4.6vw, 62px); line-height: 1.02; max-width: 22ch; }
.v3-classic .p-h2 { font-size: clamp(30px, 4.2vw, 54px); line-height: 1.02; font-weight: 880; letter-spacing: -0.04em; text-wrap: balance; }
.v3-classic .p-h3 { font-weight: 800; letter-spacing: -0.01em; }
.v3-classic .p-lede { font-size: clamp(19px, 2vw, 24px); line-height: 1.45; font-weight: 300; text-wrap: pretty; }
.v3-classic .p-label { font-size: 12.5px; font-weight: 700; letter-spacing: 0.14em; color: var(--muted); }
.v3-classic .p-section { padding-block: clamp(56px, 8vw, 104px); }
.v3-classic .p-head { padding-block: clamp(44px, 6.5vw, 92px) clamp(40px, 6vw, 80px); }
.v3-classic .p-btn { border-radius: 10px; min-height: 44px; padding: 0 18px; font-weight: 800; font-size: 15px; background: var(--type); color: var(--ground); }
.v3-classic .p-btn[data-kind="secondary"] { background: transparent; color: var(--type); box-shadow: inset 0 0 0 1.5px var(--type); }
.v3-classic .p-chip { min-height: 0; padding: 0; background: none; box-shadow: none; outline: 0; font-size: 12px; font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; color: var(--thread); }
.v3-classic .p-chip::before { display: none; }
.v3-classic .p-tag { min-height: 0; padding: 0; box-shadow: none; background: none; font-size: 13px; color: var(--muted); }
.v3-classic .p-tag + .p-tag::before { content: "·"; margin-right: 8px; color: var(--muted); }
.v3-classic .p-crumb.v3-crumbs { gap: 8px; }
.v3-classic .p-crumb.v3-crumbs a { min-height: 0; }
.v3-classic a:focus-visible, .v3-classic button:focus-visible { outline: 2px solid var(--type); outline-offset: 2px; }