/* Richard Casino AU — gloss-soft.css
   TYPO-07 · SPACE-04 · CONT-04 · BP-04 · GEO-07 · MOTION-02 · NAME-04 */

:root {
	--display-font: 'Roboto Condensed', system-ui, sans-serif;
	--body-font: 'Roboto', system-ui, sans-serif;

	--primary: #002a1d;
	--accent: #dda658;
	--highlight-active: #d5922e;
	--page-bg: #012e20;
	--bg-elevated: #093a2a;
	--gradient-from: #fee67a;
	--grad-mid: #222224;
	--text-color: #ffffff;
	--fg-muted: #bfbebe;
	--alert-bg: #dc2626;
	--color-line-x: rgba(255, 255, 255, 0.10);

	--text-h1: 48px;
	--size-h2: 36px;
	--type-h3: 26px;
	--type-h4: 21px;
	--text-h5: 18px;
	--size-h6: 16px;
	--size-body: 19px;
	--text-sm: 16px;
	--text-xs: 14px;

	--line-tight: 1.2;
	--leading-normal: 1.7;
	--line-loose: 2.0;
	--tracking-tight: -0.01em;
	--ls-normal-x: 0;
	--tracking-wide: 0.02em;

	--font-normal: 400;
	--weight-medium: 500;
	--weight-bold: 600;

	--gap-2xs: 6px;
	--gap-xs: 14px;
	--gap-sm: 20px;
	--gap-md: 32px;
	--gap-lg: 48px;
	--gap-xl: 72px;
	--gutter-2xl: 112px;
	--gap-3xl: 160px;

	--wrapper: 1160px;
	--measure: 660px;
	--inset-desktop: 56px;
	--container-padding-tablet-x: 24px;
	--gutter-mobile: 16px;

	--bp-sm-x: 540px;
	--bp-md-x: 880px;
	--bp-lg-x: 1120px;
	--bp-xl-x: 1440px;

	--rounded-xs: 4px;
	--corner-sm: 8px;
	--rounded-md: 12px;
	--round-lg: 16px;
	--round-full: 9999px;
	--round-circle: 50%;
	--depth-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
	--border-width: 1px;
	--border-medium-x: 2px;
	--border-thick-x: 3px;

	--duration-fast: 150ms;
	--speed-base: 200ms;
	--speed-slow: 300ms;
	--easing: cubic-bezier(0.22, 0.61, 0.36, 1.0);
	--ease-in-out-x: cubic-bezier(0.65, 0.05, 0.36, 1.0);

	--header-h-x: 104px;
	--section-pad-x: var(--gap-lg);
}

/* Reset / base */
*, *::before, *::after { box-sizing: border-box; }
html, body { overflow-x: clip; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: var(--body-font);
	font-size: var(--size-body);
	line-height: var(--line-loose);
	color: var(--text-color);
	background: var(--page-bg);
	padding-top: var(--header-h-x);
}
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 var(--gap-sm); }
h1, h2 { font-family: var(--display-font); font-weight: var(--weight-bold); line-height: var(--line-tight); letter-spacing: var(--tracking-tight); }
h1 { font-size: var(--text-h1); }
h2 { font-size: var(--size-h2); }
h3 { font-family: var(--body-font); font-weight: var(--weight-bold); font-size: var(--type-h3); }
h4 { font-family: var(--body-font); font-weight: var(--weight-bold); font-size: var(--type-h4); }
p { margin: 0 0 var(--gap-md); }
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--highlight-active); }
ul, ol { margin: 0 0 var(--gap-md); padding-left: var(--gap-lg); }
li { margin-bottom: var(--gap-2xs); }

/* a11y */
.skip-link {
	position: absolute; left: var(--gap-sm); z-index: 200;
	background: var(--accent); color: var(--primary);
	padding: var(--gap-2xs) var(--gap-sm); border-radius: var(--corner-sm);
	font-weight: var(--weight-bold);
}
.skip-link:not(:focus) { top: -200px !important; }
.sr-only {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

main { display: block; }

/* Shared section inner width (canonical) */
.labelLane-inner, .pivotZone-inner, .mediaBand-inner, .rayCarousel-inner,
.nodeGroup-inner, .spikeBody-inner, .wingRail-inner, .coreLane-inner,
.canvasSlider-inner, .meshTrack-inner, .regionZone-inner, .sheetLane-inner,
.latchStrip-inner, .vectorList-inner, .annexGrid-inner, .streamGroup-inner,
.nookZone-inner {
	max-width: calc(var(--wrapper) + 2 * var(--inset-desktop));
	margin-inline: auto;
	padding-inline: var(--inset-desktop) var(--container-padding-tablet-x);
	width: 100%;
}

/* ===== Header (HEAD-05: minimal side logo + menu → full drawer) ===== */
.pulseList {
	position: fixed; top: 0; left: 0; right: 0; z-index: 100;
	background: var(--page-bg);
	border-bottom: var(--border-width) solid var(--color-line-x);
	transition: transform var(--speed-base) var(--easing);
}
.pulseList.is-hidden { transform: translateY(-100%); }
.pulseList-inner {
	height: var(--header-h-x);
	max-width: calc(var(--wrapper) + 2 * var(--inset-desktop));
	margin-inline: auto;
	padding-inline: var(--inset-desktop) var(--container-padding-tablet-x);
	display: flex; align-items: center; gap: var(--gap-md);
}
.pulseList-logo, .pulseList-logo img { flex-shrink: 0; }
.pulseList-logo img { height: 88px; width: auto; }
.pulseList-logo-img { display: block; flex-shrink: 0; }
.pulseList-nav { width: 100%; }
.pulseList-nav-item { margin: 0; }
.pulseList-toggle {
	margin-left: auto !important;
	background: transparent; color: var(--text-color);
	border: var(--border-width) solid var(--color-line-x);
	font-family: var(--body-font); font-weight: var(--weight-medium);
	font-size: var(--text-sm); text-transform: uppercase; letter-spacing: var(--tracking-wide);
	padding: var(--gap-2xs) var(--gap-md); border-radius: var(--corner-sm);
	cursor: pointer; transition: color var(--speed-base) var(--easing);
}
.pulseList-toggle:hover { color: var(--accent); }
.pulseList-drawer {
	display: none;
	position: fixed; inset: 0; z-index: 150;
	background: var(--primary);
	padding: var(--gutter-2xl) var(--inset-desktop);
	flex-direction: column; align-items: center; justify-content: center;
}
.pulseList-drawer.is-open { display: flex; }
.pulseList-drawer-close {
	position: absolute; top: var(--gap-lg); right: var(--gap-lg);
	background: transparent; color: var(--text-color);
	border: var(--border-width) solid var(--color-line-x);
	padding: var(--gap-2xs) var(--gap-md); border-radius: var(--corner-sm);
	font-size: var(--text-sm); cursor: pointer;
}
.pulseList-drawer-close:hover { color: var(--accent); }
.pulseList-nav-list { list-style: none; margin: 0; padding: 0; text-align: center; display: flex; flex-direction: column; gap: var(--gap-sm); }
.pulseList-link {
	font-family: var(--display-font); font-weight: var(--weight-medium);
	font-size: var(--type-h3); color: var(--text-color);
	transition: color var(--speed-base) var(--easing);
}
.pulseList-link:hover, .pulseList-link[aria-current='page'] { color: var(--accent); }

/* ===== Hero (HERO-02: split photo right) ===== */
.labelLane { padding-block: var(--gap-xl) var(--section-pad-x); }
.labelLane-text { display: block; }
.labelLane-inner { display: grid; grid-template-columns: 55% 45%; gap: var(--gap-xl); align-items: center; min-height: 480px; }
.labelLane-eyebrow {
	display: inline-block; font-family: var(--body-font); font-weight: var(--weight-medium);
	font-size: var(--text-sm); text-transform: uppercase; letter-spacing: var(--tracking-wide);
	color: var(--accent); margin-bottom: var(--gap-sm);
}
.labelLane-subtitle { font-size: var(--text-h5); line-height: var(--leading-normal); color: var(--fg-muted); max-width: 480px; margin-top: var(--gap-md); }
.labelLane-actions { margin-top: var(--gap-lg); display: flex; flex-wrap: wrap; gap: var(--gap-md); }
.labelLane-cta-primary {
	display: inline-flex; align-items: center; height: 52px; padding-inline: var(--gap-lg);
	background: var(--accent); color: var(--primary);
	font-family: var(--display-font); font-weight: var(--weight-bold); text-transform: uppercase; letter-spacing: var(--tracking-wide);
	border-radius: var(--rounded-md); transition: background var(--speed-base) var(--easing), transform var(--speed-base) var(--easing);
}
.labelLane-cta-primary:hover { background: var(--highlight-active); color: var(--primary); transform: translateY(-1px); }
.labelLane-cta-secondary {
	display: inline-flex; align-items: center; height: 52px; padding-inline: var(--gap-lg);
	background: transparent; color: var(--text-color);
	border: var(--border-width) solid var(--fg-muted); border-radius: var(--rounded-md);
	transition: background var(--speed-base) var(--easing), border-color var(--speed-base) var(--easing);
}
.labelLane-cta-secondary:hover { background: var(--primary); color: var(--text-color); border-color: var(--text-color); }
.labelLane-figure { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--round-lg); box-shadow: var(--depth-lg); }
.labelLane-figure img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--speed-slow) var(--easing); }
.labelLane-figure:hover img { transform: scale(1.04); }

/* ===== Page header (PHEAD-08: tag cluster + title) ===== */
.pivotZone { padding-block: var(--section-pad-x); }
.pivotZone-tags { display: flex; flex-wrap: wrap; gap: var(--gap-xs); margin-bottom: var(--gap-md); }
.pivotZone-tag {
	background: var(--primary); color: var(--text-color);
	border-radius: var(--round-full); padding: var(--gap-2xs) var(--gap-sm);
	font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide);
}
.pivotZone-title { font-size: var(--text-h1); }
.pivotZone-desc { color: var(--fg-muted); font-size: var(--text-h5); max-width: var(--measure); }

/* ===== Media band (page images) ===== */
.mediaBand { padding-block: var(--section-pad-x); }
.mediaBand-figure { margin: 0; border-radius: var(--round-lg); overflow: hidden; }
.mediaBand-figure img { width: 100%; height: auto; }
.mediaBand-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-lg); }

/* ===== Prose (PROSE-03: bordered sidebar notes) ===== */
.rayCarousel { padding-block: var(--section-pad-x); }
.rayCarousel-flow { max-width: var(--measure); }
.rayCarousel-group { margin-bottom: var(--gap-lg); }
.rayCarousel-h2 { font-size: var(--size-h2); margin-top: var(--gap-xl); }
.rayCarousel-group:first-child .rayCarousel-h2 { margin-top: 0; }
.rayCarousel-note, .rayCarousel-list {
	padding-left: var(--gap-lg);
	border-left: var(--border-thick-x) solid var(--accent);
}
.rayCarousel-group:nth-child(even) .rayCarousel-note,
.rayCarousel-group:nth-child(even) .rayCarousel-list { border-left-color: var(--highlight-active); }
.rayCarousel-note { color: var(--text-color); }
.rayCarousel-list { list-style-position: inside; }

/* ===== Items grid (GRID-08: top-border accent cards) ===== */
.nodeGroup { padding-block: var(--section-pad-x); }
.nodeGroup-heading { font-size: var(--size-h2); margin-bottom: var(--gap-lg); }
.nodeGroup-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-lg); }
.nodeGroup-card {
	background: var(--bg-elevated);
	border-top: 4px solid var(--accent);
	border-radius: 0 0 var(--rounded-md) var(--rounded-md);
	padding: var(--gap-lg);
}
.nodeGroup-card-title { font-size: var(--type-h4); color: var(--text-color); }
.nodeGroup-card-text { color: var(--fg-muted); font-size: var(--text-sm); margin-bottom: 0; }

/* ===== Reviews (REV-10: minimal underlined) ===== */
.spikeBody { padding-block: var(--section-pad-x); }
.spikeBody-heading { font-size: var(--size-h2); margin-bottom: var(--gap-lg); }
.spikeBody-list { list-style: none; margin: 0; padding: 0; }
.spikeBody-item { padding-block: var(--gap-md); border-bottom: var(--border-width) dotted var(--color-line-x); }
.spikeBody-head { margin-bottom: var(--gap-2xs); }
.spikeBody-author { font-weight: var(--weight-medium); }
.spikeBody-rating, .spikeBody-date { color: var(--fg-muted); font-size: var(--text-sm); }
.spikeBody-text { color: var(--text-color); line-height: var(--line-loose); margin-bottom: 0; }

/* ===== FAQ (FAQ-05: native details) ===== */
.wingRail { padding-block: var(--section-pad-x); }
.wingRail-heading { font-size: var(--size-h2); margin-bottom: var(--gap-lg); }
.wingRail-list { list-style: none; margin: 0; padding: 0; }
.wingRail-item { border-bottom: var(--border-width) solid var(--color-line-x); padding-block: var(--gap-md); }
.wingRail-question {
	font-size: var(--text-h5); font-weight: var(--weight-bold); cursor: pointer;
	list-style: none; display: flex; justify-content: space-between; align-items: center; gap: var(--gap-sm);
	transition: color var(--speed-base) var(--easing);
}
.wingRail-question::-webkit-details-marker { display: none; }
.wingRail-question::after { content: '\203A'; transform: rotate(90deg); transition: transform var(--speed-base) var(--easing); color: var(--accent); }
.wingRail-item[open] .wingRail-question::after { transform: rotate(-90deg); }
.wingRail-question:hover { color: var(--accent); }
.wingRail-answer { margin-top: var(--gap-sm); color: var(--fg-muted); }
.wingRail-answer p { margin-bottom: 0; }

/* ===== CTA block (CTA-04: minimal text link) ===== */
.coreLane { padding-block: var(--gap-xl); text-align: center; }
.coreLane-title { font-size: var(--type-h4); }
.coreLane-desc { color: var(--fg-muted); margin-block: var(--gap-md); }
.coreLane-link {
	font-size: var(--size-h6); text-transform: uppercase; letter-spacing: var(--tracking-wide);
	color: var(--accent); text-decoration: underline; text-underline-offset: 4px;
	transition: padding-left var(--speed-base) var(--easing);
}
.coreLane-link:hover { color: var(--highlight-active); text-decoration-thickness: 2px; padding-left: 8px; }

/* ===== Data table (TABLE-04: highlighted first column) ===== */
.canvasSlider { padding-block: var(--section-pad-x); }
.canvasSlider-heading { font-size: var(--size-h2); margin-bottom: var(--gap-lg); }
.canvasSlider-scroll { overflow-x: auto; }
.canvasSlider-table { width: 100%; border-collapse: collapse; }
.canvasSlider-table thead { background: var(--primary); }
.canvasSlider-table th { padding: var(--gap-md); text-align: left; color: var(--text-color); font-family: var(--display-font); }
.canvasSlider-table td { padding: var(--gap-md); border-bottom: var(--border-width) solid var(--color-line-x); color: var(--fg-muted); }
.canvasSlider-table td:first-child {
	background: var(--primary); color: var(--text-color);
	font-weight: var(--weight-bold); border-right: 4px solid var(--accent);
}

/* ===== Legal (LEGAL-04: bordered article box) ===== */
.meshTrack { padding-block: var(--section-pad-x); }
.meshTrack-box {
	position: relative; background: var(--bg-elevated);
	padding: var(--gap-lg); border-radius: var(--round-lg);
	border: var(--border-width) solid var(--color-line-x);
}
.meshTrack-updated { position: absolute; top: var(--gap-md); right: var(--gap-md); font-size: var(--text-xs); color: var(--fg-muted); margin: 0; }
.meshTrack-title { font-size: var(--text-h1); }
.meshTrack-h2 { font-size: var(--type-h3); margin-top: var(--gap-lg); }
.meshTrack-intro { color: var(--text-color); }
.meshTrack-p { color: var(--fg-muted); }
.meshTrack-disclaimer { color: var(--fg-muted); font-size: var(--text-sm); font-style: italic; margin-top: var(--gap-lg); }
.meshTrack-list { color: var(--fg-muted); }

/* ===== Contact form (FORM-02: two-column) ===== */
.regionZone { padding-block: var(--section-pad-x); }
.regionZone-grid { display: grid; grid-template-columns: 1fr 2fr; gap: var(--gap-xl); }
.regionZone-aside { background: var(--primary); padding: var(--gap-lg); border-radius: var(--rounded-md); }
.regionZone-aside-title { font-size: var(--type-h3); }
.regionZone-intro { color: var(--fg-muted); }
.regionZone-contacts { list-style: none; padding: 0; margin: 0; color: var(--fg-muted); }
.regionZone-form { display: flex; flex-direction: column; }
.regionZone-label { font-size: var(--text-sm); font-weight: var(--weight-medium); margin-bottom: var(--gap-2xs); }
.regionZone-input {
	font-family: var(--body-font); font-size: var(--size-body); color: var(--text-color);
	background: transparent; border: 0; border-bottom: var(--border-medium-x) dashed var(--fg-muted);
	padding: var(--gap-2xs) 0; margin-bottom: var(--gap-md);
}
.regionZone-input:focus { outline: none; border-bottom-color: var(--accent); }
.regionZone-textarea { resize: vertical; }
.regionZone-submit {
	align-self: flex-start; background: var(--accent); color: var(--primary);
	border: 0; border-radius: var(--rounded-md); padding: var(--gap-sm) var(--gap-lg);
	font-family: var(--display-font); font-weight: var(--weight-bold); cursor: pointer;
	transition: background var(--speed-base) var(--easing);
}
.regionZone-submit:hover { background: var(--highlight-active); color: var(--primary); }
.regionZone-success { color: var(--accent); font-weight: var(--weight-medium); }

/* ===== Author card (AUTH-08 base + bio + articles) ===== */
.sheetLane { padding-block: var(--section-pad-x); }
.sheetLane-card { display: flex; gap: var(--gap-lg); align-items: flex-start; }
.sheetLane-meta { flex: 1; }
.sheetLane-avatar { width: 140px; height: 140px; border-radius: var(--round-circle); object-fit: cover; flex-shrink: 0; }
.sheetLane-name { font-size: var(--size-h2); }
.sheetLane-role { color: var(--accent); font-weight: var(--weight-medium); margin-bottom: var(--gap-md); }
.sheetLane-bio { color: var(--fg-muted); }
.sheetLane-expertise { color: var(--fg-muted); }
.sheetLane-articles { margin-top: var(--gap-lg); border-top: var(--border-width) solid var(--color-line-x); padding-top: var(--gap-lg); }
.sheetLane-articles-heading { font-size: var(--type-h3); }
.sheetLane-articles-list { list-style: none; padding: 0; margin: 0; }
.sheetLane-articles-item { margin-bottom: var(--gap-sm); }

/* ===== Author byline (BYLINE-01: compact inline) ===== */
.nookZone { padding-block: var(--gap-md); }
.nookZone-inner { display: flex; align-items: center; gap: var(--gap-sm); }
.nookZone-text { display: block; }
.nookZone-portrait { width: 48px; height: 48px; border-radius: var(--round-circle); overflow: hidden; flex-shrink: 0; display: block; }
.nookZone-portrait img { width: 48px; height: 48px; object-fit: cover; object-position: center top; }
.nookZone-attribution { color: var(--fg-muted); margin-bottom: 0; }
.nookZone-name { color: var(--accent); text-decoration: underline; }
.nookZone-role { font-size: var(--text-sm); font-style: italic; color: var(--fg-muted); margin: var(--gap-2xs) 0 0; }
.nookZone-date { font-size: var(--text-sm); color: var(--fg-muted); }

/* ===== Breadcrumbs (BREAD-01: inline slash) ===== */
.vectorList { padding-block: var(--gap-md); }
.vectorList-inner { display: flex; align-items: center; gap: var(--gap-2xs); }
.vectorList-link { font-size: var(--text-sm); color: var(--fg-muted); transition: color var(--speed-base) var(--easing); }
.vectorList-link:hover { color: var(--accent); }
.vectorList-sep { color: var(--fg-muted); opacity: 0.5; }
.vectorList-current { font-size: var(--text-sm); color: var(--text-color); }

/* ===== Error block (ERR-03: minimal) ===== */
.latchStrip { padding-block: var(--gutter-2xl); }
.latchStrip-inner { text-align: center; }
.latchStrip-title { font-size: var(--size-h2); }
.latchStrip-text { color: var(--fg-muted); max-width: 600px; margin-inline: auto; }
.latchStrip-button {
	display: inline-flex; align-items: center; height: 44px; padding-inline: var(--gap-lg);
	background: var(--accent); color: var(--primary);
	font-family: var(--display-font); font-weight: var(--weight-bold); border-radius: var(--rounded-md);
	margin-top: var(--gap-md); transition: background var(--speed-base) var(--easing);
}
.latchStrip-button:hover { background: var(--highlight-active); color: var(--primary); }

/* ===== Footer (FOOT-10: sectioned detail-rich) ===== */
.annexGrid { background: var(--page-bg); padding-block: var(--gap-xl); }
.annexGrid-brand { display: flex; align-items: center; gap: var(--gap-lg); padding-block: var(--gap-lg); border-bottom: var(--border-width) solid var(--color-line-x); }
.annexGrid-logo img { height: 72px; width: auto; flex-shrink: 0; }
.annexGrid-logo-img { display: block; flex-shrink: 0; }
.annexGrid-slogan { color: var(--fg-muted); margin: 0; }
.annexGrid-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-lg); padding-block: var(--gap-xl); border-bottom: var(--border-width) solid var(--color-line-x); }
.annexGrid-navcol { list-style: none; margin: 0; padding: 0; }
.annexGrid-navlink { color: var(--fg-muted); font-size: var(--text-sm); transition: color var(--speed-base) var(--easing); }
.annexGrid-navlink:hover { color: var(--accent); }
.annexGrid-disclaimer { color: var(--fg-muted); font-size: var(--text-xs); padding-block: var(--gap-md); border-bottom: var(--border-width) solid var(--color-line-x); margin: 0; }
.annexGrid-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--gap-sm); padding-block: var(--gap-md); }
.annexGrid-copyright { color: var(--fg-muted); font-size: var(--text-sm); margin: 0; }
.annexGrid-legal { font-size: var(--text-sm); margin: 0; }
.annexGrid-legallink { color: var(--fg-muted); }
.annexGrid-legallink:hover { color: var(--accent); }

/* ===== Cookie banner (COOK-02: full-width bottom strip) ===== */
.streamGroup {
	position: fixed; bottom: 0; left: 0; right: 0; z-index: 90;
	background: var(--primary);
	border-top: var(--border-width) solid var(--color-line-x);
	padding: var(--gap-md) var(--inset-desktop);
}
.streamGroup-inner { display: flex; align-items: center; gap: var(--gap-md); justify-content: space-between; max-width: calc(var(--wrapper) + 2 * var(--inset-desktop)); margin-inline: auto; padding-inline: 0; }
.streamGroup-message { flex: 1; font-size: var(--text-sm); color: var(--fg-muted); margin: 0; }
.streamGroup-actions { flex-shrink: 0; display: flex; gap: var(--gap-sm); }
.streamGroup-button {
	border: 0; border-radius: var(--corner-sm); padding: var(--gap-2xs) var(--gap-md);
	font-family: var(--body-font); font-weight: var(--weight-medium); cursor: pointer;
}
.streamGroup-accept { background: var(--accent); color: var(--primary); }
.streamGroup-accept:hover { background: var(--highlight-active); color: var(--primary); }
.streamGroup-decline { background: transparent; color: var(--text-color); border: var(--border-width) solid var(--color-line-x); }
.streamGroup-decline:hover { color: var(--accent); }

/* ===== Responsive ===== */
@media (max-width: 1120px) {
	.labelLane-inner { grid-template-columns: 1fr; }
	.regionZone-grid { grid-template-columns: 1fr; }
	.nodeGroup-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 880px) {
	:root {
		--text-h1: 32px; --size-h2: 26px; --type-h3: 22px; --type-h4: 19px; --text-h5: 17px; --size-h6: 15px;
		--size-body: 18px; --text-sm: 15px; --text-xs: 13px;
		--header-h-x: 84px;
	}
	.labelLane-inner, .pivotZone-inner, .mediaBand-inner, .rayCarousel-inner,
	.nodeGroup-inner, .spikeBody-inner, .wingRail-inner, .coreLane-inner,
	.canvasSlider-inner, .meshTrack-inner, .regionZone-inner, .sheetLane-inner,
	.latchStrip-inner, .vectorList-inner, .annexGrid-inner, .nookZone-inner {
		padding-inline: var(--gutter-mobile);
	}
	.streamGroup { padding: var(--gap-md) var(--gutter-mobile); }
	.pulseList-inner { padding-inline: var(--gutter-mobile); }
	.pulseList-logo img { height: 60px; }
	.nodeGroup-grid { grid-template-columns: 1fr; }
	.mediaBand-row { grid-template-columns: 1fr; }
	.annexGrid-nav { grid-template-columns: 1fr 1fr; }
	.annexGrid-brand { flex-direction: column; align-items: flex-start; }
	.sheetLane-card { flex-direction: column; }
	.labelLane-figure { aspect-ratio: 16 / 9; }
}
@media (max-width: 720px) {
	.streamGroup, .streamGroup-inner { padding: 12px 14px !important; gap: 8px !important; font-size: 13px !important; line-height: 1.35 !important; }
	.streamGroup-inner { flex-direction: column; align-items: stretch; }
	.streamGroup-button { padding: 8px 14px !important; font-size: 12px !important; min-height: 36px !important; }
	.annexGrid-bottom { flex-direction: column; }
}