/* ONE EDITABLE DESIGN SYSTEM. Change the foundation controls; page aliases derive from them.
   Primary and Secondary are preserved. Tertiary is the only additional brand accent.
   See docs/customization.md for roles, sizes and verification. */






:root {

  /* ARTICLE READING — consumed only by the opt-in reader stylesheet and script. */
  --heading-reader: clamp(2.5rem, 4.3vw, 3.8rem);
  --heading-reader-mobile: clamp(2rem, 8.4vw, 2.65rem);
  --heading-reader-section: clamp(1.65rem, 2.5vw, 2.15rem);
  --reader-column-width: 680px;
  --reader-rail-width: 210px;
  --motion-reader: 650ms;
  --motion-reader-offset: 12px;
  --color-reader-night: linear-gradient(120deg, var(--color-hero), color-mix(in srgb, var(--color-primary) 24%, var(--color-hero)));
  --color-reader-panel: linear-gradient(120deg, color-mix(in srgb, var(--color-secondary) 22%, var(--color-surface)), color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)));
  --color-reader-edge: color-mix(in srgb, var(--color-primary) 45%, var(--color-border));


  /* SITE BUTTONS — shared button-only refinement. */
  --opacity-disabled: 0.5;
  --color-button-surface: linear-gradient(145deg, var(--color-surface), var(--color-band));
  --color-button-edge: color-mix(in srgb, var(--color-primary) 65%, var(--color-border));
  --color-button-fill: linear-gradient(130deg, var(--color-secondary), var(--color-primary));
  --color-button-ink: var(--color-neutral-950);
  --color-button-night: linear-gradient(130deg, color-mix(in srgb, var(--color-primary) 22%, var(--color-hero)), var(--color-hero));
  --color-button-shine: color-mix(in srgb, var(--color-secondary) 65%, var(--color-neutral-0));
  --color-button-glow: color-mix(in srgb, var(--color-primary) 24%, transparent);
  --shadow-button: inset 0 var(--border-width) 0 var(--color-button-shine), 0 var(--space-1) var(--space-3) var(--color-button-glow);
  --shadow-button-hover: inset 0 var(--border-width) 0 var(--color-button-shine), 0 var(--space-1) var(--space-5) var(--color-button-glow);

  /* MOBILE PERFORMANCE — mobile-only geometry, desktop values stay intact. */
  --image-mobile-editorial: clamp(160px, 48vw, 220px);
  --image-mobile-portal: 280px;
  --image-mobile-product: clamp(140px, 42vw, 190px);
  --image-mobile-scene: clamp(360px, 62svh, 480px);
  --image-mobile-tile: 230px;
  --image-mobile-card: 120px;

  /* FOUNDATIONS — three brand accents, neutral scale and functional colors */
  --color-primary: #1d9cff;
  --color-secondary: #6dc7ff;
  --color-tertiary: #f5b697;
  --color-neutral-0: #ffffff;
  --color-neutral-50: #f7f9fb;
  --color-neutral-100: #edf1f4;
  --color-neutral-200: #dfe5eb;
  --color-neutral-300: #c8d0d9;
  --color-neutral-400: #a9b4c1;
  --color-neutral-500: #7a8593;
  --color-neutral-600: #66666b;
  --color-neutral-700: #505762;
  --color-neutral-800: #303842;
  --color-neutral-900: #1c222b;
  --color-neutral-950: #101419;
  --color-neutral-1000: #000000;
  --color-status-error: #b85e46;
  --color-status-success: #297a5a;
  --color-status-warning: #907447;
  --color-status-success-inverse: #75bb99;
  --color-status-warning-inverse: #b8a578;

  /* SHARED COLOR ROLES */
  --color-text: var(--color-neutral-700);
  --color-heading: var(--color-neutral-700);
  --color-heading-support: var(--color-neutral-600);
  --color-muted: var(--color-neutral-600);
  --color-background: var(--color-neutral-100);
  --color-surface: var(--color-neutral-0);
  --color-surface-subtle: var(--color-neutral-200);
  --color-border: var(--color-neutral-300);
  --color-photo-surface: var(--color-neutral-0);
  --color-photo-text: var(--color-neutral-700);
  --color-nav: var(--color-neutral-950);
  --color-hero: var(--color-neutral-950);
  --color-inverse-heading: var(--color-neutral-100);
  --color-inverse-text: var(--color-neutral-300);
  --color-inverse-muted: var(--color-neutral-400);
  --color-inverse-border: var(--color-neutral-800);
  --color-inverse-control-border: var(--color-neutral-400);
  --color-link-base: var(--color-neutral-800);
  --color-link: color-mix(in srgb, var(--color-primary) 48%, var(--color-link-base));
  --color-hover: color-mix(in srgb, var(--color-primary) 12%, var(--color-photo-surface));
  --color-band: color-mix(in srgb, var(--color-secondary) 14%, var(--color-surface));
  --color-inverse-hover: color-mix(in srgb, var(--color-primary) 18%, var(--color-hero));
  --color-error: var(--color-status-error);
  --color-success: var(--color-status-success);
  --color-warning: var(--color-status-warning);
  --color-heading-fixed: var(--color-neutral-700);
  --color-accent-soft: var(--color-secondary);
  --color-accent-editorial: var(--color-tertiary);
  --color-accent-editorial-ink: color-mix(in srgb, var(--color-tertiary) 46%, var(--color-neutral-950));

  /* COMPONENT COLOR ALIASES — all derive from shared foundations */
  --color-card-edge: color-mix(in srgb, var(--color-border) 70%, var(--color-surface));
  --color-card-hover-edge: color-mix(in srgb, var(--color-primary) 40%, var(--color-border));
  --color-card-button: var(--color-surface);
  --color-product-tray: linear-gradient(145deg,var(--color-neutral-0),var(--color-neutral-100));
  --color-product-edge: var(--color-neutral-200);
  --color-card-reading: linear-gradient(145deg,var(--color-surface),var(--color-band));
  --color-card-guide: linear-gradient(145deg,var(--color-surface),color-mix(in srgb,var(--color-handbook-accent) 7%,var(--color-surface)));
  --color-card-news: linear-gradient(145deg,var(--color-surface),color-mix(in srgb,var(--color-news-accent) 7%,var(--color-surface)));
  --color-card-light: radial-gradient(circle,color-mix(in srgb, var(--color-secondary) 18%, transparent),transparent 65%);
  --color-card-trace: linear-gradient(90deg,transparent,var(--color-secondary),var(--color-news-accent),transparent);
  --color-nexus-night: var(--color-hero);
  --color-nexus-accent: var(--color-accent-soft);
  --color-nexus-accent-warm: var(--color-accent-editorial);
  --color-nexus-line: color-mix(in srgb, var(--color-secondary) 17%, transparent);
  --color-nexus-liquid: color-mix(in srgb, var(--color-secondary) 4%, transparent);
  --color-nexus-aura: radial-gradient(ellipse,color-mix(in srgb, var(--color-secondary) 26%, transparent),transparent 68%);
  --color-nexus-portal-shade: linear-gradient(0deg,color-mix(in srgb, var(--color-hero) 96%, transparent),color-mix(in srgb, var(--color-hero) 13%, transparent) 100%);
  --color-nexus-listening: var(--color-photo-surface);
  --color-nexus-listen-type: var(--color-neutral-300);
  --color-news-accent: var(--color-accent-editorial-ink);
  --color-news-on-accent: var(--color-neutral-0);
  --color-motion-halo: radial-gradient(ellipse,color-mix(in srgb, var(--color-primary) 42%, transparent),transparent 70%);
  --color-motion-outline: color-mix(in srgb, var(--color-neutral-400) 13%, transparent);
  --color-motion-photo-shade: linear-gradient(90deg,color-mix(in srgb, var(--color-hero) 65%, transparent),transparent 65%),linear-gradient(0deg,color-mix(in srgb, var(--color-hero) 60%, transparent),transparent 65%);
  --color-motion-mobile-shade: linear-gradient(0deg,color-mix(in srgb, var(--color-hero) 90%, transparent),color-mix(in srgb, var(--color-hero) 7%, transparent) 85%);
  --color-showcase-paper: var(--color-background);
  --color-showcase-ink: var(--color-text);
  --color-showcase-muted: var(--color-muted);
  --color-showcase-night: var(--color-hero);
  --color-showcase-chalk: var(--color-inverse-heading);
  --color-showcase-silver: var(--color-inverse-muted);
  --color-showcase-glass: color-mix(in srgb, var(--color-showcase-night) 85%, transparent);
  --color-showcase-scrim: linear-gradient(transparent 35%,color-mix(in srgb, var(--color-hero) 60%, transparent));
  --color-showcase-metal: linear-gradient(125deg,color-mix(in srgb, var(--color-primary) 25%, var(--color-neutral-500)) 4%,var(--color-neutral-50) 25%,color-mix(in srgb, var(--color-secondary) 30%, var(--color-neutral-500)) 42%,var(--color-neutral-0) 49%,var(--color-secondary) 64%,color-mix(in srgb, var(--color-primary) 25%, var(--color-hero)) 83%,color-mix(in srgb, var(--color-secondary) 40%, var(--color-neutral-100)));
  --color-showcase-shimmer: linear-gradient(110deg,var(--color-secondary),var(--color-neutral-50) 35%,color-mix(in srgb, var(--color-primary) 35%, var(--color-neutral-300)) 65%,var(--color-neutral-100));
  --color-showcase-glow: radial-gradient(ellipse at 70% 40%,color-mix(in srgb, var(--color-primary) 16%, var(--color-hero)) 0%,var(--color-hero) 64%);
  --color-handbook-paper: var(--color-surface);
  --color-handbook-ink: var(--color-text);
  --color-handbook-accent: var(--color-link);
  --color-catalogue-grid: linear-gradient(var(--color-inverse-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-inverse-border) 1px, transparent 1px);
  --color-kinetic-night: var(--color-hero);
  --color-kinetic-panel: var(--color-neutral-900);
  --color-kinetic-rule: var(--color-inverse-border);
  --color-kinetic-text: var(--color-inverse-heading);
  --color-kinetic-muted: var(--color-inverse-text);
  --color-kinetic-accent: var(--color-accent-soft);
  --color-kinetic-heading: var(--color-inverse-heading);
  --color-news-stage: radial-gradient(ellipse at 20% 0%,color-mix(in srgb, var(--color-primary) 12%, var(--color-hero)),transparent 60%),linear-gradient(145deg,var(--color-hero),var(--color-neutral-900));
  --color-press-accent: var(--color-secondary);
  --color-field-ground: var(--color-hero);
  --color-field-accent: var(--color-accent-soft);
  --color-field-panel: var(--color-photo-surface);
  --color-field-ink: var(--color-photo-text);

  /* FONT FAMILIES — shared roles preserve existing page typography */
  --font-body: -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-heading: 'Avenir Next Condensed','Arial Narrow','Helvetica Neue',sans-serif;
  --font-motion-mono: ui-monospace, 'SFMono-Regular', Consolas, monospace;
  --font-showcase: var(--font-display);
  --font-editorial: 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --font-display: 'Helvetica Neue', Arial, sans-serif;

  /* TYPOGRAPHY — approved fluid sizes, weights and spacing */
  --text-base: 16px;
  --text-code: .9em;
  --text-xs: calc(var(--text-base) * .75);
  --text-sm: calc(var(--text-base) * .875);
  --text-lg: calc(var(--text-base) * 1.125);
  --title-sm: calc(var(--text-base) * 1.5);
  --title-md: calc(var(--text-base) * 1.75);
  --title-lg: calc(var(--text-base) * 2);
  --title-xl: calc(var(--text-base) * 2.625);
  --heading-page: clamp(var(--title-lg), 3.3vw, var(--title-xl));
  --heading-section: clamp(calc(var(--text-base) * 1.625), 2.5vw, var(--title-lg));
  --heading-information: clamp(calc(var(--text-base) * 1.875), 3.4vw, var(--title-xl));
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-emphasis: 550;
  --weight-semibold: 600;
  --weight-heading: 650;
  --weight-bold: 700;
  --weight-strong: 750;
  --leading-body: 1.55;
  --leading-heading: 1.14;
  --leading-reading: 1.8;
  --leading-copy: 1.6;
  --tracking-heading: -.018em;
  --tracking-tight: -.02em;
  --heading-nexus: clamp(4.5rem, 9.7vw, 9.2rem);
  --heading-nexus-mobile: clamp(2.6rem, 10.9vw, 4.8rem);
  --leading-nexus: 1.04;
  --heading-nexus-listen: clamp(7rem, 15vw, 13rem);
  --heading-nexus-listen-mobile: clamp(4rem, 18vw, 7rem);
  --heading-nexus-signoff: clamp(4rem, 9vw, 8rem);
  --heading-nexus-signoff-mobile: clamp(2.7rem, 12vw, 4.8rem);
  --heading-edition: clamp(5rem, 11.9vw, 10.8rem);
  --heading-edition-mobile: clamp(3.6rem, 18vw, 7.5rem);
  --heading-edition-cover: clamp(2rem, 3.1vw, 3rem);
  --heading-news-reader: clamp(2.6rem, 4.6vw, 4.6rem);
  --heading-news-reader-mobile: clamp(2.2rem, 9vw, 3.5rem);
  --leading-lead: 1.65;
  --tracking-display: -.045em;
  --leading-display: 1.12;
  --tracking-subheading: -.035em;
  --leading-subheading: 1.25;
  --leading-small-heading: 1.35;
  --tracking-statement: -.04em;
  --leading-control: 1.3;
  --leading-compact: 1.5;
  --leading-comfortable: 1.7;
  --leading-comparison: 1.75;
  --leading-label: 1.4;
  --heading-motion-hero: clamp(8rem, 15vw, 15rem);
  --heading-motion-wide: clamp(5rem, 10.5vw, 10.5rem);
  --heading-motion-hero-mobile: clamp(6rem, 28vw, 11rem);
  --heading-motion-wide-mobile: clamp(2.8rem, 12.8vw, 5.3rem);
  --heading-motion-scene: clamp(3rem, 6.8vw, 6.5rem);
  --heading-motion-scene-mobile: clamp(2.65rem, 11vw, 4.6rem);
  --heading-motion-background: clamp(8rem, 21vw, 22rem);
  --heading-motion-background-mobile: 28vw;
  --leading-motion-hero: .86;
  --heading-showcase: clamp(3.4rem, 8.7vw, 8rem);
  --heading-showcase-section: clamp(2.5rem, 4.8vw, 4.5rem);
  --heading-sculpture: clamp(13rem, 34vw, 30rem);
  --heading-ordinal: clamp(4rem, 8vw, 7rem);
  --tracking-showcase: -.065em;
  --tracking-kicker: .12em;
  --leading-showcase: .98;
  --heading-handbook: clamp(4.6rem, 8.6vw, 8.2rem);
  --heading-handbook-mobile: clamp(3.5rem, 16vw, 6rem);
  --heading-catalogue: clamp(3.5rem, 7vw, 6.5rem);
  --heading-catalogue-mobile: clamp(3rem, 12.5vw, 4.5rem);
  --heading-signal: clamp(4.5rem,9vw,8rem);
  --heading-signal-mobile: clamp(3.7rem,17vw,5.5rem);
  --heading-field: clamp(3.5rem,5.8vw,5.3rem);
  --heading-field-mobile: clamp(2.8rem,13vw,3.3rem);
  --heading-deals: clamp(calc(var(--text-base) * 3.25), 6.3vw, calc(var(--text-base) * 5.5));
  --heading-deals-mobile: clamp(calc(var(--text-base) * 2.8), 11.5vw, calc(var(--text-base) * 4));
  --title-press-frame: calc(var(--title-sm) * 1.5);
  --leading-solid: 1;

  /* LAYOUT AND MATERIALS */
  --radius-card: 26px;
  --radius-card-inner: 16px;
  --radius-card-editorial: 18px;
  --shadow-card-rest: 0 2px 3px color-mix(in srgb, var(--color-neutral-950) 1%, transparent),0 14px 38px color-mix(in srgb, var(--color-neutral-950) 3%, transparent),inset 0 1px 0 color-mix(in srgb, var(--color-neutral-0) 20%, transparent);
  --shadow-card-active: 0 4px 8px color-mix(in srgb, var(--color-neutral-950) 3%, transparent),0 22px 48px color-mix(in srgb, var(--color-neutral-950) 9%, transparent),inset 0 1px 0 color-mix(in srgb, var(--color-neutral-0) 33%, transparent);
  --space-unit: 4px;
  --space-1: var(--space-unit);
  --space-2: calc(var(--space-unit) * 2);
  --space-3: calc(var(--space-unit) * 3);
  --space-4: calc(var(--space-unit) * 4);
  --space-5: calc(var(--space-unit) * 5);
  --space-6: calc(var(--space-unit) * 6);
  --space-8: calc(var(--space-unit) * 8);
  --space-10: calc(var(--space-unit) * 10);
  --space-12: calc(var(--space-unit) * 12);
  --space-16: calc(var(--space-unit) * 16);
  --page-width: 1164px;
  --page-gutter: var(--space-10);
  --reading-width: 740px;
  --information-width: 1040px;
  --privacy-width: 960px;
  --section-space: var(--space-12);
  --nav-height: 64px;
  --nav-link-gap: calc(var(--space-unit) * 14);
  --logo-size: 36px;
  --touch-target: 44px;
  --control-compact: 40px;
  --icon-size: 20px;
  --radius-unit: 2px;
  --radius-sm: calc(var(--radius-unit) * 3);
  --radius-md: calc(var(--radius-unit) * 5);
  --radius-lg: calc(var(--radius-unit) * 6);
  --radius-pill: 999px;
  --border-width: 1px;
  --focus-width: 3px;
  --shadow-card: 0 12px 36px color-mix(in srgb, var(--color-neutral-950) 3%, transparent);
  --showcase-space: clamp(4rem, 8vw, 7.5rem);
  --showcase-radius: 24px;
  --showcase-blur: 20px;
  --shadow-showcase: 0 24px 60px color-mix(in srgb, var(--color-neutral-950) 15%, transparent);
  --shadow-sculpture: 0 18px 42px color-mix(in srgb, var(--color-neutral-1000) 53%, transparent);

  /* IMAGE PRESETS */
  --image-nexus-lead-height: 360px;
  --image-nexus-lead-mobile: 260px;
  --image-nexus-headphone-height: 300px;
  --image-nexus-guide-height: 320px;
  --image-nexus-guide-mobile: 280px;
  --image-edition-cover-height: 430px;
  --image-edition-cover-mobile: 290px;
  --image-edition-card-height: 240px;
  --image-edition-card-mobile: 250px;
  --image-edition-list-height: 150px;
  --image-fit-photo: cover;
  --image-fit-product: contain;
  --image-fit-small-product: scale-down;
  --image-position-default: center;
  --image-position-portrait: center 65%;
  --image-wrap-ratio: 4 / 3;
  --image-guide-card-width-mobile: 100px;
  --image-product-card-width-mobile: 110px;
  --image-home-products-height-mobile: 105px;
  --image-brand-signature-size: 36px;
  --image-brand-panel-size: 48px;
  --image-motion-card-height: 230px;
  --image-showcase-product-height: 240px;
  --image-handbook-card-height: 340px;
  --image-handbook-card-mobile-height: 270px;
  --image-product-card-height: 150px;
  --image-spotlight-cover-height: 300px;
  --image-spotlight-cover-height-mobile: 200px;
  --image-deal-card-height: 128px;
  --image-product-card-max-height-mobile: 210px;
  --image-product-cards-nas-height: 170px;
  --image-product-cards-storage-height: 115px;
  --image-product-cards-storage-max-height-mobile: 160px;
  --image-product-cards-nas-max-height-mobile: 180px;
  --image-story-card-height: 148px;
  --image-compact-size: 88px;
  --image-product-strip-height: 160px;
  --image-guide-card-height: 136px;
  --image-comparison-preview-height: 122px;
  --image-product-strip-height-tablet: 125px;
  --image-compact-size-mobile: 64px;
  --image-guide-card-height-mobile: 110px;
  --image-story-card-height-mobile: 150px;
  --image-comparison-preview-height-mobile: 110px;
  --image-news-feature-height-desktop: 220px;
  --image-article-wide-height: 280px;
  --image-article-wide-height-mobile: 190px;
  --image-article-medium-width: 76%;
  --image-article-medium-height: 230px;
  --image-article-compact-width: 62%;
  --image-article-compact-height: 195px;
  --image-article-portrait-width: 300px;
  --image-article-portrait-max-width: 70%;
  --image-article-portrait-height: 330px;
  --image-comparison-inset-width: 30%;
  --image-comparison-inset-max-width: 220px;
  --image-comparison-inset-mobile-width: 58%;
  --image-comparison-inset-mobile-max-width: 190px;
  --image-wrap-width: 34%;
  --image-wrap-max-width: 250px;
  --image-wrap-width-tablet: 38%;
  --image-article-medium-width-mobile: 85%;
  --image-article-medium-height-mobile: 165px;
  --image-article-compact-width-mobile: 72%;
  --image-article-compact-height-mobile: 140px;
  --image-article-portrait-width-mobile: 210px;
  --image-article-portrait-max-width-mobile: 75%;
  --image-article-portrait-height-mobile: 250px;
  --image-wrap-width-mobile: 72%;
  --image-wrap-max-width-mobile: 240px;
  --image-position-press: 50% 40%;
  --image-position-press-detail: 50% 70%;
  --image-position-field: 54% 50%;
  --image-position-field-detail: 70% 70%;

  /* MOTION — existing timings and distances */
  --motion-fast: 180ms;
  --motion-standard: 200ms;
  --motion-hero: 220ms;
  --motion-enter: 300ms;
  --motion-ease: cubic-bezier(.2,.7,.2,1);
  --motion-lift: -2px;
  --motion-enter-offset: 7px;
  --motion-link-offset: 3px;
  --motion-card-width: clamp(300px, 31vw, 380px);
  --motion-halo-blur: 45px;
  --motion-showcase: 900ms;
  --motion-showcase-stagger: 110ms;
  --motion-showcase-distance: 36px;
}

/* One theme switch for every page. Permanently inverse roles remain readable. */
html.dark {
  --color-news-accent: var(--color-accent-editorial);
  --color-news-on-accent: var(--color-hero);
  --color-background: var(--color-neutral-950);
  --color-surface: var(--color-neutral-900);
  --color-surface-subtle: var(--color-neutral-800);
  --color-text: var(--color-inverse-text);
  --color-heading: var(--color-inverse-heading);
  --color-heading-support: var(--color-inverse-muted);
  --color-muted: var(--color-inverse-muted);
  --color-border: var(--color-inverse-border);
  --color-link: var(--color-secondary);
  --color-hover: var(--color-inverse-hover);
  --color-band: color-mix(in srgb, var(--color-secondary) 12%, var(--color-background));
  --color-success: var(--color-status-success-inverse);
  --color-warning: var(--color-status-warning-inverse);
}

@media (max-width:1000px) {
:root { --page-gutter: var(--space-6); --nav-link-gap: var(--space-10); }
}
@media (max-width:800px) and (min-width:701px) {
:root { --nav-link-gap: calc(var(--space-unit) * 9); }
}
@media (max-width:700px) {
:root { --page-gutter: calc(var(--space-unit) * 4.5); --section-space: var(--space-8); }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--space-unit) * 24); -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--color-background); color: var(--color-text); font: var(--text-base)/var(--leading-body) var(--font-body); -webkit-font-smoothing: antialiased; }
h1,h2,h3,p,figure { margin: 0; }
h1,h2,h3 { font-family: var(--font-heading); font-weight: var(--weight-heading); letter-spacing: var(--tracking-heading); text-wrap: balance; line-height: var(--leading-heading); color: var(--color-heading); }
h1 .heading-followup,h2 .heading-followup { color: var(--color-heading-support); }
h1 { font-size: var(--heading-page); }
h2 { font-size: var(--heading-section); }
h3 { font-size: var(--title-sm); }
p { text-wrap: pretty; }
a { color: inherit; text-decoration: none; }
button,input { font: inherit; }
button,a,input { touch-action: manipulation; }
button { cursor: pointer; }
img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: var(--image-fit-photo); object-position: var(--image-position-default); }
a,button,input { outline-offset: 4px; }
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible,summary:focus-visible { outline: var(--focus-width) solid var(--color-secondary); }
[hidden] { display: none!important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.container { width: min(100% - var(--page-gutter) * 2, var(--page-width)); margin-inline: auto; }
.skip { position: fixed; top: -100px; left: 16px; padding: var(--space-3) var(--space-5); background: var(--color-primary); color: var(--color-photo-surface); z-index: 100; }
.skip:focus { top: 12px; }
.eyebrow,.meta { font: var(--weight-medium) var(--text-xs)/var(--leading-copy) var(--font-body); letter-spacing: 0; text-transform: none; }
.eyebrow { color: var(--color-muted); }
.meta { display: flex; gap: calc(var(--space-unit) * 2.5); flex-wrap: wrap; color: var(--color-muted); }
.lead { max-width: 64ch; font-size: var(--text-lg); color: var(--color-muted); line-height: var(--leading-copy); }
@media (max-width:700px) {
  html { scroll-padding-top: calc(var(--space-unit) * 21.5); }
  .eyebrow { font-size: calc(var(--text-base) * 0.6875); }
}

.section { padding-block: var(--section-space); }
.section-tight { padding-bottom: var(--space-10); }
.section-border { border-top: var(--border-width) solid var(--color-border); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: var(--space-5); margin-bottom: var(--space-6); }
.section-heading .eyebrow { margin-bottom: calc(var(--space-unit) * 1.75); }
.band { background: var(--color-band); border-block: var(--border-width) solid var(--color-border); }
.empty-state { border: var(--border-width) solid var(--color-border); border-radius: var(--radius-lg); padding: calc(var(--space-unit) * 7) var(--space-8); display: flex; align-items: center; justify-content: space-between; gap: calc(var(--space-unit) * 7.5); background: var(--color-surface); }
.empty-state h2 { font-size: calc(var(--text-base) * 1.875); margin: calc(var(--space-unit) * 1.75) 0 calc(var(--space-unit) * 2.25); }
.empty-state p:not(.eyebrow) { color: var(--color-muted); font-size: calc(var(--text-base) * 0.9375); max-width: 62ch; }
.page-intro { padding-block: calc(var(--space-unit) * 9) calc(var(--space-unit) * 7.5); }
.page-intro h1 { margin: calc(var(--space-unit) * 2.25) 0 var(--space-3); max-width: 24ch; }
.page-intro .lead { font-size: calc(var(--text-base) * 1.0625); }
@media (max-width:700px) {
  .section-heading { align-items: start; gap: calc(var(--space-unit) * 3.5); margin-bottom: calc(var(--space-unit) * 4.5); }
  .empty-state { display: block; padding: calc(var(--space-unit) * 5.5); }
  .empty-state h2 { font-size: var(--title-md); }
  .empty-state p:not(.eyebrow) { font-size: var(--text-sm); }
  .page-intro { padding-block: calc(var(--space-unit) * 7); }
  .page-intro h1 { font-size: var(--title-lg); }
  .page-intro .lead { font-size: calc(var(--text-base) * 0.9375); }
  .section-heading h2 { font-size: var(--title-md); }
}

.btn { display: inline-flex; justify-content: center; align-items: center; gap: calc(var(--space-unit) * 1.5); min-height: var(--touch-target); padding: calc(var(--space-unit) * 2.5) calc(var(--space-unit) * 4.5); border: var(--border-width) solid var(--color-muted); border-radius: var(--radius-pill); background: transparent; color: var(--color-text); font-size: calc(var(--text-base) * 0.8125); font-weight: var(--weight-semibold); line-height: var(--leading-control); box-shadow: none; transition: background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast),color var(--motion-fast); }
.btn:hover,.btn:focus-visible { border-color: var(--color-primary); background: var(--color-hover); }
.btn:active { background: var(--color-band); }
.read-link { display: inline-block; margin-top: calc(var(--space-unit) * 3.5); color: var(--color-link); font-size: var(--text-sm); font-weight: var(--weight-strong); text-underline-offset: 5px; }
.read-link:hover { text-decoration: underline; }
.section-heading>.btn { flex-shrink: 0; }
.empty-state .btn { flex-shrink: 0; }
.toggle { font-size: calc(var(--text-base) * 0.8125); display: flex; align-items: center; gap: var(--space-2); min-height: var(--touch-target); cursor: pointer; }
.toggle input,.checklist input { width: 18px; height: 18px; accent-color: var(--color-link); }
.checklist { background: var(--color-surface); padding: var(--space-6); border: var(--border-width) solid var(--color-border); border-radius: var(--radius-md); }
.checklist label { display: flex; align-items: center; gap: calc(var(--space-unit) * 2.5); min-height: var(--touch-target); font-size: calc(var(--text-base) * 0.9375); cursor: pointer; }
.checklist label:has(input:checked) { color: var(--color-muted); text-decoration: line-through; }
@media (max-width:700px) {
  .section-heading>.btn { font-size: calc(var(--text-base) * 0.6875); padding: calc(var(--space-unit) * 2.25) calc(var(--space-unit) * 2.75); min-height: var(--control-compact); }
  .empty-state>.btn { margin-top: var(--space-5); }
  .section-heading:has(.toggle) { flex-direction: column; gap: var(--space-2); }
}

.topnav { position: sticky; top: 0; z-index: 40; background: var(--color-nav); color: var(--color-inverse-heading); border-bottom: var(--border-width) solid var(--color-inverse-border); }
.nav-main { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: calc(var(--space-unit) * 7); min-height: var(--nav-height); }
.brand { display: inline-flex; align-items: center; width: var(--touch-target); min-height: var(--touch-target); max-width: 100%; flex-shrink: 0; }
.brand-logo { width: var(--logo-size); height: var(--logo-size); object-fit: var(--image-fit-product); mix-blend-mode: lighten; }
.nav-menu { display: contents; }
.nav-links { display: flex; gap: var(--nav-link-gap); }
.nav-links a { position: relative; display: grid; align-items: center; min-height: 48px; font-size: var(--text-sm); font-weight: var(--weight-heading); }
.nav-links a::after { content: ''; position: absolute; inset: auto 0 3px; height: 2px; background: var(--color-secondary); transform: scaleX(0); transition: transform var(--motion-fast); }
.nav-links a:hover::after,.nav-links a[aria-current]::after { transform: scaleX(1); }
.nav-actions { display: flex; justify-content: end; gap: var(--space-2); }
.utility { min-height: var(--control-compact); background: transparent; color: inherit; transition: background var(--motion-fast),border-color var(--motion-fast); }
.menu-btn { display: none; }
.search-panel { border-bottom: var(--border-width) solid var(--color-border); background: var(--color-surface); padding: calc(var(--space-unit) * 5.5) 0; }
.search-form { display: flex; gap: calc(var(--space-unit) * 2.5); }
.search-form input { flex: 1; min-width: 0; background: var(--color-background); color: var(--color-text); border: var(--border-width) solid var(--color-border); border-radius: calc(var(--radius-unit) * 4.5); padding: var(--space-3); }
.search-results { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
.search-results:not(:empty) { margin-top: calc(var(--space-unit) * 4.5); }
.search-result { padding: calc(var(--space-unit) * 3.5) var(--space-4); border: var(--border-width) solid var(--color-border); border-radius: calc(var(--radius-unit) * 4.5); }
.search-result:hover { border-color: var(--color-primary); }
.search-result strong,.search-result span { display: block; }
.search-result span { font-size: calc(var(--text-base) * 0.8125); color: var(--color-muted); margin-top: var(--space-1); }
.search-status { font-size: calc(var(--text-base) * 0.8125); margin-top: var(--space-2); color: var(--color-muted); }
@media (max-width:1000px) {
  .nav-main { gap: calc(var(--space-unit) * 3.75); }
}
@media (max-width:700px) {
  .nav-main { grid-template-columns: 1fr auto; gap: var(--space-3); }
  .utility.menu-btn { display: inline-flex; align-items: center; justify-content: center; justify-self: end; width: var(--touch-target); min-height: var(--touch-target); padding: 0; border: 0; border-radius: calc(var(--radius-unit) * 2); background: transparent; }
  .menu-btn:hover,.menu-btn:focus-visible { color: var(--color-secondary); }
  .menu-btn svg { pointer-events: none; }
  .menu-btn path { transform-origin: 12px 12px; transition: transform var(--motion-fast) var(--motion-ease),opacity var(--motion-fast); }
  .menu-btn[aria-expanded="true"] .menu-line-top { transform: translateY(6px) rotate(45deg); transform-origin: 12px 6px; }
  .menu-btn[aria-expanded="true"] .menu-line-middle { opacity: 0; }
  .menu-btn[aria-expanded="true"] .menu-line-bottom { transform: translateY(-6px) rotate(-45deg); transform-origin: 12px 18px; }
  .nav-menu { display: none; grid-column: 1/-1; grid-row: 2; border-top: var(--border-width) solid var(--color-inverse-border); }
  .nav-menu.open { display: grid; gap: calc(var(--space-unit) * 4.5); padding-block: var(--space-3) calc(var(--space-unit) * 4.5); }
  .nav-links a { justify-content: start; }
  .nav-actions { grid-column: 2; grid-row: 1; align-items: center; }
  .nav-actions .utility.search-icon,.nav-actions .utility.theme-icon { width: var(--touch-target); min-height: var(--touch-target); }
  .search-form { flex-wrap: wrap; gap: var(--space-2); }
  .search-form input { flex-basis: 100%; }
  .search-results { grid-template-columns: 1fr; }
  .search-panel { padding: calc(var(--space-unit) * 4.5) 0; }
}
@media (max-width:800px) and (min-width:701px) {
  .nav-main { gap: var(--space-3); }
  .nav-links a { font-size: calc(var(--text-base) * 0.8125); }
}
@media (max-width:700px) {
  .nav-menu .nav-links { display: grid; grid-template-columns: minmax(0,1fr); gap: var(--space-1); padding: 0; }
  .nav-links a { min-height: var(--touch-target); font-size: calc(var(--text-base) * 0.8125); }
}
@media (max-width:380px) {
  .nav-main { gap: var(--space-2); }
}
.utility.search-icon,.utility.theme-icon { display: inline-flex; align-items: center; justify-content: center; width: var(--control-compact); padding: 0; flex-shrink: 0; border: 0; border-radius: calc(var(--radius-unit) * 2); background: transparent; }
.search-icon svg,.theme-icon svg { display: block; pointer-events: none; }
.theme-icon .sun-icon,html.dark .theme-icon .moon-icon { display: none; }
html.dark .theme-icon .sun-icon { display: block; }
.utility.search-icon:hover,.utility.theme-icon:hover,.utility.search-icon:focus-visible,.utility.theme-icon:focus-visible { background: transparent; color: var(--color-secondary); }

.news-list { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4) calc(var(--space-unit) * 6.5); }
.story-card { min-width: 0; border: var(--border-width) solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); overflow: hidden; transition: border-color var(--motion-standard),transform var(--motion-standard); }
.story-card:hover { border-color: var(--color-primary); transform: translateY(var(--motion-lift)); }
.story-card>a { display: flex; flex-direction: column; height: 100%; }
.story-card img { height: var(--image-story-card-height); object-fit: var(--image-fit-photo); }
.story-copy { display: flex; flex-direction: column; gap: calc(var(--space-unit) * 2.5); flex: 1; }
.story-copy h3 { font-size: calc(var(--text-base) * 1.5625); }
.story-copy>p:not(.eyebrow) { font-size: var(--text-sm); color: var(--color-muted); }
.story-copy .meta { margin-top: auto; padding-top: var(--space-2); }
.compact>a { display: grid; grid-template-columns: var(--image-compact-size) 1fr; }
.compact img { height: var(--image-compact-size); min-height: 0; width: var(--image-compact-size); margin: var(--space-4) 0 var(--space-4) calc(var(--space-unit) * 3.5); border-radius: var(--radius-sm); }
.compact .story-copy { padding: var(--space-4) calc(var(--space-unit) * 4.5) var(--space-4) calc(var(--space-unit) * 7); gap: calc(var(--space-unit) * 1.75); }
.compact h3 { font-size: calc(var(--text-base) * 1.3125); }
.compact .meta { font-size: calc(var(--text-base) * 0.5625); padding-top: var(--space-1); }
.product-strip { display: flex; justify-content: space-evenly; gap: var(--space-3); background: var(--color-photo-surface); padding: calc(var(--space-unit) * 5.5) calc(var(--space-unit) * 4.5); color: var(--color-photo-text); min-width: 0; }
.product-strip>div { min-width: 0; flex: 1; text-align: center; }
.product-strip img { height: var(--image-product-strip-height); object-fit: var(--image-fit-product); }
.product-strip span { font-size: calc(var(--text-base) * 0.6875); font-weight: var(--weight-heading); display: block; margin-top: var(--space-3); line-height: var(--leading-label); }
.guide-card { border-top: var(--border-width) solid var(--color-border); min-width: 0; scroll-margin-top: calc(var(--space-unit) * 25); }
.guide-card img { height: var(--image-guide-card-height); margin-top: var(--space-4); }
.guide-card h3 { font-size: calc(var(--text-base) * 1.625); margin: var(--space-2) 0 calc(var(--space-unit) * 2.25); }
.guide-card> a>div { padding: calc(var(--space-unit) * 3.75) 0; }
.guide-card p:not(.eyebrow) { font-size: var(--text-sm); color: var(--color-muted); }
.guide-card:hover h3 { color: var(--color-link); }
.news-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-5); }
.archive { border-top: var(--border-width) solid var(--color-border); padding: calc(var(--space-unit) * 4.5) 0; }
.archive summary { cursor: pointer; font-size: var(--text-sm); font-weight: var(--weight-heading); min-height: var(--touch-target); }
.archive .news-list { margin-top: calc(var(--space-unit) * 3.5); }
.compare-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(var(--space-unit) * 5.5); }
.compare-card { border: var(--border-width) solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; background: var(--color-surface); min-width: 0; transition: transform var(--motion-standard),border-color var(--motion-standard); }
.compare-card:hover { transform: translateY(var(--motion-lift)); border-color: var(--color-primary); }
.compare-card>a { display: block; height: 100%; }
.compare-card .product-strip img { height: var(--image-comparison-preview-height); }
.compare-card .product-strip span { font-size: calc(var(--text-base) * 0.625); }
.card-copy { padding: calc(var(--space-unit) * 5.5); }
.card-copy h3 { font-size: var(--title-md); margin: var(--space-2) 0 var(--space-3); }
.card-copy p:not(.eyebrow) { font-size: var(--text-sm); color: var(--color-muted); }
@media (max-width:1000px) {
  .product-strip img { height: var(--image-product-strip-height-tablet); }
  .news-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .guide-card h3 { font-size: var(--title-sm); }
}
@media (max-width:700px) {
  .news-list { grid-template-columns: 1fr; gap: var(--space-3); }
  .compact>a { grid-template-columns: calc(var(--image-compact-size-mobile) + var(--space-3)) 1fr; }
  .compact img { width: var(--image-compact-size-mobile); height: var(--image-compact-size-mobile); margin: var(--space-4) 0 var(--space-4) var(--space-3); }
  .compact .story-copy { padding: calc(var(--space-unit) * 3.5); }
  .product-strip span { font-size: calc(var(--text-base) * 0.625); }
  .compare-grid { grid-template-columns: 1fr; }
  .guide-card>a { display: grid; grid-template-columns: var(--image-guide-card-width-mobile) 1fr; gap: var(--space-4); padding: var(--space-4) 0; }
  .guide-card img { height: var(--image-guide-card-height-mobile); margin: 0; }
  .guide-card>a>div { padding: 0; }
  .guide-card h3 { font-size: var(--title-sm); margin: calc(var(--space-unit) * 1.5) 0; }
  .guide-card p:not(.eyebrow) { display: none; }
  .guide-card .read-link { margin-top: calc(var(--space-unit) * 1.75); font-size: var(--text-xs); }
  .news-grid { grid-template-columns: 1fr; }
  .story-card:not(.compact) img { height: var(--image-story-card-height-mobile); }
  .story-copy h3 { font-size: var(--title-md); }
  .compare-card .product-strip img { height: var(--image-comparison-preview-height-mobile); }
  .compare-card .product-strip { padding: calc(var(--space-unit) * 4.5) var(--space-3); gap: var(--space-2); }
  .card-copy { padding: var(--space-5); }
}
.next-reading>h2 { margin-bottom: calc(var(--space-unit) * 5.5); }
.next-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.next-card h3 { font-size: calc(var(--text-base) * 1.375); margin: calc(var(--space-unit) * 1.25) 0 var(--space-2); }
.next-card p:not(.eyebrow) { font-size: calc(var(--text-base) * 0.8125); color: var(--color-muted); line-height: var(--leading-copy); }
.next-card:hover h3 { color: var(--color-link); }
.guide-card img[src*="quiet-reading"] { object-position: var(--image-position-portrait); }
@media (min-width:1001px) {
  .news-grid>.story-card:first-child { grid-column: 1 / -1; }
  .news-grid>.story-card:first-child>a { display: grid; grid-template-columns: 32% 1fr; }
  .news-grid>.story-card:first-child img { height: var(--image-news-feature-height-desktop); min-height: 0; }
  .news-grid>.story-card:first-child .story-copy { padding: calc(var(--space-unit) * 6.5); }
  .news-grid>.story-card:first-child h3 { font-size: calc(var(--text-base) * 1.875); }
  .news-grid>.story-card:first-child p:not(.eyebrow) { max-width: 65ch; }
  .next-grid>.next-card:only-child { grid-column: span 2; }
}
@media (max-width:1000px) {
  .next-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width:700px) {
  .next-grid { grid-template-columns: 1fr; }
}

.homepage { background: var(--color-showcase-paper); color: var(--color-showcase-ink); }
.homepage h1,.homepage h2,.homepage h3 { font-family: var(--font-showcase); color: inherit; }
.nexus-opening { background: var(--color-nexus-night); color: var(--color-showcase-chalk); overflow: hidden; position: relative; }
.nexus-opening-inner { min-height: min(860px, calc(100svh - var(--nav-height))); position: relative; display: flex; flex-direction: column; justify-content: space-between; padding-top: var(--space-8); padding-bottom: var(--space-6); }
.nexus-topline,.nexus-bottomline { display: flex; justify-content: space-between; gap: var(--space-6); position: relative; z-index: 2; }
.nexus-topline .showcase-kicker { color: var(--color-nexus-accent); }
.nexus-edition,.nexus-bottomline { font-family: var(--font-motion-mono); font-size: var(--text-xs); color: var(--color-showcase-silver); }
.nexus-bottomline { border-top: var(--border-width) solid var(--color-nexus-line); padding-top: var(--space-5); padding-bottom: var(--space-12); }
.nexus-bottomline a { margin-right: calc(var(--space-unit) * 40); min-height: var(--touch-target); display: flex; gap: var(--space-8); }
.nexus-manifesto { position: relative; z-index: 1; padding: var(--space-16) 0; pointer-events: none; }
.nexus-manifesto h1 { font-size: var(--heading-nexus); line-height: var(--leading-nexus); letter-spacing: var(--tracking-showcase); font-weight: var(--weight-medium); }
.nexus-manifesto h1 > span { display: block; }
.nexus-outline { color: var(--color-nexus-accent); }
.nexus-intro { margin-top: var(--space-10); display: flex; align-items: center; gap: var(--space-12); font-size: var(--text-lg); }
.nexus-intro p { color: var(--color-showcase-silver); max-width: 27ch; }
.nexus-action { display: inline-flex; justify-content: space-between; align-items: center; gap: var(--space-8); padding: var(--space-4) var(--space-5); border: var(--border-width) solid currentColor; border-radius: var(--radius-pill); font-size: var(--text-sm); font-weight: var(--weight-semibold); pointer-events: auto; }
.nexus-action:hover { background: var(--color-nexus-line); }
.nexus-lens { position: absolute; width: 690px; height: 690px; right: -14%; top: -2%; pointer-events: none; }
.lens-aura { position: absolute; inset: 12%; background: var(--color-nexus-aura); filter: blur(var(--showcase-blur)); }
.lens-orbits { width: 100%; height: 100%; overflow: visible; }
.lens-orbit-plane path { fill: none; stroke: var(--color-nexus-line); stroke-width: 1; }
.lens-traveller { fill: var(--color-nexus-accent); }
.lens-core { transform-origin: 300px 300px; }
.lens-lamella { fill: none; stroke: url(#lens-spectrum); stroke-width: 1.6; }
.lens-liquid { fill: var(--color-nexus-liquid); stroke: var(--color-nexus-accent); stroke-width: .5; }
.lens-centre { fill: var(--color-showcase-chalk); }
.lens-stop-a { stop-color: var(--color-nexus-accent); }
.lens-stop-b { stop-color: var(--color-primary); }
.lens-stop-c { stop-color: var(--color-nexus-accent-warm); }
.lens-coordinate { position: absolute; font: var(--text-xs) var(--font-motion-mono); letter-spacing: var(--tracking-kicker); color: var(--color-showcase-silver); }
.lens-coordinate-top { top: 20%; right: 28%; }
.lens-coordinate-bottom { bottom: 13%; left: 35%; }
.home-newsroom,.home-listening,.home-value { padding-top: var(--showcase-space); padding-bottom: var(--showcase-space); }
.home-section-head { display: flex; justify-content: space-between; align-items: end; gap: var(--space-8); margin-bottom: var(--space-10); }
.home-section-head h2 { margin-top: var(--space-3); font-size: var(--heading-showcase-section); letter-spacing: var(--tracking-showcase); line-height: var(--leading-showcase); font-weight: var(--weight-medium); }
.home-section-head > p { color: var(--color-showcase-muted); }
.home-editorial-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-12); }
.home-lead-image { position: relative; height: var(--image-nexus-lead-height); overflow: hidden; }
.home-lead-image img { width: 100%; height: 100%; object-fit: var(--image-fit-photo); }
.home-image-label { position: absolute; left: var(--space-4); top: var(--space-4); padding: var(--space-2) var(--space-3); background: var(--color-showcase-night); color: var(--color-showcase-chalk); border-radius: var(--radius-pill); font-size: var(--text-xs); }
.home-lead-copy { padding-top: var(--space-5); }
.home-lead-copy h3 { font-size: var(--title-lg); letter-spacing: var(--tracking-subheading); margin: var(--space-3) 0; }
.home-lead-copy > p:not(.showcase-kicker) { color: var(--color-showcase-muted); margin-bottom: var(--space-4); }
.home-news-stack article { border-bottom: var(--border-width) solid var(--color-border); }
.home-news-stack article:first-child { border-top: var(--border-width) solid var(--color-border); }
.home-news-stack a { display: grid; grid-template-columns: auto 1fr 85px; align-items: start; gap: var(--space-4); padding: var(--space-6) 0; }
.home-news-stack img { width: 85px; height: var(--image-compact-size); object-fit: var(--image-fit-photo); }
.home-news-stack h3 { font-size: var(--text-lg); line-height: var(--leading-small-heading); margin: var(--space-2) 0 var(--space-3); }
.home-news-number { font: var(--text-xs) var(--font-motion-mono); color: var(--color-showcase-muted); }
.home-pathways { background: var(--color-nexus-night); color: var(--color-showcase-chalk); padding: var(--showcase-space) 0; overflow: hidden; }
.home-pathways .showcase-kicker,.home-pathways .home-section-head > p { color: var(--color-showcase-silver); }
.home-portal-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-5); perspective: 1200px; }
.home-portal { height: 470px; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: var(--space-6); overflow: hidden; isolation: isolate; }
.home-portal-image,.home-portal-image::after { position: absolute; inset: 0; z-index: -1; }
.home-portal-image::after { content: ''; background: var(--color-nexus-portal-shade); z-index: 1; }
.home-portal-image img { width: 100%; height: 100%; object-fit: var(--image-fit-photo); }
.home-portal-number { font: var(--text-sm) var(--font-motion-mono); }
.home-portal-copy { margin-bottom: var(--space-12); }
.home-portal-copy h3 { font-size: var(--heading-showcase-section); letter-spacing: var(--tracking-showcase); margin: var(--space-2) 0 var(--space-3); }
.home-portal-copy p { font-size: var(--text-sm); max-width: 24ch; }
.home-portal-arrow { position: absolute; bottom: var(--space-6); right: var(--space-6); width: var(--touch-target); height: var(--touch-target); display: grid; place-items: center; border: var(--border-width) solid currentColor; border-radius: 50%; font-size: var(--title-sm); }
.featured-compare { position: relative; overflow: hidden; background: var(--color-nexus-listening); color: var(--color-handbook-ink); }
.featured-compare > a { display: block; padding: var(--space-12); }
.home-listening-type { font-size: var(--heading-nexus-listen); font-family: var(--font-showcase); font-weight: var(--weight-bold); line-height: var(--leading-motion-hero); letter-spacing: var(--tracking-showcase); color: var(--color-nexus-listen-type); position: absolute; top: var(--space-10); left: var(--space-8); right: var(--space-8); text-align: center; pointer-events: none; }
.featured-compare .product-strip { position: relative; z-index: 1; mix-blend-mode: multiply; margin-top: var(--space-12); background: transparent; gap: var(--space-10); padding: var(--space-10) 0; }
.featured-compare .product-strip img { height: var(--image-nexus-headphone-height); mix-blend-mode: multiply; }
.featured-compare .product-strip span { display: inline-block; padding: var(--space-2) var(--space-4); background: var(--color-nexus-listening); border-radius: var(--radius-pill); font-size: var(--text-sm); }
.home-listening-caption { position: relative; display: flex; justify-content: space-between; align-items: center; gap: var(--space-8); padding-top: var(--space-8); border-top: var(--border-width) solid var(--color-border); }
.home-listening-caption h3 { font-size: var(--title-lg); letter-spacing: var(--tracking-subheading); margin: var(--space-2) 0; }
.home-listening-caption p:not(.showcase-kicker) { max-width: 48ch; color: var(--color-photo-text); }
.home-listening-caption .nexus-action { flex-shrink: 0; }
.home-guide-section { padding: var(--showcase-space) 0; background: var(--color-surface-subtle); }
.home-guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-8); }
.home-guide-photo { height: var(--image-nexus-guide-height); overflow: hidden; margin-bottom: var(--space-5); }
.home-guide-photo img { width: 100%; height: 100%; object-fit: var(--image-fit-photo); }
.home-guide-index { font: var(--text-xs) var(--font-motion-mono); text-transform: uppercase; }
.home-guide h3 { font-size: var(--title-sm); letter-spacing: var(--tracking-subheading); margin: var(--space-3) 0; }
.home-guide p { color: var(--color-showcase-muted); font-size: var(--text-sm); margin-bottom: var(--space-4); }
.home-value .empty-state { border-radius: var(--showcase-radius); background: var(--color-surface); padding: var(--space-8); }
.home-signoff { background: var(--color-nexus-accent); color: var(--color-nexus-night); padding: var(--showcase-space) 0; overflow: hidden; }
.home-signoff .showcase-kicker { color: inherit; }
.home-signoff-link { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); font: var(--heading-nexus-signoff)/var(--leading-showcase) var(--font-showcase); letter-spacing: var(--tracking-showcase); margin: var(--space-8) 0 var(--space-10); }
.home-signoff-link em { font-family: var(--font-editorial); font-weight: var(--weight-regular); }
.home-signoff-link > span:last-child { font-size: var(--heading-showcase); }
@media (max-width:1000px) {
  .nexus-opening-inner { min-height: 760px; }
  .nexus-lens { right: -23%; top: 0; }
  .nexus-edition { display: none; }
  .home-editorial-grid { gap: var(--space-8); }
  .home-news-stack a { grid-template-columns: auto 1fr; }
  .home-news-stack img { display: none; }
  .home-portal { height: 410px; padding: var(--space-5); }
  .home-portal-copy h3 { font-size: var(--title-xl); }
  .home-listening-caption { align-items: start; flex-direction: column; }
  .featured-compare > a { padding: var(--space-8); }
  .home-guide-grid { gap: var(--space-5); }
}
@media (max-width:700px) {
  .nexus-opening-inner { min-height: calc(100svh - var(--nav-height)); padding-top: var(--space-6); }
  .nexus-manifesto { padding-top: var(--space-16); padding-bottom: var(--space-10); margin-top: calc(var(--space-unit) * 50); }
  .nexus-manifesto h1 { font-size: var(--heading-nexus-mobile); }
  .nexus-lens { width: 440px; height: 440px; top: -20px; right: -95px; }
  .lens-coordinate { display: none; }
  .nexus-topline .showcase-kicker { font-size: var(--text-xs); }
  .nexus-intro { flex-direction: column; align-items: start; gap: var(--space-5); margin-top: var(--space-6); font-size: var(--text-base); }
  .nexus-bottomline > span { max-width: none; }
  .nexus-bottomline { font-size: var(--text-xs); gap: var(--space-3); flex-direction: column; }
  .nexus-bottomline a { gap: var(--space-3); margin-right: 0; width: max-content; }
  .home-section-head { flex-direction: column; align-items: start; gap: var(--space-5); margin-bottom: var(--space-8); }
  .home-editorial-grid { grid-template-columns: 1fr; }
  .home-news-stack a { grid-template-columns: auto 1fr 64px; }
  .home-news-stack img { display: block; width: 64px; height: var(--image-compact-size-mobile); }
  .home-lead-image { height: var(--image-nexus-lead-mobile); }
  .home-lead-copy h3 { font-size: var(--title-md); }
  .home-portal-grid { grid-template-columns: 1fr; gap: var(--space-5); }
  .home-portal { height: 370px; }
  .home-portal-copy h3 { font-size: var(--heading-showcase-section); }
  .home-portal-copy { margin-bottom: var(--space-8); }
  .featured-compare > a { padding: var(--space-5); }
  .featured-compare .product-strip { gap: var(--space-2); margin-top: var(--space-8); padding: var(--space-8) 0; }
  .featured-compare .product-strip img { height: var(--image-home-products-height-mobile); }
  .featured-compare .product-strip span { font-size: var(--text-xs); padding: var(--space-2) 0; }
  .home-listening-type { font-size: var(--heading-nexus-listen-mobile); left: var(--space-3); right: var(--space-3); top: var(--space-5); }
  .home-listening-caption h3 { font-size: var(--title-md); }
  .home-guide-grid { grid-template-columns: 1fr; gap: var(--space-10); }
  .home-guide-photo { height: var(--image-nexus-guide-mobile); }
  .home-signoff-link { font-size: var(--heading-nexus-signoff-mobile); gap: var(--space-2); }
  .home-signoff-link > span:last-child { font-size: var(--title-xl); }
}
.featured-compare .showcase-kicker { color: var(--color-photo-text); }

.news-edition,.news-reader { background: var(--color-showcase-paper); color: var(--color-showcase-ink); }
.edition-masthead { padding-top: var(--space-8); }
.edition-imprint { display: flex; justify-content: space-between; gap: var(--space-5); font: var(--text-xs) var(--font-motion-mono); text-transform: uppercase; padding-bottom: var(--space-4); border-bottom: var(--border-width) solid var(--color-showcase-ink); }
.edition-masthead h1 { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); font: var(--heading-edition)/var(--leading-showcase) var(--font-editorial); letter-spacing: var(--tracking-showcase); color: inherit; padding: var(--space-6) 0 var(--space-8); border-bottom: var(--border-width) solid var(--color-showcase-ink); overflow: hidden; }
.edition-masthead h1 em { font-weight: var(--weight-regular); color: var(--color-news-accent); }
.edition-deck { display: flex; justify-content: space-between; align-items: center; gap: var(--space-6); padding: var(--space-6) 0; }
.edition-deck > p { font: var(--title-sm)/var(--leading-subheading) var(--font-editorial); }
.edition-deck strong { font-weight: var(--weight-regular); font-style: italic; }
.edition-deck > span { font-size: var(--text-sm); color: var(--color-showcase-muted); text-align: right; }
.edition-deck a { display: flex; align-items: center; gap: var(--space-6); font-size: var(--text-sm); min-height: var(--touch-target); border-bottom: var(--border-width) solid var(--color-border); }
.edition-front { padding-top: var(--space-5); }
.edition-cover { display: grid; grid-template-columns: 1.35fr 1fr; align-items: center; padding-bottom: var(--space-12); border-bottom: var(--border-width) solid var(--color-border); }
.edition-cover-photo { position: relative; overflow: hidden; height: var(--image-edition-cover-height); }
.edition-cover-photo img { width: 100%; height: 100%; object-fit: var(--image-fit-photo); }
.edition-cover-tag { position: absolute; left: 0; bottom: 0; padding: var(--space-3) var(--space-5); background: var(--color-news-accent); color: var(--color-news-on-accent); font: var(--text-xs) var(--font-motion-mono); text-transform: uppercase; }
.edition-cover-copy h2 { font: var(--heading-edition-cover)/var(--leading-heading) var(--font-editorial); letter-spacing: var(--tracking-subheading); color: inherit; margin: var(--space-4) 0; }
.edition-cover-copy > p:not(.showcase-kicker) { color: var(--color-showcase-muted); margin-bottom: var(--space-5); }
.edition-read { display: flex; justify-content: space-between; align-items: center; border-top: var(--border-width) solid var(--color-border); margin-top: var(--space-6); padding-top: var(--space-5); font-size: var(--text-sm); }
.edition-read > span { font-size: var(--title-lg); }
.edition-library { padding-top: var(--showcase-space); }
.edition-library-heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-5); margin-bottom: var(--space-8); }
.edition-library-heading h2 { font: var(--heading-showcase-section)/var(--leading-heading) var(--font-editorial); color: inherit; letter-spacing: var(--tracking-subheading); }
.edition-library-heading p { font-size: var(--text-sm); color: var(--color-showcase-muted); }
.edition-tools { display: grid; grid-template-columns: 1.4fr 1fr auto; gap: var(--space-5); align-items: end; padding: var(--space-5); background: var(--color-surface-subtle); border-radius: var(--radius-md); }
.edition-tools label { display: flex; flex-direction: column; gap: var(--space-2); font-size: var(--text-xs); color: var(--color-showcase-muted); }
.edition-tools input,.edition-tools select { min-width: 0; width: 100%; min-height: var(--touch-target); padding: var(--space-3); border: var(--border-width) solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-showcase-paper); color: var(--color-showcase-ink); font: var(--text-sm) var(--font-body); }
.edition-view { display: flex; padding: var(--space-1); border: var(--border-width) solid var(--color-border); border-radius: var(--radius-sm); gap: var(--space-1); }
.edition-view button { min-height: var(--touch-target); font-size: var(--text-xs); padding: var(--space-2) var(--space-3); border: 0; background: transparent; color: var(--color-showcase-ink); border-radius: var(--radius-sm); }
.edition-view button[aria-pressed="true"] { color: var(--color-showcase-paper); background: var(--color-showcase-ink); }
.edition-results-line { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-height: var(--nav-height); font: var(--text-xs) var(--font-motion-mono); }
.edition-results-line button { min-height: var(--touch-target); padding: var(--space-2) var(--space-3); color: inherit; border: 0; background: transparent; text-decoration: underline; }
.edition-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); position: relative; }
.edition-card { min-width: 0; border-bottom: var(--border-width) solid var(--color-border); padding-bottom: var(--space-6); }
.edition-card-image { position: relative; height: var(--image-edition-card-height); overflow: hidden; }
.edition-card-image img { width: 100%; height: 100%; object-fit: var(--image-fit-photo); }
.edition-card-image > span { position: absolute; display: grid; place-items: center; width: var(--touch-target); height: var(--touch-target); background: var(--color-showcase-paper); font-size: var(--title-sm); }
.edition-card-meta { display: flex; justify-content: space-between; gap: var(--space-3); font: var(--text-xs) var(--font-motion-mono); text-transform: uppercase; color: var(--color-news-accent); }
.edition-ordinal { color: var(--color-showcase-muted); }
.edition-card h3 { font: var(--title-md)/var(--leading-subheading) var(--font-editorial); letter-spacing: var(--tracking-tight); color: inherit; margin: var(--space-3) 0; }
.edition-card-copy > p { font-size: var(--text-sm); color: var(--color-showcase-muted); margin-bottom: var(--space-4); }
.edition-grid[data-view="list"] { grid-template-columns: 1fr; gap: var(--space-6); }
.edition-grid[data-view="list"] .edition-card > a { display: grid; grid-template-columns: 210px 1fr; gap: var(--space-8); align-items: center; }
.edition-grid[data-view="list"] .edition-card-image { height: var(--image-edition-list-height); margin: 0; }
.edition-grid[data-view="list"] .edition-card h3 { font-size: var(--title-lg); }
.edition-grid[data-view="list"] .edition-card-copy > p { max-width: 80ch; }
.edition-empty { padding: var(--space-12); border: var(--border-width) solid var(--color-border); text-align: center; }
.edition-archive { padding-top: var(--showcase-space); padding-bottom: var(--showcase-space); }
.edition-archive summary { font: var(--title-md) var(--font-editorial); }
.edition-archive summary > span { display: inline-block; margin-left: var(--space-4); font: var(--text-sm) var(--font-body); color: var(--color-showcase-muted); }
.edition-footer-note { display: flex; gap: var(--space-8); align-items: center; justify-content: space-between; padding-top: var(--space-8); padding-bottom: var(--showcase-space); border-top: var(--border-width) solid var(--color-showcase-ink); }
.edition-footer-note > span { font: var(--heading-showcase) var(--font-editorial); color: var(--color-news-accent); }
.edition-footer-note h2 { font: var(--title-lg) var(--font-editorial); color: inherit; margin-top: var(--space-3); }
.reader-imprint { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); padding-top: var(--space-8); padding-bottom: var(--space-5); border-bottom: var(--border-width) solid var(--color-showcase-ink); }
.reader-imprint > a { font: var(--title-lg) var(--font-editorial); color: var(--color-news-accent); letter-spacing: var(--tracking-subheading); }
.reader-imprint > span { font: var(--text-xs) var(--font-motion-mono); color: var(--color-showcase-muted); }
.news-reader .article-layout { padding-top: var(--space-10); }
.news-reader .article-heading { animation: none; }
.news-reader .article-heading h1 { font: var(--heading-news-reader)/var(--leading-heading) var(--font-editorial); letter-spacing: var(--tracking-subheading); color: var(--color-showcase-ink); }
.news-reader .article-heading .lead { font-size: var(--text-lg); max-width: 66ch; color: var(--color-showcase-muted); }
.news-reader .article-summary { border: 0; border-left: 3px solid var(--color-news-accent); border-radius: 0; background: var(--color-surface-subtle); padding: var(--space-5) var(--space-6); }
.news-reader .article-hero { overflow: hidden; }
.news-reader .article-body { font-size: var(--text-lg); }
.news-reader .article-body h2 { font-family: var(--font-editorial); font-weight: var(--weight-medium); font-size: var(--title-lg); color: var(--color-showcase-ink); }
.news-reader .article-aside nav a { border-left: var(--border-width) solid var(--color-border); padding-left: var(--space-4); }
.news-reader .article-aside nav a[aria-current="location"] { border-color: var(--color-news-accent); color: var(--color-news-accent); }
.reader-progress { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-5); font: var(--text-xs) var(--font-motion-mono); color: var(--color-showcase-muted); }
.reader-progress svg { width: 48px; height: 48px; flex-shrink: 0; transform: rotate(-90deg); }
.reader-progress circle { fill: none; stroke: var(--color-border); stroke-width: 2; }
.reader-progress .reader-progress-arc { stroke: var(--color-news-accent); stroke-dasharray: 125.664; stroke-dashoffset: 125.664; }
@media (max-width:1000px) {
  .edition-cover { grid-template-columns: 1fr 1fr; gap: var(--space-6); }
  .edition-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .edition-tools { grid-template-columns: 1fr 1fr; }
  .edition-view { grid-column: 1/-1; width: max-content; }
}
@media (max-width:700px) {
  .edition-masthead { padding-top: var(--space-5); }
  .edition-imprint { font-size: var(--text-xs); flex-direction: column; gap: var(--space-2); }
  .edition-masthead h1 { font-size: var(--heading-edition-mobile); flex-direction: column; align-items: start; gap: 0; padding-top: var(--space-5); padding-bottom: var(--space-5); }
  .edition-masthead h1 em { align-self: end; }
  .edition-deck { align-items: start; }
  .edition-deck > p { font-size: var(--text-lg); }
  .edition-deck > span { display: none; }
  .edition-deck a { max-width: 16ch; gap: var(--space-3); font-size: var(--text-xs); }
  .edition-cover { grid-template-columns: 1fr; }
  .edition-cover-photo { height: var(--image-edition-cover-mobile); }
  .edition-cover-copy h2 { font-size: var(--title-lg); }
  .edition-library-heading { flex-direction: column; gap: var(--space-3); }
  .edition-tools { grid-template-columns: 1fr; padding: var(--space-4); }
  .edition-view { width: 100%; }
  .edition-view button { flex: 1; }
  .edition-grid { grid-template-columns: 1fr; gap: var(--space-8); }
  .edition-card-image { height: var(--image-edition-card-mobile); }
  .edition-card h3 { font-size: var(--title-md); }
  .edition-grid[data-view="list"] .edition-card > a { grid-template-columns: 80px 1fr; gap: var(--space-4); align-items: start; }
  .edition-grid[data-view="list"] .edition-card-image { height: var(--image-compact-size); }
  .edition-grid[data-view="list"] .edition-card h3 { font-size: var(--text-lg); }
  .edition-grid[data-view="list"] .edition-card-copy > p,.edition-grid[data-view="list"] .edition-ordinal { display: none; }
  .edition-card-meta { font-size: var(--text-xs); }
  .edition-grid[data-view="list"] .edition-card-image > span { display: none; }
  .edition-archive summary > span { display: block; margin: var(--space-2) 0 0; }
  .edition-footer-note { flex-wrap: wrap; gap: var(--space-5); }
  .edition-footer-note > span { font-size: var(--heading-ordinal); }
  .edition-footer-note h2 { font-size: var(--title-sm); }
  .reader-imprint { flex-direction: column; align-items: start; gap: var(--space-2); }
  .reader-imprint > a { font-size: var(--title-md); }
  .news-reader .article-heading h1 { font-size: var(--heading-news-reader-mobile); }
  .news-reader .article-summary { padding: var(--space-4); }
  .news-reader .article-body { font-size: var(--text-base); }
}

.back-link { display: inline-flex; align-items: center; font-size: var(--text-xs); font-weight: var(--weight-bold); color: var(--color-muted); min-height: 36px; text-decoration: underline; text-underline-offset: 4px; margin-bottom: var(--space-3); }
.quick-answer { border-left: 3px solid var(--color-border); background: var(--color-surface); padding: var(--space-5) var(--space-6); border-radius: 0 var(--radius-md) var(--radius-md) 0; }
.quick-answer>.eyebrow { margin-bottom: var(--space-2); }
.quick-answer>p:not(.eyebrow) { font-size: calc(var(--text-base) * 1.0625); line-height: var(--leading-copy); }
.article-layout { display: grid; grid-template-columns: minmax(0,var(--reading-width)) minmax(210px,1fr); gap: 0 calc(var(--space-unit) * 15.5); padding-top: var(--space-6); padding-bottom: var(--space-10); }
.article-heading { grid-column: 1/-1; max-width: 950px; }
.article-heading h1 { max-width: 36ch; margin: var(--space-2) 0 calc(var(--space-unit) * 3.5); }
.article-heading .lead { font-size: calc(var(--text-base) * 1.0625); max-width: 70ch; }
.article-heading .meta { margin: calc(var(--space-unit) * 4.5) 0 calc(var(--space-unit) * 5.5); }
.article-hero { grid-column: 1; min-width: 0; margin-bottom: calc(var(--space-unit) * 7); margin-top: calc(var(--space-unit) * 4.5); }
.article-hero img { height: var(--image-article-wide-height); border-radius: var(--radius-lg); object-fit: var(--image-fit-photo); }
.article-hero figcaption { font-size: calc(var(--text-base) * 0.625); color: var(--color-muted); margin-top: calc(var(--space-unit) * 1.75); }
.article-body { grid-column: 1; min-width: 0; max-width: var(--reading-width); }
.article-body>section { margin-top: calc(var(--space-unit) * 7.5); }
.article-body h2 { font-size: calc(var(--text-base) * 1.6875); margin: 0 0 calc(var(--space-unit) * 3.25); }
.article-body p { font-size: calc(var(--text-base) * 1.0625); line-height: var(--leading-reading); }
.article-body section p+p { margin-top: calc(var(--space-unit) * 3.75); }
.article-body .quick-answer p { font-size: var(--text-base); line-height: var(--leading-lead); }
.article-body .quick-answer .eyebrow { font-size: calc(var(--text-base) * 0.625); }
.article-body .archive-note { font-size: var(--text-xs); color: var(--color-muted); margin: calc(var(--space-unit) * 4.5) 0 0; padding-bottom: calc(var(--space-unit) * 2.5); border-bottom: var(--border-width) solid var(--color-warning); }
.article-aside { grid-column: 2; grid-row: 2/4; align-self: start; position: sticky; top: 104px; border-top: 2px solid var(--color-text); padding-top: var(--space-4); margin-top: calc(var(--space-unit) * 4.5); }
.article-aside nav { display: grid; margin-top: calc(var(--space-unit) * 3.5); gap: calc(var(--space-unit) * 0.75); }
.article-aside nav a { font-size: calc(var(--text-base) * 0.8125); color: var(--color-muted); padding: calc(var(--space-unit) * 2.25) 0; line-height: var(--leading-compact); }
.article-aside nav a:hover { color: var(--color-link); }
.aside-guide { border-top: var(--border-width) solid var(--color-border); margin-top: calc(var(--space-unit) * 5.5); padding-top: calc(var(--space-unit) * 5.5); }
.aside-guide h3 { font-size: calc(var(--text-base) * 1.6875); margin: calc(var(--space-unit) * 2.5) 0; }
.aside-guide p:not(.eyebrow) { font-size: var(--text-sm); color: var(--color-muted); }
.article-end { margin-top: var(--space-8); border-block: var(--border-width) solid var(--color-border); padding: var(--space-5) 0; display: flex; align-items: center; justify-content: space-between; }
.article-body ul { padding-left: calc(var(--space-unit) * 5.5); line-height: var(--leading-reading); }
.article-body>p+.btn { margin-top: calc(var(--space-unit) * 5.5); }
@media (max-width:1000px) {
  .article-layout { gap: 0 var(--space-8); grid-template-columns: minmax(0,1fr) 210px; }
}
@media (max-width:700px) {
  .quick-answer { padding: calc(var(--space-unit) * 4.5); }
  .quick-answer>p:not(.eyebrow) { font-size: calc(var(--text-base) * 0.9375); }
  .article-layout { display: block; padding-top: var(--space-4); }
  .article-heading h1 { font-size: var(--title-lg); }
  .article-heading .lead { font-size: var(--text-base); }
  .article-heading .meta { font-size: calc(var(--text-base) * 0.5625); margin-bottom: var(--space-4); }
  .article-hero { margin: 0 0 calc(var(--space-unit) * 5.75); }
  .article-hero img { height: var(--image-article-wide-height-mobile); }
  .article-aside { display: none; }
  .article-body p { font-size: var(--text-base); }
  .article-body h2 { font-size: var(--title-md); }
  .article-body>section { margin-top: calc(var(--space-unit) * 6.5); }
  .article-body .quick-answer p { font-size: calc(var(--text-base) * 0.9375); }
  .article-body .quick-answer .eyebrow { font-size: calc(var(--text-base) * 0.6875); }
  .article-end { gap: calc(var(--space-unit) * 3.75); }
  .article-end>.eyebrow { font-size: calc(var(--text-base) * 0.6875); }
}
.article-summary { max-width: var(--reading-width); margin: 0 0 calc(var(--space-unit) * 1.5); }
.article-summary>p:not(.eyebrow) { font-size: var(--text-base); }
.article-summary>.eyebrow { font-size: var(--text-xs); }
.article-hero.hero-wide { width: 100%; }
.article-hero.hero-wide img { height: var(--image-article-wide-height); }
.article-hero.hero-medium { width: var(--image-article-medium-width); }
.article-hero.hero-medium img { height: var(--image-article-medium-height); }
.article-hero.hero-compact { width: var(--image-article-compact-width); }
.article-hero.hero-compact img { height: var(--image-article-compact-height); }
.article-hero.hero-portrait { width: var(--image-article-portrait-width); max-width: var(--image-article-portrait-max-width); }
.article-hero.hero-portrait img { height: var(--image-article-portrait-height); object-position: var(--image-position-portrait); }
.reading-section { display: flow-root; }
.news-briefing .article-aside { grid-row: 2; border-top: 0; padding-top: 0; }
.news-briefing .article-aside .article-hero { width: 100%; margin-top: 0; }
.news-briefing .article-aside .article-hero img { height: var(--image-article-compact-height); }
.news-briefing .article-body { counter-reset: news-section; }
.news-briefing .reading-section h2::before { counter-increment: news-section; content: counter(news-section, decimal-leading-zero) " / "; font-size: var(--text-sm); color: var(--color-muted); }
.editorial-product img { object-fit: var(--image-fit-product); background: var(--color-photo-surface); padding: var(--space-3); }
.editorial-figure { width: var(--image-wrap-width); max-width: var(--image-wrap-max-width); margin: calc(var(--space-unit) * 0.75) 0 calc(var(--space-unit) * 4.5) calc(var(--space-unit) * 6.5); }
.editorial-figure.wrap-right { float: right; }
.editorial-figure.wrap-left { float: left; margin: calc(var(--space-unit) * 0.75) calc(var(--space-unit) * 6.5) calc(var(--space-unit) * 4.5) 0; }
.editorial-figure img { width: 100%; height: auto; aspect-ratio: var(--image-wrap-ratio); border-radius: calc(var(--radius-unit) * 4); }
.article-body p a { color: var(--color-link); text-decoration: underline; text-decoration-thickness: var(--border-width); text-underline-offset: 3px; }
.article-body p a:hover { text-decoration-thickness: 2px; }
@media (max-width:1000px) {
  .editorial-figure { width: var(--image-wrap-width-tablet); margin-left: var(--space-5); }
  .editorial-figure.wrap-left { margin-left: 0; margin-right: var(--space-5); }
}
@media (max-width:700px) {
  h1,.page-intro h1,.comparison-heading h1,.article-heading h1,.hero-copy h1 { font-size: var(--title-lg); }
  .news-briefing { display: flex; flex-direction: column; }
  .news-briefing .article-aside { display: contents; }
  .news-briefing .article-aside .article-hero { order: 1; width: var(--image-article-compact-width-mobile); margin: var(--space-4) 0; }
  .news-briefing .article-body { order: 2; }
  .news-briefing .article-aside > :not(figure) { display: none; }
  .article-hero.hero-wide img { height: var(--image-article-wide-height-mobile); }
  .article-hero.hero-medium { width: var(--image-article-medium-width-mobile); }
  .article-hero.hero-medium img { height: var(--image-article-medium-height-mobile); }
  .article-hero.hero-compact { width: var(--image-article-compact-width-mobile); }
  .article-hero.hero-compact img { height: var(--image-article-compact-height-mobile); }
  .article-hero.hero-portrait { width: var(--image-article-portrait-width-mobile); max-width: var(--image-article-portrait-max-width-mobile); }
  .article-hero.hero-portrait img { height: var(--image-article-portrait-height-mobile); }
  .editorial-figure,.editorial-figure.wrap-left,.editorial-figure.wrap-right { float: none; width: var(--image-wrap-width-mobile); max-width: var(--image-wrap-max-width-mobile); margin: var(--space-4) 0 calc(var(--space-unit) * 4.5); }
  .article-body .editorial-figure figcaption { font-size: calc(var(--text-base) * 0.6875); }
}

.comparison-heading { padding: calc(var(--space-unit) * 7.5) 0 var(--space-6); }
.comparison-heading h1 { max-width: 39ch; margin: var(--space-2) 0 var(--space-3); }
.comparison-heading .lead { font-size: calc(var(--text-base) * 1.0625); }
.verdict { margin: 0 0 var(--space-6); }
.product-cards { display: grid; grid-template-columns: repeat(var(--product-count,3),minmax(0,1fr)); gap: calc(var(--space-unit) * 4.5); }
.product-card { background: var(--color-surface); border: var(--border-width) solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; display: flex; flex-direction: column; }
.product-card>img { height: var(--image-product-card-height); object-fit: var(--image-fit-product); background: var(--color-photo-surface); padding: var(--space-4); }
.product-card>div { padding: var(--space-5); display: flex; flex-direction: column; align-items: start; gap: calc(var(--space-unit) * 2.5); flex: 1; }
.product-card p:not(.eyebrow) { font-size: var(--text-sm); color: var(--color-muted); }
.product-card .btn { margin-top: auto; }
.spotlight-product { max-width: var(--reading-width); margin-inline: auto; }
.spotlight-product .product-card { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
.spotlight-product .product-card>img { width: 100%; }
.spotlight-specs { max-width: var(--reading-width); margin-inline: auto; }
.spotlight-specs table { min-width: 0; table-layout: fixed; }
.spotlight-specs th,.spotlight-specs td { min-width: 0; overflow-wrap: anywhere; }
.spotlight-specs th:first-child { width: 40%; }
.spotlight-editorial { max-width: var(--information-width); padding-top: var(--space-6); }
.spotlight-opening { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.2fr); gap: var(--space-10); align-items: center; padding-block: var(--space-3) var(--space-8); }
.spotlight-cover img { height: var(--image-spotlight-cover-height); width: 100%; object-fit: var(--image-fit-product); background: var(--color-photo-surface); padding: var(--space-6); border-radius: var(--radius-lg); }
.spotlight-cover figcaption,.spotlight-bundle { font-size: var(--text-xs); color: var(--color-muted); line-height: var(--leading-copy); margin-top: var(--space-3); }
.spotlight-introduction h1 { font-size: var(--heading-page); margin-block: var(--space-2) var(--space-3); }
.spotlight-introduction .lead { font-size: var(--text-base); }
.spotlight-recommendation { border-left: var(--border-width) solid var(--color-primary); padding-left: var(--space-4); margin-block: var(--space-5); }
.spotlight-recommendation .eyebrow { margin-bottom: var(--space-2); }
.spotlight-recommendation>p:last-child { font-size: var(--text-sm); line-height: var(--leading-copy); }
.spotlight-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-6); padding: var(--space-5) var(--space-6); background: var(--color-band); border-block: var(--border-width) solid var(--color-border); }
.spotlight-facts dt { font-size: var(--text-xs); color: var(--color-muted); margin-bottom: var(--space-2); }
.spotlight-facts dd { margin: 0; font-weight: var(--weight-semibold); font-size: var(--text-base); line-height: var(--leading-copy); }
.spotlight-jumps { display: flex; flex-wrap: wrap; column-gap: var(--space-6); margin-bottom: var(--space-3); }
.spotlight-jumps a { display: inline-flex; align-items: center; min-height: var(--touch-target); font-size: var(--text-sm); text-decoration: underline; text-underline-offset: var(--space-1); }
.spotlight-reading .reading-section { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,2.5fr); gap: var(--space-8); padding-block: var(--space-8); border-top: var(--border-width) solid var(--color-border); }
.spotlight-reading h2,.spotlight-decision h2 { font-size: var(--title-md); }
.spotlight-reading .reading-copy { min-width: 0; display: flow-root; }
.spotlight-reading p { font-size: var(--text-base); line-height: var(--leading-reading); }
.spotlight-reading p+p { margin-top: var(--space-4); }
.spotlight-reading .comparison-figure { width: var(--image-comparison-inset-width); max-width: var(--image-comparison-inset-max-width); }
.spotlight-editorial #full-specifications { padding-top: var(--space-6); }
.spotlight-editorial [id] { scroll-margin-top: calc(var(--nav-height) + var(--space-4)); }
.spotlight-decision { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); border-block: var(--border-width) solid var(--color-border); margin-top: var(--space-8); padding-block: var(--space-6); }
.spotlight-decision p { margin-top: var(--space-3); line-height: var(--leading-copy); }
@media (max-width:700px) {
  .spotlight-product .product-card { grid-template-columns: 1fr; }
  .spotlight-opening,.spotlight-reading .reading-section,.spotlight-decision { grid-template-columns: 1fr; gap: var(--space-5); }
  .spotlight-cover img { height: var(--image-spotlight-cover-height-mobile); }
  .spotlight-facts { grid-template-columns: 1fr; gap: var(--space-4); padding: var(--space-5); }
  .spotlight-facts>div { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); gap: var(--space-3); }
  .spotlight-facts dt { margin: 0; }
  .spotlight-reading .comparison-figure { width: var(--image-comparison-inset-mobile-width); max-width: var(--image-comparison-inset-mobile-max-width); }
}
.disclosure { font-size: var(--text-xs); line-height: var(--leading-copy); color: var(--color-muted); padding-block: calc(var(--space-unit) * 4.5); }
.spotlight-feature-title { max-width: var(--reading-width); padding-block: var(--space-4) var(--space-8); }
.spotlight-feature .spotlight-opening { grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); grid-template-areas: "details photo"; align-items: start; gap: var(--space-12); padding-block: var(--space-6); border-block: var(--border-width) solid var(--color-border); }
.spotlight-feature .spotlight-cover { grid-area: photo; }
.spotlight-feature .spotlight-opening>.spotlight-introduction { grid-area: details; }
.spotlight-feature .spotlight-recommendation { margin-top: 0; }
.spotlight-feature .spotlight-facts { grid-template-columns: 1fr; gap: 0; padding: 0; margin-bottom: var(--space-5); background: transparent; border: 0; }
.spotlight-feature .spotlight-facts>div { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); gap: var(--space-4); padding-block: var(--space-3); border-bottom: var(--border-width) solid var(--color-border); }
.spotlight-feature .spotlight-facts dt { margin: 0; }
.spotlight-feature .spotlight-facts dd { font-size: var(--text-sm); }
.spotlight-feature .spotlight-jumps { padding-block: var(--space-2); border-bottom: var(--border-width) solid var(--color-border); margin-bottom: var(--space-6); }
.spotlight-feature .spotlight-reading { max-width: var(--reading-width); margin-inline: auto; }
.spotlight-feature .reading-section { display: block; border-top: 0; padding-block: var(--space-4) var(--space-6); }
.spotlight-feature .reading-section h2 { margin-bottom: var(--space-4); }
.spotlight-feature .spotlight-decision { background: var(--color-band); padding: var(--space-6); }
@media (max-width:700px) {
  .spotlight-feature-title { padding-bottom: var(--space-5); }
  .spotlight-feature .spotlight-opening { grid-template-columns: 1fr; grid-template-areas: "photo" "details"; gap: var(--space-6); }
}
.table-wrap { overflow-x: auto; border: var(--border-width) solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
table { border-collapse: collapse; width: 100%; min-width: 650px; font-size: var(--text-sm); }
th,td { text-align: left; vertical-align: top; padding: calc(var(--space-unit) * 4.25) var(--space-5); border-bottom: var(--border-width) solid var(--color-border); min-width: 160px; }
thead { background: var(--color-hero); color: var(--color-inverse-heading); }
thead th { font-size: calc(var(--text-base) * 0.8125); }
tbody th { font-weight: var(--weight-semibold); background: var(--color-surface-subtle); }
tbody tr:last-child>* { border-bottom: 0; }
.table-hint { display: none; font-size: var(--text-xs); color: var(--color-muted); margin-bottom: calc(var(--space-unit) * 2.5); }
.difference-status { font-size: var(--text-xs); color: var(--color-muted); margin-top: calc(var(--space-unit) * 2.25); }
.comparison-notes { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--space-unit) * 7) var(--space-10); border-top: var(--border-width) solid var(--color-border); }
.comparison-notes h2 { font-size: var(--title-md); margin-bottom: var(--space-3); }
.comparison-notes p { color: var(--color-muted); line-height: var(--leading-comparison); font-size: calc(var(--text-base) * 0.9375); }
.comparison-reading { display: block; max-width: var(--reading-width); margin-inline: auto; }
.comparison-reading .reading-section+.reading-section { margin-top: var(--space-8); }
.comparison-reading p { font-size: var(--text-base); line-height: var(--leading-reading); }
.comparison-reading p+p { margin-top: var(--space-4); }
.comparison-reading .comparison-figure { width: var(--image-comparison-inset-width); max-width: var(--image-comparison-inset-max-width); }
.comparison-figure figcaption,.comparison-date { font-size: var(--text-xs); line-height: var(--leading-copy); color: var(--color-muted); margin-top: var(--space-2); }
.comparison-figure.product-figure img { object-fit: var(--image-fit-product); background: var(--color-photo-surface); padding: var(--space-3); }
.product-card .product-credit { font-size: var(--text-xs); }
@media (max-width:700px) {
  .comparison-reading .comparison-figure { width: var(--image-comparison-inset-mobile-width); max-width: var(--image-comparison-inset-mobile-max-width); }
}
.comparison-page main { padding-bottom: var(--space-12); }
.deals-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-5); }
.deal-card { background: var(--color-surface); border: var(--border-width) solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; }
.deal-card>img { height: var(--image-deal-card-height); object-fit: var(--image-fit-product); background: var(--color-photo-surface); padding: calc(var(--space-unit) * 3.75); }
.deal-card>div { padding: var(--space-5); display: grid; gap: var(--space-3); }
.price { font-size: var(--title-md); font-weight: var(--weight-strong); }
.price del { font-size: calc(var(--text-base) * 0.9375); color: var(--color-muted); font-weight: var(--weight-regular); }
.saving { color: var(--color-link); font-size: calc(var(--text-base) * 0.8125); }
@media (max-width:700px) {
  .comparison-heading { padding-top: var(--space-5); }
  .comparison-heading h1 { font-size: var(--title-lg); }
  .comparison-heading .lead { font-size: calc(var(--text-base) * 0.9375); }
  .product-cards { grid-template-columns: 1fr; gap: var(--space-3); }
  .product-card { display: grid; grid-template-columns: var(--image-product-card-width-mobile) minmax(0,1fr); }
  .product-card>img { height: 100%; max-height: var(--image-product-card-max-height-mobile); padding: calc(var(--space-unit) * 2.5); }
  .product-card>div { padding: var(--space-4); gap: var(--space-2); }
  .product-card p:not(.eyebrow) { font-size: calc(var(--text-base) * 0.8125); }
  .product-card .btn { font-size: var(--text-xs); min-height: var(--control-compact); }
  .comparison-notes { grid-template-columns: 1fr; gap: var(--space-6); }
  .table-hint { display: block; }
  .table-wrap { border-radius: calc(var(--radius-unit) * 4); }
  th,td { padding: calc(var(--space-unit) * 3.5); min-width: 145px; }
  .table-wrap tbody th { position: sticky; left: 0; z-index: 1; max-width: 145px; box-shadow: 2px 0 0 var(--color-border); }
  .table-wrap thead th:first-child { position: sticky; left: 0; background: var(--color-hero); z-index: 2; }
  .deals-grid { grid-template-columns: 1fr; }
}
.product-card>img[src$="kingston.jpg"],.product-strip img[src$="kingston.jpg"] { object-fit: var(--image-fit-small-product); }
.product-cards:has(img[src*="ds224"])>article>img { height: var(--image-product-cards-nas-height); }
.product-cards:has(img[src*="samsung"])>article>img { height: var(--image-product-cards-storage-height); }
.product-card h2 { font-size: calc(var(--text-base) * 1.5625); }
@media (max-width:700px) {
  .product-cards:has(img[src*="samsung"])>article>img { height: 100%; max-height: var(--image-product-cards-storage-max-height-mobile); }
  .product-cards:has(img[src*="ds224"])>article>img { height: 100%; max-height: var(--image-product-cards-nas-max-height-mobile); }
}
.comparison-folio { padding-top: var(--space-8); }
.folio-masthead { display: grid; grid-template-columns: 1.5fr 1fr; gap: var(--space-12); align-items: end; padding: var(--space-10); margin: var(--space-6) 0 0; background: var(--color-hero); color: var(--color-inverse-text); border-top: var(--space-1) solid var(--color-primary); }
.folio-masthead h1 { color: var(--color-inverse-heading); font-size: var(--heading-page); margin-top: var(--space-4); }
.folio-masthead .eyebrow { color: var(--color-secondary); }
.folio-intro .lead { font-size: var(--text-lg); color: var(--color-inverse-text); }
.folio-intro>p:last-child { margin-top: var(--space-5); font-size: var(--text-sm); color: var(--color-inverse-muted); }
.folio-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-10); padding: var(--space-8) 0; }
.folio-product { min-width: 0; }
.folio-product .spotlight-cover { margin: 0; }
.folio-product .spotlight-cover img { width: 100%; height: var(--image-spotlight-cover-height); object-fit: var(--image-fit-product); background: var(--color-photo-surface); padding: var(--space-6); border-radius: 0; }
.folio-product .spotlight-cover figcaption { font-size: var(--text-xs); margin-top: var(--space-2); color: var(--color-muted); }
.folio-product-copy { padding-top: var(--space-5); }
.folio-product-copy h2 { font-size: var(--title-md); margin: var(--space-2) 0 var(--space-3); }
.folio-product-copy .btn { margin-top: var(--space-4); }
.folio-single { grid-template-columns: 1fr; }
.folio-single .folio-product { display: grid; grid-template-columns: 1.5fr 1fr; gap: var(--space-10); align-items: center; }
.folio-facts { display: grid; gap: var(--space-3); margin-top: var(--space-5); }
.folio-facts>div { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); border-top: var(--border-width) solid var(--color-border); padding-top: var(--space-3); }
.folio-facts dt { font-size: var(--text-sm); color: var(--color-muted); }
.folio-facts dd { margin: 0; font-size: var(--text-sm); font-weight: var(--weight-semibold); }
.folio-verdict { display: grid; grid-template-columns: 1fr 3fr; gap: var(--space-8); padding: var(--space-6); background: var(--color-band); border-left: var(--space-1) solid var(--color-primary); }
.folio-verdict p { margin: 0; }
.folio-body { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,3fr); gap: var(--space-12); align-items: start; margin-top: var(--space-10); }
.folio-navigation { position: sticky; top: calc(var(--nav-height) + var(--space-8)); display: grid; align-content: start; gap: var(--space-2); padding-bottom: var(--space-8); border-top: var(--border-width) solid var(--color-border); }
.folio-navigation .eyebrow { padding-top: var(--space-4); }
.folio-navigation a { display: flex; gap: var(--space-3); padding: var(--space-3) 0; font-size: var(--text-sm); line-height: var(--leading-label); text-decoration: none; min-height: var(--touch-target); }
.folio-navigation a:hover { color: var(--color-link); text-decoration: underline; }
.folio-navigation a span { color: var(--color-link); }
.folio-main { min-width: 0; }
.folio-reading .reading-section { display: flow-root; padding: 0 0 var(--space-8); margin-bottom: var(--space-8); border-bottom: var(--border-width) solid var(--color-border); }
.folio-reading h2 { display: flex; gap: var(--space-4); align-items: baseline; font-size: var(--title-md); margin-bottom: var(--space-5); }
.folio-number { font-size: var(--title-lg); color: var(--color-link); font-weight: var(--weight-regular); }
.folio-reading p { line-height: var(--leading-reading); margin-bottom: var(--space-4); }
.folio-reading .comparison-figure { max-width: var(--image-comparison-inset-max-width); width: var(--image-comparison-inset-width); }
.comparison-folio [id] { scroll-margin-top: calc(var(--nav-height) + var(--space-6)); }
.folio-main .spotlight-specs { max-width: none; margin: 0; }
.folio-decision { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); padding: var(--space-8) 0; margin-top: var(--space-8); border-top: var(--space-1) solid var(--color-primary); }
.folio-decision h2 { font-size: var(--title-md); margin-bottom: var(--space-4); }
.folio-decision .eyebrow { margin-bottom: var(--space-3); }
.folio-offset .folio-masthead { grid-template-columns: 1fr; gap: var(--space-6); }
.folio-offset .folio-intro { display: grid; grid-template-columns: 3fr 1fr; gap: var(--space-8); align-items: start; }
.folio-offset .folio-intro>p:last-child { margin-top: 0; }
.folio-offset .folio-single .folio-product { grid-template-columns: 1fr 1.5fr; }
.folio-offset .folio-single .spotlight-cover { grid-column: 2; grid-row: 1; }
.folio-offset .folio-single .folio-product-copy { grid-column: 1; grid-row: 1; }
.folio-offset .folio-body { grid-template-columns: minmax(0,3fr) minmax(0,1fr); }
.folio-offset .folio-navigation { grid-column: 2; grid-row: 1; }
.folio-offset .folio-main { grid-column: 1; grid-row: 1; }
.folio-offset .folio-reading h2 { display: block; }
.folio-offset .folio-number { display: block; margin-bottom: var(--space-2); font-size: var(--text-sm); }
@media (max-width:1000px) {
  .folio-offset .folio-body { grid-template-columns: 1fr; }
  .folio-offset .folio-navigation, .folio-offset .folio-main { grid-column: auto; grid-row: auto; }
  .folio-offset .folio-single .folio-product { grid-template-columns: 1fr 1fr; }
  .folio-masthead { gap: var(--space-6); padding: var(--space-8); }
  .folio-body { grid-template-columns: 1fr; gap: var(--space-6); }
  .folio-navigation { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 var(--space-6); padding-bottom: var(--space-4); }
  .folio-navigation .eyebrow { grid-column: 1 / -1; }
  .folio-single .folio-product { grid-template-columns: 1fr 1fr; gap: var(--space-6); }
}
@media (max-width:700px) {
  .folio-offset .folio-intro, .folio-offset .folio-single .folio-product { grid-template-columns: 1fr; }
  .folio-offset .folio-single .spotlight-cover, .folio-offset .folio-single .folio-product-copy { grid-column: auto; grid-row: auto; }
  .comparison-folio { padding-top: var(--space-5); }
  .folio-masthead { grid-template-columns: 1fr; padding: var(--space-6); gap: var(--space-5); }
  .folio-intro .lead { font-size: var(--text-base); }
  .folio-gallery,.folio-single .folio-product { grid-template-columns: 1fr; gap: var(--space-8); }
  .folio-product .spotlight-cover img { height: var(--image-spotlight-cover-height-mobile); padding: var(--space-4); }
  .folio-verdict { grid-template-columns: 1fr; gap: var(--space-3); padding: var(--space-5); }
  .folio-navigation { grid-template-columns: 1fr; }
  .folio-navigation a { border-bottom: var(--border-width) solid var(--color-border); }
  .folio-reading .comparison-figure { width: var(--image-comparison-inset-mobile-width); max-width: var(--image-comparison-inset-mobile-max-width); }
  .folio-decision { grid-template-columns: 1fr; }
}

.editorial-figure figcaption { color: var(--color-muted); font-size: calc(var(--text-base) * .6875); line-height: var(--leading-compact); margin-top: var(--space-2); }
.discover-page main { overflow: clip; }
html:has(body.showcase-page) { scroll-behavior: auto; }
.discovery-intro { background: var(--color-showcase-night); color: var(--color-showcase-chalk); }
.studio-stage { min-height: 850px; height: calc(100svh - var(--nav-height)); max-height: 1100px; position: relative; isolation: isolate; overflow: hidden; }
.studio-halo { position: absolute; width: 65%; height: 85%; right: -10%; top: -25%; border-radius: 50%; background: var(--color-motion-halo); filter: blur(var(--motion-halo-blur)); pointer-events: none; z-index: -1; }
.studio-topline { display: flex; justify-content: space-between; align-items: center; padding-top: var(--space-8); position: relative; z-index: 3; }
.studio-topline .showcase-kicker,.studio-edition { color: var(--color-showcase-silver); }
.studio-edition { font-family: var(--font-motion-mono); font-size: var(--text-xs); }
.studio-type { position: relative; padding-top: var(--space-12); z-index: 3; pointer-events: none; }
.studio-type h1 { font: var(--weight-medium) var(--heading-motion-hero)/var(--leading-motion-hero) var(--font-showcase); letter-spacing: var(--tracking-showcase); color: var(--color-showcase-chalk); text-align: left; }
.studio-line { display: block; }
.studio-outline { color: var(--color-secondary); font-size: var(--heading-motion-wide); }
.studio-subline { display: flex; align-items: center; justify-content: space-between; margin-top: var(--space-6); max-width: 75%; }
.studio-subline p { display: flex; gap: var(--space-2); font-size: var(--title-sm); color: var(--color-showcase-chalk); }
.word-window { display: inline-grid; overflow: hidden; height: 1.4em; min-width: 5.5em; color: var(--color-secondary); font-family: var(--font-editorial); font-style: italic; font-size: var(--title-md); line-height: var(--leading-control); }
.word-window > span { grid-area: 1/1; }
.word-window > span:not(:first-child) { visibility: hidden; }
.explore-orb { pointer-events: auto; display: grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; border: var(--border-width) solid var(--color-showcase-silver); font-size: var(--title-xl); flex: 0 0 auto; }
.studio-collage { position: absolute; inset: 0; z-index: 1; perspective: 1200px; pointer-events: none; }
.studio-fragment { position: absolute; overflow: visible; }
.fragment-0 { width: 46%; height: 43%; right: 7%; top: 47%; transform: rotate(-6deg); }
.fragment-1 { width: 23%; height: 30%; left: 5%; top: 57%; transform: rotate(8deg); }
.fragment-2 { width: 16%; height: 28%; right: -3%; top: 34%; transform: rotate(11deg); }
.fragment-float,.fragment-photo { height: 100%; }
.fragment-photo { border-radius: var(--showcase-radius); overflow: hidden; box-shadow: var(--shadow-showcase); }
.fragment-photo img { height: 100%; }
.fragment-photo figcaption { position: absolute; bottom: var(--space-3); left: var(--space-3); color: var(--color-showcase-chalk); background: var(--color-showcase-glass); padding: var(--space-1) var(--space-2); border-radius: var(--radius-pill); font-size: var(--text-xs); }
.orbit-seal { position: absolute; width: 130px; height: 130px; right: 34%; top: 74%; color: var(--color-showcase-night); background: var(--color-secondary); border-radius: 50%; z-index: 4; }
.orbit-seal svg { width: 100%; height: 100%; fill: currentColor; font-size: var(--text-xs); font-family: var(--font-motion-mono); letter-spacing: var(--tracking-kicker); }
.orbit-seal > span { position: absolute; inset: 0; display: grid; place-items: center; font-size: var(--title-xl); }
.studio-bottom { position: absolute; bottom: var(--space-6); left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; font-size: var(--text-xs); color: var(--color-showcase-silver); z-index: 4; }
.curiosity-ticker { background: var(--color-secondary); color: var(--color-showcase-night); overflow: hidden; padding-block: var(--space-5); }
.ticker-track { display: flex; width: max-content; }
.ticker-track > span { flex: 0 0 auto; padding-right: var(--space-8); font-size: var(--title-lg); font-weight: var(--weight-semibold); font-family: var(--font-showcase); letter-spacing: var(--tracking-statement); white-space: nowrap; }
.ticker-track i { font-style: normal; padding-inline: var(--space-5); }
.discovery-index { padding-block: var(--showcase-space); }
.index-heading h2 { font-size: var(--heading-showcase-section); margin-block: var(--space-4); }
.index-heading > p:last-child { color: var(--color-showcase-muted); }
.world-rail { display: flex; overflow-x: auto; gap: var(--space-5); padding: var(--space-8) var(--page-gutter) var(--space-5); scroll-snap-type: x mandatory; scrollbar-width: thin; }
.world-tile { position: relative; flex: 0 0 clamp(190px, 23vw, 280px); height: 350px; scroll-snap-align: center; }
.world-photo { height: 100%; }
.world-photo img { height: 100%; }
.world-photo::after { content: ''; position: absolute; inset: 0; background: var(--color-showcase-scrim); }
.world-photo figcaption { position: absolute; top: var(--space-3); left: var(--space-3); padding: var(--space-1) var(--space-2); border-radius: var(--radius-pill); background: var(--color-showcase-glass); color: var(--color-showcase-chalk); font-size: var(--text-xs); z-index: 1; }
.world-label { position: absolute; inset: auto var(--space-5) var(--space-5); display: flex; flex-wrap: wrap; align-items: center; color: var(--color-showcase-chalk); }
.world-label > span:first-child { flex-basis: 100%; font-family: var(--font-motion-mono); font-size: var(--text-xs); margin-bottom: var(--space-2); }
.world-label strong { font-size: var(--title-lg); font-family: var(--font-showcase); font-weight: var(--weight-medium); letter-spacing: var(--tracking-statement); }
.world-label > span:last-child { margin-left: auto; }
.discovery-chapter { padding-bottom: var(--showcase-space); scroll-margin-top: var(--nav-height); }
.discovery-wave,.discovery-shutter,.discovery-network { background: var(--color-showcase-night); color: var(--color-showcase-chalk); }
.scene-stage { position: relative; height: min(800px, 85svh); min-height: 560px; background: var(--color-showcase-night); color: var(--color-showcase-chalk); overflow: hidden; isolation: isolate; perspective: 1200px; }
.scene-backword { position: absolute; left: 3%; top: var(--space-6); font: var(--weight-semibold) var(--heading-motion-background)/var(--leading-showcase) var(--font-showcase); letter-spacing: var(--tracking-showcase); color: var(--color-motion-outline); white-space: nowrap; z-index: -1; }
.scene-media { position: absolute; inset: 11% 5% 8% 30%; perspective: 1000px; }
.scene-photo { height: 100%; overflow: hidden; border-radius: var(--showcase-radius); transform-origin: center; }
.scene-photo img { height: 100%; }
.scene-photo::after { content: ''; position: absolute; inset: 0; background: var(--color-motion-photo-shade); pointer-events: none; }
.scene-photo figcaption { position: absolute; bottom: var(--space-4); right: var(--space-4); background: var(--color-showcase-glass); padding: var(--space-1) var(--space-3); border-radius: var(--radius-pill); color: var(--color-showcase-chalk); font-size: var(--text-xs); z-index: 1; }
.scene-caption { position: absolute; left: max(var(--page-gutter), calc((100% - var(--page-width)) / 2)); bottom: 13%; width: min(850px, 80%); z-index: 2; }
.scene-caption .showcase-kicker { color: var(--color-secondary); margin-bottom: var(--space-6); }
.showcase-page main .scene-title { font-size: var(--heading-motion-scene); font-weight: var(--weight-medium); line-height: var(--leading-showcase); color: var(--color-showcase-chalk); text-wrap: balance; text-shadow: var(--shadow-sculpture); }
.scene-title > span { display: block; }
.scene-title .scene-em { font-family: var(--font-editorial); font-weight: var(--weight-regular); font-style: italic; }
.scene-original-title { margin-top: var(--space-6); font-size: var(--text-sm); color: var(--color-showcase-chalk); max-width: 36ch; }
.scene-coordinate { position: absolute; right: var(--space-6); top: var(--space-6); color: var(--color-showcase-silver); font-family: var(--font-motion-mono); font-size: var(--text-xs); }
.discovery-wave .scene-media { inset: 5% 6% 5% 41%; }
.discovery-flip .scene-media { inset: 9% 12% 9% 35%; }
.discovery-book .scene-media { inset: 0 8% 0 51%; }
.discovery-book .scene-photo { border-radius: 0; }
.discovery-shutter .scene-media { inset: 0; }
.discovery-shutter .scene-photo { border-radius: 0; }
.discovery-shutter .scene-caption { bottom: 18%; }
.discovery-network .scene-media { inset: 9% 4% 9% 30%; }
.network-art { position: absolute; inset: 0; width: 100%; height: 100%; stroke: var(--color-secondary); stroke-width: 3; pointer-events: none; }
.network-art circle { fill: var(--color-secondary); stroke: var(--color-showcase-night); }
.sound-wave { position: absolute; right: var(--space-8); bottom: var(--space-10); display: flex; align-items: center; gap: var(--space-1); height: 90px; z-index: 1; }
.sound-wave i { width: 4px; height: 60%; background: var(--color-secondary); border-radius: var(--radius-pill); }
.sound-wave i:nth-child(3n) { height: 100%; }
.sound-wave i:nth-child(2n) { height: 30%; }
.chapter-brief { display: flex; justify-content: space-between; gap: var(--space-10); align-items: end; padding-block: var(--space-12); }
.chapter-statement { max-width: 38ch; font-size: var(--title-md); letter-spacing: var(--tracking-tight); line-height: var(--leading-small-heading); }
.chapter-cue { max-width: 22ch; color: var(--color-showcase-muted); font-size: var(--text-sm); }
.discovery-wave .chapter-cue,.discovery-shutter .chapter-cue,.discovery-network .chapter-cue { color: var(--color-showcase-silver); }
.carousel-heading { display: flex; justify-content: space-between; align-items: center; gap: var(--space-5); margin-bottom: var(--space-5); }
.carousel-prompt { margin-top: var(--space-2); font-size: var(--text-lg); }
.carousel-controls { display: flex; gap: var(--space-2); }
.carousel-controls button { border: var(--border-width) solid currentColor; color: inherit; background: transparent; width: var(--touch-target); height: var(--touch-target); border-radius: 50%; font-size: var(--text-lg); }
.carousel-controls button:disabled { opacity: .3; cursor: default; }
.story-rail { display: flex; gap: var(--space-5); overflow: auto; scroll-snap-type: x mandatory; padding: var(--space-6) max(var(--page-gutter), calc((100% - var(--page-width)) / 2)); scrollbar-width: thin; scroll-padding-inline: var(--page-gutter); perspective: 1200px; }
.discovery-card { flex: 0 0 var(--motion-card-width); min-width: 0; scroll-snap-align: start; border-radius: var(--showcase-radius); background: var(--color-surface); color: var(--color-showcase-ink); overflow: hidden; transform-style: preserve-3d; }
.discovery-card a { height: 100%; display: flex; flex-direction: column; }
.discovery-card-art { position: relative; height: var(--image-motion-card-height); background: var(--color-photo-surface); }
.discovery-card-art img { height: 100%; }
.card-product img { object-fit: var(--image-fit-product); padding: var(--space-6); }
.card-open { position: absolute; width: var(--touch-target); height: var(--touch-target); display: grid; place-items: center; border-radius: 50%; background: var(--color-showcase-night); color: var(--color-showcase-chalk); font-size: var(--title-sm); }
.card-question { font-size: var(--title-sm); line-height: var(--leading-control); letter-spacing: var(--tracking-subheading); margin-block: var(--space-3); }
.showcase-page main .discovery-card h3 { font-size: var(--text-sm); font-family: var(--font-body); letter-spacing: normal; line-height: var(--leading-compact); font-weight: var(--weight-regular); color: var(--color-showcase-muted); text-wrap: pretty; }
.discovery-card a:hover h3 { text-decoration: underline; text-underline-offset: var(--space-1); }
.carousel-bottom { display: flex; gap: var(--space-6); align-items: center; padding-top: var(--space-4); font-size: var(--text-xs); }
.carousel-position { min-width: 12ch; }
.rail-meter { flex: 1; height: 2px; background: var(--color-border); overflow: hidden; }
.rail-meter > span { display: block; height: 100%; width: 100%; background: var(--color-primary); transform: scaleX(0); transform-origin: left; }
.discovery-wave .carousel-heading .showcase-kicker,.discovery-shutter .carousel-heading .showcase-kicker,.discovery-network .carousel-heading .showcase-kicker { color: var(--color-showcase-silver); }
.discovery-finale { background: var(--color-secondary); color: var(--color-showcase-night); padding-block: var(--showcase-space); }
.discovery-finale .showcase-kicker { color: var(--color-showcase-night); }
.showcase-page main .discovery-finale h2 { font-size: var(--heading-motion-scene); color: var(--color-showcase-night); margin-block: var(--space-8); }
.discovery-finale h2 .finale-em { font-family: var(--font-editorial); font-style: italic; }
.finale-portals { display: flex; gap: var(--space-5); margin-block: var(--space-10); }
.finale-portals a { flex: 1; display: flex; flex-direction: column; gap: var(--space-6); padding: var(--space-6); border: var(--border-width) solid var(--color-showcase-night); border-radius: var(--showcase-radius); }
.finale-portals span { font-size: var(--text-sm); }
.finale-portals strong { font-size: var(--title-lg); font-weight: var(--weight-medium); letter-spacing: var(--tracking-tight); }
.discovery-finale .showcase-link { color: var(--color-showcase-night); }
.discovery-progress { height: 3px; position: fixed; left: 0; right: 0; top: var(--nav-height); z-index: 20; pointer-events: none; }
.discovery-progress > span { display: block; height: 100%; background: var(--color-secondary); transform: scaleX(0); transform-origin: left; }
@media (max-width:1000px) {
  .studio-stage { min-height: 760px; }
  .studio-subline { max-width: 90%; }
  .scene-media { left: 25%; }
  .scene-caption { width: 85%; }
}
@media (max-width:700px) {
  .studio-stage { min-height: 770px; height: calc(100svh - var(--nav-height)); max-height: 900px; }
  .studio-topline { padding-top: var(--space-6); }
  .studio-topline .showcase-kicker { max-width: 23ch; }
  .studio-type { padding-top: var(--space-12); }
  .studio-type h1 { font-size: var(--heading-motion-hero-mobile); }
  .studio-outline { font-size: var(--heading-motion-wide-mobile); }
  .studio-subline { max-width: none; margin-top: var(--space-6); }
  .studio-subline p { font-size: var(--text-base); display: block; }
  .word-window { display: grid; font-size: var(--title-md); }
  .explore-orb { width: 64px; height: 64px; font-size: var(--title-lg); }
  .fragment-0 { top: 50%; right: 8%; width: 77%; height: 34%; }
  .fragment-1 { top: 68%; left: -6%; width: 35%; height: 18%; }
  .fragment-2 { top: 43%; right: -7%; width: 26%; height: 18%; }
  .orbit-seal { width: 90px; height: 90px; right: 8%; top: 77%; }
  .studio-bottom { display: block; bottom: var(--space-5); font-size: var(--text-xs); }
  .studio-bottom > span { display: block; margin-top: var(--space-2); }
  .ticker-track > span { font-size: var(--title-sm); }
  .world-tile { flex-basis: 65vw; height: 310px; }
  .scene-stage { min-height: 610px; height: 82svh; }
  .scene-media,.discovery-wave .scene-media,.discovery-flip .scene-media,.discovery-book .scene-media,.discovery-network .scene-media { inset: 8% var(--page-gutter) 8%; }
  .scene-caption { left: var(--page-gutter); bottom: 13%; width: calc(100% - var(--page-gutter) * 2); }
  .showcase-page main .scene-title { font-size: var(--heading-motion-scene-mobile); }
  .scene-caption .showcase-kicker { margin-bottom: var(--space-4); }
  .scene-original-title { max-width: 27ch; font-size: var(--text-xs); }
  .scene-photo::after { background: var(--color-motion-mobile-shade); }
  .scene-backword { font-size: var(--heading-motion-background-mobile); }
  .sound-wave { top: 18%; bottom: auto; height: 64px; }
  .chapter-brief { display: block; padding-block: var(--space-8); }
  .chapter-statement { font-size: var(--title-sm); }
  .chapter-cue { display: block; margin-top: var(--space-5); max-width: none; }
  .carousel-prompt { font-size: var(--text-sm); }
  .discovery-card { flex-basis: 82vw; }
  .carousel-bottom > span:last-child { display: none; }
  .discovery-card-copy { padding: var(--space-5); }
  .finale-portals { flex-direction: column; }
  .finale-portals a { flex-direction: row; justify-content: space-between; align-items: center; }
  .finale-portals strong { font-size: var(--title-sm); }
  .showcase-page main .discovery-finale h2 { font-size: var(--heading-motion-scene-mobile); }
}

.showcase-page { background: var(--color-showcase-paper); color: var(--color-showcase-ink); }
.showcase-page main h2,.showcase-page main h3 { font-family: var(--font-showcase); font-weight: var(--weight-medium); letter-spacing: var(--tracking-showcase); color: var(--color-heading); }
.showcase-kicker { font-size: var(--text-xs); font-weight: var(--weight-medium); letter-spacing: var(--tracking-kicker); text-transform: uppercase; color: var(--color-showcase-muted); }
.showcase-title { font-family: var(--font-showcase); font-size: var(--heading-showcase); font-weight: var(--weight-medium); letter-spacing: var(--tracking-showcase); line-height: var(--leading-showcase); color: var(--color-showcase-ink); }
.showcase-title > span { display: block; }
.showcase-serif { font-family: var(--font-editorial); font-style: italic; font-weight: var(--weight-regular); letter-spacing: var(--tracking-statement); }
.showcase-intro { font-size: var(--text-lg); line-height: var(--leading-copy); color: var(--color-showcase-muted); }
.showcase-link { display: inline-flex; align-items: center; gap: var(--space-6); min-height: var(--touch-target); font-size: var(--text-sm); font-weight: var(--weight-medium); color: var(--color-link); }
.showcase-link > span { transition: transform var(--motion-standard) var(--motion-ease); }
.showcase-link:hover > span { transform: translateY(var(--motion-link-offset)); }
.showcase-link:hover { text-decoration: underline; text-underline-offset: var(--space-1); }
.deals-hero-copy .showcase-link { margin-top: var(--space-5); }
.showcase-section-heading { display: flex; justify-content: space-between; align-items: end; gap: var(--space-8); }
.showcase-section-heading h2 { font-size: var(--heading-showcase-section); line-height: var(--leading-showcase); margin-top: var(--space-5); }
.showcase-section-heading > p { font-size: var(--text-sm); color: var(--color-showcase-muted); line-height: var(--leading-comfortable); }
.deals-hero { background: var(--color-showcase-glow); color: var(--color-showcase-chalk); overflow: clip; }
.deals-hero-layout { display: grid; grid-template-columns: 1.25fr 1fr; align-items: center; min-height: min(760px, 85svh); padding-block: var(--showcase-space); gap: var(--space-6); }
.deals-hero .showcase-title { font-size: var(--heading-deals); color: var(--color-showcase-chalk); margin-block: var(--space-8); position: relative; z-index: 1; }
.deals-hero .showcase-kicker,.deals-hero .showcase-intro { color: var(--color-showcase-silver); }
.deals-hero .showcase-link { color: var(--color-secondary); }
.value-sculpture { position: relative; display: grid; place-items: center; min-height: 460px; perspective: 900px; }
.value-mark { font-family: var(--font-showcase); font-size: var(--heading-sculpture); font-weight: var(--weight-bold); line-height: var(--leading-showcase); letter-spacing: var(--tracking-showcase); background: var(--color-showcase-metal); background-clip: text; -webkit-background-clip: text; color: transparent; filter: drop-shadow(var(--shadow-sculpture)); transform: rotate(-14deg); }
.value-orbit { position: absolute; width: 110%; height: 72%; border: var(--border-width) solid var(--color-inverse-control-border); border-radius: 50%; opacity: .35; transform: rotate(-32deg); }
.orbit-two { width: 86%; height: 98%; transform: rotate(35deg); opacity: .18; }
.sculpture-caption { position: absolute; bottom: 0; font-size: var(--text-xs); letter-spacing: var(--tracking-kicker); color: var(--color-showcase-silver); }
.deals-hero-bottom { display: flex; justify-content: space-between; gap: var(--space-4); border-top: var(--border-width) solid var(--color-inverse-border); padding-block: var(--space-5); color: var(--color-showcase-silver); font-size: var(--text-xs); }
.offer-edit { padding-block: var(--showcase-space); scroll-margin-top: var(--nav-height); }
.offer-count { display: inline-flex; padding: var(--space-3) var(--space-5); border: var(--border-width) solid var(--color-border); border-radius: var(--radius-pill); font-size: var(--text-xs); white-space: nowrap; }
.offer-edit .disclosure { margin-block: var(--space-8) var(--space-6); color: var(--color-showcase-muted); }
.considered-empty { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--space-8); padding: var(--space-10); background: var(--color-surface-subtle); border-radius: var(--showcase-radius); }
.empty-symbol { display: grid; place-items: center; width: 100px; height: 100px; border: var(--border-width) solid var(--color-border); border-radius: 50%; font-size: var(--heading-showcase-section); color: var(--color-link); }
.considered-empty h3 { margin-block: var(--space-3); font-size: var(--title-lg); }
.considered-empty p:not(.showcase-kicker) { color: var(--color-showcase-muted); font-size: var(--text-sm); max-width: 55ch; }
.deal-standard { padding-block: var(--showcase-space); background: var(--color-showcase-night); color: var(--color-showcase-chalk); }
.showcase-page .deal-standard h2,.showcase-page .deal-standard h3 { color: var(--color-showcase-chalk); }
.deal-standard .showcase-kicker,.deal-standard .showcase-section-heading > p { color: var(--color-showcase-silver); }
.standard-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-10); margin-top: var(--space-12); }
.standard-number { font-family: var(--font-editorial); font-size: var(--heading-ordinal); line-height: var(--leading-showcase); font-style: italic; color: var(--color-showcase-silver); }
.standard-line { height: var(--border-width); background: var(--color-secondary); margin-block: var(--space-6); transform-origin: left; }
.standard-grid h3 { font-size: var(--title-md); margin-bottom: var(--space-3); }
.standard-grid p { color: var(--color-showcase-silver); font-size: var(--text-sm); line-height: var(--leading-comfortable); max-width: 32ch; }
.deal-shortlist { padding-block: var(--showcase-space); scroll-margin-top: var(--nav-height); }
.deal-shortlist .compare-grid { margin-top: var(--space-10); gap: var(--space-6); }
.deal-shortlist .compare-card { border-radius: var(--showcase-radius); background: var(--color-surface); }
.deal-shortlist .product-strip { padding: var(--space-8); }
.deal-shortlist .product-strip img { height: var(--image-showcase-product-height); }
.deal-shortlist .card-copy h3 { font-size: var(--title-lg); letter-spacing: var(--tracking-subheading); }
.deals-discover-link { display: flex; justify-content: space-between; align-items: center; gap: var(--space-6); padding-block: var(--space-8); border-block: var(--border-width) solid var(--color-border); margin-top: var(--space-12); }
.deals-discover-link > span { color: var(--color-showcase-muted); font-size: var(--text-sm); }
.deals-discover-link > strong { font-weight: var(--weight-medium); font-size: var(--title-sm); letter-spacing: var(--tracking-tight); }
.deals-discover-link:hover > strong { text-decoration: underline; }
@media (max-width:1000px) {
  .deals-hero-layout { grid-template-columns: 1.2fr 1fr; min-height: 600px; }
  .value-sculpture { min-height: 360px; }
  .considered-empty { grid-template-columns: auto 1fr; }
  .considered-empty .showcase-link { grid-column: 2; }
}
@media (max-width:700px) {
  .showcase-section-heading { display: block; }
  .showcase-section-heading > p,.showcase-section-heading > a,.showcase-section-heading > .offer-count { margin-top: var(--space-6); }
  .showcase-intro { font-size: var(--text-base); }
  .deals-hero-layout { grid-template-columns: 1fr; padding-block: var(--space-12) var(--space-8); gap: var(--space-5); }
  .deals-hero .showcase-title { font-size: var(--heading-deals-mobile); margin-block: var(--space-6); }
  .value-sculpture { min-height: 280px; width: 80%; margin-inline: auto; }
  .value-mark { font-size: calc(var(--text-base) * 16); }
  .sculpture-caption { bottom: calc(var(--space-3) * -1); font-size: calc(var(--text-xs) * .85); }
  .deals-hero-bottom > span:first-child { max-width: 23ch; }
  .considered-empty { grid-template-columns: 1fr; padding: var(--space-6); gap: var(--space-5); }
  .empty-symbol { width: 64px; height: 64px; font-size: var(--title-lg); }
  .considered-empty .showcase-link { grid-column: auto; }
  .standard-grid { grid-template-columns: 1fr; gap: var(--space-10); }
  .standard-grid article { display: grid; grid-template-columns: auto 1fr; column-gap: var(--space-6); }
  .standard-number { grid-row: span 3; }
  .standard-line { margin-block: var(--space-2) var(--space-4); }
  .standard-grid p { max-width: none; }
  .deal-shortlist .product-strip { padding: var(--space-5); }
  .deal-shortlist .product-strip img { height: calc(var(--image-showcase-product-height) * .65); }
  .deal-shortlist .card-copy { padding: var(--space-6); }
  .deal-shortlist .card-copy h3 { font-size: var(--title-sm); }
  .deals-discover-link { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); }
  .deals-discover-link > strong { grid-column: 1; font-size: var(--text-lg); }
  .deals-discover-link > span:last-child { grid-column: 2; grid-row: 2; }
}
.motion-control { position: fixed; right: var(--space-5); bottom: var(--space-5); z-index: 25; display: flex; align-items: center; gap: var(--space-2); min-height: var(--touch-target); padding: var(--space-3) var(--space-4); border-radius: var(--radius-pill); border: var(--border-width) solid var(--color-showcase-silver); background: var(--color-showcase-glass); color: var(--color-showcase-chalk); font-size: var(--text-xs); backdrop-filter: blur(var(--showcase-blur)); }
.value-float { position: relative; }
.deals-page [data-deal-shimmer] { background: var(--color-showcase-shimmer); background-size: 220% 100%; background-position: 0% 50%; background-clip: text; -webkit-background-clip: text; color: transparent; }
@media (max-width:700px) {
  .motion-control { right: var(--space-3); bottom: var(--space-3); }
}

.handbook-hero { background: var(--color-handbook-paper); color: var(--color-handbook-ink); overflow: hidden; }
.handbook-masthead { display: flex; justify-content: space-between; align-items: center; gap: var(--space-6); padding-block: var(--space-8); border-bottom: var(--border-width) solid var(--color-handbook-ink); }
.handbook-masthead .showcase-kicker { color: var(--color-handbook-accent); }
.handbook-masthead > span { font: var(--text-xs) var(--font-motion-mono); }
.handbook-opening { display: grid; grid-template-columns: 1.05fr 1fr; gap: var(--space-12); align-items: center; padding-block: var(--space-12) var(--space-16); }
.handbook-title { position: relative; padding-block: var(--space-5); }
.handbook-title h1 { font: var(--weight-medium) var(--heading-handbook)/var(--leading-showcase) var(--font-showcase); letter-spacing: var(--tracking-showcase); position: relative; z-index: 1; }
.handbook-title h1 em { font-family: var(--font-editorial); font-weight: var(--weight-regular); color: var(--color-handbook-accent); }
.handbook-tagline { font-size: var(--title-lg); margin-top: var(--space-10); letter-spacing: var(--tracking-tight); }
.handbook-intro { font-size: var(--text-base); line-height: var(--leading-copy); margin-block: var(--space-5) var(--space-8); }
.handbook-browse { display: inline-flex; align-items: center; gap: var(--space-8); font-size: var(--text-sm); font-weight: var(--weight-medium); border-bottom: var(--border-width) solid currentColor; padding-block: var(--space-3); min-height: var(--touch-target); }
.handbook-browse > span { font-size: var(--title-sm); }
.handbook-cover { position: relative; transform: rotate(3deg); background: var(--color-handbook-ink); padding: var(--space-3); box-shadow: var(--shadow-showcase); }
.handbook-footer { display: flex; justify-content: space-between; gap: var(--space-5); border-top: var(--border-width) solid var(--color-handbook-ink); padding-block: var(--space-6); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-kicker); }
.handbook-feature { display: grid; grid-template-columns: 1fr 2fr; gap: var(--space-16); align-items: start; padding-block: var(--showcase-space); border-bottom: var(--border-width) solid var(--color-border); }
.handbook-feature-index { font: var(--weight-regular) var(--heading-ordinal)/var(--leading-showcase) var(--font-editorial); font-style: italic; color: var(--color-link); }
.handbook-feature-index > span { display: block; margin-top: var(--space-6); font: var(--text-sm)/var(--leading-copy) var(--font-body); color: var(--color-showcase-muted); }
.handbook-feature h2 { font-size: var(--heading-showcase-section); line-height: var(--leading-heading); margin-block: var(--space-5); }
.handbook-feature p[data-read] { font-size: var(--title-sm); max-width: 42ch; margin-block: var(--space-6); }
.handbook-chapters { padding-block: var(--showcase-space); }
.handbook-chapter-heading { display: flex; justify-content: space-between; gap: var(--space-8); align-items: end; margin-bottom: var(--space-16); }
.handbook-chapter-heading h2 { font-size: var(--heading-showcase-section); line-height: var(--leading-heading); margin-top: var(--space-5); }
.handbook-chapter-heading h2 em,.handbook-outro h2 em { font-family: var(--font-editorial); font-weight: var(--weight-regular); }
.handbook-chapter-heading > p { font-size: var(--text-sm); color: var(--color-showcase-muted); }
.handbook-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: var(--space-16) var(--space-10); }
.handbook-card { grid-column: span 5; min-width: 0; }
.handbook-card:nth-child(4n+1),.handbook-card:nth-child(4n+4) { grid-column: span 7; }
.handbook-card:nth-child(even) { padding-top: var(--space-16); }
.handbook-card-photo { position: relative; height: var(--image-handbook-card-height); overflow: hidden; }
.handbook-card-photo figure,.handbook-card-photo img { height: 100%; }
.handbook-card-number { position: absolute; left: var(--space-5); top: var(--space-5); padding: var(--space-2) var(--space-3); background: var(--color-handbook-paper); color: var(--color-handbook-ink); font: var(--text-sm) var(--font-motion-mono); }
.handbook-card-arrow { position: absolute; right: var(--space-5); top: var(--space-5); border-radius: 50%; width: var(--touch-target); height: var(--touch-target); display: grid; place-items: center; font-size: var(--title-sm); }
.handbook-card-copy { padding-block: var(--space-6); }
.handbook-card-prompt { font: var(--weight-medium) var(--title-xl)/var(--leading-heading) var(--font-showcase); letter-spacing: var(--tracking-showcase); margin-block: var(--space-4) var(--space-6); color: var(--color-showcase-ink); }
.showcase-page .handbook-card h3 { font: var(--weight-semibold) var(--text-base)/var(--leading-copy) var(--font-body); letter-spacing: var(--tracking-tight); }
.handbook-card h3 + p { margin-top: var(--space-2); font-size: var(--text-sm); color: var(--color-showcase-muted); max-width: 48ch; }
.handbook-read { display: flex; justify-content: space-between; border-top: var(--border-width) solid var(--color-border); padding-top: var(--space-4); margin-top: var(--space-6); font-size: var(--text-sm); }
.handbook-card a:hover .handbook-read { color: var(--color-link); }
.handbook-outro { background: var(--color-handbook-accent); color: var(--color-showcase-chalk); padding-block: var(--showcase-space); text-align: center; overflow: hidden; }
.handbook-outro .showcase-kicker,.showcase-page .handbook-outro h2 { color: var(--color-showcase-chalk); }
.handbook-outro h2 { font-size: var(--heading-showcase); line-height: var(--leading-heading); margin-block: var(--space-6); }
.handbook-outro p:not(.showcase-kicker) { font-size: var(--text-base); margin-bottom: var(--space-8); }
.handbook-asterisk { display: inline-block; font-size: var(--heading-ordinal); line-height: var(--leading-showcase); margin-bottom: var(--space-8); color: var(--color-secondary); }
@media (max-width:1000px) {
  .handbook-opening { gap: var(--space-8); }
  .handbook-feature { gap: var(--space-8); }
  .handbook-card-prompt { font-size: var(--title-lg); }
}
@media (max-width:700px) {
  .handbook-masthead { align-items: start; padding-block: var(--space-6); }
  .handbook-masthead .showcase-kicker { max-width: 19ch; }
  .handbook-masthead > span { max-width: 20ch; text-align: right; }
  .handbook-opening { grid-template-columns: 1fr; gap: var(--space-10); padding-block: var(--space-8) var(--space-12); }
  .handbook-title h1 { font-size: var(--heading-handbook-mobile); }
  .handbook-tagline { font-size: var(--title-md); margin-top: var(--space-8); }
  .handbook-cover { margin-inline: var(--space-3); }
  .handbook-footer { font-size: var(--text-xs); letter-spacing: normal; gap: var(--space-2); }
  .handbook-feature { grid-template-columns: 1fr; gap: var(--space-6); }
  .handbook-feature-index { display: flex; align-items: center; gap: var(--space-5); }
  .handbook-feature-index > span { margin-top: 0; }
  .handbook-feature p[data-read] { font-size: var(--text-lg); }
  .handbook-chapter-heading { display: block; margin-bottom: var(--space-10); }
  .handbook-chapter-heading > p { margin-top: var(--space-6); }
  .handbook-grid { grid-template-columns: 1fr; gap: var(--space-10); }
  .handbook-card,.handbook-card:nth-child(4n+1),.handbook-card:nth-child(4n+4) { grid-column: auto; }
  .handbook-card:nth-child(even) { padding-top: 0; }
  .handbook-card-photo { height: var(--image-handbook-card-mobile-height); }
}

.comparison-studio { position: relative; isolation: isolate; background: var(--color-showcase-night); color: var(--color-showcase-chalk); padding-top: var(--space-12); overflow: hidden; text-align: center; }
.comparison-studio-grid { position: absolute; inset: 0; z-index: -1; background-image: var(--color-catalogue-grid); background-size: 100px 100px; opacity: .35; transform: perspective(600px) rotateX(55deg) scale(1.5); transform-origin: center bottom; }
.comparison-studio .showcase-kicker { color: var(--color-showcase-silver); }
.comparison-studio h1 { font: var(--weight-medium) var(--heading-catalogue)/var(--leading-showcase) var(--font-showcase); color: var(--color-showcase-chalk); letter-spacing: var(--tracking-showcase); margin-block: var(--space-6); }
.comparison-studio h1 em { font-family: var(--font-editorial); font-weight: var(--weight-regular); color: var(--color-secondary); }
.comparison-studio-intro { color: var(--color-showcase-silver); font-size: var(--text-base); }
.comparison-podiums { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-8); max-width: 920px; margin: var(--space-12) auto var(--space-8); perspective: 1200px; }
.comparison-podium { position: relative; min-width: 0; border: var(--border-width) solid var(--color-inverse-control-border); background: var(--color-photo-surface); color: var(--color-photo-text); overflow: hidden; border-radius: var(--radius-lg); }
.podium-number { position: absolute; left: var(--space-4); top: var(--space-4); z-index: 1; font: var(--text-xs) var(--font-motion-mono); }
.podium-photo { height: 185px; padding: var(--space-5) var(--space-8); }
.podium-photo img { height: 100%; object-fit: var(--image-fit-product); }
.podium-label { display: flex; justify-content: space-between; align-items: center; gap: var(--space-2); border-top: var(--border-width) solid var(--color-border); padding: var(--space-4); font-size: var(--text-sm); text-align: left; }
.podium-label > span { font-size: var(--title-sm); }
.comparison-studio-bottom { display: flex; justify-content: space-between; gap: var(--space-6); align-items: center; padding-block: var(--space-6); border-top: var(--border-width) solid var(--color-inverse-border); text-align: left; font-size: var(--text-xs); color: var(--color-showcase-silver); }
.product-library { padding-block: var(--showcase-space); }
.library-heading { display: flex; justify-content: space-between; align-items: end; gap: var(--space-8); margin-bottom: var(--space-10); }
.library-heading h2 { font-size: var(--heading-showcase-section); line-height: var(--leading-heading); margin-top: var(--space-4); max-width: 20ch; }
.library-heading > p { flex: 0 0 auto; color: var(--color-showcase-muted); font-size: var(--text-sm); }
.library-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: var(--space-8); align-items: start; }
.library-layout:not(:has(.library-sidebar:not([hidden]))) { grid-template-columns: 1fr; }
.library-sidebar { position: sticky; top: calc(var(--nav-height) + var(--space-6)); padding-top: var(--space-2); }
.library-sidebar > .showcase-kicker { margin-bottom: var(--space-5); }
.collection-menu { display: grid; gap: var(--space-1); }
.collection-menu button { display: grid; grid-template-columns: 24px 1fr auto; gap: var(--space-2); align-items: center; text-align: left; min-height: 50px; padding: var(--space-3); color: var(--color-showcase-muted); background: transparent; border: var(--border-width) solid transparent; border-radius: var(--radius-md); font-size: var(--text-sm); }
.collection-menu button[aria-pressed="true"] { background: var(--color-showcase-ink); color: var(--color-showcase-paper); }
.collection-menu button:hover { border-color: var(--color-border); }
.collection-menu button > span:last-child { font-family: var(--font-motion-mono); font-size: var(--text-xs); }
.collection-mark { font-size: var(--text-lg); }
.library-note { margin-top: var(--space-8); padding: var(--space-5); border-top: var(--border-width) solid var(--color-border); font-size: var(--text-sm); }
.library-note > span { font-size: var(--title-xl); }
.library-note p { margin-block: var(--space-3); }
.library-note a { color: var(--color-link); text-decoration: underline; text-underline-offset: var(--space-1); }
.library-main { min-width: 0; }
.catalogue-toolbar { padding: var(--space-6); border: var(--border-width) solid var(--color-border); background: var(--color-surface); border-radius: var(--showcase-radius); }
.catalogue-toolbar label { display: flex; flex-direction: column; gap: var(--space-2); font-size: var(--text-xs); color: var(--color-showcase-muted); min-width: 0; }
.catalogue-search > div { display: flex; align-items: center; border-bottom: var(--border-width) solid var(--color-border); gap: var(--space-3); padding-block: var(--space-2); }
.catalogue-search > div > span { font-size: var(--title-xl); color: var(--color-showcase-ink); }
.catalogue-search input { width: 100%; min-width: 0; min-height: var(--touch-target); border: 0; border-radius: 0; background: transparent; color: var(--color-showcase-ink); font-size: var(--text-base); padding: var(--space-2); }
.catalogue-selects { display: grid; grid-template-columns: 1fr 1.2fr 1fr; gap: var(--space-4); margin-top: var(--space-5); }
.catalogue-toolbar select { width: 100%; min-width: 0; min-height: var(--touch-target); border: var(--border-width) solid var(--color-border); border-radius: var(--radius-sm); color: var(--color-showcase-ink); background: var(--color-surface); font-size: var(--text-sm); padding: var(--space-2); }
.catalogue-toolbar .mobile-collection { display: none; }
.catalogue-result-bar { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); min-height: 70px; font-size: var(--text-xs); color: var(--color-showcase-muted); }
.catalogue-reset { background: transparent; border: 0; color: var(--color-link); min-height: var(--touch-target); font-size: var(--text-sm); }
.catalogue-reset > span { margin-left: var(--space-3); }
.catalogue-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-6); }
.catalogue-card { min-width: 0; border: var(--border-width) solid var(--color-border); background: var(--color-surface); border-radius: var(--showcase-radius); overflow: hidden; }
.catalogue-card > a { display: flex; flex-direction: column; height: 100%; }
.catalogue-card-art { background: var(--color-photo-surface); position: relative; padding: var(--space-8) var(--space-4) var(--space-4); }
.catalogue-card .product-strip { border: 0; background: transparent; padding: 0; gap: var(--space-3); }
.catalogue-card .product-strip img { height: var(--image-product-strip-height); padding: var(--space-2); }
.catalogue-card .product-strip span { font-size: var(--text-xs); color: var(--color-photo-text); }
.catalogue-format { position: absolute; font: var(--text-xs) var(--font-motion-mono); color: var(--color-photo-text); }
.catalogue-card-copy { padding: var(--space-6); flex: 1; display: flex; flex-direction: column; }
.showcase-page .catalogue-card h3 { font-size: var(--title-sm); line-height: var(--leading-heading); letter-spacing: var(--tracking-subheading); margin-block: var(--space-3); }
.catalogue-card-copy > p:not(.showcase-kicker) { color: var(--color-showcase-muted); font-size: var(--text-sm); margin-bottom: var(--space-6); }
.catalogue-card-bottom { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); border-top: var(--border-width) solid var(--color-border); padding-top: var(--space-4); font-size: var(--text-xs); }
.catalogue-arrow { font-size: var(--title-sm); }
.catalogue-card a:hover h3 { color: var(--color-link); }
.catalogue-more-wrap { text-align: center; margin-top: var(--space-10); }
.catalogue-more { min-height: 52px; padding: var(--space-3) var(--space-8); border: var(--border-width) solid var(--color-showcase-ink); border-radius: var(--radius-pill); color: var(--color-showcase-ink); background: transparent; font-size: var(--text-sm); }
.catalogue-more:hover { background: var(--color-band); }
.catalogue-empty { text-align: center; padding: var(--space-16) var(--space-6); border: var(--border-width) solid var(--color-border); border-radius: var(--showcase-radius); }
.catalogue-empty > span { font-size: var(--heading-ordinal); }
.catalogue-empty h3 { font-size: var(--title-lg); }
.catalogue-empty p { color: var(--color-showcase-muted); margin-block: var(--space-4) var(--space-6); }
.compare-closing { background: var(--color-band); padding-block: var(--showcase-space); text-align: center; }
.compare-closing h2 { font-size: var(--heading-showcase-section); line-height: var(--leading-heading); margin-block: var(--space-6) var(--space-8); }
.compare-closing h2 em { font-family: var(--font-editorial); font-weight: var(--weight-regular); }
.compare-context-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-6); text-align: left; margin-block: var(--space-10); }
.compare-context-grid > a { background: var(--color-surface); border-radius: var(--radius-lg); overflow: hidden; }
.compare-context-grid img { height: var(--image-product-strip-height); }
.compare-context-grid > a > div { padding: var(--space-5); }
.showcase-page .compare-context-grid h3 { font-size: var(--title-sm); line-height: var(--leading-heading); margin-block: var(--space-3); }
.compare-context-grid > a > div > span { font-size: var(--title-sm); }
@media (max-width:1000px) {
  .catalogue-grid { grid-template-columns: 1fr; }
  .library-layout { grid-template-columns: 200px minmax(0,1fr); gap: var(--space-5); }
  .catalogue-selects { grid-template-columns: 1fr 1fr; }
  .catalogue-selects label:first-child { grid-column: 1 / -1; }
  .catalogue-card-copy { padding: var(--space-5); }
  .showcase-page .catalogue-card h3 { font-size: var(--text-lg); }
  .catalogue-card .product-strip img { height: var(--image-comparison-preview-height); }
  .comparison-podiums { gap: var(--space-5); }
}
@media (max-width:700px) {
  .comparison-studio { padding-top: var(--space-10); }
  .comparison-studio h1 { font-size: var(--heading-catalogue-mobile); }
  .comparison-studio-intro { font-size: var(--text-sm); }
  .comparison-podiums { gap: var(--space-2); margin-top: var(--space-8); }
  .podium-photo { height: 120px; padding: var(--space-6) var(--space-2) var(--space-2); }
  .podium-number { left: var(--space-2); top: var(--space-2); }
  .podium-label { font-size: var(--text-xs); padding: var(--space-2); display: block; }
  .podium-label > span { display: block; font-size: var(--text-base); }
  .comparison-studio-bottom { display: block; }
  .comparison-studio-bottom > a { margin-top: var(--space-4); }
  .library-heading { display: block; }
  .library-heading h2 { font-size: var(--title-xl); }
  .library-heading > p { margin-top: var(--space-5); }
  .library-layout { grid-template-columns: 1fr; }
  .library-sidebar { display: none; }
  .catalogue-toolbar { padding: var(--space-5); }
  .catalogue-toolbar .mobile-collection { display: flex; margin-top: var(--space-5); }
  .catalogue-selects { grid-template-columns: 1fr 1fr; }
  .catalogue-search input { font-size: var(--text-base); }
  .catalogue-grid { grid-template-columns: 1fr; }
  .catalogue-card .product-strip img { height: var(--image-product-strip-height); }
  .showcase-page .catalogue-card h3 { font-size: var(--title-sm); }
  .compare-context-grid { grid-template-columns: 1fr; }
}

footer { border-top: var(--border-width) solid var(--color-inverse-border); background: var(--color-nav); color: var(--color-inverse-heading); margin-top: calc(var(--space-unit) * 2.5); }
.footer-grid { padding-block: var(--space-10); display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: calc(var(--space-unit) * 7); }
.footer-grid>div { min-width: 0; display: flex; flex-direction: column; align-items: start; gap: var(--space-2); }
.footer-grid .eyebrow { color: var(--color-inverse-muted); margin-bottom: calc(var(--space-unit) * 1.25); }
.footer-grid>div>a:not(.brand) { font-size: calc(var(--text-base) * 0.8125); min-height: 30px; }
.footer-grid a:hover { color: var(--color-secondary); }
.footer-grid p { font-size: var(--text-sm); line-height: var(--leading-copy); color: var(--color-inverse-text); margin-top: var(--space-3); }
.footer-bottom { border-top: var(--border-width) solid var(--color-inverse-border); padding-block: calc(var(--space-unit) * 4.25); font-size: calc(var(--text-base) * 0.6875); color: var(--color-inverse-muted); display: flex; justify-content: space-between; gap: var(--space-5); }
@media (max-width:700px) {
  .footer-grid { grid-template-columns: 1fr 1fr; padding-block: calc(var(--space-unit) * 7.5); }
  .footer-bottom { display: block; line-height: var(--leading-reading); }
  .footer-bottom>span { display: block; }
}

.info-shell { max-width: var(--information-width); padding-block: calc(var(--space-unit) * 14) calc(var(--space-unit) * 18); }
.ui-icon { display: inline-block; width: var(--icon-size); height: var(--icon-size); flex-shrink: 0; vertical-align: middle; }
.info-lead { color: var(--color-muted); font-size: var(--text-lg); line-height: var(--leading-lead); max-width: 43ch; }
.information-page h1 { font-family: var(--font-body); font-size: var(--heading-information); font-weight: var(--weight-heading); letter-spacing: var(--tracking-display); line-height: var(--leading-display); margin-block: calc(var(--space-unit) * 3.5) var(--space-5); }
.information-page h2 { font-family: var(--font-body); font-size: calc(var(--text-base) * 1.625); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-subheading); line-height: var(--leading-subheading); }
.information-page h3 { font-family: var(--font-body); font-size: var(--text-lg); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-tight); line-height: var(--leading-small-heading); }
.info-divider { border-top: var(--border-width) solid var(--color-border); padding-top: var(--space-10); margin-top: calc(var(--space-unit) * 11); }
.brand-signature { display: flex; align-items: center; gap: calc(var(--space-unit) * 2.75); font-size: calc(var(--text-base) * 0.8125); font-weight: var(--weight-heading); letter-spacing: var(--tracking-tight); }
.brand-signature img { width: var(--image-brand-signature-size); height: var(--image-brand-signature-size); object-fit: var(--image-fit-product); border-radius: var(--radius-md); padding: var(--space-1); background: var(--color-nav); }
.about-opening { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: calc(var(--space-unit) * 18); }
.brand-note { padding: calc(var(--space-unit) * 9); border-radius: calc(var(--radius-unit) * 11); background: linear-gradient(130deg, var(--color-surface), var(--color-band)); border: var(--border-width) solid var(--color-border); }
.brand-note .brand-signature img { width: var(--image-brand-panel-size); height: var(--image-brand-panel-size); }
.brand-note > p { font-size: var(--title-md); font-weight: var(--weight-emphasis); letter-spacing: var(--tracking-statement); line-height: var(--leading-control); margin-block: calc(var(--space-unit) * 7.5); color: var(--color-heading); }
.brand-note > span { font-size: var(--text-xs); color: var(--color-muted); }
.about-story { display: grid; grid-template-columns: .85fr 1.5fr; gap: var(--space-16); }
.about-story h2 { margin-top: var(--space-3); }
.info-copy p + p { margin-top: calc(var(--space-unit) * 4.5); }
.creator-signoff { padding-top: var(--space-2); color: var(--color-heading); }
.creator-signoff span { display: block; color: var(--color-muted); font-size: var(--text-xs); margin-top: calc(var(--space-unit) * 1.25); }
.about-principles > h2 { margin-top: var(--space-2); }
.principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--space-unit) * 9); margin-top: calc(var(--space-unit) * 7.5); }
.principle-grid article { display: flex; flex-direction: column; align-items: flex-start; }
.principle-grid article > .ui-icon { width: 24px; height: 24px; color: var(--color-link); margin-bottom: var(--space-4); }
.principle-grid h3 { margin-bottom: calc(var(--space-unit) * 2.5); }
.principle-grid p { font-size: var(--text-sm); color: var(--color-muted); margin-bottom: var(--space-5); }
.info-link { display: inline-flex; align-items: center; gap: var(--space-3); min-height: var(--touch-target); font-size: calc(var(--text-base) * 0.8125); font-weight: var(--weight-heading); margin-top: auto; }
.info-link .ui-icon, .contact-email > .ui-icon:last-child { transition: transform var(--motion-fast) var(--motion-ease); }
.info-link:hover, .contact-email:hover { color: var(--color-link); }
.info-link:hover .ui-icon, .contact-email:hover > .ui-icon:last-child { transform: translateX(var(--motion-link-offset)); }
.editorial-note { display: grid; grid-template-columns: 24px 1fr; gap: calc(var(--space-unit) * 4.5); margin-top: calc(var(--space-unit) * 11); padding: calc(var(--space-unit) * 7) var(--space-8); background: var(--color-surface); border: var(--border-width) solid var(--color-border); border-radius: calc(var(--radius-unit) * 9); }
.editorial-note > div:first-child { color: var(--color-link); padding-top: var(--space-1); }
.editorial-note h2 { font-size: calc(var(--text-base) * 1.3125); margin-bottom: var(--space-3); }
.editorial-note p { font-size: var(--text-sm); color: var(--color-muted); max-width: 80ch; margin-bottom: var(--space-3); }
.contact-shell { display: grid; grid-template-columns: 1fr 1.05fr; gap: calc(var(--space-unit) * 18); align-items: center; padding-block: calc(var(--space-unit) * 17.5) calc(var(--space-unit) * 22.5); }
.contact-intro > .brand-signature { margin-bottom: calc(var(--space-unit) * 10.5); }
.contact-email { display: inline-flex; gap: var(--space-3); align-items: center; min-height: 48px; margin-top: var(--space-6); font-size: var(--text-sm); font-weight: var(--weight-emphasis); word-break: break-word; }
.contact-reasons { display: grid; gap: var(--space-4); margin-top: calc(var(--space-unit) * 7); font-size: calc(var(--text-base) * 0.8125); color: var(--color-muted); }
.contact-reasons > div { display: flex; align-items: center; gap: var(--space-3); }
.contact-reasons .ui-icon { width: 17px; height: 17px; }
.contact-card { background: var(--color-surface); border: var(--border-width) solid var(--color-border); border-radius: calc(var(--radius-unit) * 11); padding: calc(var(--space-unit) * 7.5); box-shadow: var(--shadow-card); min-width: 0; }
.contact-card-heading { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); }
.contact-card-heading h2 { font-size: var(--title-sm); }
.contact-card-heading > .ui-icon { color: var(--color-muted); }
.contact-card-subtitle { font-size: calc(var(--text-base) * 0.8125); color: var(--color-muted); margin-block: calc(var(--space-unit) * 2.25) var(--space-6); }
.contact-fields { display: grid; grid-template-columns: 1fr 1.3fr; gap: calc(var(--space-unit) * 3.5); }
.contact-field { margin-bottom: calc(var(--space-unit) * 4.5); min-width: 0; }
.contact-field label { display: block; font-size: var(--text-xs); font-weight: var(--weight-semibold); margin-bottom: calc(var(--space-unit) * 1.75); }
.contact-field label span { color: var(--color-muted); font-weight: var(--weight-regular); }
.input-icon { position: relative; }
.input-icon > .ui-icon { position: absolute; top: 15px; left: 12px; width: 16px; height: 16px; color: var(--color-muted); pointer-events: none; }
.contact-field input, .contact-field textarea { display: block; width: 100%; min-height: 46px; border-radius: var(--radius-md); background: var(--color-background); border: var(--border-width) solid var(--color-border); color: var(--color-text); font: var(--text-sm)/var(--leading-compact) var(--font-body); padding: var(--space-3); transition: border-color var(--motion-fast), background-color var(--motion-fast); }
.contact-field input { padding-left: calc(var(--space-unit) * 9); }
.contact-field textarea { min-height: 135px; resize: vertical; max-height: 380px; }
.contact-field input::placeholder, .contact-field textarea::placeholder { color: var(--color-muted); opacity: 1; }
.contact-field input:focus, .contact-field textarea:focus { border-color: var(--color-link); background: var(--color-surface); }
.contact-field textarea:focus-visible { outline: var(--focus-width) solid var(--color-secondary); outline-offset: 4px; }
.contact-field [aria-invalid="true"] { border-color: var(--color-error); }
.contact-privacy { font-size: calc(var(--text-base) * 0.6875); line-height: var(--leading-copy); color: var(--color-muted); }
.contact-privacy a, .privacy-copy a:not(.info-link) { text-decoration: underline; text-underline-offset: 3px; }
.contact-privacy a:hover, .privacy-copy a:hover { color: var(--color-link); }
.contact-submit { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); margin-top: calc(var(--space-unit) * 5.5); }
.contact-security { display: inline-flex; align-items: center; gap: calc(var(--space-unit) * 1.75); color: var(--color-muted); font-size: calc(var(--text-base) * 0.625); }
.contact-security .ui-icon { width: 15px; height: 15px; }
.contact-send { flex-shrink: 0; border-radius: var(--radius-md); padding-inline: calc(var(--space-unit) * 3.25); }
.contact-send .ui-icon { width: 17px; height: 17px; margin-left: var(--space-1); }
.contact-send:disabled { opacity: .6; cursor: wait; }
.contact-status { font-size: var(--text-xs); line-height: var(--leading-copy); margin-top: calc(var(--space-unit) * 3.5); }
.contact-status:empty { margin: 0; }
.contact-status[data-state="error"] { color: var(--color-text); padding-left: var(--space-3); border-left: 2px solid var(--color-error); }
.contact-status[data-state="success"] { padding-left: var(--space-3); border-left: 2px solid var(--color-success); }
.contact-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.privacy-shell { max-width: var(--privacy-width); }
.privacy-opening > .brand-signature { margin-bottom: calc(var(--space-unit) * 7.5); }
.privacy-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); border-block: var(--border-width) solid var(--color-border); padding-block: calc(var(--space-unit) * 5.75); margin-block: var(--space-8) calc(var(--space-unit) * 10.5); }
.privacy-facts > div { display: flex; gap: calc(var(--space-unit) * 2.5); align-items: center; font-size: var(--text-xs); }
.privacy-facts .ui-icon { color: var(--color-link); width: 18px; height: 18px; }
.privacy-layout { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: calc(var(--space-unit) * 15); align-items: start; }
.privacy-nav { position: sticky; top: 104px; display: grid; gap: calc(var(--space-unit) * 1.25); font-size: var(--text-xs); }
.privacy-nav > span { margin-bottom: calc(var(--space-unit) * 2.5); }
.privacy-nav a { padding-block: var(--space-2); color: var(--color-muted); }
.privacy-nav a:hover { color: var(--color-link); }
.privacy-copy section { scroll-margin-top: calc(var(--space-unit) * 25); margin-bottom: calc(var(--space-unit) * 8.5); }
.privacy-copy section + section { border-top: var(--border-width) solid var(--color-border); padding-top: var(--space-8); }
.privacy-copy h2 { font-size: var(--title-sm); margin-bottom: var(--space-4); }
.privacy-copy h3 { margin-block: var(--space-6) var(--space-3); }
.privacy-copy p { font-size: var(--text-sm); line-height: var(--leading-reading); margin-bottom: calc(var(--space-unit) * 3.5); }
.privacy-copy code { font-size: var(--text-code); overflow-wrap: anywhere; }
@media (prefers-reduced-motion:no-preference) {
  .info-enter { animation: enter var(--motion-enter) var(--motion-ease) both; }
}
@media (max-width:1000px) {
  .about-opening, .about-story, .contact-shell { gap: calc(var(--space-unit) * 9); }
  .contact-card { padding: var(--space-6); }
  .contact-fields { grid-template-columns: 1fr; gap: 0; }
  .contact-security span { display: none; }
  .privacy-layout { gap: var(--space-8); grid-template-columns: 160px minmax(0,1fr); }
}
@media (max-width:700px) {
  .info-shell { padding-block: var(--space-8) calc(var(--space-unit) * 11); }
  .information-page h1 { font-size: var(--title-lg); }
  .info-lead { font-size: var(--text-base); }
  .about-opening, .about-story, .contact-shell { grid-template-columns: 1fr; gap: calc(var(--space-unit) * 7); }
  .brand-note { padding: var(--space-6); }
  .brand-note > p { font-size: var(--title-sm); margin-block: calc(var(--space-unit) * 5.5); }
  .info-divider { margin-top: var(--space-8); padding-top: calc(var(--space-unit) * 7); }
  .about-story h2 br { display: none; }
  .info-copy { font-size: calc(var(--text-base) * 0.9375); }
  .principle-grid { grid-template-columns: 1fr; gap: calc(var(--space-unit) * 6.5); }
  .principle-grid article { padding-bottom: var(--space-5); border-bottom: var(--border-width) solid var(--color-border); }
  .principle-grid article:last-child { border-bottom: 0; padding-bottom: 0; }
  .principle-grid p { margin-bottom: calc(var(--space-unit) * 1.5); }
  .editorial-note { padding: calc(var(--space-unit) * 5.5) var(--space-5); gap: var(--space-3); margin-top: calc(var(--space-unit) * 7.5); }
  .editorial-note h2 { font-size: calc(var(--text-base) * 1.25); }
  .contact-intro > .brand-signature { margin-bottom: var(--space-6); }
  .contact-reasons { gap: var(--space-3); margin-top: var(--space-5); }
  .contact-card { padding: var(--space-6) var(--space-5); border-radius: calc(var(--radius-unit) * 9); }
  .privacy-facts { grid-template-columns: 1fr; gap: calc(var(--space-unit) * 4.25); margin-bottom: calc(var(--space-unit) * 7); }
  .privacy-layout { grid-template-columns: 1fr; gap: var(--space-6); }
  .privacy-nav { position: static; grid-template-columns: 1fr 1fr; gap: 0 var(--space-4); border-bottom: var(--border-width) solid var(--color-border); padding-bottom: var(--space-5); }
  .privacy-nav > span { grid-column: 1/-1; }
}

:is(.contact-card,.story-card,.compare-card,.guide-card,.product-card,.deal-card,.catalogue-card,.edition-card,.home-lead,.home-guide,.discovery-card,.folio-product,.compare-context-grid > a) { position: relative; border: var(--border-width) solid var(--color-card-edge); border-radius: var(--radius-card); background: var(--color-surface); box-shadow: var(--shadow-card-rest); overflow: hidden; transition: box-shadow var(--motion-standard), border-color var(--motion-standard); }
:is(.contact-card,.story-card,.compare-card,.guide-card,.product-card,.deal-card,.catalogue-card,.edition-card,.home-lead,.home-guide,.discovery-card,.folio-product,.compare-context-grid > a):focus-within { border-color: var(--color-primary); box-shadow: var(--shadow-card-active); }
:is(.compare-card,.product-card,.deal-card,.catalogue-card,.folio-product) { padding: var(--space-3); }
.compare-card > a > .product-strip,.catalogue-card-art { border-radius: var(--radius-card-inner); background: var(--color-product-tray); border: var(--border-width) solid var(--color-product-edge); }
.product-strip > div { position: relative; }
.product-strip > div + div::before { content: ''; position: absolute; left: calc(var(--space-2) * -1); top: 18%; bottom: 18%; border-left: var(--border-width) solid var(--color-product-edge); }
.product-strip img { mix-blend-mode: multiply; }
.product-strip span { padding-inline: var(--space-2); }
.catalogue-card-art { padding-top: var(--space-10); }
.catalogue-format { top: var(--space-3); left: var(--space-3); padding: var(--space-1) var(--space-3); border-radius: var(--radius-pill); border: var(--border-width) solid var(--color-product-edge); background: var(--color-photo-surface); }
.catalogue-card-copy,.card-copy { padding: var(--space-6) var(--space-4) var(--space-4); }
.catalogue-card-bottom { border-top-style: dashed; }
.catalogue-arrow,.card-open,.handbook-card-arrow,.edition-card-image > span { display: grid; place-items: center; width: var(--touch-target); height: var(--touch-target); border-radius: var(--radius-pill); background: var(--color-card-button); color: var(--color-heading); border: var(--border-width) solid var(--color-card-edge); transition: background var(--motion-standard), color var(--motion-standard), rotate var(--motion-standard); }
.product-card > img,.deal-card > img,.folio-product .spotlight-cover img { border-radius: var(--radius-card-inner); border: var(--border-width) solid var(--color-product-edge); background: var(--color-photo-surface); padding: var(--space-6); }
.product-card > div { padding: var(--space-6) var(--space-3) var(--space-3); }
.product-card .eyebrow { padding-bottom: var(--space-3); border-bottom: var(--border-width) solid var(--color-border); width: 100%; }
.product-card .btn,.deal-card .btn { border-radius: var(--radius-pill); }
.product-card .product-credit { padding-top: var(--space-3); }
.folio-product .spotlight-cover figcaption { padding-inline: var(--space-3); }
.folio-product-copy { padding: var(--space-6) var(--space-4) var(--space-4); }
.folio-single .folio-product-copy { padding: var(--space-5); }
.folio-facts { border-top: var(--border-width) dashed var(--color-border); padding-top: var(--space-4); }
.spotlight-opening .spotlight-cover { padding: var(--space-3); border: var(--border-width) solid var(--color-card-edge); border-radius: var(--radius-card); background: var(--color-surface); box-shadow: var(--shadow-card-rest); }
.spotlight-opening .spotlight-cover img { border-radius: var(--radius-card-inner); }
.deal-shortlist .compare-card { border: var(--border-width) solid var(--color-card-edge); }
.deal-shortlist .card-copy { padding: var(--space-6) var(--space-4) var(--space-4); }
.deal-card > div { padding: var(--space-6) var(--space-4) var(--space-4); }
.edition-card { padding: var(--space-3); border-radius: var(--radius-card-editorial); }
.edition-card > a { height: 100%; display: flex; flex-direction: column; }
.edition-card-image { margin-bottom: 0; border-radius: var(--radius-card-inner); }
.edition-card-image > span { right: var(--space-3); bottom: var(--space-3); }
.edition-card-copy { padding: var(--space-5) var(--space-3) var(--space-3); flex: 1; display: flex; flex-direction: column; }
.edition-card-meta { padding-bottom: var(--space-3); border-bottom: var(--border-width) solid var(--color-card-edge); }
.edition-card-copy .meta { margin-top: auto; padding-top: var(--space-4); }
.edition-grid { gap: var(--space-6); align-items: stretch; }
.edition-grid[data-view="list"] .edition-card-copy { padding: var(--space-3); }
.edition-cover { padding: var(--space-3); border: var(--border-width) solid var(--color-card-edge); border-radius: var(--radius-card); background: var(--color-surface); box-shadow: var(--shadow-card-rest); gap: var(--space-8); }
.edition-cover-photo { border-radius: var(--radius-card-inner); }
.edition-cover-copy { padding: var(--space-6) var(--space-6) var(--space-6) 0; }
.edition-cover-tag { inset: auto var(--space-4) var(--space-4) auto; border-radius: var(--radius-pill); }
.story-card:not(.compact) { padding: var(--space-3); }
.story-card:not(.compact) img { border-radius: var(--radius-card-inner); }
.story-copy { padding: var(--space-5) var(--space-3) var(--space-3); }
.story-card.compact { border-left: 3px solid var(--color-news-accent); border-radius: var(--radius-card-editorial); }
.home-lead { padding: var(--space-3); }
.home-lead-image { border-radius: var(--radius-card-inner); }
.home-lead-copy { padding: var(--space-6) var(--space-4) var(--space-4); }
.home-news-stack { gap: var(--space-3); }
.home-news-stack article { border: var(--border-width) solid var(--color-card-edge); border-radius: var(--radius-card-inner); padding: var(--space-4); background: var(--color-surface); box-shadow: var(--shadow-card-rest); }
.home-news-stack article > a { border: 0; padding: 0; }
.home-news-stack img { border-radius: var(--radius-md); }
.home-portal { border-radius: var(--radius-card); box-shadow: var(--shadow-card-active); }
.home-portal-copy { border-top: var(--border-width) solid var(--color-inverse-control-border); padding-top: var(--space-5); }
.home-guide { padding: var(--space-3); }
.home-guide-photo { border-radius: var(--radius-card-inner); }
.home-guide > div:last-child { padding: var(--space-5) var(--space-3) var(--space-3); }
.home-guide-index { display: block; padding-bottom: var(--space-3); border-bottom: var(--border-width) solid var(--color-card-edge); }
.featured-compare { border: var(--border-width) solid var(--color-card-edge); border-radius: var(--radius-card); box-shadow: var(--shadow-card-rest); }
.compare-context-grid > a { padding: var(--space-3); }
.compare-context-grid img { border-radius: var(--radius-card-inner); }
.handbook-card > a { display: block; height: 100%; padding: var(--space-3); border: var(--border-width) solid var(--color-card-edge); border-radius: var(--radius-card); background: var(--color-surface); box-shadow: var(--shadow-card-rest); overflow: hidden; transition: box-shadow var(--motion-standard),border-color var(--motion-standard); }
.handbook-card-photo { border-radius: var(--radius-card-inner); }
.handbook-card-copy { padding: var(--space-6) var(--space-5) var(--space-4); border-left: 3px solid var(--color-handbook-accent); margin: var(--space-5) var(--space-2) var(--space-2); }
.handbook-card:nth-child(3n+2) .handbook-card-copy { border-left-color: var(--color-primary); }
.handbook-card-number { border-radius: var(--radius-pill); }
.handbook-card-arrow { color: var(--color-heading-fixed); background: var(--color-handbook-paper); }
.handbook-cover { border-radius: var(--radius-card); }
.discovery-card { padding: var(--space-3); }
.discovery-card-art { border-radius: var(--radius-card-inner); overflow: hidden; }
.discovery-card-art.card-product { background: var(--color-product-tray); }
.discovery-card-art.card-product img { mix-blend-mode: multiply; }
.discovery-card-copy { padding: var(--space-5) var(--space-3) var(--space-3); }
.discovery-card-copy .showcase-kicker { border-bottom: var(--border-width) solid var(--color-card-edge); padding-bottom: var(--space-3); }
.card-open { top: auto; right: var(--space-3); bottom: var(--space-3); }
.world-tile { border-radius: var(--radius-card); box-shadow: var(--shadow-card-rest); overflow: hidden; }
.next-grid { gap: var(--space-4); }
.next-card,.next-card:not(:has(img)) { display: flex; flex-direction: column; gap: var(--space-5); border: var(--border-width) solid var(--color-card-edge); border-radius: var(--radius-card-editorial); padding: var(--space-5); background: var(--color-card-reading); box-shadow: var(--shadow-card-rest); position: relative; overflow: hidden; transition: box-shadow var(--motion-standard),border-color var(--motion-standard); }
.next-card-mark { width: 100%; display: flex; justify-content: space-between; align-items: center; color: var(--color-link); font: var(--text-sm) var(--font-motion-mono); border-bottom: var(--border-width) dashed var(--color-border); padding-bottom: var(--space-4); }
.next-card-mark > span { display: grid; place-items: center; width: var(--touch-target); height: var(--touch-target); border: var(--border-width) solid var(--color-card-edge); background: var(--color-surface); border-radius: var(--radius-pill); font-size: var(--title-sm); }
.next-card[data-reading-kind="Guide"] { background: var(--color-card-guide); }
.next-card[data-reading-kind="News"] { background: var(--color-card-news); }
.next-card .eyebrow { color: var(--color-muted); }
.aside-guide { padding: var(--space-5); border: var(--border-width) solid var(--color-card-edge); border-radius: var(--radius-card-inner); background: var(--color-card-reading); box-shadow: var(--shadow-card-rest); }
.homepage :is(.home-newsroom,.home-listening,.home-guide-section,.home-value) :is(h2,h3),
.edition-masthead h1,.edition-cover h2,.edition-library-heading h2,.edition-card h3,.edition-footer-note h2,
.news-reader .article-heading h1,.news-reader .article-body h2 { color: var(--color-heading); }
.handbook-card-prompt,.card-question { color: var(--color-heading); }
.showcase-page .handbook-title h1,.showcase-page main .discovery-finale h2 { color: var(--color-heading-fixed); }
.handbook-title h1 { color: var(--color-heading-fixed); }
.homepage .featured-compare h3,.home-signoff-link { color: var(--color-heading-fixed); }
@media (hover:hover) and (pointer:fine) {
  :is(.story-card,.compare-card,.guide-card,.product-card,.deal-card,.catalogue-card,.edition-card,.home-lead,.home-guide,.discovery-card,.folio-product,.next-card,.compare-context-grid > a):hover,.handbook-card > a:hover { box-shadow: var(--shadow-card-active); border-color: var(--color-card-hover-edge); }
  :is(.catalogue-card,.edition-card,.discovery-card,.handbook-card):hover :is(.catalogue-arrow,.card-open,.handbook-card-arrow,.edition-card-image > span) { background: var(--color-band); rotate: 8deg; }
}
@media (max-width:700px) {
  .edition-cover { gap: 0; }
  .edition-cover-copy { padding: var(--space-5) var(--space-3); }
  .edition-cover-tag { font-size: var(--text-xs); padding: var(--space-2) var(--space-3); }
  .product-card > div { padding: var(--space-3); }
  .product-card > img { padding: var(--space-3); }
  .handbook-card-copy { padding: var(--space-4); margin: var(--space-4) var(--space-1) var(--space-1); }
  .next-grid { gap: var(--space-4); }
  .folio-single .folio-product-copy { padding: var(--space-4); }
  .home-news-stack article { padding: var(--space-3); }
}
@media (prefers-reduced-motion:reduce) {
  :is(.story-card,.compare-card,.guide-card,.product-card,.deal-card,.catalogue-card,.edition-card,.home-lead,.home-guide,.discovery-card,.folio-product,.next-card,.handbook-card > a,.catalogue-arrow,.card-open,.handbook-card-arrow,.edition-card-image > span) { transition: none; rotate: none; }
}
html[data-motion-state="paused"] :is(.catalogue-arrow,.card-open,.handbook-card-arrow,.edition-card-image > span) { transition: none; rotate: none; }
.card-motion-ready { position: relative; }
.card-edge-trace { position: absolute; z-index: 2; inset: auto var(--space-6) 0; height: 2px; background: var(--color-card-trace); transform-origin: 0% 50%; pointer-events: none; }
.card-pointer-light { position: absolute; left: -160px; top: -160px; width: 320px; height: 320px; opacity: 0; background: var(--color-card-light); z-index: 2; pointer-events: none; border-radius: var(--radius-pill); }
.guide-card { padding: var(--space-3); }
.guide-card img { margin: 0; border-radius: var(--radius-card-inner); }
.guide-card > a > div { padding: var(--space-5) var(--space-3) var(--space-3); }
.standard-grid > article { border: var(--border-width) solid var(--color-inverse-border); border-radius: var(--radius-card); padding: var(--space-6); background: var(--color-showcase-glass); }
.considered-empty,.empty-state { border: var(--border-width) solid var(--color-card-edge); border-radius: var(--radius-card); box-shadow: var(--shadow-card-rest); }
@media (max-width:700px) {
  .guide-card > a { padding: 0; }
  .guide-card > a > div { padding: var(--space-2) 0; }
}

.guides-index .handbook-hero { position: relative; isolation: isolate; color: var(--color-kinetic-text); }
.guides-index .handbook-masthead,.guides-index .handbook-footer { border-color: var(--color-kinetic-rule); color: var(--color-kinetic-muted); }
.guides-index .handbook-masthead .showcase-kicker { color: var(--color-kinetic-accent); }
.guides-index .handbook-opening { perspective: 1400px; }
.guides-index .handbook-title { z-index: 2; transform-style: preserve-3d; }
.guides-index.showcase-page .handbook-title h1 { color: var(--color-kinetic-text); }
.guides-index .handbook-title h1 em { -webkit-text-fill-color: currentColor; }
.guides-index .handbook-tagline { color: var(--color-kinetic-heading); }
.guides-index .handbook-intro { color: var(--color-kinetic-muted); }
.guides-index .handbook-browse { color: var(--color-kinetic-accent); }
.workshop-deck { position: relative; min-width: 0; perspective: 1200px; }
.workshop-deck-float { position: relative; z-index: 1; }
.guides-index .handbook-cover { display: block; }
.guides-index .handbook-feature { border-radius: var(--radius-card); color: var(--color-heading-fixed); }
.guides-index .handbook-feature h2 { color: var(--color-heading-fixed); }
.guides-index .handbook-feature-index > span { color: var(--color-heading-fixed); }
.guides-index .handbook-feature .showcase-kicker { color: var(--color-heading-fixed); }
.guides-index .handbook-card > a { border-color: var(--color-border); }
.guides-index .handbook-card:nth-child(3n+2) > a { background: var(--color-surface-subtle); }
.guides-index .handbook-outro { background: var(--color-kinetic-night); }
.guides-index .handbook-outro .handbook-browse { color: var(--color-kinetic-accent); }
.news-edition .edition-hero-stage { background: var(--color-news-stage); color: var(--color-kinetic-text); overflow: hidden; padding-bottom: 0; }
.edition-hero-stage .edition-imprint { color: var(--color-kinetic-muted); border-color: var(--color-kinetic-rule); }
.edition-title-stage { display: grid; grid-template-columns: 1.4fr 1fr; align-items: center; gap: var(--space-8); min-height: 365px; perspective: 1000px; }
.edition-title-drift { position: relative; z-index: 2; padding-block: var(--space-8); }
.signal-kicker { font: var(--text-xs) var(--font-motion-mono); color: var(--color-kinetic-accent); text-transform: uppercase; letter-spacing: var(--tracking-kicker); margin-bottom: var(--space-5); }
.news-edition .edition-masthead h1 { display: block; border: 0; color: var(--color-kinetic-heading); font-size: var(--heading-signal); padding: 0; overflow: visible; }
.edition-masthead h1 > span,.edition-masthead h1 > em { display: block; }
.news-edition .edition-masthead h1 em { color: var(--color-kinetic-accent); margin-left: var(--space-12); }
.edition-hero-stage .edition-deck { border-top: var(--border-width) solid var(--color-kinetic-rule); }
.edition-hero-stage .edition-deck > span { color: var(--color-kinetic-muted); }
.edition-hero-stage .edition-deck a { color: var(--color-kinetic-accent); border-color: var(--color-kinetic-rule); }
.news-edition .edition-card:nth-child(3n+2) { background: var(--color-surface-subtle); }
.news-edition .edition-tools { background: var(--color-kinetic-panel); border: var(--border-width) solid var(--color-kinetic-rule); box-shadow: var(--shadow-card-rest); }
.news-edition .edition-tools label { color: var(--color-kinetic-muted); }
.news-edition .edition-view { border-color: var(--color-kinetic-rule); }
.news-edition .edition-view button { color: var(--color-kinetic-text); }
.news-edition .edition-view button[aria-pressed="true"] { background: var(--color-kinetic-accent); color: var(--color-kinetic-night); }
.news-edition .edition-footer-note { margin-bottom: var(--space-10); padding: var(--space-8); border: 0; border-radius: var(--radius-card); background: var(--color-kinetic-panel); color: var(--color-kinetic-text); }
.news-edition .edition-footer-note h2 { color: var(--color-kinetic-text); }
.news-edition .edition-footer-note .showcase-kicker,.news-edition .edition-footer-note > span,.news-edition .edition-footer-note .read-link { color: var(--color-kinetic-accent); }
@media (max-width:1000px) {
  .guides-index .handbook-opening { gap: var(--space-6); }
  .guides-index .handbook-title { padding: var(--space-6); }
}
@media (max-width:700px) {
  .guides-index .handbook-feature { width: calc(100% - var(--space-8)); padding: var(--space-6); margin-top: var(--space-8); }
  .edition-title-stage { grid-template-columns: 1fr; gap: 0; }
  .edition-title-drift { padding-bottom: 0; }
  .news-edition .edition-masthead h1 { font-size: var(--heading-signal-mobile); }
  .news-edition .edition-footer-note { width: calc(100% - var(--space-8)); padding: var(--space-6); }
}
.guides-index .handbook-feature .showcase-link { color: var(--color-heading-fixed); }
.guides-index .handbook-cover { border: 0; padding: 0; background: none; box-shadow: none; border-radius: 0; }
.news-edition .edition-title-stage { grid-template-columns: 1fr 1fr; }
.news-press { min-width: 0; position: relative; transform: rotate(-4deg); padding-block: var(--space-4); }
.press-slug,.press-foot { display: flex; justify-content: space-between; gap: var(--space-4); color: var(--color-kinetic-muted); font: var(--text-xs) var(--font-motion-mono); padding-block: var(--space-3); }
.press-slug { border-top: 3px solid var(--color-press-accent); }
.press-window { overflow: hidden; height: 210px; clip-path: polygon(0 0,100% 0,100% 90%,0 100%); }
.press-track { display: flex; width: max-content; height: 100%; }
.press-frame { position: relative; flex: 0 0 250px; width: 250px; overflow: hidden; border-right: 6px solid var(--color-kinetic-night); }
.press-frame img { width: 100%; height: 100%; object-fit: var(--image-fit-photo); object-position: var(--image-position-press); filter: saturate(.6); }
.press-frame > span { position: absolute; bottom: var(--space-4); left: var(--space-3); color: var(--color-kinetic-text); background: var(--color-kinetic-night); padding-inline: var(--space-2); font: italic var(--title-press-frame)/var(--leading-solid) var(--font-editorial); }
.press-frame > small { position: absolute; top: var(--space-2); left: var(--space-2); color: var(--color-kinetic-night); background: var(--color-press-accent); padding: var(--space-1) var(--space-2); font: var(--text-xs) var(--font-motion-mono); }
.press-typesetter { overflow: hidden; background: var(--color-press-accent); color: var(--color-kinetic-night); margin-block: var(--space-2); transform: rotate(3deg); }
.press-typesetter > div { display: flex; width: max-content; }
.press-typesetter span { white-space: nowrap; padding-block: var(--space-2); font: var(--title-sm) var(--font-motion-mono); }
.press-window-detail { height: 115px; clip-path: polygon(0 10%,100% 0,100% 100%,0 100%); }
.press-window-detail img { object-position: var(--image-position-press-detail); transform: scale(1.4); filter: saturate(.4); }
.press-window-detail .press-frame > span { font-size: var(--title-sm); bottom: var(--space-2); }
.press-window-detail .press-frame > small { display: none; }
.news-edition .edition-masthead h1 em,.news-edition .signal-kicker { color: var(--color-press-accent); }
@media (max-width:700px) {
  .news-edition .edition-title-stage { grid-template-columns: 1fr; padding-block: var(--space-4); }
  .news-press { margin-inline: var(--space-2); }
  .press-window { height: 175px; }
  .press-window-detail { height: 90px; }
  .press-frame { flex-basis: 210px; width: 210px; }
  .press-foot,.press-slug { font-size: var(--text-xs); letter-spacing: normal; }
}
.guides-index .handbook-hero { background: var(--color-field-ground); }
.guides-index .handbook-opening { gap: var(--space-12); grid-template-columns: 1fr 1.1fr; }
.guides-index .handbook-title { background: none; border: 0; padding: 0; border-radius: 0; box-shadow: none; }
.guides-index .handbook-title h1 em { color: var(--color-field-accent); }
.guides-index.showcase-page .handbook-title h1 { font-size: var(--heading-field); }
.guides-index .handbook-cover { transform: none; margin: 0; }
.guides-index .handbook-hero .handbook-browse { background: var(--color-field-accent); color: var(--color-field-ground); padding: var(--space-4) var(--space-5); border: 0; border-radius: var(--radius-pill); }
.workspace-studio { position: relative; background: var(--color-field-panel); padding: var(--space-4); color: var(--color-field-ink); border-radius: var(--radius-card-inner); }
.studio-caption,.studio-foot { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); font: var(--text-xs) var(--font-motion-mono); }
.studio-caption { padding-bottom: var(--space-4); }
.studio-photograph { position: relative; height: 240px; overflow: hidden; border-radius: var(--radius-md); }
.studio-photograph > img { width: 100%; height: 100%; object-fit: var(--image-fit-photo); object-position: var(--image-position-field); }
.studio-focus { position: absolute; top: var(--space-5); left: var(--space-5); color: var(--color-field-ground); font: var(--text-xs)/var(--leading-copy) var(--font-motion-mono); }
.studio-focus i { display: block; width: 60px; height: 45px; border-top: 2px solid var(--color-field-ground); border-left: 2px solid var(--color-field-ground); margin-bottom: var(--space-2); }
.studio-detail { position: absolute; right: calc(var(--space-4) * -1); bottom: var(--space-16); width: 38%; background: var(--color-field-accent); padding: var(--space-2); box-shadow: var(--shadow-card-rest); transform: rotate(4deg); }
.studio-detail img { height: 95px; width: 100%; object-fit: var(--image-fit-photo); object-position: var(--image-position-field-detail); }
.studio-detail > span { display: block; padding: var(--space-2); font: var(--text-xs)/var(--leading-copy) var(--font-motion-mono); }
.studio-foot { padding-top: var(--space-5); }
.studio-foot > span:first-child { font: italic var(--title-sm) var(--font-editorial); }
.studio-foot > span:last-child { text-align: right; }
.guides-index .handbook-feature { background: var(--color-field-panel); border: var(--border-width) solid var(--color-border); }
.guides-index .handbook-feature-index { color: var(--color-field-ink); }
.guides-index .handbook-chapter-heading h2 em { color: var(--color-field-ink); }
@media (max-width:700px) {
  .guides-index .handbook-opening { grid-template-columns: 1fr; }
  .guides-index .handbook-title { padding: 0; }
  .workspace-studio { padding: var(--space-3); }
  .studio-photograph { height: 340px; }
  .studio-detail { right: 0; width: 43%; }
  .studio-detail img { height: 95px; }
  .studio-foot > span:first-child { font-size: var(--text-lg); }
  .studio-focus { top: var(--space-3); left: var(--space-3); }
}
.guides-index .handbook-masthead { padding-block: var(--space-5); }
.guides-index .handbook-opening { padding-block: var(--space-6); }
.guides-index .handbook-footer { padding-block: var(--space-4); }
.guides-index .handbook-tagline { font-size: var(--title-sm); margin-top: var(--space-4); }
.guides-index .handbook-intro { margin-block: var(--space-4); }
.guides-index .handbook-feature { margin-top: var(--space-6); padding: var(--space-6); }
@media (max-width:700px) {
  .guides-index .handbook-masthead > span { display: none; }
  .guides-index .handbook-tagline { font-size: var(--text-lg); }
  .guides-index .handbook-intro { font-size: var(--text-sm); }
}
.studio-focus > span { display: block; background: var(--color-field-accent); padding: var(--space-1) var(--space-2); }
@media (max-width:700px) {
  .guides-index .handbook-masthead { padding-block: var(--space-4); }
  .guides-index .handbook-masthead .showcase-kicker { max-width: none; }
  .guides-index .handbook-opening { padding-block: var(--space-4); gap: var(--space-5); }
  .guides-index.showcase-page .handbook-title h1 { font-size: var(--heading-field-mobile); }
  .guides-index .studio-photograph { height: 190px; }
  .guides-index .handbook-footer { font-size: var(--text-xs); }
}
.news-edition .edition-masthead { padding-top: var(--space-4); }
.news-edition .edition-title-stage { min-height: 0; padding-block: var(--space-3); gap: var(--space-8); }
.news-edition .edition-title-drift { padding-block: var(--space-2); }
.news-edition .news-press { padding-block: var(--space-2); }
.news-edition .press-window { height: 140px; }
.news-edition .press-window-detail { height: 64px; }
.news-edition .press-slug,.news-edition .press-foot { padding-block: var(--space-2); }
.news-edition .press-typesetter span { padding-block: var(--space-1); }
.news-edition .edition-deck { padding-block: var(--space-3); }
@media (max-width:700px) {
  .news-edition .edition-title-stage { gap: var(--space-3); }
  .news-edition .press-window { height: 110px; }
  .news-edition .press-window-detail { height: 50px; }
}
.news-edition .edition-front { padding-top: var(--space-8); }

@media (prefers-reduced-motion:no-preference) {
  .hero-copy { animation: enter var(--motion-hero) var(--motion-ease) both; }
  .article-heading,.comparison-heading,.page-intro { animation: enter var(--motion-standard) var(--motion-ease) both; }
  @keyframes enter {
    from { transform: translateY(var(--motion-enter-offset)); }
    to { transform: translateY(0); }
  }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation: none!important; transition: none!important; scroll-behavior: auto!important; }
}

/* SITE BUTTON PRESENTATION — owner-authorized sitewide button-only refinement.
   Category filters and search/theme icons retain their original quiet styling. */
:root body :is(.btn,.nexus-action,.showcase-link,.reader-hero-link,button:not(:where(.search-icon,.theme-icon,.collection-menu button))) { min-height: var(--touch-target); border: var(--border-width) solid var(--color-button-edge); border-radius: var(--radius-pill); background: var(--color-button-surface); color: var(--color-link); padding: var(--space-3) var(--space-5); box-shadow: var(--shadow-button); font-size: var(--text-sm); font-weight: var(--weight-semibold); line-height: var(--leading-control); text-decoration: none; transition: box-shadow var(--motion-fast) var(--motion-ease), background-color var(--motion-fast), border-color var(--motion-fast); }
:root body :is(.btn,.nexus-action,.showcase-link,.reader-hero-link,button:not(:where(.search-icon,.theme-icon,.collection-menu button))):hover { border-color: var(--color-primary); box-shadow: var(--shadow-button-hover); text-decoration: none; }
:root body :is(.btn,.nexus-action,.showcase-link,.reader-hero-link,button:not(:where(.search-icon,.theme-icon,.collection-menu button))):focus-visible { outline: var(--space-1) solid var(--color-link); outline-offset: var(--space-1); }
:root body :is(.btn,.nexus-action,.showcase-link,.reader-hero-link,button:not(:where(.search-icon,.theme-icon,.collection-menu button))):active { box-shadow: inset 0 var(--border-width) var(--space-2) var(--color-button-glow); }
:root body :is(.btn[rel~="sponsored"],.contact-send,.nexus-action,button[aria-pressed="true"]:not(:where(.collection-menu button))) { background: var(--color-button-fill); color: var(--color-button-ink); border-color: var(--color-primary); }
:root body .btn[rel~="sponsored"] { gap: var(--space-3); padding: var(--space-2) var(--space-2) var(--space-2) var(--space-5); white-space: nowrap; }
.button-arrow { display: inline-flex; align-items: center; justify-content: center; width: var(--space-8); height: var(--space-8); flex-shrink: 0; border-radius: var(--radius-pill); background: var(--color-button-night); color: var(--color-secondary); box-shadow: inset 0 var(--border-width) 0 var(--color-button-shine); font-size: var(--text-lg); }
:root body :is(.utility:not(:where(.search-icon,.theme-icon)),.carousel-controls button) { padding: 0; min-width: var(--touch-target); }
:root body :is(.utility:not(:where(.search-icon,.theme-icon)),.motion-control,.carousel-controls button,.reader-hero-link,.deals-hero .showcase-link) { background: var(--color-button-night); color: var(--color-secondary); }
:root body button:disabled { opacity: var(--opacity-disabled); cursor: not-allowed; box-shadow: none; }
:root body button:disabled:hover { border-color: var(--color-button-edge); box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
  :root body :is(.btn,.nexus-action,.showcase-link,.reader-hero-link,button:not(:where(.search-icon,.theme-icon,.collection-menu button))) { transition: none; }
}
:root[data-motion-state="paused"] body :is(.btn,.nexus-action,.showcase-link,.reader-hero-link,button:not(:where(.search-icon,.theme-icon,.collection-menu button))) { transition: none; }

/* MOBILE PERFORMANCE — scoped to the established phone breakpoint. */
@media (max-width:700px) {
  :root .home-lead-image,:root .home-guide-photo { height: var(--image-mobile-editorial); }
  :root .home-portal { height: var(--image-mobile-portal); }
  :root .home-guide-grid { gap: var(--space-6); }
  :root .home-portal-copy { margin-bottom: var(--space-4); }
  :root .home-portal-copy h3 { font-size: var(--title-xl); }
  :root .discover-page .scene-stage { min-height: var(--image-mobile-scene); height: var(--image-mobile-scene); }
  :root .discover-page .world-tile { height: var(--image-mobile-tile); }
  :root .discover-page .discovery-card-art { height: var(--image-mobile-editorial); }
  :root .catalogue-card .product-strip img { height: var(--image-mobile-card); }
  :root .catalogue-card .product-strip { padding-block: var(--space-3); }
  :root .reader-page .spotlight-cover img,:root .reader-page .folio-product .spotlight-cover img { height: var(--image-mobile-product); }
  :root .reader-page .spotlight-feature .spotlight-cover img { height: var(--image-mobile-product); }
  :root .reader-page .comparison-figure img,:root .reader-page .editorial-figure img { max-height: var(--image-mobile-editorial); }
  :root .reader-page .reader-cover img { max-height: var(--image-article-medium-height-mobile); }
  :root .reader-page .reader-guide-hero { gap: var(--space-4); }
  :root .motion-control { backdrop-filter: none; background: var(--color-hero); }
}