:root {
  --paper: #f5f1e8;
  --ivory: #f8f5ee;
  --stone: #e6e3dc;
  --soft-stone: #eeebe4;
  --ink: #272724;
  --muted: #77746d;
  --terracotta: #a96f5f;
  --cool: #e3e9ea;
  --navy: #3e4b50;
  --sage: #dce7d9;
  --pale-yellow: #f2edcf;
  --surface-hero: #f5f1e8;
  --surface-story: #f8f5ee;
  --surface-heritage: #eee7da;
  --surface-chapter: #e3e9ea;
  --surface-technology: #f7f3eb;
  --surface-colors: #f5f1e9;
  --surface-junior: #f2edcf;
  --product-bg-ivory: #f7f2e8;
  --product-bg-stone: #e8e6e1;
  --product-bg-grey: #eceeed;
  --product-bg-blue-grey: #dfe7e9;
  --product-bg-sage: #e5ebe1;
  --product-bg-sand: #efe6d9;
  --cta-font-size: 14px;
  --cta-line-height: 1.35;
  --cta-letter-spacing: .075em;
  --cta-hit-area: 44px;
  --line: rgba(39, 39, 36, 0.2);
  --pad: clamp(28px, 4.2vw, 64px);
  --header-h: 72px;
  --section-space: clamp(120px, 12vw, 190px);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: auto; overflow-x: clip; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  overflow-x: clip;
  transition: background-color 900ms ease;
}
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
p, h1, h2, h3 { margin: 0; }
::selection { color: var(--ivory); background: var(--terracotta); }

.skip-link {
  position: fixed;
  z-index: 200;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  color: var(--ink);
  background: var(--ivory);
  transform: translateY(-160%);
}
.skip-link:focus { transform: translateY(0); }

.wordmark {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.055em;
}
.site-nav { display: flex; align-items: center; gap: clamp(24px, 3vw, 46px); }
.site-nav a, .header-cta {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.site-nav a { position: relative; }
.site-nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 280ms ease;
}
.site-nav a:hover::after, .site-nav a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.header-cta { justify-self: end; border-bottom: 1px solid currentColor; padding-bottom: 5px; }

main > section { position: relative; isolation: isolate; }
[data-future][hidden] { display: none !important; }
.eyebrow, .media-filename, .image-caption, .media-meta {
  font-size: 10px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.display-heading {
  max-width: 980px;
  font-size: clamp(48px, 5vw, 72px);
  line-height: 1.03;
  letter-spacing: -0.035em;
  font-weight: 400;
}
.text-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  min-width: 220px;
  padding: 0 0 8px;
  border-bottom: 1px solid currentColor;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.text-link span:last-child { transition: transform 280ms ease; }
.text-link:hover span:last-child, .text-link:focus-visible span:last-child { transform: translate(3px, -3px); }
.text-link--light { color: var(--ivory); }

/* Image system: quiet placeholders are replaced automatically by local WebP assets. */
.media {
  position: relative;
  overflow: hidden;
  min-height: 320px;
  background: #d9d2c6;
  background-position: center;
  background-size: cover;
}
.media::after {
  content: "";
  position: absolute;
  z-index: 8;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(39, 39, 36, 0.06);
}
.media.is-loaded > :not(.media-photo):not(.media-meta):not(.image-caption) { opacity: 0; }
.media-photo {
  position: absolute;
  z-index: 0;
  inset: -2%;
  background-position: center;
  background-size: cover;
  transform: scale(1.04);
  transition: transform 1.6s var(--ease);
}
.media.is-visible .media-photo { transform: scale(1); }
.media-filename {
  position: absolute;
  z-index: 7;
  left: 18px;
  bottom: 16px;
  padding: 6px 8px;
  color: rgba(39, 39, 36, 0.55);
  background: rgba(247, 244, 237, 0.74);
  backdrop-filter: blur(9px);
  transition: opacity 250ms ease;
}
.media--terracotta { background: linear-gradient(145deg, #c7aa98 0%, #a97c6e 48%, #82655b 100%); }
.media--ivory { background: linear-gradient(140deg, #eee9df, #d8d0c3); }
.media--red { background: linear-gradient(145deg, #b9c1c0, #89989b); }
.media--graphite { background: linear-gradient(145deg, #3f423f, #242622); }
.media--yellow { background: linear-gradient(145deg, #e5ddc2, #cfc3a8); }
.media--black { background: linear-gradient(145deg, #30312e, #181916); }
.media--blue { background: linear-gradient(145deg, #c5d1ce, #97aaa7); }
.helmet-shadow {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 15%;
  width: 48%;
  height: 5%;
  border-radius: 50%;
  background: rgba(39, 39, 36, 0.16);
  filter: blur(22px);
  transform: translateX(-50%);
}
.helmet-shape {
  position: absolute;
  z-index: 2;
  top: 24%;
  left: 50%;
  width: 52%;
  aspect-ratio: 1.24;
  border-radius: 58% 52% 20% 18% / 60% 62% 20% 28%;
  background: #ece7dc;
  box-shadow: inset -14px -16px 26px rgba(39, 39, 36, 0.1), inset 7px 8px 16px rgba(255, 255, 255, 0.42);
  transform: translateX(-50%) rotate(-5deg);
}
.helmet-shape::before {
  content: "";
  position: absolute;
  right: 7%;
  bottom: 6%;
  width: 17%;
  aspect-ratio: 1;
  border: 5px solid rgba(39, 39, 36, 0.58);
  border-radius: 50%;
}
.helmet-shape::after {
  content: "";
  position: absolute;
  top: 21%;
  left: 19%;
  width: 13%;
  height: 3%;
  border-radius: 50%;
  background: rgba(39, 39, 36, 0.54);
  box-shadow: 54px -7px 0 rgba(39, 39, 36, 0.54), 102px 8px 0 rgba(39, 39, 36, 0.54);
}
.helmet-shape i {
  position: absolute;
  right: 15%;
  bottom: -26%;
  width: 1px;
  height: 36%;
  background: rgba(39, 39, 36, 0.52);
  transform: rotate(-10deg);
}
.helmet-shape--sport { background: #414b4e; border-radius: 62% 46% 18% 22% / 60% 57% 26% 24%; }
.media-aera .helmet-shape--sport { background: #464a46; }
.helmet-shape--junior { width: 48%; background: #d5b66b; transform: translateX(-50%) rotate(4deg); }
.media-meta { position: absolute; z-index: 7; right: 18px; bottom: 16px; left: 18px; display: flex; justify-content: space-between; }
.image-caption { position: absolute; z-index: 7; bottom: 16px; left: 18px; color: var(--ivory); }

/* Hero */
.hero {
  min-height: 980px;
  padding: calc(var(--header-h) + 62px) var(--pad) 120px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: auto 1fr;
  column-gap: clamp(18px, 2.4vw, 38px);
  background: var(--paper);
}
.hero-heading { grid-column: 1 / 4; grid-row: 1; align-self: start; }
.hero-heading .eyebrow { color: var(--muted); }
.hero h1 {
  margin-top: 24px;
  font-size: clamp(32px, 3.2vw, 48px);
  line-height: 1;
  letter-spacing: 0.03em;
  font-weight: 500;
}
.hero .media-hero { grid-column: 5 / 13; grid-row: 1 / 3; min-height: 760px; }
.hero .media-photo { background-position: 56% 50%; }
.hero .media-hero .helmet-shape { top: 25%; width: 46%; }
.hero-copy { grid-column: 1 / 5; grid-row: 2; align-self: end; padding: 0 20px 34px 0; }
.hero-copy h2 {
  max-width: 500px;
  font-size: clamp(46px, 4.5vw, 64px);
  line-height: 1.02;
  letter-spacing: -0.035em;
  font-weight: 400;
}
.hero-copy p { max-width: 340px; margin-top: 24px; font-size: 16px; line-height: 1.55; }
.hero-copy .text-link { margin-top: 34px; }
.scroll-cue {
  position: absolute;
  left: var(--pad);
  bottom: 44px;
  max-width: 170px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Why Thousand */
.manifesto { padding: var(--section-space) var(--pad); background: var(--ivory); }
.manifesto-inner { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(18px, 2.4vw, 38px); }
.manifesto-inner > .eyebrow { grid-column: 1 / 4; grid-row: 1; padding-top: 8px; }
.manifesto .display-heading { grid-column: 4 / 11; grid-row: 1; }
.manifesto-copy {
  grid-column: 4 / 9;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: clamp(32px, 5vw, 78px);
  margin-top: 88px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  font-size: 17px;
  line-height: 1.55;
}
.manifesto-copy .quiet { color: var(--muted); font-size: 13px; line-height: 1.55; }
.media-story {
  grid-column: 6 / 13;
  grid-row: 3;
  min-height: 650px;
  margin-top: 130px;
  background: linear-gradient(145deg, #b7aea1, #85867f 58%, #5f6969);
}
.story-rider {
  position: absolute;
  z-index: 2;
  right: 28%;
  bottom: 17%;
  width: 28px;
  height: 230px;
  background: rgba(45, 46, 43, 0.8);
  transform: rotate(10deg);
}
.story-rider::before, .story-rider::after {
  content: "";
  position: absolute;
  top: 116px;
  width: 150px;
  aspect-ratio: 1;
  border: 5px solid rgba(45, 46, 43, 0.76);
  border-radius: 50%;
}
.story-rider::before { left: -120px; }
.story-rider::after { right: -120px; }
.story-rider--close { right: 34%; bottom: 21%; transform: scale(1.2) rotate(8deg); }

/* Heritage */
.product-section {
  padding: var(--section-space) var(--pad);
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(18px, 2.4vw, 38px);
  background: #ded7cb;
}
.product-title {
  grid-column: 1 / 13;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: inherit;
}
.product-title .eyebrow { grid-column: 1 / 4; padding-top: 8px; }
.product-title h2 {
  grid-column: 7 / 12;
  max-width: 580px;
  font-size: clamp(46px, 4.4vw, 64px);
  line-height: 1.04;
  letter-spacing: -0.035em;
  font-weight: 400;
}
.product-section .media-product {
  grid-column: 1 / 9;
  grid-row: 2 / 4;
  min-height: 760px;
  margin-top: 105px;
}
.heritage .media-product .media-photo { background-position: 66% 50%; }
.product-section .media-product .helmet-shape { width: 50%; }
.product-copy {
  grid-column: 10 / 13;
  grid-row: 2;
  align-self: end;
  margin-top: 290px;
}
.product-copy p { font-size: 15px; line-height: 1.6; }
.product-copy .text-link { width: 100%; margin-top: 30px; }
.feature-row {
  grid-column: 10 / 13;
  grid-row: 3;
  align-self: start;
  margin-top: 64px;
  border-top: 1px solid var(--line);
}
.feature-row span {
  display: block;
  padding: 11px 0;
  border-bottom: 1px solid var(--line);
  color: #55534e;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.heritage-editorial {
  grid-column: 1 / 13;
  grid-row: 4;
  display: grid;
  grid-template-columns: 1.75fr 0.75fr;
  align-items: end;
  gap: clamp(30px, 5vw, 78px);
  margin-top: 180px;
  padding-top: 90px;
  border-top: 1px solid var(--line);
}
.media-heritage-lifestyle { min-height: 720px; background: linear-gradient(145deg, #bca998, #8c7669 60%, #665851); }
.media-heritage-detail { min-height: 390px; background: #eee9df; }
.media-heritage-lifestyle .media-photo { background-position: 51% 50%; }
.media-heritage-detail .media-photo { background-position: 50% 50%; }
.media-heritage-detail .detail-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 38%;
  aspect-ratio: 1;
  border: 34px solid #3a3a36;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 18px 20px 30px rgba(39,39,36,0.13);
}

/* Chapter */
.chapter { padding: var(--section-space) var(--pad); color: var(--ink); background: var(--cool); }
.chapter-layout { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(18px, 2.4vw, 38px); }
.chapter-copy { grid-column: 1 / 5; align-self: center; padding-right: 12px; }
.chapter-copy h2 {
  max-width: 500px;
  margin-top: 28px;
  font-size: clamp(46px, 4.4vw, 64px);
  line-height: 1.04;
  letter-spacing: -0.035em;
  font-weight: 400;
}
.chapter-copy > p:not(.eyebrow) { max-width: 420px; margin-top: 32px; font-size: 15px; line-height: 1.6; }
.chapter-copy .text-link { margin-top: 34px; color: var(--ink); }
.media-chapter { grid-column: 6 / 13; min-height: 760px; }
.media-chapter .media-photo {
  inset: 0;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.chapter .helmet-shape--sport { background: #414b4e; }
.chapter-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  width: 57%;
  margin: 42px 0 0 auto;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
.chapter-features span { color: #595c5b; font-size: 10px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }

/* Aera: intentionally more technological, hidden by default. */
.aera { padding: var(--section-space) var(--pad); color: var(--ivory); background: #30322e; }
.aera-head { display: grid; grid-template-columns: 1fr 2fr; align-items: end; gap: 40px; }
.aera-head .eyebrow { grid-column: 1 / -1; color: #c8d58b; }
.aera-head h2 { margin-top: 44px; font-size: clamp(88px, 11vw, 164px); line-height: .84; letter-spacing: -.055em; font-weight: 400; }
.aera-headline { max-width: 520px; justify-self: end; font-size: clamp(34px, 3.6vw, 52px); line-height: 1.04; letter-spacing: -.03em; }
.media-aera { width: 70%; min-height: 650px; margin-top: 100px; }
.aera-intro { width: 25%; margin: -160px 0 120px auto; font-size: 19px; }
.aera-intro .text-link { width: 100%; margin-top: 28px; }
.tech-cluster { display: grid; grid-template-columns: 1fr 3fr; gap: 36px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.24); }
.tech-labels { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.tech-labels span { padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.28); font-size: 9px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }

/* Essentials */
.essentials {
  padding: var(--section-space) var(--pad);
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(18px, 2.4vw, 38px);
  background: var(--ivory);
}
.essentials-head { grid-column: 1 / 13; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: inherit; }
.essentials-head .eyebrow { grid-column: 1 / 4; padding-top: 8px; }
.essentials-head h2 {
  grid-column: 4 / 9;
  font-size: clamp(46px, 4.6vw, 66px);
  line-height: 1.04;
  letter-spacing: -.035em;
  font-weight: 400;
}
.essentials-head > p:last-child { grid-column: 10 / 13; padding-top: 8px; font-size: 14px; line-height: 1.6; }
.media-detail { grid-column: 2 / 8; min-height: 650px; margin-top: 120px; }
.media-detail .media-photo { background-position: 68% 50%; }
.media-detail .helmet-shape { width: 58%; background: #d7b98c; }
.essential-list { grid-column: 9 / 13; align-self: center; margin-top: 120px; }
.essential-item { display: grid; grid-template-columns: 38px 1fr; gap: 2px 18px; padding: 20px 0; border-top: 1px solid var(--line); }
.essential-item:last-child { border-bottom: 1px solid var(--line); }
.essential-item .num { padding-top: 4px; color: var(--muted); font-size: 9px; font-weight: 600; }
.essential-item h3 { font-size: 20px; line-height: 1.2; letter-spacing: -.015em; font-weight: 400; }
.essential-item p { grid-column: 2; max-width: 300px; margin-top: 7px; color: var(--muted); font-size: 12px; line-height: 1.55; }

/* Future safety */
.safety { padding: var(--section-space) var(--pad); color: var(--ivory); background: #1f201d; }
.safety-copy { width: 64%; }
.safety-copy h2 { margin-top: 28px; font-size: clamp(48px, 5vw, 72px); line-height: 1.03; letter-spacing: -.035em; font-weight: 400; }
.safety-copy > p:last-child { width: 48%; margin: 38px 0 0 auto; color: rgba(255,255,255,.62); font-size: 15px; line-height: 1.6; }
.media-safety { width: 72%; min-height: 590px; margin: 110px 0 0 auto; }
.safety-orbit { position: absolute; inset: 14% 22%; border: 1px solid rgba(210,215,177,.38); border-radius: 50%; transform: rotate(-12deg); }
.stats-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; width: 72%; margin-left: auto; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.24); }
.stat strong { display: block; font-size: clamp(34px,4vw,56px); line-height: 1; font-weight: 300; }
.stat span { display: block; margin-top: 8px; color: rgba(255,255,255,.58); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }

/* Colour study */
.colors { padding: var(--section-space) var(--pad); background: #efebe3; }
.colors-head { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); column-gap: clamp(18px,2.4vw,38px); }
.colors-head .eyebrow { grid-column: 1 / 4; padding-top: 8px; }
.colors-head h2 { grid-column: 4 / 9; font-size: clamp(44px,4.5vw,64px); line-height: 1.04; letter-spacing: -.035em; font-weight: 400; }
.colors-head > p:last-child { grid-column: 10 / 13; padding-top: 8px; font-size: 14px; line-height: 1.6; }
.media-colors { min-height: 520px; margin-top: 120px; background: #f4f0e8; }
.helmet-lineup { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-around; padding: 0 5%; }
.helmet-mini { position: relative; width: 14%; aspect-ratio: 1.16; border-radius: 58% 52% 20% 18% / 60% 62% 20% 28%; box-shadow: inset -8px -9px 16px rgba(39,39,36,.1), 7px 16px 18px rgba(39,39,36,.1); transform: rotate(-3deg); }
.helmet-mini::after { content:""; position:absolute; right:7%; bottom:7%; width:17%; aspect-ratio:1; border:3px solid #4a4a45; border-radius:50%; }
.helmet-mini:nth-child(even) { transform: translateY(6%) rotate(3deg); }
.helmet-mini--cream { background:#d7c8ae; }.helmet-mini--black { background:#333430; }.helmet-mini--white { background:#eee9dc; }.helmet-mini--red { background:#a86b60; }.helmet-mini--blue { background:#657d80; }
.color-legend { display: grid; grid-template-columns: 1fr 3fr; gap: 36px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.swatch-list { display: flex; flex-wrap: wrap; gap: 12px 28px; }
.swatch { display: inline-flex; align-items: center; gap: 8px; color: #5f5d57; font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.swatch i { width: 9px; height: 9px; border-radius: 50%; border: 1px solid rgba(39,39,36,.25); }
.edition-list { display: grid; grid-template-columns: repeat(3,1fr); }
.edition { min-height: 170px; padding: 25px 22px 20px 0; border-right: 1px solid var(--line); display:flex; flex-direction:column; }
.edition:not(:first-child) { padding-left: 22px; }
.edition:last-child { border-right: 0; }
.edition h3 { font-size: 28px; line-height: 1.2; letter-spacing: -.02em; font-weight: 400; }
.edition p { margin-top: 5px; color: var(--muted); font-size: 12px; }
.edition span { margin-top: auto; color: var(--muted); font-size: 9px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }

/* Lifestyle pause */
.city { min-height: 940px; padding: 0; color: var(--ivory); background: #847c70; }
.media-city { min-height: 940px; background: linear-gradient(145deg, #b4a799 0%, #83827b 50%, #536060 100%); }
.media-city .media-photo { background-position: 53% 50%; }
.media-city::before { content:""; position:absolute; z-index:4; inset:0; background:linear-gradient(90deg,rgba(31,32,29,.44),rgba(31,32,29,.02) 68%); }
.city-sun { position:absolute; top:17%; right:13%; width:18vw; max-width:260px; aspect-ratio:1; background:rgba(229,205,168,.62); border-radius:50%; filter:blur(2px); }
.city-road { position:absolute; left:-8%; right:-8%; bottom:-31%; height:66%; background:#4d5654; transform:rotate(-5deg); }
.city-rider { position:absolute; z-index:2; right:27%; bottom:24%; width:28px; height:220px; background:#30322f; transform:rotate(10deg); }
.city-rider::before,.city-rider::after { content:""; position:absolute; top:112px; width:155px; aspect-ratio:1; border:5px solid #30322f; border-radius:50%; }
.city-rider::before { left:-126px; }.city-rider::after { right:-126px; }
.city-copy { position:absolute; z-index:6; left:var(--pad); bottom:54px; max-width:500px; }
.city-copy h2 { max-width:460px; margin-top:16px; font-size:clamp(32px,3.4vw,48px); line-height:1.05; letter-spacing:-.025em; font-weight:400; }
.city-copy > p:last-child { max-width:370px; margin-top:18px; color:rgba(255,255,255,.72); font-size:12px; line-height:1.55; }

/* Junior */
.junior { padding: var(--section-space) var(--pad); background: var(--pale-yellow); }
.junior-head { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:clamp(18px,2.4vw,38px); }
.junior-head .eyebrow { grid-column:1 / 4; padding-top:8px; }
.junior-head h2 { grid-column:4 / 9; font-size:clamp(44px,4.6vw,66px); line-height:1.04; letter-spacing:-.035em; font-weight:400; }
.junior-head > p:last-child { grid-column:10 / 13; padding-top:8px; font-size:14px; line-height:1.6; }
.media-junior { width:66%; min-height:680px; margin:120px 0 0 auto; }
.media-junior .media-photo { background-position: 56% 50%; }
.junior-sticker { position:absolute; z-index:4; top:20%; right:19%; width:48px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; color:#d9bd75; background:#9c776e; font-size:20px; transform:rotate(9deg); }
.junior-products { width:38%; margin:-500px 0 120px; position:relative; z-index:5; }
.junior-products article { position:relative; padding:22px 0 28px; border-top:1px solid var(--line); }
.junior-products article:last-child { border-bottom:1px solid var(--line); }
.junior-products article h3 { font-size:38px; line-height:1.15; font-weight:400; letter-spacing:-.025em; }
.junior-products article p { width:72%; margin-top:9px; color:var(--muted); font-size:12px; line-height:1.55; }
.junior-products .text-link { margin-top:22px; }
.age { position:absolute; top:26px; right:0; color:var(--muted); font-size:10px; font-weight:600; letter-spacing:.08em; }
.junior-next { margin-top:100px; padding:50px; color:var(--ivory); background:#464b44; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:end; gap:40px; }
.junior-next h3 { font-size:48px; line-height:1.1; letter-spacing:-.025em; font-weight:400; }

/* Collection index */
.explore { padding: var(--section-space) var(--pad); background: var(--ivory); }
.explore-head { display:grid; grid-template-columns:3fr 9fr; gap:38px; align-items:start; margin-bottom:90px; }
.explore-head h2 { font-size:clamp(38px,4vw,58px); line-height:1.05; letter-spacing:.025em; font-weight:400; }
.explore-list { border-top:1px solid var(--line); }
.explore-item {
  display:grid;
  grid-template-columns:70px minmax(260px,1.4fr) 1fr auto;
  align-items:center;
  min-height:126px;
  border-bottom:1px solid var(--line);
  transition:padding 380ms var(--ease), color 300ms ease;
}
.explore-item:hover { padding:0 16px; color:#695b54; }
.collection-number { color:var(--muted); font-size:9px; font-weight:600; letter-spacing:.12em; }
.explore-item h3 { font-size:clamp(30px,3.1vw,44px); line-height:1.15; letter-spacing:-.02em; font-weight:400; }
.explore-item p,.explore-item a { color:var(--muted); font-size:9px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.explore-item a { display:flex; align-items:center; gap:30px; color:var(--ink); }

/* Final */
.final-cta { min-height:900px; color:var(--ivory); background:#7c675d; }
.media-final { position:absolute; inset:0; min-height:100%; background:linear-gradient(145deg,#9b8376,#655d58 58%,#404a49); }
.media-final::before { content:""; position:absolute; z-index:4; inset:0; background:linear-gradient(90deg,rgba(28,29,26,.48),rgba(28,29,26,.04) 72%); }
.final-wheel { position:absolute; bottom:12%; width:21vw; max-width:300px; aspect-ratio:1; border:6px solid rgba(38,39,36,.62); border-radius:50%; }
.final-wheel--one { right:31%; }.final-wheel--two { right:7%; }
.final-rider { position:absolute; right:29%; bottom:38%; width:16%; height:28%; border:7px solid rgba(38,39,36,.62); border-width:0 0 7px 7px; transform:skew(-18deg) rotate(-7deg); }
.final-copy { position:relative; z-index:6; min-height:900px; padding:150px var(--pad) 62px; display:flex; flex-direction:column; align-items:flex-start; }
.final-copy h2 { margin-top:28px; font-size:clamp(54px,7vw,104px); line-height:.95; letter-spacing:.02em; font-weight:400; }
.final-copy > p:not(.eyebrow) { margin-top:22px; color:rgba(255,255,255,.74); font-size:13px; }
.button-link { display:inline-flex; justify-content:space-between; gap:48px; min-width:280px; margin-top:auto; padding:15px 0 9px; border-bottom:1px solid currentColor; font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.button-link span:last-child { transition:transform 280ms ease; }.button-link:hover span:last-child{transform:translate(3px,-3px)}

/* Local-only controls */
.dev-panel {
  position:fixed;
  z-index:150;
  right:16px;
  bottom:16px;
  width:228px;
  padding:13px;
  color:#eee;
  background:rgba(29,30,27,.92);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 8px 36px rgba(0,0,0,.16);
  backdrop-filter:blur(12px);
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:9px;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.dev-panel[hidden],
html[data-dev-ui-hidden="true"] .dev-panel {
  display: none !important;
}


html[data-dev-ui-hidden="true"] .media-filename,
html[data-dev-ui-hidden="true"] .dev-product-placeholder,
html[data-dev-ui-hidden="true"] .media-required-label,
html[data-dev-ui-hidden="true"] .media-required-file,
html[data-dev-ui-hidden="true"] .color-product-placeholder,
html[data-dev-mode="false"] .media-filename,
html[data-dev-mode="false"] .dev-product-placeholder,
html[data-dev-mode="false"] .media-required-label,
html[data-dev-mode="false"] .media-required-file,
html[data-dev-mode="false"] .color-product-placeholder {
  display: none !important;
}
.dev-title { display:flex; align-items:center; gap:7px; padding-bottom:9px; border-bottom:1px solid rgba(255,255,255,.14); font-weight:700; }
.dev-dot { width:5px; height:5px; border-radius:50%; background:#a9d68d; box-shadow:0 0 8px #a9d68d; }
.dev-control { display:flex; align-items:center; justify-content:space-between; margin-top:10px; }
.segmented { display:flex; border:1px solid rgba(255,255,255,.2); }
.segmented button { padding:4px 7px; color:#aaa; border:0; background:transparent; font:inherit; cursor:pointer; }
.segmented button[aria-pressed="true"] { color:#20211e; background:#d5dbc0; }
.future-toggle { display:flex; align-items:center; gap:7px; padding:0; color:#aaa; border:0; background:none; font:inherit; cursor:pointer; }
.future-toggle[aria-pressed="true"] { color:#d5dbc0; }
.toggle-track { position:relative; width:26px; height:14px; border:1px solid currentColor; border-radius:8px; }
.toggle-track i { position:absolute; top:2px; left:2px; width:8px; height:8px; border-radius:50%; background:currentColor; transition:transform 220ms ease; }
.future-toggle[aria-pressed="true"] .toggle-track i { transform:translateX(12px); }

/* Motion */
.reveal { opacity:0; transform:translateY(16px); transition:opacity 850ms var(--ease), transform 850ms var(--ease); }
.reveal.is-visible { opacity:1; transform:translateY(0); }
.tech-labels span { opacity:0; transform:translateY(8px); transition:opacity 520ms var(--ease),transform 520ms var(--ease); }
.tech-labels.is-visible span { opacity:1; transform:none; }
.tech-labels.is-visible span:nth-child(2){transition-delay:50ms}.tech-labels.is-visible span:nth-child(3){transition-delay:100ms}.tech-labels.is-visible span:nth-child(4){transition-delay:150ms}.tech-labels.is-visible span:nth-child(5){transition-delay:200ms}.tech-labels.is-visible span:nth-child(6){transition-delay:250ms}.tech-labels.is-visible span:nth-child(7){transition-delay:300ms}

/* Russian needs more room and a calmer measure than English. */
html[lang="ru"] .display-heading { max-width: 1040px; font-size: clamp(44px, 4.45vw, 64px); line-height: 1.08; letter-spacing: -0.018em; }
html[lang="ru"] .hero-copy h2 { max-width: 530px; font-size: clamp(42px, 4vw, 56px); line-height: 1.07; letter-spacing: -0.018em; }
html[lang="ru"] .product-title h2,
html[lang="ru"] .chapter-copy h2,
html[lang="ru"] .essentials-head h2,
html[lang="ru"] .colors-head h2,
html[lang="ru"] .junior-head h2 { font-size: clamp(42px, 4vw, 58px); line-height: 1.08; letter-spacing: -0.018em; }
html[lang="ru"] .city-copy h2 { font-size: clamp(30px, 3vw, 43px); line-height: 1.08; letter-spacing: -0.014em; }
html[lang="ru"] .explore-head h2 { letter-spacing: .045em; }

@media (max-width: 1100px) {
  :root { --pad:30px; --section-space:130px; }
  .hero { min-height:900px; }.hero .media-hero{grid-column:5 / 13;min-height:690px}.hero-copy{grid-column:1 / 5}.hero-copy h2{font-size:48px}
  .manifesto .display-heading{grid-column:4 / 12}.manifesto-copy{grid-column:4 / 10}.media-story{grid-column:5 / 13}
  .product-title h2{grid-column:6 / 12}.product-section .media-product{grid-column:1 / 9;min-height:650px}.product-copy,.feature-row{grid-column:9 / 13;padding-left:18px}
  .chapter-copy{grid-column:1 / 6}.media-chapter{grid-column:6 / 13;min-height:650px}
  .essentials-head h2,.colors-head h2,.junior-head h2{grid-column:4 / 10}.essentials-head>p:last-child,.colors-head>p:last-child,.junior-head>p:last-child{grid-column:10 / 13}.media-detail{grid-column:1 / 8}.essential-list{grid-column:8 / 13;padding-left:24px}
  .media-junior{min-height:600px}.junior-products{width:43%}
}

@media (max-width: 820px) {
  :root { --pad:20px; --header-h:66px; --section-space:96px; }
  .hero { min-height:auto; padding-top:calc(var(--header-h) + 42px); padding-bottom:100px; display:flex; flex-direction:column; gap:0; }
  .hero-heading { order:1; }.hero h1{margin-top:18px;font-size:31px}.hero-heading .eyebrow{font-size:8px}
  .hero .media-hero { order:2; width:calc(100% + var(--pad)); min-height:58svh; margin:48px 0 0; }
  .hero-copy { order:3; padding:48px 0 0; }
  .hero-copy h2,html[lang="ru"] .hero-copy h2 { max-width:520px; font-size:42px; line-height:1.07; letter-spacing:-.018em; }
  .hero-copy p{font-size:15px}.scroll-cue{display:none}
  .manifesto-inner { display:block; }.manifesto .display-heading,html[lang="ru"] .manifesto .display-heading{margin-top:38px;font-size:42px;line-height:1.08;letter-spacing:-.018em}.manifesto-copy{display:block;margin-top:62px;font-size:16px}.manifesto-copy .quiet{margin-top:25px}.media-story{min-height:62svh;margin:90px calc(-1 * var(--pad)) 0 0}
  .product-section { display:block; }.product-title{display:block}.product-title h2,html[lang="ru"] .product-title h2{max-width:560px;margin-top:38px;font-size:42px;line-height:1.08;letter-spacing:-.018em}.product-section .media-product{min-height:62svh;margin:70px calc(-1 * var(--pad)) 0 0}.product-copy{margin:42px 0 0;padding:0}.feature-row{margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.feature-row span{padding:12px 0}.feature-row span:nth-child(odd){border-right:1px solid var(--line)}.feature-row span:nth-child(even){padding-left:16px}.heritage-editorial{display:grid;grid-template-columns:1fr;gap:28px;margin-top:100px;padding-top:65px}.media-heritage-lifestyle{min-height:62svh}.media-heritage-detail{width:68%;min-height:300px;margin-left:auto}
  .chapter-layout{display:flex;flex-direction:column}.chapter-copy h2,html[lang="ru"] .chapter-copy h2{margin-top:34px;font-size:42px;line-height:1.08;letter-spacing:-.018em}.media-chapter{min-height:64svh;margin:68px calc(-1 * var(--pad)) 0}.chapter-features{width:100%;margin-top:36px;gap:14px}
  .aera-head{display:block}.aera-head h2{font-size:25vw}.aera-headline{margin-top:32px;font-size:38px}.media-aera{width:calc(100% + 2 * var(--pad));min-height:60svh;margin:68px calc(-1 * var(--pad)) 0}.aera-intro{width:100%;margin:38px 0 90px}.tech-cluster{display:block}.tech-labels{margin-top:26px}
  .essentials { display:block; }.essentials-head,.colors-head,.junior-head{display:block}.essentials-head h2,.colors-head h2,.junior-head h2,html[lang="ru"] .essentials-head h2,html[lang="ru"] .colors-head h2,html[lang="ru"] .junior-head h2{margin-top:38px;font-size:42px;line-height:1.08;letter-spacing:-.018em}.essentials-head>p:last-child,.colors-head>p:last-child,.junior-head>p:last-child{margin-top:26px}.media-detail{min-height:62svh;margin:75px 0 0 calc(-1 * var(--pad));width:calc(100% + var(--pad))}.essential-list{margin:55px 0 0;padding:0}.essential-item p{max-width:420px}
  .safety-copy{width:100%}.safety-copy h2{font-size:44px;line-height:1.07}.safety-copy>p:last-child{width:100%;margin-left:0}.media-safety{width:calc(100% + 2 * var(--pad));min-height:60svh;margin:70px calc(-1 * var(--pad)) 0}.stats-row{width:100%;gap:15px}.stat strong{font-size:36px}
  .colors-head h2{max-width:520px}.media-colors{min-height:380px;margin:75px calc(-1 * var(--pad)) 0}.helmet-lineup{padding:0 2%}.helmet-mini{width:17%}.color-legend{display:block}.swatch-list{margin-top:22px}.edition-list{display:block}.edition{min-height:120px;border-right:0;border-bottom:1px solid var(--line)}.edition:not(:first-child){padding-left:0}
  .city,.media-city{min-height:760px}.city-copy{bottom:42px;width:calc(100% - 2 * var(--pad))}.city-copy h2,html[lang="ru"] .city-copy h2{font-size:37px;line-height:1.08}.city-rider{right:36%;transform:scale(.75) rotate(10deg)}
  .media-junior{width:calc(100% + var(--pad));min-height:62svh;margin:75px calc(-1 * var(--pad)) 0 0}.junior-products{width:100%;margin:50px 0 80px}.junior-next{display:block;margin:0 calc(-1 * var(--pad));padding:42px 20px}.junior-next h3{margin-top:28px}.junior-next p{margin-top:16px}.junior-next .text-link{margin-top:28px}
  .explore-head{display:block;margin-bottom:60px}.explore-head h2{margin-top:36px;font-size:38px}.explore-item{grid-template-columns:42px 1fr auto;min-height:112px}.explore-item h3{font-size:30px}.explore-item p{grid-column:2}.explore-item a{grid-column:3;grid-row:1 / 3}.explore-item a span:first-child{display:none}
  .final-cta,.final-copy{min-height:760px}.final-copy{padding-top:110px}.final-copy h2{font-size:58px}.final-wheel{width:40vw}.final-wheel--one{right:44%}.final-rider{right:38%}
  .dev-panel{right:8px;bottom:8px;width:210px}
}

@media (max-width: 430px) {
  .hero-copy h2,html[lang="ru"] .hero-copy h2,.manifesto .display-heading,html[lang="ru"] .manifesto .display-heading,.product-title h2,html[lang="ru"] .product-title h2,.chapter-copy h2,html[lang="ru"] .chapter-copy h2,.essentials-head h2,html[lang="ru"] .essentials-head h2,.colors-head h2,html[lang="ru"] .colors-head h2,.junior-head h2,html[lang="ru"] .junior-head h2{font-size:37px}.city-copy h2,html[lang="ru"] .city-copy h2{font-size:34px}.explore-head h2{font-size:33px}.final-copy h2{font-size:50px}.text-link{min-width:210px}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal,.tech-labels span { opacity:1; transform:none; }
  .media-photo { transform:none; }
}

/* Editorial polish pass: tighter pacing, asymmetric detail stories, quiet interaction. */
:root { --section-space: clamp(98px, 9vw, 144px); }

main > section[id] { scroll-margin-top: calc(var(--header-h) + 22px); }
a:focus-visible,
button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}
.site-nav a[aria-current="location"]::after { transform: scaleX(1); transform-origin: left; }
.header-cta { padding: 12px 0 8px; }
.text-link,
.button-link { min-height: 42px; padding-top: 12px; }
.text-link:focus-visible,
.button-link:focus-visible { outline-offset: 3px; }

.hero {
  min-height: 900px;
  padding-bottom: 92px;
}
.hero .media-hero { min-height: 700px; }

/* Origin story */
.manifesto-copy { margin-top: 66px; }
.origin-note {
  grid-column: 10 / 13;
  grid-row: 2;
  align-self: start;
  margin-top: 66px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.origin-note strong {
  display: block;
  font-size: clamp(42px, 4vw, 58px);
  line-height: 1;
  font-weight: 300;
  letter-spacing: -.035em;
}
.origin-note p {
  max-width: 245px;
  margin-top: 16px;
  color: #65625c;
  font-size: 12px;
  line-height: 1.6;
}
.media-story {
  grid-column: 3 / 12;
  min-height: 560px;
  margin-top: 96px;
}
.media-story .media-photo { background-position: 50% 50%; }

/* Heritage remains the visual benchmark; only its cadence is tightened. */
.product-section .media-product { min-height: 700px; margin-top: 86px; }
.product-copy { margin-top: 240px; }
.feature-row { margin-top: 52px; }
.heritage-editorial { margin-top: 132px; padding-top: 70px; }
.media-heritage-lifestyle { min-height: 660px; }
.media-heritage-detail { min-height: 360px; }

/* Chapter product study */
.chapter-layout { grid-template-rows: auto auto; }
.chapter-copy { grid-column: 1 / 5; grid-row: 1; }
.media-chapter {
  grid-column: 6 / 13;
  grid-row: 1;
  min-height: 530px;
  background: #bd8c4d;
}
.media-chapter .media-photo {
  inset: -2%;
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.media-chapter-detail {
  z-index: 3;
  grid-column: 4 / 7;
  grid-row: 2;
  min-height: 250px;
  margin-top: -74px;
  background: #28343b;
}
.media-chapter-detail .media-photo { background-position: 50% 50%; }
.chapter-features { width: 53%; margin-top: 18px; }

/* Designed into every detail */
.essentials { display: block; }
.essentials-head {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(18px, 2.4vw, 38px);
}
.essentials-head .eyebrow { grid-column: 1 / 4; }
.essentials-head h2 { grid-column: 4 / 9; }
.essentials-head > p:last-child { grid-column: 10 / 13; color: #5f5d57; }
.detail-spread {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: auto auto;
  column-gap: clamp(18px, 2.4vw, 38px);
  row-gap: 42px;
  margin-top: 86px;
}
.detail-study { margin: 0; }
.detail-study .media { min-height: 420px; }
.detail-study--poplock { grid-column: 1 / 6; grid-row: 1; }
.detail-study--buckle { grid-column: 8 / 13; grid-row: 1; margin-top: 118px; }
.detail-study--buckle .media { min-height: 510px; }
.detail-study--fit { grid-column: 2 / 8; grid-row: 2; margin-top: 18px; }
.detail-study--fit .media { min-height: 550px; }
.detail-study--vents { grid-column: 9 / 13; grid-row: 2; align-self: end; margin-bottom: 58px; }
.detail-study--vents .media { min-height: 365px; }
.detail-study--poplock .media-photo { background-position: 50% 54%; }
.detail-study--buckle .media-photo { background-position: 50% 50%; }
.detail-study--fit .media-photo { background-position: 66% 50%; }
.detail-study--vents .media-photo { background-position: 52% 50%; }
.detail-study figcaption {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 4px 14px;
  padding-top: 13px;
  border-top: 1px solid var(--line);
}
.detail-study figcaption > span {
  grid-row: 1 / 3;
  padding-top: 3px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
}
.detail-study figcaption strong {
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
}
.detail-study figcaption p {
  max-width: 290px;
  color: #66635d;
  font-size: 11px;
  line-height: 1.55;
}

/* Honest single-colour product study, ready for future edition photography. */
.color-study {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  gap: 24px;
  margin-top: 86px;
}
.color-product { grid-column: span 3; margin: 0; }
.color-product--pair { grid-column: 1 / 7; }
.color-product:nth-child(2) { grid-column: 8 / 10; }
.color-product:nth-child(3) { grid-column: 10 / 13; }
.color-product .media { min-height: 420px; background: #e3e2dc; }
.color-product--pair .media { min-height: 480px; background: #bd8c4d; }
.color-product--pair .media-photo { background-position: 50% 50%; }
.media--product-cutout .media-photo {
  inset: 0;
  background-color: #e3e2dc;
  background-blend-mode: multiply;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.color-product figcaption {
  padding-top: 12px;
  color: #5f5d57;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.color-legend { margin-top: 38px; }
.edition { min-height: 145px; }

/* Lifestyle is a visual pause. */
.city,
.media-city { min-height: 780px; }
.city-copy { bottom: 48px; }
.city-copy h2 { max-width: 430px; }

/* Chapter safety story */
.safety-engineering {
  padding: var(--section-space) var(--pad);
  color: #f1eee7;
  background: #202321;
}
.safety-engineering-head {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(18px, 2.4vw, 38px);
}
.safety-engineering-head .eyebrow { grid-column: 1 / 4; padding-top: 8px; color: rgba(255,255,255,.66); }
.safety-engineering-head h2 {
  grid-column: 4 / 10;
  max-width: 720px;
  font-size: clamp(46px, 4.7vw, 68px);
  line-height: 1.04;
  letter-spacing: -.035em;
  font-weight: 400;
}
.safety-engineering-head > p:last-child {
  grid-column: 10 / 13;
  padding-top: 8px;
  color: rgba(255,255,255,.68);
  font-size: 14px;
  line-height: 1.65;
}
.safety-engineering-visual {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  column-gap: clamp(18px, 2.4vw, 38px);
  margin-top: 88px;
}
.media-safety-product { grid-column: 1 / 9; min-height: 610px; background: #56605c; }
.media-safety-product .media-photo {
  inset: 0;
  background-color: #56605c;
  background-blend-mode: multiply;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.media-safety-detail { grid-column: 10 / 13; min-height: 330px; background: #2b3439; }
.safety-engineering-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 34px;
  margin-top: 42px;
  border-top: 1px solid rgba(255,255,255,.24);
}
.safety-engineering-item { display: grid; grid-template-columns: 38px 1fr; gap: 5px 14px; padding-top: 18px; }
.safety-engineering-item .num { grid-row: 1 / 3; color: rgba(255,255,255,.48); font-size: 9px; font-weight: 600; }
.safety-engineering-item h3 { font-size: 17px; line-height: 1.35; font-weight: 500; }
.safety-engineering-item p { max-width: 300px; color: rgba(255,255,255,.65); font-size: 11px; line-height: 1.6; }
.aera-safety-layer { margin-top: 92px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.24); }
.aera-safety-layer .eyebrow { color: #d4ddae; }
.aera-safety-layer .tech-labels { margin-top: 28px; }

/* Junior uses a product/editorial split instead of another stacked intro. */
.junior {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: auto auto auto;
  column-gap: clamp(18px, 2.4vw, 38px);
}
.junior-head { grid-column: 9 / 13; grid-row: 1; display: block; align-self: start; }
.junior-head h2 { margin-top: 28px; }
.junior-head > p:last-child { margin-top: 26px; padding-top: 0; color: #615f58; }
.media-junior {
  grid-column: 1 / 8;
  grid-row: 1 / 3;
  width: auto;
  min-height: 610px;
  margin: 0;
}
.media-junior-detail {
  z-index: 4;
  grid-column: 6 / 9;
  grid-row: 3;
  min-height: 250px;
  margin-top: -86px;
  background: #e9ddba;
}
.media-junior-detail .media-photo { background-position: 50% 50%; }
.junior-products {
  grid-column: 9 / 13;
  grid-row: 2 / 4;
  align-self: end;
  width: auto;
  margin: 58px 0 0;
}
.junior-products article p { color: #625f58; }
.junior-next { grid-column: 1 / 13; grid-row: 4; }

/* Full-row collection links with optional desktop preview. */
.explore {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(18px, 2.4vw, 38px);
}
.explore-head { grid-column: 1 / 10; display: block; margin-bottom: 62px; }
.explore-head h2 { margin-top: 30px; }
.explore-list { grid-column: 1 / 10; }
.collection-preview {
  grid-column: 10 / 13;
  grid-row: 1 / 3;
  min-height: 370px;
  align-self: center;
  background-position: center;
  background-size: cover;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 280ms ease, transform 450ms var(--ease);
}
.collection-preview.is-visible { opacity: 1; transform: none; }
.explore-item {
  grid-template-columns: 60px minmax(220px, 1.3fr) 1fr auto;
  min-height: 116px;
  transition: padding 380ms var(--ease), color 300ms ease, background-color 300ms ease;
}
.explore-item:hover,
.explore-item:focus-visible {
  padding: 0 12px;
  color: #695b54;
  background: rgba(39,39,36,.025);
}
.explore-item:focus-visible { outline-offset: -2px; }
.explore-action {
  display: flex;
  align-items: center;
  gap: 30px;
  color: var(--ink);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.final-cta,
.final-copy { min-height: 780px; }
.media-final .media-photo { background-position: 50% 50%; }
.final-copy { padding-top: 124px; }

html[lang="ru"] .origin-note strong { letter-spacing: -.018em; }
html[lang="ru"] .safety-engineering-head h2 {
  max-width: 760px;
  font-size: clamp(42px, 4.15vw, 60px);
  line-height: 1.09;
  letter-spacing: -.016em;
}

@media (max-width: 1100px) {
  :root { --section-space: 108px; }
  .hero { min-height: 840px; }
  .hero .media-hero { min-height: 640px; }
  .origin-note { grid-column: 9 / 13; }
  .media-story { grid-column: 3 / 13; min-height: 510px; }
  .product-section .media-product { min-height: 610px; }
  .product-copy { margin-top: 190px; }
  .media-chapter { min-height: 490px; }
  .detail-study--buckle .media { min-height: 440px; }
  .detail-study--fit .media { min-height: 490px; }
  .color-product .media { min-height: 350px; }
  .color-product--pair .media { min-height: 420px; }
  .media-safety-product { min-height: 520px; }
  .junior-head { grid-column: 8 / 13; }
  .media-junior { grid-column: 1 / 7; min-height: 560px; }
  .media-junior-detail { grid-column: 5 / 8; }
  .junior-products { grid-column: 8 / 13; }
  .collection-preview { min-height: 310px; }
}

@media (max-width: 820px) {
  :root { --section-space: 82px; }
  .hero { min-height: auto; padding-bottom: 82px; }
  .hero .media-hero { min-height: 56svh; }
  .manifesto .display-heading { margin-top: 36px; }
  .manifesto-copy { margin-top: 52px; }
  .origin-note { margin-top: 52px; }
  .origin-note strong { font-size: 44px; }
  .media-story { width: calc(100% + var(--pad)); min-height: 55svh; margin: 72px calc(-1 * var(--pad)) 0 0; }
  .product-section .media-product { min-height: 58svh; margin-top: 60px; }
  .heritage-editorial { margin-top: 78px; padding-top: 54px; }
  .media-heritage-lifestyle { min-height: 58svh; }
  .chapter-layout { display: block; }
  .media-chapter { min-height: 52svh; margin: 58px calc(-1 * var(--pad)) 0; }
  .media-chapter-detail { width: 56%; min-height: 230px; margin: -54px 0 0 auto; }
  .chapter-features { width: 100%; margin-top: 34px; }
  .essentials-head { display: block; }
  .essentials-head h2 { margin-top: 36px; }
  .essentials-head > p:last-child { max-width: 420px; margin-top: 24px; padding: 0; }
  .detail-spread {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: 62px 24px;
    margin-top: 64px;
  }
  .detail-study--poplock,
  .detail-study--buckle,
  .detail-study--fit,
  .detail-study--vents { grid-column: auto; grid-row: auto; margin: 0; align-self: auto; }
  .detail-study .media,
  .detail-study--buckle .media,
  .detail-study--fit .media,
  .detail-study--vents .media { min-height: 44vw; }
  .colors-head { display: block; }
  .colors-head h2 { margin-top: 36px; }
  .colors-head > p:last-child { max-width: 420px; margin-top: 24px; padding: 0; }
  .color-study { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 64px; }
  .color-product--pair { grid-column: 1 / 3; }
  .color-product:nth-child(2),
  .color-product:nth-child(3) { grid-column: auto; }
  .color-product .media { min-height: 46vw; }
  .color-product--pair .media { min-height: 56vw; }
  .city,
  .media-city { min-height: 700px; }
  .safety-engineering-head { display: block; }
  .safety-engineering-head h2 { max-width: 620px; margin-top: 36px; }
  .safety-engineering-head > p:last-child { max-width: 420px; margin-top: 26px; padding: 0; }
  .safety-engineering-visual { grid-template-columns: 1.6fr .8fr; gap: 22px; margin-top: 62px; }
  .media-safety-product { grid-column: 1; min-height: 58vw; }
  .media-safety-detail { grid-column: 2; min-height: 34vw; }
  .safety-engineering-list { gap: 18px; }
  .safety-engineering-item { display: block; }
  .safety-engineering-item h3 { margin-top: 12px; }
  .safety-engineering-item p { margin-top: 6px; }
  .junior { display: block; }
  .junior-head { max-width: 620px; }
  .junior-head h2 { margin-top: 36px; }
  .media-junior { width: calc(100% + var(--pad)); min-height: 58svh; margin: 62px calc(-1 * var(--pad)) 0 0; }
  .media-junior-detail { width: 48%; min-height: 230px; margin: -58px 0 0 auto; }
  .junior-products { width: 100%; margin: 48px 0 0; }
  .explore { display: block; }
  .explore-head { margin-bottom: 48px; }
  .collection-preview { display: none; }
  .explore-item { grid-template-columns: 42px 1fr auto; min-height: 104px; }
  .explore-item p { grid-column: 2; }
  .explore-action { grid-column: 3; grid-row: 1 / 3; }
  .explore-action span:first-child { display: none; }
  .final-cta,
  .final-copy { min-height: 700px; }
}

@media (max-width: 520px) {
  :root { --section-space: 68px; }
  .hero .media-hero { min-height: 52svh; }
  .manifesto .display-heading,
  html[lang="ru"] .manifesto .display-heading,
  .product-title h2,
  html[lang="ru"] .product-title h2,
  .chapter-copy h2,
  html[lang="ru"] .chapter-copy h2,
  .essentials-head h2,
  html[lang="ru"] .essentials-head h2,
  .colors-head h2,
  html[lang="ru"] .colors-head h2,
  .junior-head h2,
  html[lang="ru"] .junior-head h2,
  .safety-engineering-head h2,
  html[lang="ru"] .safety-engineering-head h2 { font-size: 35px; line-height: 1.1; letter-spacing: -.012em; }
  .origin-note { margin-left: 26%; }
  .media-story { min-height: 48svh; }
  .product-section .media-product { min-height: 52svh; }
  .media-heritage-lifestyle { min-height: 52svh; }
  .media-heritage-detail { width: 78%; min-height: 260px; }
  .media-chapter { min-height: 48svh; }
  .media-chapter-detail { width: 68%; min-height: 210px; }
  .detail-spread { display: block; }
  .detail-study { margin-top: 56px; }
  .detail-study:first-child { margin-top: 0; }
  .detail-study--buckle,
  .detail-study--vents { width: 78%; margin-left: auto; }
  .detail-study .media,
  .detail-study--buckle .media,
  .detail-study--fit .media,
  .detail-study--vents .media { min-height: 76vw; }
  .color-product .media { min-height: 62vw; }
  .color-product--pair .media { min-height: 68vw; }
  .swatch-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .city,
  .media-city { min-height: 640px; }
  .city-copy h2,
  html[lang="ru"] .city-copy h2 { font-size: 32px; }
  .safety-engineering-visual { display: block; }
  .media-safety-product { min-height: 78vw; }
  .media-safety-detail { width: 60%; min-height: 52vw; margin: -34px 0 0 auto; }
  .safety-engineering-list { display: block; margin-top: 36px; }
  .safety-engineering-item { padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.18); }
  .safety-engineering-item p { max-width: 260px; }
  .media-junior { min-height: 52svh; }
  .media-junior-detail { width: 64%; min-height: 54vw; }
  .explore-item h3 { font-size: 27px; }
  .final-cta,
  .final-copy { min-height: 650px; }
  .dev-panel {
    right: 8px;
    bottom: 8px;
    width: calc(100% - 16px);
    min-height: 42px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .dev-title { padding: 0; border: 0; }
  .dev-control { gap: 7px; margin: 0; }
  .dev-control > span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .collection-preview,
  .explore-item { transition: none; }
}

/* Structural integration pass: a persistent secondary brand navigation that
   can sit directly below the host site's own header. */
:root {
  --site-header-height: 0px;
  --brand-nav-height: 46px;
}

.secondary-brand-nav {
  position: sticky;
  z-index: 100;
  top: var(--site-header-height, 0px);
  width: 100%;
  height: var(--brand-nav-height);
  padding: 0 var(--pad);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(18px, 3vw, 46px);
  color: var(--ink);
  background: rgba(243, 240, 232, .91);
  border-bottom: 1px solid rgba(39, 39, 36, .13);
  backdrop-filter: blur(14px);
  transition: background-color 240ms ease, box-shadow 240ms ease;
}

.secondary-brand-nav.is-scrolled {
  background: rgba(243, 240, 232, .97);
  box-shadow: 0 7px 20px rgba(39, 39, 36, .045);
}

.secondary-brand-nav .wordmark {
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 1;
}

.secondary-brand-nav .site-nav {
  position: static;
  min-width: 0;
  height: 100%;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: clamp(20px, 3vw, 44px);
  overflow-x: auto;
  color: var(--ink);
  background: transparent;
  border: 0;
  opacity: 1;
  transform: none;
  pointer-events: auto;
  scrollbar-width: none;
}

.secondary-brand-nav .site-nav::-webkit-scrollbar { display: none; }
.secondary-brand-nav .site-nav a { flex: 0 0 auto; }
.secondary-brand-nav .header-cta {
  display: block;
  justify-self: end;
  flex: 0 0 auto;
  padding: 8px 0 5px;
  white-space: nowrap;
}

main > section[id] {
  scroll-margin-top: calc(var(--site-header-height, 0px) + var(--brand-nav-height) + 16px);
}

.hero {
  min-height: max(760px, calc(100svh - var(--site-header-height, 0px) - var(--brand-nav-height)));
  padding-top: 62px;
}

/* Technology is one story: daily use first, protection second. */
.technology-intro {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(18px, 2.4vw, 38px);
  margin-bottom: 92px;
  padding-bottom: 78px;
  border-bottom: 1px solid var(--line);
}

.technology-intro .eyebrow { grid-column: 1 / 4; padding-top: 8px; }
.technology-intro > p:last-child {
  grid-column: 4 / 10;
  max-width: 690px;
  font-size: clamp(25px, 2.5vw, 36px);
  line-height: 1.18;
  letter-spacing: -.018em;
}

.origin-note p,
.essentials-head h2,
.safety-engineering-head h2 { white-space: pre-line; }

.detail-study figcaption strong { font-size: 14px; }
.detail-study figcaption p {
  color: #55524d;
  font-size: 12px;
  line-height: 1.62;
}

/* The colour row is an explicit, non-interactive legend. */
.color-legend {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 36px;
  margin-top: 38px;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}
.color-legend .swatch { cursor: default; }

/* Chapter safety remains concise; Aera expands only when future content is on. */
.safety-engineering-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 72%;
  margin-left: auto;
}

.aera-safety-layer {
  margin-top: 104px;
  padding-top: 30px;
}

.aera-safety-intro {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(18px, 2.4vw, 38px);
}
.aera-safety-intro .eyebrow { grid-column: 1 / 4; grid-row: 1; }
.aera-safety-intro h3 {
  grid-column: 1 / 4;
  grid-row: 2;
  margin: 24px 0 0;
  font-size: clamp(42px, 4vw, 58px);
  line-height: 1;
  font-weight: 400;
  letter-spacing: .04em;
}
.aera-safety-intro > p:last-child {
  grid-column: 5 / 10;
  grid-row: 2;
  max-width: 570px;
  color: rgba(255,255,255,.68);
  font-size: 14px;
  line-height: 1.65;
}
.aera-safety-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(28px, 4vw, 64px);
  width: 72%;
  margin: 56px 0 0 auto;
}
.aera-safety-item {
  display: grid;
  grid-template-columns: minmax(105px, .7fr) 1.3fr;
  gap: 20px;
  padding: 16px 0;
  border-top: 1px solid rgba(255,255,255,.2);
}
.aera-safety-item h4 {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
}
.aera-safety-item p {
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: 11px;
  line-height: 1.55;
}

@media (max-width: 1100px) {
  .secondary-brand-nav {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .secondary-brand-nav .site-nav {
    position: static;
    padding: 0 8px;
    justify-content: flex-start;
    flex-direction: row;
  }
  .secondary-brand-nav .header-cta { display: block; }
  .safety-engineering-list,
  .aera-safety-list { width: 100%; }
}

@media (max-width: 820px) {
  .secondary-brand-nav {
    padding: 0 14px;
    gap: 8px;
  }
  .secondary-brand-nav .site-nav {
    gap: 20px;
    padding: 0 10px;
  }
  .secondary-brand-nav .site-nav a,
  .secondary-brand-nav .header-cta { font-size: 8.5px; }
  .secondary-brand-nav .header-cta { padding-bottom: 4px; }
  .hero { min-height: auto; padding-top: 42px; }
  .technology-intro {
    display: block;
    margin-bottom: 66px;
    padding-bottom: 58px;
  }
  .technology-intro > p:last-child {
    max-width: 560px;
    margin-top: 30px;
    font-size: 27px;
  }
  .color-legend { display: block; }
  .color-legend .swatch-list { margin-top: 22px; }
  .safety-engineering-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aera-safety-intro { display: block; }
  .aera-safety-intro h3 { margin-top: 22px; }
  .aera-safety-intro > p:last-child { max-width: 520px; margin-top: 24px; }
  .aera-safety-list { margin-top: 44px; }
}

@media (max-width: 520px) {
  .secondary-brand-nav .wordmark { font-size: 10px; }
  .secondary-brand-nav .site-nav { gap: 18px; }
  .technology-intro > p:last-child { font-size: 24px; }
  .safety-engineering-list,
  .aera-safety-list { display: block; }
  .aera-safety-item { grid-template-columns: 1fr; gap: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  .secondary-brand-nav { transition: none; }
}

/* Product communication pass: preserve the editorial art direction while
   making product copy, feature hierarchy, and conversion actions explicit. */
body { font-size: 17px; }

.text-link,
.button-link {
  font-size: 14px;
  letter-spacing: .075em;
}

.hero-copy p,
.manifesto-copy,
.product-copy p,
.chapter-copy > p:not(.eyebrow),
.essentials-head > p:last-child,
.colors-head > p:last-child,
.junior-head > p[data-i18n="junior.text"],
.junior-products article p,
.final-copy > p:not(.eyebrow) {
  font-size: 17px;
  line-height: 1.65;
}

.product-copy p,
.chapter-copy > p:not(.eyebrow),
.junior-head > p[data-i18n="junior.text"] {
  font-size: 18px;
  line-height: 1.62;
}

.manifesto-copy .quiet { font-size: 14px; line-height: 1.65; }
.origin-note p { max-width: 310px; font-size: 16px; line-height: 1.62; }
.media-meta,
.image-caption,
.age { font-size: 13px; }

/* Shared vs model-specific features stay typographic, never card-like. */
.model-feature-groups {
  display: grid;
  gap: 46px;
}

.heritage-features {
  grid-column: 9 / 13;
  grid-row: 3;
  align-self: start;
  margin-top: 52px;
}

.product-copy { grid-column: 9 / 13; margin-top: 180px; }

.model-feature-group { padding-top: 16px; border-top: 1px solid var(--line); }
.model-feature-list { display: grid; gap: 9px; margin-top: 20px; }
.model-feature-list span {
  display: block;
  color: #4f4d48;
  font-size: 16px;
  line-height: 1.42;
}

.heritage-editorial { grid-row: 4; }

.chapter-model-features {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(50px, 7vw, 110px);
  width: 62%;
  margin: 72px 0 0 auto;
}

.jr-feature-group { margin-top: 52px; }
.jr-feature-group .model-feature-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 22px;
}

/* Four disciplined modules: one rail on desktop, 2×2 tablet, one column mobile. */
.detail-spread {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: auto;
  gap: clamp(20px, 2.4vw, 38px);
  align-items: start;
  margin-top: 86px;
}

.detail-study--poplock,
.detail-study--buckle,
.detail-study--fit,
.detail-study--vents {
  grid-column: auto;
  grid-row: auto;
  width: auto;
  margin: 0;
  align-self: start;
}

.detail-study .media,
.detail-study--buckle .media,
.detail-study--fit .media,
.detail-study--vents .media {
  min-height: 0;
  aspect-ratio: 4 / 5;
}

.detail-study .media::after { box-shadow: none; }
.detail-study figcaption {
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 6px 12px;
  padding-top: 18px;
  border-top: 0;
}
.detail-study figcaption > span { font-size: 12px; }
.detail-study figcaption strong { font-size: 17px; line-height: 1.4; }
.detail-study figcaption p {
  max-width: 330px;
  color: #514f4a;
  font-size: 15px;
  line-height: 1.58;
}

/* Public Chapter safety duplication is removed. This remains future-only. */
.aera-safety-section {
  padding: var(--section-space) var(--pad);
  color: #f1eee7;
  background: #202321;
}
.aera-safety-section .aera-safety-intro h2 {
  grid-column: 1 / 4;
  grid-row: 2;
  margin: 24px 0 0;
  font-size: clamp(42px, 4vw, 58px);
  line-height: 1;
  font-weight: 400;
  letter-spacing: .04em;
}
.aera-safety-item h4 { font-size: 16px; }
.aera-safety-item p { font-size: 14px; line-height: 1.6; }

/* Real colour switcher — only options with local photographs are rendered. */
.color-stage { margin: 86px 0 0; }
.color-stage-media {
  min-height: clamp(520px, 54vw, 760px);
  background: #bd8c4d;
}
.color-stage-media .media-photo {
  inset: 0;
  transform: scale(1);
  transition: opacity 230ms ease, transform 280ms var(--ease);
}
.color-stage-media.is-changing .media-photo { opacity: .18; transform: scale(1.012); }
.color-stage-caption {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: 15px;
  color: #5d5a54;
  font-size: 14px;
  line-height: 1.4;
}
.color-stage-caption strong { color: var(--ink); font-size: 16px; font-weight: 500; }
.color-switcher {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 36px;
  margin-top: 38px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.swatch-list { align-items: center; gap: 10px 30px; }
.swatch-option { display: block; }
.swatch {
  position: relative;
  padding: 8px 0 10px;
  color: #5f5d57;
  background: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: .055em;
  text-transform: uppercase;
  cursor: pointer;
}
.swatch i { width: 14px; height: 14px; }
.swatch:hover,
.swatch.is-active { color: var(--ink); border-bottom-color: currentColor; }

/* Collection is a conversion surface, not internal page navigation. */
.explore-head h2 { max-width: 760px; }
.explore-item {
  grid-template-columns: 54px minmax(220px, 1.2fr) 1fr auto;
  cursor: pointer;
}
.collection-number { font-size: 13px; }
.explore-item p {
  color: #5d5a54;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.explore-action { font-size: 14px; letter-spacing: .065em; }
.explore-item--unavailable { cursor: default; }
.explore-item--unavailable:hover {
  padding: 0;
  color: var(--ink);
  background: transparent;
}
.collection-all {
  grid-column: 1 / 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 34px;
  padding: 18px 0 12px;
  border-bottom: 1px solid currentColor;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.collection-all[aria-disabled="true"] { color: #74716b; cursor: default; }
.button-link[aria-disabled="true"] { color: rgba(255,255,255,.62); cursor: default; }

@media (max-width: 1100px) {
  .heritage-features { gap: 34px; }
  .chapter-model-features { width: 72%; }
  .detail-spread { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 68px 30px; }
  .detail-study .media,
  .detail-study--buckle .media,
  .detail-study--fit .media,
  .detail-study--vents .media { min-height: 0; aspect-ratio: 4 / 5; }
}

@media (max-width: 820px) {
  body { font-size: 16px; }
  .product-copy { margin: 42px 0 0; padding: 0; }
  .hero-copy p,
  .manifesto-copy,
  .product-copy p,
  .chapter-copy > p:not(.eyebrow),
  .essentials-head > p:last-child,
  .colors-head > p:last-child,
  .junior-head > p[data-i18n="junior.text"],
  .final-copy > p:not(.eyebrow),
  .junior-products article p { font-size: 16px; }
  .model-feature-groups,
  .chapter-model-features { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 34px; margin-top: 58px; }
  .heritage-features { display: grid; padding: 0; }
  .jr-feature-group .model-feature-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .detail-spread { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 62px 24px; }
  .color-stage { margin-top: 62px; }
  .color-stage-media { min-height: 62vw; }
  .color-switcher { display: block; }
  .color-switcher .swatch-list { margin-top: 22px; }
  .aera-safety-section .aera-safety-intro h2 { margin-top: 22px; }
  .explore-item {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 8px 14px;
    padding: 22px 0;
  }
  .explore-item h3 { grid-column: 2; }
  .explore-item p { grid-column: 2; }
  .explore-action {
    grid-column: 2;
    grid-row: auto;
    justify-self: start;
    margin-top: 10px;
  }
  .explore-action span:first-child { display: inline; }
  .collection-all { width: 100%; margin-top: 28px; font-size: 14px; }
}

@media (max-width: 600px) {
  .model-feature-groups,
  .chapter-model-features { grid-template-columns: 1fr; gap: 42px; }
  .jr-feature-group .model-feature-list { grid-template-columns: 1fr 1fr; }
  .detail-spread { grid-template-columns: 1fr; gap: 58px; }
  .detail-study--poplock,
  .detail-study--buckle,
  .detail-study--fit,
  .detail-study--vents { width: auto; margin: 0; }
  .detail-study .media,
  .detail-study--buckle .media,
  .detail-study--fit .media,
  .detail-study--vents .media { min-height: 0; aspect-ratio: 4 / 5; }
  .color-stage-media { min-height: 78vw; }
  .swatch-list { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
  .explore-item h3 { font-size: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  .color-stage-media .media-photo { transition: none; }
}

/* Technology + colour UX pass. The existing editorial art direction remains
   intact; these rules only replace product-information components. */

/* Model-specific highlights: image, name and a human explanation. */
.model-highlights-heading {
  padding-top: 15px;
  border-top: 1px solid var(--line);
}

.heritage-highlights {
  grid-column: 9 / 13;
  grid-row: 3;
  align-self: start;
  margin-top: 52px;
}

.model-highlight-list {
  display: grid;
  gap: 34px;
  margin-top: 28px;
}

.model-highlight {
  display: grid;
  grid-template-columns: minmax(104px, .72fr) minmax(0, 1.28fr);
  align-items: start;
  gap: 18px;
}

.model-highlight-media {
  min-height: 0;
  aspect-ratio: 4 / 3;
  background: #e7e2d9;
}

.model-highlight-media .media-photo {
  inset: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.model-highlight-copy {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 5px 10px;
  padding-top: 1px;
}

.model-highlight-number {
  grid-row: 1 / 3;
  padding-top: 4px;
  color: #77736c;
  font-size: 12px;
  line-height: 1.3;
}

.model-highlight-copy h3 {
  margin: 0;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 500;
}

.model-highlight-copy p {
  grid-column: 2;
  margin: 0;
  color: #57544f;
  font-size: 14px;
  line-height: 1.55;
}

.media--required {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 7px;
  padding: 14px;
  color: #6d6962;
  background: #e2ddd4;
}

.media-required-label {
  font-size: 9px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .1em;
}

.media-required-file {
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 10px;
  line-height: 1.45;
  font-weight: 400;
}

.chapter-highlights {
  width: 62%;
  margin: 76px 0 0 auto;
}

.chapter-highlights .model-highlight-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 3vw, 46px);
}

.chapter-highlights .model-highlight {
  display: block;
}

.chapter-highlights .model-highlight-media {
  margin-bottom: 20px;
}

/* Shared technology: one desktop media stage and one explanatory rail. */
.technology-editorial {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(340px, 1fr);
  align-items: start;
  gap: clamp(48px, 7vw, 112px);
  margin-top: 86px;
}

.technology-stage {
  min-width: 0;
  margin: 0;
}

.technology-stage-media {
  min-height: 0;
  aspect-ratio: 5 / 4;
  background: #e9e6df;
}

.technology-stage-media .media-photo {
  inset: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transform: scale(1);
  transition: opacity 230ms ease, transform 270ms var(--ease);
}

.technology-stage-media.is-changing .media-photo {
  opacity: .16;
  transform: scale(1.01);
}

.technology-stage-caption {
  margin-top: 13px;
  color: #615e58;
  font-size: 13px;
  line-height: 1.45;
}

.technology-list {
  border-bottom: 1px solid var(--line);
}

.technology-item {
  border-top: 1px solid var(--line);
}

.technology-row {
  position: relative;
  width: 100%;
  padding: 22px 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  color: #77736d;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color 220ms ease, padding-left 220ms var(--ease);
}

.technology-row::before {
  content: "";
  position: absolute;
  top: 22px;
  bottom: 22px;
  left: 0;
  width: 1px;
  background: currentColor;
  opacity: 0;
  transition: opacity 220ms ease;
}

.technology-row:hover,
.technology-row.is-active {
  padding-left: 14px;
  color: var(--ink);
}

.technology-row.is-active::before { opacity: 1; }
.technology-number { padding-top: 3px; font-size: 12px; line-height: 1.3; }
.technology-row-copy { display: block; }
.technology-row-copy strong {
  display: block;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 500;
}
.technology-row-copy > span {
  display: block;
  max-width: 390px;
  margin-top: 8px;
  color: #56534e;
  font-size: 15px;
  line-height: 1.56;
}

.technology-mobile-media { display: none; }

/* Colour collections: compact stage and an unwrapped, scalable swatch rail. */
.colors {
  padding-top: clamp(36px, 4.5vh, 64px);
  padding-bottom: clamp(36px, 4.5vh, 64px);
}

.color-experience { margin-top: 20px; }
.color-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 40px;
}

.color-model-tabs {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 11px;
}

.color-model-tab {
  padding: 4px 0 6px;
  color: #77736d;
  background: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  font-size: 14px;
  line-height: 1.3;
  cursor: pointer;
}

.color-model-tab:hover,
.color-model-tab.is-active {
  color: var(--ink);
  border-bottom-color: currentColor;
}

.color-model-tab:disabled {
  color: #aaa69f;
  border-bottom-color: transparent;
  cursor: not-allowed;
}

.color-selection {
  min-width: 210px;
  text-align: right;
}

.color-selection > span:not(.eyebrow) {
  display: block;
  margin-top: 10px;
  color: #6a6761;
  font-size: 13px;
  line-height: 1.35;
}

.color-selection strong {
  display: block;
  margin-top: 3px;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 400;
}

.color-edition-label {
  display: inline-block;
  margin-top: 8px;
  color: #77736d;
  font-size: 9px;
  line-height: 1.4;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.color-edition-label[hidden] { display: none; }

.color-stage { margin: 18px 0 0; }
.color-stage-media {
  width: 100%;
  height: clamp(360px, min(55vh, calc(100svh - 436px)), 560px);
  min-height: 0;
  max-height: 560px;
  background: #e3e2dc;
}

.color-stage-media .media-photo {
  inset: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transform: scale(1);
  transition: opacity 230ms ease, transform 280ms var(--ease);
}

.color-stage-media.is-changing .media-photo {
  opacity: .16;
  transform: scale(.995);
}

.color-rail-shell {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 13px;
  border-top: 1px solid var(--line);
}

.color-rail-viewport {
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  cursor: grab;
  touch-action: pan-x;
}
.color-rail-viewport::-webkit-scrollbar { display: none; }
.color-rail-viewport[data-dragging="true"] { cursor: grabbing; }

.color-rail-shell .swatch-list {
  width: max-content;
  min-width: 100%;
  padding: 4px 2px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 14px;
}

.color-rail-shell .swatch-option { flex: 0 0 auto; }
.color-rail-shell .swatch {
  width: 34px;
  height: 34px;
  padding: 5px;
  display: inline-grid;
  place-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
}
.color-rail-shell .swatch:hover,
.color-rail-shell .swatch.is-active {
  border-color: #504d48;
}
.color-rail-shell .swatch i {
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid rgba(39,39,36,.2);
  border-radius: 50%;
}
.color-rail-shell .swatch--thumbnail {
  width: 52px;
  border-radius: 0;
}
.color-rail-shell .swatch--thumbnail i {
  width: 38px;
  border-radius: 0;
}

.color-rail-control {
  width: 34px;
  height: 34px;
  padding: 0;
  color: var(--ink);
  background: transparent;
  border: 0;
  font-size: 17px;
  cursor: pointer;
}
.color-rail-control:disabled { opacity: .22; cursor: default; }

@media (max-width: 1100px) {
  .heritage-highlights { grid-column: 9 / 13; }
  .chapter-highlights { width: 72%; }
  .technology-editorial { grid-template-columns: minmax(0, 1.35fr) minmax(320px, 1fr); gap: 46px; }
}

@media (max-width: 820px) {
  .heritage-highlights {
    grid-column: 1 / -1;
    grid-row: auto;
    width: 100%;
    margin-top: 62px;
  }
  .chapter-highlights { width: 100%; margin-top: 62px; }
  .chapter-highlights .model-highlight-list { gap: 24px; }
  .chapter-highlights .model-highlight { display: block; }
  .model-highlight-copy p { font-size: 14px; }

  .technology-editorial { display: block; margin-top: 62px; }
  .technology-stage { display: none; }
  .technology-list { border-bottom: 0; }
  .technology-item { padding-bottom: 54px; border-top: 0; }
  .technology-row {
    padding: 0 0 20px;
    color: var(--ink);
    cursor: default;
  }
  .technology-row:hover,
  .technology-row.is-active { padding-left: 0; }
  .technology-row::before { display: none; }
  .technology-row-copy strong { font-size: 18px; }
  .technology-row-copy > span { max-width: 520px; font-size: 16px; }
  .technology-mobile-media {
    min-height: 0;
    aspect-ratio: 4 / 3;
    display: block;
    background: #e9e6df;
  }
  .technology-mobile-media .media-photo {
    inset: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .colors { padding-top: var(--section-space); padding-bottom: var(--section-space); }
  .color-toolbar { grid-template-columns: 1fr; align-items: start; gap: 28px; }
  .color-selection { min-width: 0; text-align: left; }
  .color-stage { margin-top: 16px; }
  .color-stage-media { height: min(58svh, 460px); }
  .color-rail-shell { grid-template-columns: minmax(0, 1fr); }
  .color-rail-control { display: none; }
  .color-rail-shell .swatch-list { justify-content: flex-start; }
}

@media (max-width: 600px) {
  .model-highlight-list,
  .chapter-highlights .model-highlight-list { grid-template-columns: 1fr; gap: 44px; }
  .model-highlight,
  .chapter-highlights .model-highlight { display: grid; grid-template-columns: 1fr; gap: 17px; }
  .model-highlight-media { aspect-ratio: 4 / 3; }
  .model-highlight-copy { max-width: 330px; }
  .color-model-tabs { flex-wrap: wrap; gap: 8px 18px; }
  .color-model-tab { white-space: nowrap; }
  .color-rail-shell .swatch-list {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .color-stage-media { height: min(52svh, 420px); }
}

@media (prefers-reduced-motion: reduce) {
  .technology-row,
  .technology-row::before,
  .technology-stage-media .media-photo,
  .color-stage-media .media-photo { transition: none; }
  .color-rail-viewport { scroll-behavior: auto; }
}

/* Structural content pass: one technology chapter and a clearer Jr. family.
   The page scale, type system, and established editorial palette stay intact. */
.technology-chapter-head {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(18px, 2.4vw, 38px);
}

.technology-chapter-head .eyebrow {
  grid-column: 1 / 4;
  padding-top: 8px;
}

.technology-chapter-head h2 {
  grid-column: 4 / 9;
  white-space: pre-line;
  font-size: clamp(46px, 4.6vw, 66px);
  line-height: 1.04;
  letter-spacing: -.035em;
  font-weight: 400;
}

.technology-chapter-head > p:last-child {
  grid-column: 10 / 13;
  padding-top: 8px;
  color: #5f5d57;
  font-size: 17px;
  line-height: 1.65;
}

html[lang="ru"] .technology-chapter-head h2 {
  font-size: clamp(42px, 4vw, 58px);
  line-height: 1.08;
  letter-spacing: -.018em;
}

.technology-stage-caption {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 16px;
  margin-top: 0;
  padding-top: 19px;
  border-top: 1px solid var(--line);
}

.technology-stage-number {
  padding-top: 4px;
  color: #77736d;
  font-size: 12px;
  line-height: 1.3;
}

.technology-stage-copy h3 {
  margin: 0;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.35;
  font-weight: 500;
}

.technology-stage-copy > p:not(.technology-availability) {
  max-width: 590px;
  margin-top: 9px;
  color: #56534e;
  font-size: 15px;
  line-height: 1.58;
}

.technology-availability {
  margin-top: 17px;
  color: #6c6963;
  font-size: 12px;
  line-height: 1.5;
}

.technology-availability strong {
  color: #494742;
  font-weight: 500;
}

.technology-row-copy > .technology-row-availability { display: none; }
.technology-row.is-active .technology-row-availability {
  display: block;
  margin-top: 13px;
  color: #77736d;
  font-size: 12px;
  line-height: 1.5;
}

.technology-matrix-section {
  margin-top: clamp(100px, 10vw, 150px);
  overflow-x: auto;
  scrollbar-width: thin;
}

.technology-matrix-section > .eyebrow { margin-bottom: 28px; }

.technology-matrix {
  min-width: 680px;
  border-bottom: 1px solid var(--line);
}

.technology-matrix-row {
  display: grid;
  grid-template-columns: minmax(190px, 1.45fr) repeat(var(--technology-model-count), minmax(110px, 1fr));
  align-items: center;
  min-height: 58px;
  border-top: 1px solid var(--line);
}

.technology-matrix-row > * {
  padding: 10px 16px 10px 0;
  text-align: left;
}

.technology-matrix-row > *:not(:first-child) { text-align: center; }

.technology-matrix-header {
  min-height: 46px;
  color: #6d6963;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.technology-matrix-row > strong {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
}

.technology-matrix-status {
  color: #79756e;
  font-size: 12px;
  line-height: 1.4;
}

.technology-matrix-status--included,
.technology-matrix-status--includedAccessory { color: #343330; font-size: 15px; }
.technology-matrix-status--optional { color: #55524c; }
.technology-matrix-status--future { color: #777d5a; text-transform: uppercase; letter-spacing: .06em; }

.junior { grid-template-rows: auto auto auto auto; }

.junior-family-label {
  margin-bottom: 22px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}

.junior-products article { padding: 25px 0 31px; }

.junior-products article .junior-category-description {
  width: 82%;
  margin-top: 10px;
  color: #4f4d48;
  font-size: 17px;
  line-height: 1.55;
}

.junior-products article .junior-category-spec {
  width: 100%;
  margin-top: 18px;
  color: #69665f;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: .035em;
}

.jr-feature-group {
  grid-column: 1 / 13;
  grid-row: 4;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(18px, 2.4vw, 38px);
  margin-top: 104px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.jr-feature-group > .eyebrow { grid-column: 1 / 4; }
.jr-feature-group .model-feature-list {
  grid-column: 4 / 13;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px 28px;
  margin-top: 0;
}

.junior-next { grid-row: 5; }
.junior-next .junior-category-spec { color: rgba(255,255,255,.7); }

/* Keep model, selected colour, product, and swatches in one desktop viewport. */
.color-stage-media {
  height: clamp(300px, min(43vh, calc(100svh - 580px)), 460px);
}

@media (max-width: 1100px) {
  .technology-chapter-head h2 { grid-column: 4 / 10; }
  .technology-chapter-head > p:last-child { grid-column: 10 / 13; }
  .jr-feature-group .model-feature-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .technology-chapter-head { display: block; }
  .technology-chapter-head h2,
  html[lang="ru"] .technology-chapter-head h2 {
    margin-top: 38px;
    font-size: 42px;
    line-height: 1.08;
    letter-spacing: -.018em;
  }
  .technology-chapter-head > p:last-child {
    max-width: 520px;
    margin-top: 26px;
    padding-top: 0;
    font-size: 16px;
  }
  .technology-row-copy > span { display: block; }
  .technology-row-copy > .technology-row-availability {
    margin-top: 13px;
    color: #77736d;
    font-size: 12px;
    line-height: 1.5;
  }
  .technology-matrix-section { margin-top: 44px; }
  .technology-matrix-section > .eyebrow { position: sticky; left: 0; }
  .color-stage-media { height: min(58svh, 460px); }
  .jr-feature-group {
    display: block;
    margin-top: 72px;
  }
  .jr-feature-group .model-feature-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 24px;
  }
}

@media (max-width: 430px) {
  .technology-chapter-head h2,
  html[lang="ru"] .technology-chapter-head h2 { font-size: 37px; }
  .technology-matrix { min-width: 620px; }
  .junior-products article .junior-category-description { width: 90%; }
}

/* Compact product-architecture pass. Editorial tone stays unchanged; repeated
   photography and duplicated information layers are removed. */
.model-highlight-list {
  gap: 0;
  margin-top: 18px;
  border-bottom: 1px solid var(--line);
}

.model-highlight,
.chapter-highlights .model-highlight {
  display: block;
  padding: 14px 0;
  border-top: 1px solid var(--line);
}

.model-highlight-copy {
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 4px 12px;
}

.model-highlight-copy h3 {
  font-size: 15px;
  line-height: 1.35;
}

.model-highlight-copy p {
  max-width: 340px;
  font-size: 13px;
  line-height: 1.48;
}

.chapter-highlights .model-highlight-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 3vw, 46px);
  border-bottom: 0;
}

.chapter-highlights .model-highlight { border-bottom: 1px solid var(--line); }

.technology-row-copy > span { display: none; }
.technology-row.is-active .technology-row-copy > span { display: block; }

.technology-row.is-active .technology-row-availability {
  margin-top: 12px;
  color: #74716b;
  font-size: 12px;
  line-height: 1.45;
}

.color-stage-media {
  height: clamp(320px, min(58vh, calc(100svh - 640px)), 700px);
  max-height: 700px;
}

.color-stage-media--required {
  display: grid;
  place-items: center;
  padding: 0;
}

.color-product-placeholder,
.dev-product-placeholder {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  color: #625f58;
}

.color-product-placeholder { display: flex; max-width: min(420px, 80%); }

.color-product-placeholder > span,
.dev-product-placeholder > span {
  font-size: 10px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .1em;
}

.color-product-placeholder strong,
.dev-product-placeholder strong {
  color: #3f3d39;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 400;
}

.color-product-placeholder small,
.dev-product-placeholder small {
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 1.45;
}

[data-dev-placeholder-copy] { display: none; }
html[data-dev-mode="true"] [data-dev-placeholder-copy] { display: flex; }

.junior {
  display: block;
}

.junior-head {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(18px, 2.4vw, 38px);
}

.junior-head .eyebrow { grid-column: 1 / 4; }
.junior-head h2 { grid-column: 4 / 9; margin-top: 0; }
.junior-head > p:last-child {
  grid-column: 10 / 13;
  margin-top: 0;
  padding-top: 8px;
}

.junior-family {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(28px, 4vw, 62px);
  margin-top: 62px;
}

.junior-family:has(.junior-model--next:not([hidden])) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.junior-family-label {
  grid-column: 1 / -1;
  margin-bottom: 24px;
}

.junior-model { min-width: 0; }

.junior-model-heading {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  padding: 16px 0;
  border-top: 1px solid var(--line);
}

.junior-model-heading h3 {
  font-size: clamp(28px, 2.7vw, 39px);
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: -.025em;
}

.junior-model-heading .age {
  position: static;
  order: 2;
  color: #6d6962;
}

.junior-product-media {
  min-height: 0;
  aspect-ratio: 4 / 3;
  background: #e7e2d7;
}

.junior-product-media .media-photo {
  inset: 0;
  background-color: #e7e2d7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.junior-product-media.media--required {
  justify-content: flex-end;
  padding: 22px;
}

.junior-model-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 28px;
  padding-top: 19px;
}

.junior-model-copy .junior-category-description {
  color: #4f4d48;
  font-size: 16px;
  line-height: 1.5;
}

.junior-model-copy .junior-category-spec {
  color: #69665f;
  font-size: 13px;
  line-height: 1.45;
  white-space: nowrap;
}

.junior-model-copy .text-link {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 14px;
}

@media (min-width: 821px) {
  .product-section.heritage,
  .chapter,
  .essentials,
  .colors,
  .junior {
    padding-top: clamp(92px, 8vh, 118px);
    padding-bottom: clamp(92px, 8vh, 118px);
  }

  .product-title h2,
  .chapter-copy h2 {
    font-size: clamp(56px, 4.6vw, 72px);
    line-height: 1.04;
  }

  html[lang="ru"] .product-title h2,
  html[lang="ru"] .chapter-copy h2 {
    font-size: clamp(56px, 4.6vw, 72px);
    line-height: 1.08;
    letter-spacing: -.016em;
  }

  .product-section .media-product {
    grid-row: 2;
    min-height: 0;
    height: clamp(540px, 47vw, 680px);
    margin-top: 62px;
  }

  .product-copy {
    grid-column: 9 / 13;
    grid-row: 2;
    align-self: start;
    margin-top: 62px;
    padding-left: 18px;
  }

  .heritage-highlights {
    grid-column: 9 / 13;
    grid-row: 2;
    align-self: end;
    margin: 0;
    padding-left: 18px;
  }

  .chapter-layout {
    grid-template-rows: auto;
    align-items: start;
  }

  .media-chapter {
    grid-row: 1;
    min-height: 0;
    height: clamp(560px, 45vw, 650px);
  }

  .chapter-highlights {
    width: 100%;
    margin-top: 48px;
  }

  .technology-editorial {
    gap: clamp(48px, 6vw, 90px);
    margin-top: 58px;
  }

  .technology-stage-media {
    aspect-ratio: auto;
    height: clamp(500px, 43vw, 620px);
  }

  .technology-row { padding: 17px 0; }
  .technology-row::before { top: 17px; bottom: 17px; }
  .technology-row:hover,
  .technology-row.is-active { padding-left: 13px; }

  .technology-chapter-head h2,
  html[lang="ru"] .technology-chapter-head h2 {
    font-size: clamp(52px, 4.25vw, 66px);
  }

  .colors-head h2,
  html[lang="ru"] .colors-head h2,
  .junior-head h2,
  html[lang="ru"] .junior-head h2 {
    font-size: clamp(52px, 4.25vw, 66px);
  }
}

@media (max-width: 1100px) and (min-width: 821px) {
  .product-section .media-product { height: 560px; }
  .product-copy,
  .heritage-highlights { grid-column: 8 / 13; }
  .media-chapter { height: 560px; }
  .technology-stage-media { height: 520px; }
  .junior-family:has(.junior-model--next:not([hidden])) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .model-highlight-list,
  .chapter-highlights .model-highlight-list { display: block; }
  .model-highlight,
  .chapter-highlights .model-highlight {
    display: block;
    padding: 15px 0;
  }
  .model-highlight-copy { max-width: 480px; }

  .technology-item {
    padding: 0;
    border-top: 1px solid var(--line);
  }
  .technology-item:last-child { border-bottom: 1px solid var(--line); }
  .technology-row { padding: 18px 0; cursor: pointer; }
  .technology-row-copy > span { display: none; }
  .technology-row.is-active .technology-row-copy > span { display: block; }
  .technology-mobile-media { display: none; }
  .technology-item.is-active .technology-mobile-media {
    display: block;
    margin-bottom: 36px;
  }

  .color-stage-media {
    height: min(54svh, 430px);
    max-height: 430px;
  }

  .junior-head { display: block; }
  .junior-head h2 { margin-top: 36px; }
  .junior-head > p:last-child { margin-top: 24px; padding-top: 0; }
  .junior-family {
    display: block;
    margin-top: 54px;
  }
  .junior-model + .junior-model { margin-top: 58px; }
  .junior-product-media { aspect-ratio: 4 / 3; }
}

@media (max-width: 520px) {
  .junior-model-copy { display: block; }
  .junior-model-copy .junior-category-spec { margin-top: 8px; white-space: normal; }
}

/* Final cosmetic / art polish: the established composition and interactions
   stay intact; surfaces, product media, alignment, and micro-typography are
   normalized through shared tokens. */
.hero { background: var(--surface-hero); }
.manifesto,
.explore { background: var(--surface-story); }
.product-section,
.heritage { background: var(--surface-heritage); }
.chapter { background: var(--surface-chapter); }
.essentials { background: var(--surface-technology); }
.colors { background: var(--surface-colors); }
.junior { background: var(--surface-junior); }

.manifesto-copy,
.origin-note {
  margin-top: 64px;
  padding-top: 18px;
}

.story-media-composition {
  grid-column: 3 / 12;
  grid-row: 3;
  display: grid;
  grid-template-columns: 5fr 6fr;
  align-items: end;
  gap: clamp(40px, 5vw, 76px);
  margin-top: 92px;
}

.story-photo {
  min-height: 0;
  background: transparent;
}

.story-photo--left { aspect-ratio: 502 / 626; }
.story-photo--right { aspect-ratio: 730 / 930; }

.story-photo .media-photo {
  inset: 0;
  transform: scale(1.015);
}

.story-photo.is-visible .media-photo { transform: scale(1); }

.story-photo--left .media-photo {
  background-position: 12.2% 49.7%;
  background-size: 291% auto;
}

.story-photo--right .media-photo {
  background-position: 100% 0;
  background-size: 200% auto;
}

.media-chapter,
.junior-product-media {
  background: transparent;
}

.media-chapter::after,
.color-stage-media::after,
.junior-product-media::after {
  display: none;
}

.media-chapter .media-photo {
  inset: 2%;
  background-color: transparent;
  background-size: contain;
}

.technology-stage-media,
.technology-mobile-media {
  min-height: 0;
  height: auto;
  max-height: none;
  aspect-ratio: 36 / 25;
  background: var(--product-bg-grey);
}

.technology-stage-media .media-photo,
.technology-mobile-media .media-photo {
  background-color: transparent;
  background-size: cover;
}

.technology-stage-copy > p:not(.technology-availability),
.technology-row-copy > span {
  font-size: 16px;
  line-height: 1.6;
  text-wrap: pretty;
}

.color-stage-media {
  background: var(--product-bg-stone);
  transition: background-color 480ms ease;
}

.color-stage-media .media-photo {
  background-color: transparent;
  background-size: auto 118% !important;
}

.color-selection strong {
  font-size: 24px;
  line-height: 1.28;
  text-wrap: balance;
}

.color-rail-shell .swatch--thumbnail i {
  background-color: transparent;
  background-size: contain;
}

/* Keep the approved swatch visuals, but expand every pointer and keyboard target. */
.color-rail-shell {
  grid-template-columns: 44px minmax(0, 1fr) 44px;
}

.color-rail-shell .swatch {
  position: relative;
  width: 44px;
  height: 44px;
  padding: 10px;
  border: 0;
}

.color-rail-shell .swatch::after {
  content: "";
  position: absolute;
  inset: 5px;
  pointer-events: none;
  border: 1px solid transparent;
  border-radius: 50%;
}

.color-rail-shell .swatch:hover::after,
.color-rail-shell .swatch.is-active::after {
  border-color: #504d48;
}

.color-rail-shell .swatch--thumbnail {
  width: 52px;
  height: 44px;
  padding: 10px 7px;
}

.color-rail-shell .swatch--thumbnail::after {
  inset: 5px 0;
  border-radius: 0;
}

.color-rail-control {
  width: 44px;
  height: 44px;
}

.color-rail-shell .swatch:focus-visible,
.color-rail-control:focus-visible {
  outline-offset: 2px;
}

.junior-product-media .media-photo {
  inset: 0;
  background-color: transparent;
  background-size: 112% auto;
}

.junior-model-copy .junior-category-description {
  line-height: 1.58;
  text-wrap: pretty;
}

.junior-model-copy .junior-category-spec {
  font-size: 14px;
  line-height: 1.5;
}

.display-heading,
.product-title h2,
.chapter-copy h2,
.technology-chapter-head h2,
.colors-head h2,
.junior-head h2,
.explore-head h2 {
  text-wrap: balance;
}

/* The long RU Chapter headline needs the otherwise unused fifth grid column. */
html[lang="ru"] .chapter-copy { grid-column: 1 / 6; }

.hero-copy p,
.manifesto-copy,
.origin-note p,
.product-copy p,
.chapter-copy > p:not(.eyebrow),
.technology-chapter-head > p:last-child,
.colors-head > p:last-child,
.junior-head > p:last-child,
.final-copy > p:not(.eyebrow) {
  text-wrap: pretty;
}

.product-copy .text-link,
.chapter-copy .text-link {
  margin-top: 28px;
}

.text-link,
.button-link,
.collection-all,
.explore-action {
  font-size: var(--cta-font-size);
  line-height: var(--cta-line-height);
  font-weight: 600;
  letter-spacing: var(--cta-letter-spacing);
  text-transform: uppercase;
}

.text-link,
.button-link {
  min-height: var(--cta-hit-area);
  padding-top: 12px;
  padding-bottom: 9px;
}

.text-link span:last-child,
.button-link span:last-child,
.collection-all span:last-child,
.explore-action span:last-child {
  transition: transform 280ms var(--ease);
}

.text-link:hover span:last-child,
.text-link:focus-visible span:last-child,
.button-link:hover span:last-child,
.button-link:focus-visible span:last-child,
.collection-all:hover span:last-child,
.collection-all:focus-visible span:last-child,
.explore-item:hover .explore-action span:last-child,
.explore-item:focus-visible .explore-action span:last-child {
  transform: translate(3px, -3px);
}

.text-link:focus-visible,
.button-link:focus-visible,
.collection-all:focus-visible,
.explore-item:focus-visible {
  outline-width: 2px;
  outline-offset: 4px;
}

@media (max-width: 820px) {
  .story-media-composition {
    grid-template-columns: 5fr 6fr;
    gap: 20px;
    margin: 90px calc(-1 * var(--pad)) 0 0;
  }

  .technology-stage-media,
  .technology-mobile-media {
    aspect-ratio: 36 / 25;
  }

  .color-stage-media {
    height: auto;
    max-height: none;
    aspect-ratio: 16 / 10;
  }

  .color-stage-media .media-photo {
    background-size: auto 118% !important;
  }
}

@media (max-width: 520px) {
  .color-stage-media { aspect-ratio: 4 / 3; }
  .color-stage-media .media-photo { background-size: auto 110% !important; }
  .junior-product-media .media-photo { background-size: 106% auto; }
}

@media (prefers-reduced-motion: reduce) {
  .color-stage-media { transition: none; }
  .text-link span:last-child,
  .button-link span:last-child,
  .collection-all span:last-child,
  .explore-action span:last-child { transition: none; }
}

/* Keep the local controls truly absent from layout at every breakpoint. */
.dev-panel[hidden],
html[data-dev-ui-hidden="true"] .dev-panel {
  display: none !important;
}



/* Mobile pass. Desktop and tablet remain governed by the approved rules above;
   this layer starts only where the phone composition becomes its own UI. */
.nav-label-mobile { display: none; }

@media (max-width: 600px) {
  :root {
    --site-header-height-mobile: 0px;
    --brand-nav-height: 52px;
    --pad: 20px;
    --section-space: 72px;
    --mobile-pad-left: max(18px, env(safe-area-inset-left));
    --mobile-pad-right: max(18px, env(safe-area-inset-right));
  }

  body {
    font-size: 16px;
    line-height: 1.58;
  }

  main > section[id] {
    scroll-margin-top: calc(var(--site-header-height-mobile, 0px) + var(--brand-nav-height) + 12px);
  }

  .eyebrow,
  .media-filename,
  .image-caption,
  .media-meta {
    font-size: 11px;
    line-height: 1.35;
    letter-spacing: .115em;
  }

  .secondary-brand-nav {
    top: var(--site-header-height-mobile, 0px);
    height: var(--brand-nav-height);
    min-height: var(--brand-nav-height);
    padding: 0 var(--mobile-pad-right) 0 var(--mobile-pad-left);
    display: flex;
    align-items: center;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-padding-inline: var(--mobile-pad-left) var(--mobile-pad-right);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .secondary-brand-nav::-webkit-scrollbar { display: none; }
  .secondary-brand-nav .wordmark { display: none; }
  .secondary-brand-nav .site-nav {
    flex: 0 0 auto;
    width: auto;
    min-width: max-content;
    height: 100%;
    padding: 0;
    justify-content: flex-start;
    gap: 0;
    overflow: visible;
  }

  .secondary-brand-nav .site-nav a,
  .secondary-brand-nav .header-cta {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: .055em;
    white-space: nowrap;
  }

  .secondary-brand-nav .site-nav a:first-child { padding-left: 0; }
  .secondary-brand-nav .site-nav a::after {
    right: 13px;
    bottom: 5px;
    left: 13px;
  }
  .secondary-brand-nav .site-nav a:first-child::after { left: 0; }
  .secondary-brand-nav .header-cta {
    position: relative;
    margin-left: 5px;
    padding-right: 0;
    border-bottom: 0;
  }
  .secondary-brand-nav .header-cta::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 5px;
    left: 13px;
    height: 1px;
    background: currentColor;
  }
  .nav-label-desktop { display: none; }
  .nav-label-mobile { display: inline; }

  .text-link,
  .button-link,
  .collection-all,
  .explore-action {
    font-size: 14px;
    line-height: 1.35;
    letter-spacing: .06em;
  }

  .text-link,
  .button-link {
    min-width: 0;
    min-height: 48px;
    padding-top: 13px;
    padding-bottom: 10px;
  }

  /* Hero: brand, image, message — all visible without a poster-like first screen. */
  .hero {
    min-height: 0;
    padding: 28px var(--pad) 68px;
    display: flex;
    flex-direction: column;
  }
  .hero-heading { order: 1; }
  .hero h1 {
    margin-top: 14px;
    font-size: 30px;
    line-height: 1;
    letter-spacing: .035em;
  }
  .hero .media-hero {
    order: 2;
    width: 100%;
    min-height: 0;
    height: clamp(340px, 45svh, 430px);
    margin-top: 26px;
  }
  .hero .media-photo { background-position: 57% 50%; }
  .hero-copy {
    order: 3;
    padding: 30px 0 0;
  }
  .hero-copy h2 {
    max-width: 390px;
    font-size: 36px;
    line-height: 1.07;
    letter-spacing: -.022em;
  }
  html[lang="ru"] .hero-copy h2 {
    max-width: 380px;
    font-size: 33px;
    line-height: 1.09;
    letter-spacing: -.012em;
  }
  .hero-copy p {
    max-width: 350px;
    margin-top: 17px;
    font-size: 16px;
    line-height: 1.58;
  }
  .hero-copy .text-link { width: 100%; margin-top: 21px; }

  /* Story: text first, then an intentionally overlapping editorial diptych. */
  .manifesto { padding: 72px var(--pad) 78px; }
  .manifesto-inner { display: block; }
  .manifesto-inner > .eyebrow { padding-top: 0; }
  .manifesto .display-heading {
    max-width: 410px;
    margin-top: 23px;
    font-size: 36px;
    line-height: 1.08;
    letter-spacing: -.022em;
  }
  html[lang="ru"] .manifesto .display-heading {
    font-size: 33px;
    line-height: 1.1;
    letter-spacing: -.01em;
  }
  .manifesto-copy {
    display: block;
    margin-top: 34px;
    padding-top: 17px;
    font-size: 16px;
    line-height: 1.62;
  }
  .manifesto-copy .quiet {
    max-width: 330px;
    margin-top: 18px;
    font-size: 15px;
    line-height: 1.62;
  }
  .origin-note {
    width: 76%;
    margin: 36px 0 0 24%;
    padding-top: 16px;
  }
  .origin-note strong {
    font-size: 44px;
    line-height: 1;
  }
  .origin-note p {
    max-width: 275px;
    margin-top: 13px;
    font-size: 15px;
    line-height: 1.58;
  }
  .story-media-composition {
    width: 100%;
    margin: 48px 0 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 0;
  }
  .story-photo {
    grid-column: 1;
    grid-row: 1;
    min-height: 0;
  }
  .story-photo--left {
    width: 88%;
    justify-self: start;
    align-self: start;
  }
  .story-photo--right {
    z-index: 2;
    width: 68%;
    margin-top: 53%;
    justify-self: end;
    align-self: start;
  }

  /* Product chapters: one clear reading order, then compact factual rows. */
  .product-section.heritage {
    padding: 76px var(--pad) 80px;
    display: flex;
    flex-direction: column;
  }
  .product-title { display: block; }
  .product-title .eyebrow { padding-top: 0; }
  .product-title h2 {
    max-width: 410px;
    margin-top: 22px;
    font-size: 38px;
    line-height: 1.07;
    letter-spacing: -.022em;
  }
  html[lang="ru"] .product-title h2 {
    font-size: 34px;
    line-height: 1.09;
    letter-spacing: -.01em;
  }
  .product-section .media-product {
    width: 100%;
    min-height: 0;
    height: clamp(360px, 100vw, 430px);
    margin: 40px 0 0;
  }
  .heritage .media-product .media-photo { background-position: 64% 50%; }
  .product-copy {
    margin: 30px 0 0;
    padding: 0;
  }
  .product-copy p {
    max-width: 410px;
    font-size: 16px;
    line-height: 1.62;
  }
  .product-copy .text-link { width: 100%; margin-top: 21px; }

  .heritage-highlights,
  .chapter-highlights {
    width: 100%;
    margin: 42px 0 0;
  }
  .model-highlights-heading { padding-top: 14px; }
  .model-highlight-list,
  .chapter-highlights .model-highlight-list {
    display: block;
    margin-top: 17px;
  }
  .model-highlight,
  .chapter-highlights .model-highlight {
    display: block;
    padding: 16px 0;
    border-top: 1px solid var(--line);
  }
  .model-highlight:last-child { border-bottom: 1px solid var(--line); }
  .model-highlight-media { display: none; }
  .model-highlight-copy {
    max-width: none;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 5px 12px;
    padding-top: 0;
  }
  .model-highlight-number {
    grid-row: 1 / 3;
    padding-top: 3px;
    font-size: 13px;
  }
  .model-highlight-copy h3 {
    font-size: 16px;
    line-height: 1.4;
  }
  .model-highlight-copy p {
    grid-column: 2;
    font-size: 14px;
    line-height: 1.58;
  }

  .chapter { padding: 32px var(--pad); }
  .chapter-layout {
    display: flex;
    flex-direction: column;
  }
  .chapter-copy {
    width: 100%;
    padding-right: 0;
  }
  .chapter-copy h2 {
    max-width: 410px;
    margin-top: 22px;
    font-size: 38px;
    line-height: 1.07;
    letter-spacing: -.022em;
  }
  html[lang="ru"] .chapter-copy h2 {
    max-width: 395px;
    font-size: 34px;
    line-height: 1.09;
    letter-spacing: -.01em;
  }
  .chapter-copy > p:not(.eyebrow) {
    max-width: 410px;
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.62;
  }
  .chapter-copy .text-link { width: 100%; margin-top: 8px; }
  .media-chapter {
    width: 100%;
    min-height: 0;
    height: clamp(220px, 27svh, 250px);
    margin: 20px 0 0;
  }
  .media-chapter .media-photo {
    inset: 0;
    background-position: 50% 51%;
    background-size: auto 126%;
  }
  .chapter-highlights { margin-top: 6px; }
  .chapter-highlights .model-highlights-heading { padding-top: 6px; }
  .chapter-highlights .model-highlight-list { margin-top: 2px; }
  .chapter-highlights .model-highlight { padding: 5px 0; }
  .chapter-highlights .model-highlight-copy { max-width: none; }
  .chapter-highlights .model-highlight-copy { gap: 2px 10px; }
  .chapter-highlights .model-highlight-copy h3 { line-height: 1.34; }
  .chapter-highlights .model-highlight-copy p { line-height: 1.45; }

  /* Technology becomes a true one-open mobile accordion. */
  .essentials { padding: 76px var(--pad) 80px; }
  .technology-chapter-head { display: block; }
  .technology-chapter-head .eyebrow { padding-top: 0; }
  .technology-chapter-head h2 {
    max-width: 400px;
    margin-top: 22px;
    font-size: 38px;
    line-height: 1.05;
    letter-spacing: -.018em;
  }
  html[lang="ru"] .technology-chapter-head h2 {
    font-size: 34px;
    line-height: 1.08;
    letter-spacing: -.005em;
  }
  .technology-chapter-head > p:last-child {
    max-width: 400px;
    margin-top: 22px;
    padding-top: 0;
    font-size: 16px;
    line-height: 1.62;
  }
  .technology-editorial { margin-top: 43px; }
  .technology-stage { display: none; }
  .technology-list { border-bottom: 1px solid var(--line); }
  .technology-item,
  .technology-item:last-child {
    padding: 0;
    border-top: 1px solid var(--line);
    border-bottom: 0;
  }
  .technology-row {
    min-height: 56px;
    padding: 16px 0;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    color: var(--ink);
    cursor: pointer;
  }
  .technology-row:hover,
  .technology-row.is-active { padding-left: 0; }
  .technology-row::before { display: none; }
  .technology-number {
    padding-top: 4px;
    font-size: 13px;
  }
  .technology-row-copy strong {
    font-size: 17px;
    line-height: 1.4;
  }
  .technology-row-copy > span,
  .technology-stage-copy > p:not(.technology-availability) {
    max-width: 350px;
    margin-top: 9px;
    font-size: 15px;
    line-height: 1.6;
  }
  .technology-row-copy > span { display: none; }
  .technology-row.is-active .technology-row-copy > span { display: block; }
  .technology-row-availability {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  .technology-mobile-media { display: none; }
  .technology-item.is-active .technology-mobile-media {
    display: block;
    width: 100%;
    margin: 0 0 26px;
    aspect-ratio: 4 / 3;
  }

  /* Colour: two horizontal touch rails and a single dominant product stage. */
  .colors { padding: 64px var(--pad) 68px; }
  .colors-head { display: block; }
  .colors-head .eyebrow { padding-top: 0; }
  .colors-head h2 {
    max-width: 400px;
    margin-top: 18px;
    font-size: 36px;
    line-height: 1.08;
    letter-spacing: -.02em;
  }
  html[lang="ru"] .colors-head h2 {
    font-size: 33px;
    line-height: 1.1;
    letter-spacing: -.008em;
  }
  .colors-head > p:last-child {
    max-width: 390px;
    margin-top: 16px;
    padding-top: 0;
    font-size: 16px;
    line-height: 1.62;
  }
  .color-experience { margin-top: 26px; }
  .color-toolbar {
    display: block;
  }
  .color-model-picker { min-width: 0; }
  .color-model-tabs {
    width: calc(100% + var(--pad));
    margin-top: 6px;
    padding-right: var(--pad);
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-padding-inline: 0 var(--pad);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .color-model-tabs::-webkit-scrollbar { display: none; }
  .color-model-tab {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 9px 13px 8px;
    font-size: 0;
    line-height: 1.3;
    white-space: nowrap;
  }
  .color-model-tab:first-child { padding-left: 0; }
  .color-model-tab::before {
    content: attr(data-mobile-label);
    font-size: 14px;
  }
  .color-selection {
    min-width: 0;
    margin-top: 20px;
    text-align: left;
  }
  .color-selection > span:not(.eyebrow) {
    margin-top: 8px;
    font-size: 13px;
  }
  .color-selection strong {
    margin-top: 2px;
    font-size: 24px;
    line-height: 1.25;
  }
  .color-stage { margin-top: 12px; }
  .color-stage-media {
    width: 100%;
    height: clamp(300px, 74vw, 334px);
    min-height: 0;
    max-height: 334px;
    aspect-ratio: auto;
    touch-action: pan-y pinch-zoom;
    user-select: none;
  }
  .color-stage-media .media-photo {
    background-size: auto 112% !important;
    transition: opacity 220ms ease, transform 220ms var(--ease);
  }
  .color-stage-media.is-swiping .media-photo {
    opacity: var(--color-swipe-opacity, .9);
    transform: translate3d(var(--color-swipe-offset, 0), 0, 0) scale(.995);
    transition: none;
  }
  .color-rail-shell {
    margin-top: 8px;
    padding-top: 8px;
    display: block;
    grid-template-columns: none;
  }
  .color-rail-control { display: none; }
  .color-rail-viewport {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-padding-inline: 2px 28px;
    scrollbar-width: none;
    cursor: default;
    -webkit-overflow-scrolling: touch;
  }
  .color-rail-shell .swatch-list {
    width: max-content;
    min-width: calc(100% + 28px);
    padding: 4px 30px 4px 2px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
  }
  .color-rail-shell .swatch,
  .color-rail-shell .swatch--thumbnail {
    width: 60px;
    height: 60px;
    padding: 8px 3px;
  }
  .color-rail-shell .swatch::after,
  .color-rail-shell .swatch--thumbnail::after {
    inset: 4px 1px;
    border-radius: 0;
  }
  .color-rail-shell .swatch i,
  .color-rail-shell .swatch--thumbnail i {
    width: 54px;
    height: 36px;
    background-size: contain;
    border: 0;
    border-radius: 0;
  }

  /* Lifestyle remains a pause, with a phone-specific crop and readable overlay. */
  .city,
  .media-city {
    min-height: clamp(580px, 145vw, 640px);
  }
  .media-city .media-photo { background-position: 55% 50%; }
  .media-city::before {
    background: linear-gradient(0deg, rgba(31,32,29,.48) 0%, rgba(31,32,29,.08) 54%, rgba(31,32,29,.02) 100%);
  }
  .city-copy {
    right: var(--pad);
    bottom: max(32px, env(safe-area-inset-bottom));
  }
  .city-copy h2 {
    max-width: 360px;
    margin-top: 14px;
    font-size: 34px;
    line-height: 1.08;
    letter-spacing: -.015em;
  }
  html[lang="ru"] .city-copy h2 { font-size: 32px; line-height: 1.1; }

  /* Junior: two comparable, sequential product chapters. */
  .junior { padding: 74px var(--pad) 80px; }
  .junior-head { display: block; }
  .junior-head .eyebrow { padding-top: 0; }
  .junior-head h2 {
    max-width: 400px;
    margin-top: 22px;
    font-size: 36px;
    line-height: 1.08;
    letter-spacing: -.02em;
  }
  html[lang="ru"] .junior-head h2 {
    font-size: 33px;
    line-height: 1.1;
    letter-spacing: -.008em;
  }
  .junior-head > p:last-child {
    max-width: 390px;
    margin-top: 20px;
    padding-top: 0;
    font-size: 16px;
    line-height: 1.62;
  }
  .junior-family {
    display: block;
    margin-top: 43px;
  }
  .junior-family-label { margin-bottom: 15px; }
  .junior-model + .junior-model { margin-top: 56px; }
  .junior-model-heading {
    min-height: 58px;
    padding: 13px 0;
  }
  .junior-model-heading h3 {
    font-size: 32px;
    line-height: 1.12;
    letter-spacing: -.018em;
  }
  .junior-model-heading .age { font-size: 13px; }
  .junior-product-media {
    width: 100%;
    min-height: 0;
    height: clamp(270px, 74vw, 325px);
    aspect-ratio: auto;
  }
  .junior-product-media .media-photo { background-size: 108% auto; }
  .junior-model-copy {
    display: block;
    padding-top: 17px;
  }
  .junior-model-copy .junior-category-description {
    font-size: 16px;
    line-height: 1.58;
  }
  .junior-model-copy .junior-category-spec {
    margin-top: 7px;
    font-size: 14px;
    line-height: 1.5;
    white-space: normal;
  }
  .junior-model-copy .text-link {
    width: 100%;
    margin-top: 15px;
  }

  /* Collection rows are touch-first and keep preview behaviour desktop-only. */
  .explore {
    padding: 72px var(--pad) 78px;
    display: block;
  }
  .explore-head { margin-bottom: 39px; }
  .explore-head h2 {
    max-width: 400px;
    margin-top: 21px;
    font-size: 34px;
    line-height: 1.08;
    letter-spacing: .012em;
  }
  html[lang="ru"] .explore-head h2 {
    font-size: 31px;
    line-height: 1.1;
    letter-spacing: .006em;
  }
  .collection-preview { display: none !important; }
  .explore-list { width: 100%; }
  .explore-item {
    width: 100%;
    min-height: 124px;
    padding: 20px 0;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 7px 12px;
    align-content: center;
    transition: none;
  }
  .explore-item:hover,
  .explore-item:focus-visible,
  .explore-item--unavailable:hover {
    padding: 20px 0;
    color: inherit;
    background: transparent;
  }
  .collection-number {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: start;
    padding-top: 6px;
    font-size: 13px;
  }
  .explore-item h3 {
    grid-column: 2;
    grid-row: 1;
    font-size: 27px;
    line-height: 1.16;
  }
  .explore-item p {
    grid-column: 2;
    grid-row: 2;
    max-width: 245px;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: .04em;
  }
  .explore-action {
    grid-column: 3;
    grid-row: 1 / 3;
    align-self: center;
    justify-self: end;
    margin-top: 0;
  }
  .explore-action span:first-child { display: none; }
  .collection-all {
    width: 100%;
    min-height: 56px;
    margin-top: 24px;
    padding: 12px 0;
    display: flex;
    align-items: center;
  }

  /* Final image remains the last emotional beat without a second oversized hero. */
  .final-cta,
  .final-copy {
    min-height: clamp(580px, 145vw, 640px);
  }
  .media-final .media-photo { background-position: 52% 50%; }
  .media-final::before {
    background: linear-gradient(0deg, rgba(28,29,26,.5) 0%, rgba(28,29,26,.08) 58%, rgba(28,29,26,.03) 100%);
  }
  .final-copy {
    padding: 74px var(--pad) max(34px, env(safe-area-inset-bottom));
  }
  .final-copy h2 {
    margin-top: 21px;
    font-size: 50px;
    line-height: .98;
    letter-spacing: .018em;
  }
  .final-copy > p:not(.eyebrow) {
    max-width: 330px;
    margin-top: 17px;
    font-size: 16px;
    line-height: 1.55;
  }
  .final-copy .button-link {
    width: 100%;
    margin-top: auto;
  }

  .dev-panel { display: none !important; }
}

@media (max-width: 380px) {
  :root { --pad: 18px; }
  .secondary-brand-nav .site-nav a,
  .secondary-brand-nav .header-cta {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 12px;
  }
  .secondary-brand-nav .site-nav a:first-child { padding-left: 0; }
  .hero-copy h2,
  .manifesto .display-heading,
  .product-title h2,
  .chapter-copy h2,
  .technology-chapter-head h2,
  .colors-head h2,
  .junior-head h2 { font-size: 33px; }
  html[lang="ru"] .hero-copy h2,
  html[lang="ru"] .manifesto .display-heading,
  html[lang="ru"] .product-title h2,
  html[lang="ru"] .chapter-copy h2,
  html[lang="ru"] .technology-chapter-head h2,
  html[lang="ru"] .colors-head h2,
  html[lang="ru"] .junior-head h2 { font-size: 31px; }
  .explore-head h2 { font-size: 31px; }
  html[lang="ru"] .explore-head h2 { font-size: 29px; }
  .final-copy h2 { font-size: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  .color-stage-media .media-photo { transition: none; }
}

/* Final RU typography polish. Keep the approved composition and full copy;
   only its measure, reading rhythm, and alignment change here. */
@media (min-width: 821px) {
  html[lang="ru"] .hero-copy h2 {
    font-size: clamp(48px, 3.5vw, 50px);
    line-height: 1.08;
  }

  html[lang="ru"] .manifesto .display-heading {
    grid-column: 4 / 13;
    max-width: 940px;
    font-size: clamp(54px, 4.05vw, 58px);
    line-height: 1.08;
  }

  html[lang="ru"] .product-title h2 {
    grid-column: 6 / 13;
    max-width: 760px;
    font-size: clamp(56px, 4.2vw, 60px);
    line-height: 1.08;
  }

  html[lang="ru"] .chapter-copy h2 {
    max-width: 520px;
    font-size: clamp(52px, 3.95vw, 56px);
    line-height: 1.09;
  }

  html[lang="ru"] .technology-chapter-head h2 {
    grid-column: 4 / 12;
    max-width: 880px;
    font-size: clamp(48px, 3.65vw, 52px);
    line-height: 1.09;
  }

  html[lang="ru"] .technology-chapter-head > p:last-child {
    grid-column: 10 / 13;
    grid-row: 2;
    margin-top: 38px;
    padding-top: 0;
  }

  html[lang="ru"] .junior-head h2 {
    grid-column: 4 / 12;
    max-width: 860px;
    font-size: clamp(48px, 3.65vw, 52px);
    line-height: 1.1;
  }

  html[lang="ru"] .junior-head > p:last-child {
    grid-column: 10 / 13;
    grid-row: 2;
    margin-top: 36px;
    padding-top: 0;
  }

  html[lang="ru"] .product-copy p,
  html[lang="ru"] .chapter-copy > p:not(.eyebrow),
  html[lang="ru"] .junior-head > p:last-child {
    line-height: 1.66;
  }

  html[lang="ru"] .model-highlight-copy p {
    font-size: 14px;
    line-height: 1.55;
  }

  html[lang="ru"] .product-copy .text-link,
  html[lang="ru"] .chapter-copy .text-link {
    margin-top: 34px;
  }

  /* Full RU Heritage copy and its feature list occupy consecutive grid rows. */
  html[lang="ru"] .heritage .media-product {
    grid-row: 2 / 4;
  }

  html[lang="ru"] .heritage .product-copy {
    grid-row: 2;
    align-self: start;
  }

  html[lang="ru"] .heritage .heritage-highlights {
    grid-row: 3;
    align-self: start;
    margin-top: 52px;
  }
}

@media (min-width: 1101px) {
  html[lang="ru"] .explore-item {
    grid-template-columns: 54px minmax(330px, 1.08fr) minmax(310px, .92fr) 245px;
    align-items: start;
    min-height: 130px;
    padding: 29px 0;
  }

  html[lang="ru"] .explore-item:hover,
  html[lang="ru"] .explore-item:focus-visible,
  html[lang="ru"] .explore-item--unavailable:hover {
    padding: 29px 0;
  }

  html[lang="ru"] .explore-item h3,
  html[lang="ru"] .explore-item p,
  html[lang="ru"] .explore-action {
    align-self: start;
    justify-self: start;
  }
}

@media (min-width: 821px) and (max-width: 1100px) {
  html[lang="ru"] .explore-item {
    grid-template-columns: 48px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 8px 16px;
    align-items: start;
    padding: 24px 0;
  }

  html[lang="ru"] .collection-number { grid-row: 1 / 4; }
  html[lang="ru"] .explore-item h3 { grid-column: 2; grid-row: 1; }
  html[lang="ru"] .explore-item p { grid-column: 2; grid-row: 2; }
  html[lang="ru"] .explore-action {
    grid-column: 2;
    grid-row: 3;
    justify-self: start;
    margin-top: 8px;
  }
}

@media (max-width: 600px) {
  html[lang="ru"] .technology-chapter-head h2 {
    font-size: 32px;
    line-height: 1.1;
  }

  html[lang="ru"] .chapter-copy .text-link {
    margin-top: 20px;
  }

  html[lang="ru"] .explore-item {
    min-height: 0;
    padding: 24px 0;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 8px 12px;
    align-content: start;
    align-items: start;
  }

  html[lang="ru"] .explore-item:hover,
  html[lang="ru"] .explore-item:focus-visible,
  html[lang="ru"] .explore-item--unavailable:hover {
    padding: 24px 0;
  }

  html[lang="ru"] .collection-number {
    grid-row: 1 / 4;
    padding-top: 5px;
  }

  html[lang="ru"] .explore-item h3 {
    grid-column: 2;
    grid-row: 1;
  }

  html[lang="ru"] .explore-item p {
    grid-column: 2;
    grid-row: 2;
    max-width: none;
  }

  html[lang="ru"] .explore-action {
    grid-column: 2;
    grid-row: 3;
    justify-self: start;
    margin-top: 8px;
  }

  html[lang="ru"] .explore-action span:first-child { display: inline; }
}