:root {
  --ink: #121416;
  --muted: #686b6e;
  --paper: #f4f3ef;
  --white: #fff;
  --black: #080a0c;
  --line: rgba(20, 22, 24, .14);
  --gold: #b79a68;
  --blue: #2f79a7;
  --danger: #a44c3e;
  --safe: #3b7565;
  --shell: min(1180px, calc(100vw - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; font-size: 17px; line-height: 1.75; letter-spacing: 0; }
img { display: block; width: 100%; }
a { color: inherit; text-decoration: none; }
.shell { width: var(--shell); margin-inline: auto; }
.narrow { max-width: 920px; }

.topbar { position: fixed; z-index: 20; top: 0; left: 0; right: 0; height: 68px; display: flex; align-items: center; justify-content: space-between; padding: 0 max(24px, calc((100vw - 1180px) / 2)); color: var(--white); background: rgba(7, 9, 11, .78); border-bottom: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(16px); }
.brand { display: flex; align-items: center; gap: 11px; font-size: 14px; font-weight: 600; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.45); font-family: Georgia, serif; font-size: 12px; }
.topbar nav { display: flex; gap: 28px; font-size: 13px; color: rgba(255,255,255,.75); }
.topbar nav a:hover { color: var(--white); }

.hero { position: relative; min-height: 850px; display: flex; align-items: flex-end; overflow: hidden; color: var(--white); background: var(--black); }
.hero-image, .hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-image { object-fit: cover; object-position: center 38%; }
.hero-shade { background: linear-gradient(90deg, rgba(5,7,9,.94) 0%, rgba(5,7,9,.74) 42%, rgba(5,7,9,.18) 78%), linear-gradient(0deg, rgba(5,7,9,.92) 0%, transparent 48%); }
.hero-content { position: relative; z-index: 2; padding: 160px 0 92px; }
.hero-content.shell { width: min(1180px, calc(100vw - 80px)); }
.eyebrow { margin: 0 0 14px; color: var(--gold); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 760px; margin-bottom: 14px; font-family: "Songti SC", STSong, serif; font-size: clamp(48px, 6.2vw, 86px); font-weight: 500; line-height: 1.08; }
.hero-lead { margin-bottom: 34px; font-size: clamp(20px, 2.2vw, 30px); color: rgba(255,255,255,.84); }
.hero-result { max-width: 900px; display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 0 36px; border-block: 1px solid rgba(255,255,255,.22); }
.hero-result div { padding: 20px 26px; }
.hero-result div + div { padding-left: 26px; border-left: 1px solid rgba(255,255,255,.18); }
.hero-result strong, .hero-result span { display: block; }
.hero-result strong { font-size: 25px; line-height: 1.25; }
.hero-result span { margin-top: 6px; font-size: 16px; line-height: 1.55; color: rgba(255,255,255,.84); }
.actions { display: flex; flex-wrap: wrap; gap: 12px; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0 24px; border: 1px solid rgba(255,255,255,.45); font-size: 14px; font-weight: 600; transition: .2s ease; }
.button.primary { color: #111; background: #fff; border-color: #fff; }
.button.secondary { color: #fff; background: rgba(10,12,14,.35); }
.button:hover { transform: translateY(-2px); }

.proof-band { color: #ececec; background: #111519; border-bottom: 1px solid rgba(255,255,255,.08); }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-grid div { min-height: 126px; padding: 26px 24px; border-right: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.proof-grid div:nth-child(4n+1) { border-left: 1px solid rgba(255,255,255,.08); }
.proof-grid strong, .proof-grid span { display: block; }
.proof-grid strong { margin-bottom: 4px; font-size: 18px; }
.proof-grid span { color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.5; }

.section { padding: 112px 0; }
.section-heading { max-width: 760px; margin: 0 auto 54px; text-align: center; }
.section-heading.left { margin-left: 0; text-align: left; }
.section-heading h2, .project-copy h2, .brand-content h2, .related h2 { margin-bottom: 16px; font-family: "Songti SC", STSong, serif; font-size: clamp(34px, 4vw, 56px); font-weight: 500; line-height: 1.2; }
.section-heading > p:last-child { color: var(--muted); }
.plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.plan { min-height: 520px; position: relative; display: grid; grid-template-rows: auto 1fr; overflow: hidden; background: #fff; border: 1px solid var(--line); }
.plan.featured { color: #fff; background: #17202a; border-color: #17202a; }
.plan-image { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; background: #eaf4fb; }
.chauffeur-plan .plan-image { object-position: center; }
.plan-content { position: relative; min-height: 300px; padding: 28px 34px 68px; }
.plan-no { color: var(--gold); font-family: Georgia, serif; font-size: 13px; }
.plan h3 { margin: 24px 0 12px; font-size: 23px; }
.plan p { color: var(--muted); font-size: 14px; }
.plan.featured p { color: rgba(255,255,255,.66); }
.plan-content > strong { position: absolute; left: 34px; bottom: 28px; color: var(--gold); font-size: 14px; }
.plan-note { margin: 20px 0 0; padding: 18px 22px; color: #4f4b43; background: #e9e4da; border-left: 3px solid var(--gold); }

.dark-section { color: #fff; background: #0d1115; }
.light-section { background: #e8e9e7; }
.warm-section { background: #f5f0e7; }
.project-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 70px; }
.project-grid.reverse { grid-template-columns: 1fr 1fr; }
.project-grid.reverse .project-copy { order: 2; }
.project-index { margin-bottom: 8px; color: var(--gold); font-size: 20px; font-weight: 700; }
.project-copy h2 { max-width: 560px; }
.large-copy { margin-bottom: 24px; font-size: 21px; line-height: 1.7; }
.dark-section .project-copy > p:not(.project-index), .dark-section figcaption { color: rgba(255,255,255,.66); }
.angle-scale { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 10px; margin: 30px 0; }
.angle-scale i { height: 2px; background: rgba(255,255,255,.24); }
.angle-scale i.active { background: var(--gold); }
.angle-scale strong { color: var(--gold); font-size: 25px; }
.assurance { padding: 17px 0; border-top: 1px solid rgba(255,255,255,.14); }
.assurance strong { display: block; margin-bottom: 5px; }
.assurance p { margin: 0; font-size: 16px; color: rgba(255,255,255,.76); }
.angle-project { padding-top: 128px; padding-bottom: 128px; }
.angle-project-layout { display: grid; gap: 42px; }
.angle-project-head { display: grid; grid-template-columns: 110px minmax(0, 1.15fr) minmax(280px, .65fr); gap: 38px; align-items: end; padding-bottom: 38px; border-bottom: 1px solid rgba(255,255,255,.14); }
.angle-project-head .project-index { align-self: start; margin: 10px 0 0; }
.angle-project-head h2 { max-width: 700px; margin: 0 0 18px; font-size: clamp(42px, 4.5vw, 64px); line-height: 1.15; }
.angle-project-head .large-copy { max-width: 700px; margin: 0; color: rgba(255,255,255,.76); font-size: 19px; line-height: 1.85; }
.angle-head-note { margin: 0 0 5px; padding-left: 24px; color: rgba(255,255,255,.58); border-left: 2px solid var(--gold); line-height: 1.9; }
.angle-main-visual { position: relative; margin: 0; overflow: hidden; background: #090c10; }
.angle-main-visual img { width: 100%; aspect-ratio: 16/8.4; object-fit: cover; }
.angle-main-visual figcaption { padding-top: 12px; color: rgba(255,255,255,.5); }
.angle-return-visual { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.14); background: #10161b; }
.angle-return-visual img { width: 100%; height: 100%; min-height: 390px; object-fit: cover; }
.angle-return-visual figcaption { display: flex; flex-direction: column; justify-content: center; gap: 16px; padding: 42px; color: rgba(255,255,255,.68); line-height: 1.8; background: #151d24; }
.angle-return-visual figcaption strong { color: #fff; font-size: 22px; }
.angle-return-visual figcaption span { max-width: 430px; font-size: 15px; }
.seat-angle-ruler { position: absolute; z-index: 3; width: 230px; height: 188px; color: #fff; pointer-events: none; }
.seat-angle-ruler.before { left: 21.1%; top: 45.8%; }
.seat-angle-ruler.after { left: 76.8%; top: 44.8%; color: #f0c36c; }
.ruler-base, .ruler-back { position: absolute; left: 0; bottom: 0; display: block; height: 0; border-top: 3px dashed currentColor; background: transparent; transform-origin: left center; filter: drop-shadow(0 2px 10px rgba(0,0,0,.72)); }
.ruler-base { width: 150px; transform: rotate(-2deg); opacity: .92; }
.ruler-back { width: 190px; }
.seat-angle-ruler.before .ruler-back { transform: rotate(-108deg); }
.seat-angle-ruler.after .ruler-back { width: 182px; transform: rotate(-130deg); }
.ruler-arc { position: absolute; left: 18px; bottom: 16px; display: block; width: 80px; height: 80px; border: 2px dashed currentColor; border-right-color: transparent; border-top-color: transparent; border-radius: 50%; opacity: .95; transform: rotate(6deg); filter: drop-shadow(0 2px 8px rgba(0,0,0,.55)); }
.seat-angle-ruler.after .ruler-arc { width: 94px; height: 94px; transform: rotate(-10deg); }
.ruler-dot { position: absolute; left: -6px; bottom: -6px; width: 14px; height: 14px; border: 2px solid currentColor; border-radius: 50%; background: rgba(9,12,16,.85); box-shadow: 0 0 16px rgba(255,255,255,.35); }
.seat-angle-ruler span, .seat-angle-ruler strong { position: absolute; left: 92px; display: block; line-height: 1.05; text-shadow: 0 2px 12px rgba(0,0,0,.82); }
.seat-angle-ruler span { bottom: 78px; font-size: 13px; font-weight: 800; }
.seat-angle-ruler strong { bottom: 34px; font: 38px Georgia, serif; letter-spacing: 0; }
.seat-angle-ruler.after span { left: -18px; bottom: 86px; }
.seat-angle-ruler.after strong { left: -18px; bottom: 42px; }
.angle-states { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
.angle-states > div { min-height: 142px; display: grid; grid-template-columns: 82px 1fr; gap: 18px; align-items: center; padding: 24px 28px; }
.angle-states > div + div { border-left: 1px solid rgba(255,255,255,.14); }
.angle-states strong { font: 34px Georgia, serif; }
.angle-states span { color: rgba(255,255,255,.54); font-size: 13px; line-height: 1.7; }
.angle-states .active strong { color: var(--gold); }
.angle-proof-row { display: grid; grid-template-columns: 1fr; gap: 18px; }
.angle-module { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .45fr); min-height: 360px; margin: 0; overflow: hidden; background: #e7e6e2; border: 1px solid rgba(255,255,255,.14); }
.angle-module img { width: 100%; height: 100%; min-height: 360px; object-fit: cover; }
.angle-module figcaption { display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: 38px; color: #68645d; background: #f1f0ec; line-height: 1.75; }
.angle-module figcaption strong { color: #17191b; font-size: 19px; }
.angle-module figcaption span { font-size: 16px; line-height: 1.8; }
.angle-module-composite {
  margin: 0;
  background: transparent;
}
.angle-module-composite-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
.angle-module-composite-card {
  display: grid;
  grid-template-rows: 520px auto;
  min-width: 0;
  overflow: hidden;
  background: #f4f4f2;
  border: 1px solid rgba(255,255,255,.16);
}
.angle-module-composite-media {
  display: grid;
  place-items: center;
  min-height: 0;
  padding: 30px;
  overflow: hidden;
  background: #f2f1ee;
}
.angle-module-composite-media.module-detail { padding: 16px 18px 12px; }
.angle-module-composite-media.report-detail { padding: 24px 52px; background: #fff; }
.angle-module-composite-media img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  background: transparent;
}
.angle-module-composite-media.module-detail img {
  filter: drop-shadow(0 16px 18px rgba(16, 31, 45, .22)) drop-shadow(0 4px 5px rgba(16, 31, 45, .16));
}
.angle-module-composite-media.report-detail img {
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center top !important;
}
.angle-module-composite-card figcaption {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 124px;
  padding: 22px 24px 24px;
  color: var(--ink);
  background: #edf8ff;
  border-top: 1px solid rgba(11,57,99,.12);
}
.angle-module-composite-card figcaption strong { font-size: 20px; line-height: 1.35; }
.angle-module-composite-card figcaption span {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
}
.assurance-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.angle-project .assurance { min-height: 176px; padding: 28px 32px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.025); }
.angle-project .assurance span { display: block; margin-bottom: 20px; color: var(--gold); font: 14px Georgia, serif; }
.angle-project .assurance strong { margin-bottom: 12px; font-size: 19px; }
.angle-project .assurance p { font-size: 17px; line-height: 1.9; }
.main-figure, .kit-figure, .photo-figure, .before-after figure { margin: 0; overflow: hidden; background: #090c10; }
.main-figure img { aspect-ratio: 16/9; object-fit: cover; }
figcaption { padding: 13px 2px 0; font-size: 12px; color: var(--muted); }
.kit-figure { margin-top: 18px; background: transparent; }
.kit-figure img { aspect-ratio: 3.5/1; object-fit: cover; }
.photo-figure img { min-height: 560px; object-fit: cover; }
.cushion-project { background: #e8e9e7; }
.cushion-band { padding: 112px 0; }
.cushion-result-band { background: #e8e9e7; }
.cushion-compare-band { background: #f7f6f2; }
.cushion-structure-band { color: #f3f3f1; background: #111519; }
.cushion-craft-band { background: #e8e9e7; }
.cushion-intro { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 64px; }
.cushion-hero-real, .cushion-hero-compare figure, .cushion-detail-grid figure, .construction-real figure { margin: 0; }
.cushion-hero-real img { aspect-ratio: 1/1; object-fit: cover; }
.cushion-hero-compare { display: grid; grid-template-columns: 1fr; gap: 18px; align-self: center; }
.cushion-hero-compare figure { position: relative; display: flex; min-width: 0; flex-direction: column; background: #e4e5e2; }
.cushion-hero-compare img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.cushion-hero-compare figcaption { padding: 12px 12px 14px; color: #565c60; background: #f1f1ef; font-size: 13px; line-height: 1.7; }
.cushion-result-points { margin-top: 34px; border-top: 1px solid var(--line); }
.cushion-result-points div { display: grid; grid-template-columns: 36px 1fr; gap: 0 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.cushion-result-points span { grid-row: 1 / 3; color: var(--gold); font-family: Georgia, serif; font-size: 12px; }
.cushion-result-points strong, .cushion-result-points small { display: block; }
.cushion-result-points small { color: var(--muted); }
.cushion-evidence .section-heading { margin-bottom: 34px; }
.cushion-photo-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-self: center; }
.cushion-photo-compare figure { position: relative; margin: 0; }
.cushion-photo-compare img { width: 100%; aspect-ratio: 16/9; object-fit: contain; background: #e4e5e2; }
.cushion-photo-compare figcaption { padding-top: 9px; }
.measure-value {
  position: absolute;
  z-index: 2;
  top: 42%;
  left: 33%;
  padding: 6px 10px;
  color: #fff;
  background: rgba(5, 47, 89, .92);
  border-left: 3px solid #f2c36f;
  font-size: clamp(16px, 1.6vw, 22px);
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 5px 14px rgba(5, 47, 89, .18);
}
.measure-value.after {
  left: 46%;
  color: #153858;
  background: rgba(242, 195, 111, .94);
  border-left-color: #0a4678;
}
.photo-state { position: absolute; z-index: 1; top: 14px; left: 14px; padding: 7px 12px; color: #fff; background: rgba(9,12,16,.84); font-size: 12px; font-weight: 700; }
.photo-state.after { color: #101317; background: var(--gold); }
.photo-state.cool { color: #fff; background: rgba(47,121,167,.88); }
.photo-state.warm { color: #17120a; background: rgba(211,143,58,.92); }
.cushion-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 18px; align-items: start; }
.cushion-detail-grid figure { margin: 0; background: #dfe1df; display: flex; flex-direction: column; }
.cushion-detail-grid img { width: 100%; aspect-ratio: 1/1; object-fit: cover; }
.cushion-detail-grid .detail-front { grid-column: 1 / -1; }
.cushion-detail-grid .detail-front img { aspect-ratio: 16/10; min-height: 0; }
.cushion-detail-grid figcaption { padding: 10px 2px 0; background: #e8e9e7; }
.cushion-construction .section-heading { margin-bottom: 36px; }
.cushion-structure-band .section-heading > p:last-child { color: rgba(255,255,255,.62); }
.exploded-view { display: grid; grid-template-columns: 1.48fr .52fr; gap: 42px; align-items: center; }
.exploded-view figure { margin: 0; }
.exploded-view img { aspect-ratio: 16/9; object-fit: cover; }
.exploded-view figcaption { color: rgba(255,255,255,.5); }
.layer-note { margin-bottom: 8px; color: var(--gold); font-size: 12px; font-weight: 700; }
.layer-key { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.16); }
.layer-key li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.16); }
.layer-key span { color: var(--gold); font: 12px Georgia, serif; }
.layer-key strong, .layer-key small { display: block; }
.layer-key small { margin-top: 2px; color: rgba(255,255,255,.54); line-height: 1.5; }
.cover-note { margin: 24px 0 0; padding-left: 18px; border-left: 2px solid var(--gold); }
.cover-note strong, .cover-note span { display: block; }
.cover-note span { margin-top: 4px; color: rgba(255,255,255,.56); font-size: 13px; }
.cushion-craft { display: grid; grid-template-columns: 1fr; gap: 34px; }
.cushion-craft .section-heading { grid-column: 1; max-width: 760px; margin: 0; align-self: start; }
.construction-real { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.construction-real { grid-column: 1; }
.construction-real img { aspect-ratio: 4/3; object-fit: cover; }
.construction-real figcaption { font-size: 14px; line-height: 1.75; color: #606060; }
.construction-real .support-layer { grid-column: 1 / -1; background: #e1e1df; }
.construction-real .support-layer img { aspect-ratio: 4/3; object-fit: cover; }
.construction-real .support-layer figcaption { display: grid; grid-template-columns: .62fr 1fr; gap: 18px; padding: 12px 2px 0; background: #e8e9e7; }
.construction-real .support-layer figcaption strong, .construction-real .support-layer figcaption span { display: block; }
.construction-real .support-layer figcaption strong { color: #17191b; font-size: 15px; }
.construction-real .foam-comparison { grid-column: 1 / -1; background: #e1e1df; }
.construction-real .foam-comparison img { aspect-ratio: 16/9; object-fit: cover; }
.construction-real .foam-comparison figcaption { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 12px 2px 0; background: #e8e9e7; }
.construction-real .foam-comparison figcaption strong, .construction-real .foam-comparison figcaption span { display: block; }
.construction-real .foam-comparison figcaption strong { color: #17191b; font-size: 15px; }
.cushion-craft .cushion-detail-grid { grid-column: 1 / -1; }
.comparison-diagram { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; margin-top: 40px; }
.comparison-diagram > div { min-height: 190px; padding: 22px; background: rgba(255,255,255,.58); border: 1px solid var(--line); }
.comparison-diagram span, .comparison-diagram strong, .comparison-diagram small { display: block; }
.comparison-diagram span { color: var(--muted); font-size: 12px; }
.comparison-diagram strong { margin-top: 14px; }
.comparison-diagram small { color: var(--muted); }
.foam { display: block; height: 48px; margin-top: 20px; background: #d9c47c; }
.foam.old { border-radius: 6px 6px 40% 40%; transform: scaleY(.72); }
.foam.new { border-radius: 8px; box-shadow: inset 0 8px 0 rgba(255,255,255,.3); }
.comparison-diagram > b { color: var(--gold); font-size: 30px; }
.memory-demo { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 34px; }
.memory-demo > div { padding: 20px; background: rgba(255,255,255,.56); border: 1px solid var(--line); }
.memory-demo i { display: block; height: 72px; margin-bottom: 14px; background: #d8ceaa; border-radius: 6px; }
.memory-demo .soft i { background: #e5d5a8; box-shadow: inset 0 -18px 28px rgba(144,111,58,.2); transform: perspective(180px) rotateX(10deg); }
.memory-demo span { font-size: 13px; }
.before-after { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.before-after img { aspect-ratio: 3/4; object-fit: cover; }
.seatback-project { padding-block: 124px; }
.seatback-layout { display: grid; gap: 62px; }
.seatback-hero-compare img { object-fit: contain; background: #e8edf0; }
.seatback-width-value {
  position: absolute;
  z-index: 3;
  top: 14px;
  right: 14px;
  padding: 8px 12px;
  color: #fff;
  background: rgba(5, 47, 89, .92);
  border-left: 3px solid #f2c36f;
  box-shadow: 0 6px 16px rgba(5, 47, 89, .16);
  font-size: clamp(14px, 1.35vw, 18px);
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
}
.seatback-width-value.after {
  color: #153858;
  background: rgba(242, 195, 111, .96);
  border-left-color: #0a4678;
}
.wing-headrest-showcase { margin-top: 52px; padding: 42px; background: #fff; border: 1px solid var(--line); }
.wing-headrest-heading { display: grid; grid-template-columns: .72fr 1.28fr; gap: 8px 46px; align-items: end; margin-bottom: 30px; }
.wing-headrest-heading .project-index { grid-row: 1; grid-column: 1; }
.wing-headrest-heading h3 { margin: 8px 0 14px; color: var(--ink); font-family: "Songti SC", STSong, serif; font-size: clamp(30px, 3.3vw, 46px); font-weight: 600; line-height: 1.25; }
.wing-headrest-heading h3 { grid-row: 2; grid-column: 1; }
.wing-headrest-heading > p:last-child { grid-row: 1 / 3; grid-column: 2; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.9; }
.wing-headrest-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.wing-headrest-card { display: flex; flex-direction: column; margin: 0; overflow: hidden; background: #eef3f5; border: 1px solid var(--line); }
.wing-headrest-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #ece9e4; }
.wing-headrest-card.wing-headrest-installed img { object-position: center; }
.wing-headrest-card figcaption { display: grid; gap: 6px; flex: 1; padding: 16px 18px 18px; color: var(--ink); background: #f7fbfd; }
.wing-headrest-card figcaption strong { font-size: 18px; }
.wing-headrest-card figcaption span { color: var(--muted); font-size: 14px; line-height: 1.7; }
.seatback-head { display: grid; grid-template-columns: .85fr 1.15fr; gap: 72px; align-items: end; padding-bottom: 38px; border-bottom: 1px solid var(--line); }
.seatback-head h2 { max-width: 560px; margin: 0; font-family: "Songti SC", STSong, serif; font-size: clamp(40px, 4.5vw, 62px); font-weight: 500; line-height: 1.18; }
.seatback-head .large-copy { margin-bottom: 12px; }
.seatback-source { margin: 0; color: var(--muted); font-size: 13px; }
.seatback-evidence { display: grid; grid-template-columns: 1.48fr .52fr; gap: 38px; align-items: stretch; }
.seatback-video-frame, .seatback-exploded, .seatback-foam-comparison, .seatback-photo-compare figure { margin: 0; }
.seatback-video-frame img, .seatback-exploded img { aspect-ratio: 16/9; object-fit: cover; background: #e6e4e0; }
.seatback-photo-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.seatback-photo-compare figure { position: relative; background: #eeeae2; }
.seatback-photo-compare img { aspect-ratio: 1.08/1; object-fit: contain; background: #eeeae2; }
.seatback-photo-compare figcaption { padding: 11px 2px 0; background: #f5f0e7; font-size: 16px; line-height: 1.65; }
.seatback-result-list { display: grid; border-top: 1px solid var(--line); }
.seatback-result-list article { display: grid; grid-template-columns: 34px 1fr; gap: 4px 12px; align-content: center; padding: 20px 0; border-bottom: 1px solid var(--line); }
.seatback-result-list span { grid-row: 1 / 3; color: var(--gold); font: 14px Georgia, serif; }
.seatback-result-list strong { font-size: 19px; }
.seatback-result-list p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
.seatback-structure { display: grid; grid-template-columns: .58fr 1.42fr; gap: 48px; align-items: center; padding: 46px; color: #f4f4f1; background: #171b1f; }
.seatback-structure-copy h3 { margin: 0 0 18px; font-family: "Songti SC", STSong, serif; font-size: 32px; font-weight: 500; line-height: 1.3; }
.seatback-structure-copy > p:not(.eyebrow) { color: rgba(255,255,255,.6); font-size: 14px; }
.seatback-layer-key { margin: 28px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.15); }
.seatback-layer-key li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.15); }
.seatback-layer-key span { color: var(--gold); font: 12px Georgia, serif; }
.seatback-layer-key strong, .seatback-layer-key small { display: block; }
.seatback-layer-key small { margin-top: 3px; color: rgba(255,255,255,.5); line-height: 1.55; }
.seatback-exploded figcaption { color: rgba(255,255,255,.5); }
.seatback-foam-comparison { grid-column: 1 / -1; margin-top: -16px; }
.seatback-foam-comparison img { aspect-ratio: 16/9; object-fit: cover; background: #e6e4e0; }
.seatback-finished-showcase .seatback-foam-comparison {
  position: relative;
  margin: 24px 0 0;
  overflow: hidden;
  background: #e6e4e0;
  border: 1px solid var(--line);
}
.seatback-finished-showcase .seatback-foam-comparison img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.seatback-foam-comparison figcaption { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding-top: 14px; color: rgba(255,255,255,.62); font-size: 14px; line-height: 1.75; }
.seatback-foam-comparison figcaption strong, .seatback-foam-comparison figcaption span { display: block; }
.seatback-foam-comparison figcaption strong { color: #fff; font-size: 15px; }
.seatback-installed { display: grid; gap: 26px; padding: 42px; background: #f0f0ed; }
.seatback-installed-copy { display: grid; grid-template-columns: .58fr 1.42fr; gap: 48px; align-items: end; }
.seatback-installed-copy h3 { margin: 0; font-family: "Songti SC", STSong, serif; font-size: 32px; font-weight: 500; line-height: 1.3; }
.seatback-installed-copy p:last-child { margin: 0; color: #6a675f; font-size: 14px; line-height: 1.8; }
.seatback-installed-grid { display: grid; grid-template-columns: 1.18fr .82fr; gap: 18px; }
.seatback-installed-grid figure { margin: 0; background: #dededa; }
.seatback-installed-grid .installed-front { grid-row: span 2; }
.seatback-installed-grid img { aspect-ratio: 1/1; object-fit: cover; background: #dededa; }
.seatback-installed-grid figure:not(.installed-front) img { aspect-ratio: 4/3; }
.seatback-installed-grid figcaption { padding: 11px 2px 0; color: #64615c; font-size: 14px; line-height: 1.65; background: #f0f0ed; }
.seatback-disclaimer { margin: -30px 0 0; padding-left: 18px; color: #6d675e; border-left: 2px solid var(--gold); font-size: 12px; }

.pair-section { background: #fff; }
.pair-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 28px 48px; }
.pair-lead { font-size: 27px; font-family: "Songti SC", STSong, serif; line-height: 1.45; }
blockquote { grid-column: 2; margin: 0; padding: 20px 24px; color: #574c3e; background: #f0ece4; border-left: 3px solid var(--gold); }

.risk-section { color: #fff; background: #151516; }
.risk-section .section-heading > p:last-child { color: rgba(255,255,255,.56); }
.risk-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.risk-card { padding: 38px; border: 1px solid rgba(255,255,255,.13); }
.risk-card.danger { background: linear-gradient(140deg, rgba(164,76,62,.23), transparent); }
.risk-card.safe { background: linear-gradient(140deg, rgba(59,117,101,.28), transparent); }
.card-label { font-size: 12px; font-weight: 700; color: var(--gold); }
.risk-card h3 { font-size: 24px; }
.risk-item { padding: 18px 0; border-top: 1px solid rgba(255,255,255,.12); }
.risk-item p { margin: 3px 0 0; color: rgba(255,255,255,.58); font-size: 14px; }
.case-note { margin: 20px 0 0; text-align: center; color: rgba(255,255,255,.52); font-size: 13px; }

.option-section { background: #e7e3dc; }
.option-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.option-card { min-height: 560px; position: relative; overflow: hidden; background: #fff; }
.image-card img { height: 310px; object-fit: cover; }
.headrest-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: #d8d5ce; }
.headrest-compare figure { position: relative; margin: 0; background: #ede9e1; }
.headrest-compare img { height: 330px; object-fit: cover; object-position: center; }
.headrest-compare figure:first-child img { object-position: center 42%; }
.headrest-compare figure:last-child img { object-position: center; }
.comfort-card { background: #fff; color: var(--ink); }
.comfort-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: #d8d5ce; }
.comfort-compare figure { position: relative; margin: 0; overflow: hidden; background: #ede9e1; }
.comfort-compare img { height: 330px; object-fit: cover; object-position: center; }
.comfort-card p { color: var(--muted); }
.option-card > div:last-child { padding: 32px; }
.option-card span { color: var(--gold); font-size: 12px; }
.option-card h3 { margin: 10px 0; font-size: 26px; }
.option-card p { color: var(--muted); font-size: 14px; }
.heat-card { display: flex; flex-direction: column; justify-content: flex-end; color: #fff; background: #1c2933; }
.heat-card p { color: rgba(255,255,255,.65); }
.seat-air { min-height: 330px; display: flex; align-items: flex-end; justify-content: center; gap: 44px; padding-bottom: 36px; background: radial-gradient(circle at 50% 80%, rgba(87,171,216,.24), transparent 48%); }
.seat-air::after { content: ""; width: 190px; height: 190px; border: 18px solid rgba(255,255,255,.78); border-top: 0; border-radius: 0 0 70px 70px; transform: skewX(-9deg); }
.seat-air i { position: absolute; bottom: 190px; width: 2px; height: 88px; background: #73bce3; box-shadow: 0 0 14px #73bce3; }
.seat-air i:nth-child(1) { margin-left: -86px; }
.seat-air i:nth-child(3) { margin-left: 86px; }

.multicontour { color: #fff; background: #0c1218; }
.multicontour-hero { position: relative; overflow: hidden; min-height: 620px; }
.multicontour-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.multicontour-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,9,12,.96) 0%, rgba(5,9,12,.84) 28%, rgba(5,9,12,.38) 60%, rgba(5,9,12,.12) 100%); }
.multicontour-title { position: relative; z-index: 2; max-width: 560px; padding: 78px 54px; }
.multicontour-title h2 { max-width: 520px; font-family: "Songti SC", STSong, serif; font-size: clamp(40px, 4.8vw, 64px); line-height: 1.18; }
.multicontour-title > p:last-child { max-width: 480px; color: rgba(255,255,255,.72); font-size: 15px; line-height: 1.8; }
.system-fit { margin: 18px 0 28px; padding: 18px 22px; color: rgba(255,255,255,.72); border-left: 4px solid var(--gold); background: #131b23; font-size: 15px; }
.system-stats { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid rgba(255,255,255,.1); border-left: 1px solid rgba(255,255,255,.1); background: #0e141b; }
.system-stats div { min-height: 190px; padding: 26px 22px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.system-stats strong { display: block; margin-bottom: 12px; color: var(--gold); font-size: 17px; line-height: 1.35; }
.system-stats p { color: rgba(255,255,255,.56); font-size: 13px; line-height: 1.8; }

.advantages { background: #f4f3ef; }

.credentials-section { color: #f7f6ef; background: #101b16; }
.credentials-section .shell { max-width: 1240px; }
.credentials-kicker { display: flex; align-items: center; justify-content: space-between; }
.credentials-kicker .eyebrow { color: #f5f1e8; }

.credentials-head {
  max-width: 900px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(209, 178, 112, 0.32);
}

.credentials-head h2 {
  margin-bottom: 18px;
  color: #fff;
  font-family: "Songti SC", STSong, serif;
  font-size: clamp(46px, 5.4vw, 72px);
  font-weight: 500;
  line-height: 1.14;
}

.credentials-head p {
  max-width: 820px;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.95;
}

.credential-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 34px 0 24px;
}

.credential-tags span,
.cert-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(209, 178, 112, 0.45);
  color: #f8f4e9;
  background: rgba(255, 255, 255, 0.04);
  font-size: 14px;
  font-weight: 700;
}

.credential-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 34px;
}

.credential-cards article {
  min-height: 216px;
  padding: 28px 20px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.04);
}

.credential-cards span { color: var(--gold); font: 13px Georgia, serif; }
.credential-cards h3 { margin: 44px 0 14px; color: #fff; font-size: 22px; }
.credential-cards p { margin: 0; color: rgba(255, 255, 255, 0.72); font-size: 15px; line-height: 1.9; }

.cert-panel {
  margin-top: 28px;
  padding: 28px 28px 34px;
  border: 1px solid rgba(209, 178, 112, 0.28);
  background: rgba(255, 255, 255, 0.035);
}

.cert-panel h3 { margin-bottom: 22px; color: #fff; font-size: 22px; }

.cert-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.cert-tags span { min-height: 40px; font-size: 13px; }

.cert-gallery {
  margin-top: 26px;
}

.cert-gallery-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.cert-gallery-count {
  color: rgba(255, 255, 255, 0.58);
  font: 14px Georgia, serif;
  letter-spacing: 0.12em;
}

.cert-gallery-count strong {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
}

.cert-controls {
  display: flex;
  gap: 8px;
}

.cert-controls button {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(209, 178, 112, 0.48);
  color: #f8f4e9;
  background: rgba(255, 255, 255, 0.04);
  font: 28px/1 Georgia, serif;
  cursor: pointer;
}

.cert-controls button:hover,
.cert-controls button:focus-visible {
  color: #11161c;
  background: var(--gold);
  outline: none;
}

.cert-track {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding-bottom: 4px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.cert-track::-webkit-scrollbar { display: none; }

.cert-card {
  flex: 0 0 calc((100% - 36px) / 3);
  margin: 0;
  overflow: hidden;
  background: #f8f7f3;
  border: 1px solid rgba(255, 255, 255, 0.12);
  cursor: zoom-in;
  scroll-snap-align: start;
}

.cert-card img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: contain;
  object-position: top center;
  padding: 10px;
  background: #fff;
}

.cert-card figcaption {
  display: grid;
  gap: 5px;
  padding: 13px 14px 15px;
  color: #26302a;
  background: #f8f7f3;
  font-size: 14px;
  line-height: 1.6;
}

.cert-card figcaption strong {
  color: #a67525;
  font-size: 12px;
  letter-spacing: 0.06em;
}

.cert-card figcaption span {
  color: #6f7772;
  font-size: 12px;
}

.cert-progress {
  height: 2px;
  margin-top: 20px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.12);
}

.cert-progress span {
  display: block;
  width: calc(100% / 17);
  height: 100%;
  background: var(--gold);
  transform: translateX(0);
  transition: transform 240ms ease;
}

.cert-lightbox[hidden] { display: none; }

.cert-lightbox {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 48px 24px 24px;
  background: rgba(4, 7, 10, 0.92);
}

.cert-lightbox-close {
  position: fixed;
  z-index: 2;
  top: 18px;
  right: 24px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
  font: 30px/1 Arial, sans-serif;
  cursor: pointer;
}

.cert-lightbox-panel {
  width: min(920px, 100%);
  max-height: calc(100vh - 72px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  background: #fff;
}

.cert-lightbox-title {
  display: grid;
  gap: 5px;
  padding: 16px 20px;
  color: #26302a;
  background: #f8f7f3;
  border-bottom: 1px solid #e4e1d8;
}

.cert-lightbox-title span {
  color: #a67525;
  font-size: 12px;
  letter-spacing: 0.06em;
}

.cert-lightbox-scroll {
  overflow: auto;
  background: #e9e9e6;
}

.cert-lightbox-scroll img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  cursor: zoom-in;
}

.cert-lightbox-scroll img.is-zoomed {
  width: auto;
  max-width: none;
  cursor: zoom-out;
}

body.modal-open { overflow: hidden; }

.credentials-section .third-row-demo { margin-top: 28px; }
.third-row-demo { margin: 32px 0 0; overflow: hidden; color: #fff; background: #182028; }
.third-row-demo > img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.third-row-demo figcaption { display: grid; grid-template-columns: 1fr 1fr; padding: 0; background: #182028; }
.third-row-demo figcaption > div { display: grid; gap: 3px; min-height: 96px; align-content: center; padding: 20px 30px; }
.third-row-demo figcaption > div + div { border-left: 1px solid rgba(255,255,255,.14); }
.third-row-demo strong { font-size: 16px; }
.third-row-demo span { color: rgba(255,255,255,.58); font-size: 14px; }

.fit-section { color: #fff; background: #101214; }
.fit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.fit-grid div { min-height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.16); background: radial-gradient(circle at center, rgba(183,154,104,.12), transparent 58%); }
.fit-grid span { color: rgba(255,255,255,.5); font-size: 12px; }
.fit-grid strong { font: 64px Georgia, serif; }

.consult-section { padding: 88px 0; color: #f7f8f8; background: #0b1118; }
.consult-layout { display: grid; grid-template-columns: minmax(0, 1fr) 376px; gap: 78px; align-items: start; }
.consult-copy { padding-top: 16px; }
.consult-copy h2 { max-width: 620px; margin-bottom: 28px; font-family: "Songti SC", STSong, serif; font-size: clamp(48px, 5.2vw, 70px); font-weight: 600; line-height: 1.1; }
.consult-copy p { max-width: 660px; margin-bottom: 28px; color: rgba(255,255,255,.78); font-size: 16px; line-height: 1.95; }
.consult-copy strong { color: #fff; font-weight: 700; }
.consult-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.consult-actions .button { min-width: 108px; border-color: rgba(255,255,255,.42); }
.consult-actions .button.primary { background: #cda34a; border-color: #cda34a; color: #0c0e10; }
.consult-form { padding: 30px; border: 1px solid rgba(214,225,236,.28); background: #17212a; box-shadow: 0 22px 60px rgba(0,0,0,.18); }
.consult-form label, .consult-form fieldset { display: block; margin: 0 0 15px; }
.consult-form span, .consult-form legend { display: block; margin-bottom: 7px; color: rgba(255,255,255,.82); font-size: 13px; font-weight: 700; }
.consult-form input, .consult-form select { width: 100%; height: 45px; padding: 0 13px; border: 1px solid rgba(255,255,255,.22); border-radius: 0; color: #101418; background: #f3f5f7; font: inherit; font-size: 14px; outline: none; }
.consult-form input:focus, .consult-form select:focus { border-color: #cda34a; box-shadow: 0 0 0 2px rgba(205,163,74,.22); }
.consult-form fieldset { padding: 0; border: 0; }
.consult-form fieldset { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.consult-form fieldset legend { grid-column: 1 / -1; }
.consult-form fieldset label { min-height: 40px; display: flex; align-items: center; gap: 10px; margin: 0; padding: 0 14px; border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.86); font-size: 13px; }
.consult-form input[type="checkbox"] { width: 13px; height: 13px; flex: 0 0 auto; accent-color: #cda34a; }
.consult-form button { width: 100%; height: 49px; margin-top: 2px; border: 0; color: #0b0d0f; background: #cda34a; font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; }
.consult-form button:hover { background: #d6ae5a; }
.form-note { margin: 14px 0 20px; color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.7; }
.contact-line { margin: 8px 0 0; color: rgba(255,255,255,.82); font-size: 14px; font-weight: 700; }
.contact-line a { color: #e4c067; text-decoration: underline; text-underline-offset: 3px; }

.related { padding: 80px 0; background: #fff; }
.related h2 { margin-bottom: 30px; }
.related-links { border-top: 1px solid var(--line); }
.related-links a { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.related-links span { color: var(--blue); font-size: 13px; }
footer { padding: 28px 0; color: rgba(255,255,255,.55); background: #090b0d; font-size: 12px; }
footer .shell { display: flex; justify-content: space-between; }

@media (max-width: 980px) {
  .topbar nav a:not(:last-child) { display: none; }
  .hero { min-height: 760px; }
  .proof-grid { grid-template-columns: repeat(2, 1fr); }
  .proof-grid div:nth-child(4n+1) { border-left: 0; }
  .proof-grid div:nth-child(2n+1) { border-left: 1px solid rgba(255,255,255,.08); }
  .plans, .project-grid, .project-grid.reverse, .option-grid { grid-template-columns: 1fr; }
  .angle-project-head { grid-template-columns: 82px 1fr; }
  .angle-head-note { grid-column: 2; }
  .angle-return-visual { grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr); }
  .angle-module { grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); }
  .cushion-intro { grid-template-columns: 1fr; }
  .cushion-craft { grid-template-columns: 1fr; }
  .cushion-craft .section-heading, .construction-real { grid-column: 1; }
  .seatback-head { grid-template-columns: 1fr; gap: 26px; }
  .seatback-evidence, .seatback-structure { grid-template-columns: 1fr; }
  .wing-headrest-heading { grid-template-columns: 1fr; gap: 0; }
  .wing-headrest-heading .project-index,
  .wing-headrest-heading h3,
  .wing-headrest-heading > p:last-child { grid-row: auto; grid-column: 1; }
  .wing-headrest-grid { grid-template-columns: 1fr 1fr; }
  .seatback-installed-copy { grid-template-columns: 1fr; gap: 12px; }
  .seatback-installed-grid { grid-template-columns: 1fr; }
  .seatback-installed-grid .installed-front { grid-row: auto; }
  .project-grid.reverse .project-copy { order: 0; }
  .project-media { max-width: 720px; }
  .photo-figure img { min-height: 420px; }
  .system-stats { grid-template-columns: repeat(2, 1fr); }
  .system-stats div:last-child { grid-column: 1 / -1; }
  .credential-cards { grid-template-columns: repeat(2, 1fr); }
  .cert-card { flex-basis: calc((100% - 18px) / 2); }
}

@media (max-width: 640px) {
  :root { --shell: min(100% - 32px, 1180px); }
  .angle-project { padding-top: 88px; padding-bottom: 88px; }
  .angle-project-layout { gap: 28px; }
  .angle-project-head { grid-template-columns: 1fr; gap: 18px; padding-bottom: 28px; }
  .angle-project-head .project-index { margin-top: 0; }
  .angle-project-head h2 { font-size: 36px; }
  .angle-head-note { grid-column: 1; padding-left: 18px; }
  .angle-main-visual img { aspect-ratio: 4/3; }
  .angle-return-visual { grid-template-columns: 1fr; }
  .angle-return-visual img { min-height: 0; aspect-ratio: 16/9; }
  .angle-return-visual figcaption { padding: 24px; }
  .seat-angle-ruler { transform: scale(.62); transform-origin: left bottom; }
  .seat-angle-ruler.before { left: 18%; top: 48%; }
  .seat-angle-ruler.after { left: 72%; top: 46%; }
  .angle-states { grid-template-columns: 1fr; }
  .angle-states > div { min-height: 104px; grid-template-columns: 72px 1fr; padding: 20px 16px; }
  .angle-states > div + div { border-left: 0; border-top: 1px solid rgba(255,255,255,.14); }
  .angle-module { grid-template-columns: 1fr; min-height: 0; padding: 0; }
  .angle-module img { width: 100%; height: auto; min-height: 0; aspect-ratio: 16/9; }
  .angle-module figcaption { padding: 24px; }
  .angle-module-composite-grid { grid-template-columns: 1fr; gap: 14px; }
  .angle-module-composite-card { grid-template-rows: minmax(300px, 76vw) auto; }
  .angle-module-composite-media,
  .angle-module-composite-media.module-detail,
  .angle-module-composite-media.report-detail { padding: 20px; }
  .angle-module-composite-media.report-detail { background: #fff; }
  .angle-module-composite-card:nth-child(2) { grid-template-rows: auto auto; }
  .angle-module-composite-media.report-detail { padding: 0; }
  .angle-module-composite-media.report-detail img {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
  .angle-module-composite-card figcaption { min-height: 0; padding: 17px 18px 19px; }
  .assurance-grid { grid-template-columns: 1fr; }
  .angle-project .assurance { min-height: 0; }
  .topbar { height: 60px; padding: 0 16px; }
  .topbar nav { font-size: 12px; }
  .hero { min-height: 780px; }
  .hero-image { object-position: 58% center; }
  .hero-shade { background: linear-gradient(0deg, rgba(5,7,9,.96) 0%, rgba(5,7,9,.72) 72%, rgba(5,7,9,.35)); }
  .hero-content { padding: 130px 0 54px; }
  h1 { font-size: 44px; }
  .hero-lead { font-size: 19px; }
  .hero-result { grid-template-columns: 1fr; }
  .hero-result div { padding: 13px 18px; }
  .hero-result div + div { padding-left: 18px; border-left: 0; border-top: 1px solid rgba(255,255,255,.14); }
  .actions .button { flex: 1 1 160px; padding-inline: 14px; }
  .proof-grid { grid-template-columns: 1fr 1fr; }
  .proof-grid div { min-height: 120px; padding: 20px 14px; }
  .proof-grid strong { font-size: 15px; }
  .section { padding: 76px 0; }
  .cushion-band { padding: 76px 0; }
  .section-heading { margin-bottom: 38px; }
  .section-heading h2, .project-copy h2, .brand-content h2, .related h2 { font-size: 35px; }
  .plans { gap: 10px; }
  .plan { min-height: 280px; }
  .project-grid { gap: 40px; }
  .large-copy { font-size: 18px; }
  .comparison-diagram { grid-template-columns: 1fr; }
  .comparison-diagram > b { transform: rotate(90deg); text-align: center; }
  .memory-demo, .before-after, .risk-compare, .advantage-grid, .fit-grid, .cushion-hero-compare, .cushion-photo-compare, .cushion-detail-grid, .cushion-construction, .construction-real, .exploded-view { grid-template-columns: 1fr; }
  .construction-real .support-layer figcaption { grid-template-columns: 1fr; gap: 6px; }
  .construction-real .foam-comparison figcaption { grid-template-columns: 1fr; gap: 6px; }
  .seatback-project { padding-block: 82px; }
  .seatback-layout { gap: 42px; }
  .wing-headrest-showcase { padding: 24px 18px; }
  .wing-headrest-heading { margin-bottom: 24px; }
  .wing-headrest-heading h3 { font-size: 30px; }
  .wing-headrest-heading > p:last-child { font-size: 15px; }
  .wing-headrest-grid { grid-template-columns: 1fr; }
  .wing-headrest-card img { aspect-ratio: auto; }
  .seatback-thickness-value { top: 14px; right: 14px; padding: 8px 10px; font-size: 14px; }
  .seatback-head { padding-bottom: 28px; }
  .seatback-head h2 { font-size: 36px; }
  .seatback-evidence { gap: 24px; }
  .seatback-structure { gap: 30px; padding: 24px 18px; }
  .seatback-structure-copy h3 { font-size: 28px; }
  .seatback-foam-comparison { margin-top: -6px; }
  .seatback-foam-comparison figcaption { grid-template-columns: 1fr; gap: 6px; }
  .seatback-installed { padding: 24px 18px; }
  .seatback-installed-copy h3 { font-size: 28px; }
  .seatback-disclaimer { margin-top: -18px; }
  .cushion-detail-grid .detail-front { grid-row: auto; }
  .cushion-detail-grid .detail-front img { min-height: 0; }
  .cushion-construction .section-heading, .construction-ai { grid-column: 1; }
  .pair-layout { grid-template-columns: 1fr; }
  blockquote { grid-column: 1; }
  .option-card { min-height: 500px; }
  .multicontour-hero { min-height: 650px; }
  .multicontour-hero img { object-position: 63% center; }
  .multicontour-hero::after { background: linear-gradient(0deg, rgba(6,10,14,.96), rgba(6,10,14,.3)); }
  .multicontour-title { position: absolute; inset: auto 0 0; padding: 34px 24px; }
  .multicontour-title h2 { font-size: 36px; }
  .system-stats { grid-template-columns: 1fr; }
  .system-stats div:last-child { grid-column: auto; }
  .advantage-grid article.wide { grid-column: auto; }
  .credential-cards { grid-template-columns: 1fr; }
  .cert-card { flex-basis: 88%; }
  .cert-panel { padding: 22px 18px 26px; }
  .cert-lightbox { padding: 58px 12px 12px; }
  .cert-lightbox-close { top: 10px; right: 12px; }
  .third-row-demo figcaption > div { min-height: 86px; padding: 16px; }
  .consult-section { padding: 70px 0; }
  .consult-layout { grid-template-columns: 1fr; gap: 34px; }
  .consult-copy { padding-top: 0; }
  .consult-copy h2 { font-size: 42px; }
  .consult-form { padding: 22px 18px; }
  .consult-form fieldset { grid-template-columns: 1fr; }
  .related-links a { align-items: flex-start; flex-direction: column; gap: 6px; }
}

/* Reference-site visual alignment: GLS450 multicontour detail */
:root {
  --ink: #12365b;
  --muted: #496b88;
  --paper: #f5fbff;
  --white: #fff;
  --black: #05274f;
  --line: rgba(42, 130, 194, .22);
  --gold: #b77b27;
  --blue: #168fd4;
  --danger: #a94f48;
  --safe: #267867;
  --shell: min(1120px, calc(100vw - 48px));
}

body {
  overflow-x: hidden;
  background: var(--paper);
  color: var(--ink);
  font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}

.topbar {
  position: absolute;
  height: 72px;
  padding-inline: max(5vw, calc((100vw - 1120px) / 2));
  background: rgba(5, 39, 79, .74);
  border-bottom-color: rgba(191, 224, 248, .3);
  backdrop-filter: blur(18px);
}

.brand-mark {
  width: 42px;
  height: 42px;
  color: #f2c36f;
  border-color: rgba(240, 195, 122, .76);
}

.topbar nav { color: #dbeefa; font-size: 14px; }

.hero {
  min-height: 91svh;
  align-items: center;
  background: #05274f;
}

.hero-shade {
  background: none;
}

.hero-content { padding: 128px 0 76px; }
.hero .eyebrow { color: #f2c36f; font-size: 15px; letter-spacing: .08em; }
h1 {
  max-width: 1040px;
  margin-bottom: 20px;
  font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(46px, 5vw, 64px);
  font-weight: 800;
  line-height: 1.1;
}
.hero-lead { color: #e3f1fb; font-size: clamp(19px, 2vw, 26px); }
.hero-result {
  max-width: 920px;
  border-color: rgba(184, 221, 247, .3);
}
.hero-result div { background: rgba(5, 51, 101, .34); }
.hero-result div + div { border-color: rgba(184, 221, 247, .24); }
.hero-result span { color: #c9dfef; }
.button { border-radius: 4px; }
.button.primary { color: #153858; background: #f2c36f; border-color: #f2c36f; }
.button.secondary { background: rgba(8, 64, 117, .2); border-color: rgba(255, 255, 255, .62); }

.proof-band { background: #093b69; }
.proof-grid div,
.proof-grid div:nth-child(4n+1) { border-color: rgba(191, 224, 248, .16); }
.proof-grid span { color: #b9d6ea; }

.section { padding-block: 102px; }
.section-heading h2,
.project-copy h2,
.brand-content h2,
.related h2,
.seatback-head h2,
.angle-project-head h2,
.consult-copy h2 {
  font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 800;
  letter-spacing: -.02em;
}
.eyebrow,
.project-index,
.plan-no,
.credentials-kicker { color: var(--gold); }
.eyebrow { font-size: 16px; }
.project-index { font-size: 20px; }
.hero .eyebrow { font-size: 18px; }

.intro,
.cushion-result-band,
.cushion-craft-band,
.pair-section,
.option-section,
.related { background: #f5fbff; }
.light-section,
.cushion-project,
.cushion-compare-band,
.warm-section,
.seatback-project,
.risk-section,
.multicontour { background: #e5f5ff; }
.cushion-structure-band,
.dark-section,
.credentials-section,
.fit-section,
.consult-section { background: #052f59; }

.credential-cards { grid-template-columns: repeat(3, 1fr); gap: 16px; }
.credential-cards article { min-height: 238px; border-color: rgba(191, 224, 248, .16); background: rgba(255, 255, 255, .045); }
.credential-tags span,
.cert-tags span { border-color: rgba(242, 195, 111, .48); }

.fit-grid { grid-template-columns: minmax(0, 720px); justify-content: center; }

.brand-section { color: var(--ink); background: #e5f5ff; }
.brand-content { max-width: 920px; text-align: left; }
.brand-content h2 { max-width: 820px; margin-inline: 0; }
.brand-content .large-copy { color: var(--muted); }
.brand-meta { margin: 10px 0 0; color: var(--muted); font-size: 14px; }

.plan,
.option-card,
.risk-card,
.credential-cards,
.cert-panel,
.comparison-diagram > div,
.memory-demo > div {
  border-color: var(--line);
  box-shadow: 0 12px 34px rgba(21, 91, 143, .06);
}
.plan.featured { background: #0a4678; border-color: #168fd4; }
.plan-note { color: #5b4527; background: #fff1d7; border-left-color: #f2c36f; }

.angle-return-visual,
.angle-module,
.seatback-structure,
.third-row-demo { border-color: rgba(191, 224, 248, .2); background: #0a4678; }
.angle-return-visual figcaption,
.angle-module figcaption { background: #0d4d82; color: #d2e8f7; }
.angle-module figcaption strong,
.angle-return-visual figcaption strong { color: #fff; }
.angle-module { background: #eaf6fd; }
.angle-module figcaption { background: #edf8ff; color: var(--muted); }
.angle-module figcaption strong { color: var(--ink); }
.third-row-demo figcaption { background: #0a4678; }
.third-row-demo span { color: #bdd9eb; }
.third-row-demo { width: 78%; max-width: 820px; margin-inline: auto; }

.cushion-hero-compare figure,
.cushion-detail-grid figure,
.construction-real .craft-detail-card,
.construction-real .support-layer,
.construction-real .foam-comparison,
.seatback-photo-compare figure { background: #edf8ff; border: 1px solid var(--line); }
.cushion-hero-compare figcaption,
.cushion-detail-grid figcaption,
.construction-real .support-layer figcaption,
.construction-real .foam-comparison figcaption,
.seatback-photo-compare figcaption { background: #fff; }

.photo-state { background: rgba(5, 47, 89, .9); }
.photo-state.after { color: #153858; background: #f2c36f; }
.photo-state.cool { background: rgba(22, 143, 212, .92); }
.photo-state.warm { color: #153858; background: #f2c36f; }

.consult-section { color: #fff; }
.consult-form { background: #0a4678; border-color: rgba(191, 224, 248, .28); }
.consult-actions .button.primary,
.consult-form button { color: #153858; background: #f2c36f; border-color: #f2c36f; }
.consult-form input:focus,
.consult-form select:focus { border-color: #168fd4; box-shadow: 0 0 0 2px rgba(22, 143, 212, .22); }
.contact-line a { color: #f2c36f; }

.related-links span { color: var(--blue); }
footer { background: #05274f; }

.angle-project-head h2 {
  max-width: none;
  font-size: clamp(34px, 3.1vw, 42px);
  white-space: nowrap;
}

/* Review refinements: preserve full photos and tighten the combination flow. */
.cushion-hero-compare img {
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}
.cushion-hero-compare {
  width: 66.667%;
  justify-self: center;
}

.construction-real .foam-comparison,
.seatback-foam-comparison { position: relative; overflow: hidden; }
.foam-copy-overlay {
  position: absolute;
  inset: auto 0 22px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding: 0 22px;
  pointer-events: none;
}
.foam-copy-overlay p {
  margin: 0;
  padding: 12px 14px;
  color: #fff;
  background: rgba(5, 47, 89, .9);
  border-top: 3px solid #f2c36f;
  box-shadow: 0 8px 22px rgba(5, 47, 89, .18);
  font-size: clamp(12px, 1.15vw, 15px);
  font-weight: 600;
  line-height: 1.65;
}
.foam-copy-overlay strong { color: #f2c36f; }

/* With the redundant wrapped-seat photo removed, pair the foam and PET
   evidence cards on the first row and keep the comparison full width. */
.construction-real .support-layer { grid-column: auto; }
.construction-real .support-layer,
.construction-real .support-layer img { background: #d9d9d7; }
.construction-real .craft-detail-card,
.construction-real .support-layer { display: flex; flex-direction: column; }
.construction-real .support-layer img { aspect-ratio: 4/3; object-fit: cover; }
.construction-real .support-layer figcaption { grid-template-columns: 1fr; }
.construction-real .craft-detail-card figcaption,
.construction-real .support-layer figcaption {
  display: grid;
  gap: 7px;
  min-height: 118px;
  padding: 16px 18px;
  align-content: start;
  flex: 1;
  background: #fff;
}
.construction-real .craft-detail-card figcaption strong,
.construction-real .support-layer figcaption strong { color: var(--ink); font-size: 18px; }
.construction-real .craft-detail-card figcaption span,
.construction-real .support-layer figcaption span { color: var(--muted); font-size: 16px; line-height: 1.75; }

/* The measured comparison now belongs to the installation/craft story. */
.integrated-evidence {
  margin-top: 28px;
  padding-top: 58px;
  border-top: 1px solid var(--line);
}
.cushion-craft .integrated-evidence .section-heading {
  max-width: 900px;
  margin-bottom: 34px;
}

/* Keep the measurement readable without covering the physical tape. */
.cushion-photo-compare figure:first-child { overflow: hidden; }
.cushion-photo-compare figure:first-child img {
  transform: none;
  transform-origin: center;
  background: #fbf9f9;
}
.measure-value.before {
  top: 39%;
  right: auto;
  left: 58%;
}
.cushion-photo-compare figcaption {
  position: relative;
  z-index: 3;
  padding: 12px 2px 0;
  background: #f5fbff;
  font-size: 16px;
  line-height: 1.65;
}
.cushion-craft .project-index { font-size: 20px; }
.construction-real > figure:first-child figcaption,
.construction-real .support-layer figcaption {
  font-size: 16px;
  line-height: 1.75;
}

/* Increase the small supporting copy called out in review. */
.credentials-kicker .eyebrow,
.brand-content > .eyebrow,
.consult-copy > .eyebrow { font-size: 18px; }
.multicontour .eyebrow { font-size: 18px; }
.multicontour-title > p:last-child { font-size: 18px; }
.system-fit { font-size: 17px; line-height: 1.8; }
.system-stats strong { font-size: 19px; }
.system-stats p { font-size: 15px; line-height: 1.85; }

.leather-detail-section { background: #f5fbff; }
.leather-detail-layout { display: grid; gap: 34px; }
.leather-detail-section .section-heading { max-width: 820px; margin-bottom: 0; }
.leather-detail-gallery {
  display: grid;
  grid-template-columns: minmax(0, 760px);
  justify-content: center;
}
.leather-detail-gallery figure { margin: 0; background: #eaf6fd; border: 1px solid var(--line); }
.leather-detail-gallery img { width: 100%; height: auto; object-fit: contain; }
.leather-detail-gallery figcaption { padding: 12px 14px 14px; background: #fff; }
.leather-detail-points {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
  background: #fff;
}
.leather-detail-points > div {
  min-height: 176px;
  padding: 24px 22px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.leather-detail-points span { color: var(--gold); font: 13px Georgia, serif; }
.leather-detail-points strong { display: block; margin: 12px 0 8px; color: var(--ink); font-size: 18px; }
.leather-detail-points p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.pair-section { padding-bottom: 44px; }
.intro { padding-top: 44px; }

/* The risk section sits on a light-blue band in this theme, so use solid,
   high-contrast cards instead of the legacy white-on-dark treatment. */
.risk-section { color: var(--ink); }
.risk-section .section-heading > p:last-child { color: var(--muted); }
.risk-card {
  color: var(--ink);
  background: #fff;
  border-color: var(--line);
}
.risk-card.danger { background: #fff4f1; border-color: rgba(166, 76, 67, .28); }
.risk-card.safe { background: #f1fbf8; border-color: rgba(45, 119, 101, .28); }
.risk-card h3,
.risk-item strong { color: var(--ink); }
.risk-item { border-top-color: var(--line); }
.risk-item p { color: var(--muted); }
.case-note { color: var(--ink); }

.system-stats { grid-template-columns: repeat(2, 1fr); }
.system-stats div:last-child { grid-column: auto; }

@media (max-width: 980px) {
  .credential-cards { grid-template-columns: repeat(2, 1fr); }
  .cushion-hero-compare { width: 78%; }
  .leather-detail-points { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  :root { --shell: min(100% - 32px, 1120px); }
  .hero-content.shell { width: min(100% - 48px, 1120px); }
  .topbar { position: absolute; height: 64px; }
  .hero { min-height: 820px; }
  .hero-shade {
    background: none;
  }
  .hero-content { padding: 116px 0 54px; }
  h1 { font-size: 42px; }
  .angle-project-head h2 { font-size: 32px; white-space: normal; }
  .third-row-demo { width: 100%; }
  .cushion-hero-compare { width: 100%; }
  main figure > img,
  main figure > picture > img {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  .plan-image {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    position: static !important;
  }
  .plan {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .plan-content {
    min-height: 0;
    padding: 24px 24px 28px;
  }
  .plan-content > strong {
    position: static;
    display: block;
    margin-top: 24px;
  }
  .option-card {
    min-height: 0;
  }
  .headrest-compare {
    align-items: stretch;
  }
  .headrest-compare figure {
    display: flex;
    min-height: 0;
    overflow: hidden;
  }
  .headrest-compare img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
  }
  .headrest-compare figure:first-child img {
    object-position: center 42% !important;
  }
  .headrest-compare figure:last-child img {
    object-position: center !important;
  }
  .option-card > div:last-child {
    padding: 24px 24px 28px;
  }
  .construction-real .support-layer { grid-column: 1; }
  .leather-detail-gallery,
  .leather-detail-points { grid-template-columns: 1fr; }
  .leather-detail-points > div { min-height: 0; }
  .foam-copy-overlay {
    inset: auto 0 10px;
    gap: 8px;
    padding: 0 10px;
  }
  .foam-copy-overlay p { padding: 8px 9px; font-size: 10px; line-height: 1.45; }
  .section { padding-block: 76px; }
  .pair-section { padding-bottom: 32px; }
  .intro { padding-top: 32px; }
  .credential-cards { grid-template-columns: 1fr; }
}

/* August content update: module comparison, evidence galleries and brighter system story. */
.angle-generation-comparison {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 34px;
  padding: 34px;
  color: var(--ink);
  background: #edf8ff;
  border: 1px solid rgba(191, 224, 248, .34);
}
.angle-generation-heading h3,
.seatback-finished-showcase h3,
.seatback-size-comparison h3 {
  margin: 8px 0 14px;
  font-family: "Songti SC", STSong, serif;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.3;
}
.angle-generation-heading > p:last-child { color: var(--muted); font-size: 16px; line-height: 1.8; }
.angle-generation-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.angle-generation-cards article { padding: 28px 24px; background: #fff; border: 1px solid var(--line); }
.angle-generation-cards article.active { background: #fff8e9; border-color: rgba(183, 123, 39, .36); }
.angle-generation-cards span { color: var(--gold); font: 22px Georgia, serif; }
.angle-generation-cards h4 { margin: 14px 0 10px; color: var(--ink); font-size: 20px; line-height: 1.45; }
.angle-generation-cards p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.85; }

.angle-module-evidence { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.angle-module-evidence figure { display: flex; flex-direction: column; margin: 0; overflow: hidden; background: #edf8ff; border: 1px solid rgba(191, 224, 248, .28); }
.angle-module-evidence img { width: 100%; height: 420px; object-fit: contain; background: #f7fbfd; }
.angle-module-evidence figcaption { display: grid; gap: 7px; min-height: 108px; padding: 18px 20px; background: #edf8ff; }
.angle-module-evidence figcaption strong { color: var(--ink); font-size: 19px; }
.angle-module-evidence figcaption span { color: var(--muted); font-size: 15px; line-height: 1.7; }

.seatback-finished-showcase,
.seatback-size-comparison { padding: 38px; background: #fff; border: 1px solid var(--line); }
.seatback-finished-showcase .section-heading,
.seatback-size-comparison .section-heading { max-width: 860px; margin-bottom: 28px; }
.seatback-finished-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.seatback-finished-grid figure,
.seatback-size-grid figure { position: relative; margin: 0; overflow: hidden; background: #c3c3c4; border: 1px solid var(--line); }
.seatback-finished-grid > figure > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #f0f0ee;
}
.seatback-finished-grid .back-structure-card > img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center;
}
.seatback-finished-wide { grid-column: 1 / -1; }
.seatback-pair-stage {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 480px;
  overflow: hidden;
  background: #777b7d;
}
.seatback-finished-grid .seatback-pair-stage img {
  width: 100%;
  height: 118%;
  object-fit: cover;
  object-position: 50% 40%;
  transform: translateY(-8%);
}
.seatback-finished-grid .seatback-pair-stage img.mirrored { transform: translateY(-8%) scaleX(-1); }
.seatback-finished-grid figcaption,
.seatback-size-grid figcaption { padding: 13px 16px; color: var(--ink); background: #f5fbff; font-size: 15px; }
.seatback-size-grid { display: grid; grid-template-columns: 1fr 54px 1fr; align-items: center; gap: 14px; }
.seatback-size-grid img { width: 100%; height: 440px; object-fit: contain; background: #c3c3c4; }
.seatback-thickness-value {
  position: absolute;
  z-index: 2;
  top: 18px;
  right: 18px;
  padding: 9px 13px;
  color: #fff;
  background: rgba(8, 54, 94, .94);
  border-left: 3px solid #f2c36f;
  box-shadow: 0 8px 22px rgba(8, 54, 94, .16);
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}
.seatback-thickness-value.after {
  color: #153858;
  background: rgba(242, 195, 111, .96);
  border-left-color: #0a4678;
}
.size-arrow { color: var(--gold); font: 44px Georgia, serif; text-align: center; }

.risk-compare { position: relative; }
.risk-vs {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  color: #fff;
  background: #0a4678;
  border: 5px solid #f5fbff;
  border-radius: 50%;
  box-shadow: 0 8px 22px rgba(5, 47, 89, .22);
  font-weight: 800;
  transform: translate(-50%, -50%);
}
.risk-card .card-label { font-size: 17px; letter-spacing: .02em; }

.multicontour { color: var(--ink); background: #e9f6fd; }
.multicontour-hero {
  display: grid;
  min-height: 0;
  overflow: visible;
  background: transparent;
  border: 0;
}
.multicontour-hero::after { display: none; }
.multicontour-visuals {
  position: static;
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #d7e9f4;
}
.multicontour-hero .multicontour-visuals img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.multicontour-hero .multicontour-composite { object-position: center; }
.multicontour-title {
  position: static;
  max-width: 920px;
  padding: 0 0 30px;
  color: var(--ink);
  background: transparent;
  box-shadow: none;
}
.multicontour-title h2 { max-width: 880px; margin: 8px 0 16px; color: var(--ink); font-size: clamp(34px, 4vw, 54px); }
.multicontour-title > p:last-child { max-width: 760px; color: var(--muted); }
.multicontour .system-fit { color: var(--ink); background: #fff; border-left-color: var(--gold); }
.multicontour .system-stats { color: var(--ink); background: #fff; border-color: var(--line); }
.multicontour .system-stats div { border-color: var(--line); }
.multicontour .system-stats p { color: var(--muted); }

@media (max-width: 980px) {
  .angle-generation-comparison { grid-template-columns: 1fr; }
  .angle-module-evidence img { height: 340px; }
  .seatback-pair-stage { height: 380px; }
}

@media (max-width: 640px) {
  .angle-generation-comparison { padding: 24px 18px; }
  .angle-generation-cards,
  .angle-module-evidence,
  .seatback-finished-grid { grid-template-columns: 1fr; }
  .angle-module-evidence img { height: auto; }
  .seatback-finished-grid > figure > img { height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
  .seatback-finished-grid .back-structure-card > img { aspect-ratio: 3 / 2; }
  .seatback-finished-wide { grid-column: auto; }
  .seatback-pair-stage { height: 340px; }
  .seatback-finished-grid .seatback-pair-stage img { height: 118%; }
  .seatback-finished-showcase,
  .seatback-size-comparison { padding: 24px 18px; }
  .seatback-size-grid { grid-template-columns: 1fr; }
  .size-arrow { transform: rotate(90deg); }
  .risk-compare { gap: 0; }
  .risk-vs {
    position: relative;
    top: auto;
    left: auto;
    justify-self: center;
    width: 52px;
    height: 52px;
    margin: -26px 0;
    transform: none;
  }
  .multicontour-hero { min-height: 0; display: grid; }
  .multicontour-visuals { position: static; aspect-ratio: 16 / 9; }
  .multicontour-hero .multicontour-visuals img { height: auto !important; }
  .multicontour-title { position: static; max-width: none; margin: 0; padding-bottom: 24px; box-shadow: none; }
}