.panda-level5 {
  scroll-margin-top: 96px;
  --paper: #f7f3ea;
  --paper-bright: #fffdf8;
  --ink: #10283a;
  --ink-deep: #0b1d2a;
  --gold: #b58b3a;
  --gold-pale: #eadcb7;
  --silver: #bfc8cc;
  --silver-blue: #dce6e8;
  --red: #8c1d18;
  --muted: #667179;
  --line: rgba(16, 40, 58, .16);
  --frame: min(1380px, calc(100% - 96px));
  --serif: Georgia, "Times New Roman", "Noto Serif SC", serif;
  --sans: Inter, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
  margin: 0;
  overflow-x: hidden;
  background: var(--paper);
  color: var(--ink);
  font: 16px/1.68 var(--sans);
  -webkit-font-smoothing: antialiased;
}

@scope (.panda-level5) {
[id] { scroll-margin-top: 96px; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--paper); color: var(--ink); font: 16px/1.68 var(--sans); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
.frame { width: var(--frame); margin-inline: auto; }
.skip-link { position: fixed; z-index: 99; top: -60px; left: 14px; padding: 10px 15px; background: #fff; }
.skip-link:focus { top: 12px; outline: 3px solid var(--gold); }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }

.wcb-header { height: 78px; border-bottom: 1px solid var(--line); background: rgba(255, 253, 248, .97); }
.wcb-header__inner { width: var(--frame); height: 100%; margin: auto; display: flex; align-items: center; gap: 42px; }
.brand { min-width: 220px; display: flex; align-items: center; gap: 12px; text-decoration: none; }
.brand__mark { width: 41px; height: 41px; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold); font: 21px var(--serif); }
.brand strong { display: block; font: 600 16px var(--serif); }
.brand small { display: block; color: var(--muted); font-size: 7px; letter-spacing: .19em; }
.global-nav { flex: 1; display: flex; justify-content: center; gap: 30px; }
.global-nav a { padding: 27px 0 23px; border-bottom: 2px solid transparent; font-size: 12px; font-weight: 700; text-decoration: none; }
.global-nav a.is-active { color: var(--gold); border-color: var(--gold); }
.locale-links { display: flex; border: 1px solid var(--line); border-radius: 999px; padding: 3px; }
.locale-links a { border-radius: 999px; padding: 7px 11px; font-size: 10px; font-weight: 800; text-decoration: none; }
.locale-links a[aria-current="page"] { background: var(--ink); color: #fff; }
.breadcrumb { min-height: 50px; display: flex; align-items: center; gap: 9px; color: #77736d; font-size: 11px; }
.breadcrumb a { text-decoration: none; }
.level5-parent-nav { min-height: 48px; display: flex; align-items: center; gap: 9px; padding-bottom: 12px; }
.level5-parent-nav a { min-height: 34px; display: inline-flex; align-items: center; padding: 7px 13px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.55); text-decoration: none; font-size: 10px; font-weight: 700; letter-spacing: .04em; }
.level5-parent-nav a:hover { border-color: var(--accent, var(--gold)); color: var(--accent, var(--gold)); }

.eyebrow { margin: 0 0 14px; color: var(--accent, var(--gold)); font-size: 11px; font-weight: 850; letter-spacing: .19em; text-transform: uppercase; }
.hero-title { margin: 0; font: 400 clamp(62px, 6.5vw, 105px)/.9 var(--serif); letter-spacing: -.055em; }
.hero-title small { display: block; margin-top: 13px; color: var(--accent, var(--gold)); font: 400 .29em/1.15 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
.hero-deck { max-width: 650px; margin: 25px 0; color: #415463; font-size: 18px; }
.hero-note { display: inline-flex; gap: 10px; align-items: center; border-top: 1px solid var(--accent, var(--gold)); padding-top: 12px; color: var(--muted); font-size: 12px; }
.section { padding: 92px 0; }
.section-title { margin: 0; font: 400 clamp(39px, 4.5vw, 70px)/1.02 var(--serif); letter-spacing: -.04em; }
.section-deck { max-width: 700px; margin: 20px 0 0; color: var(--muted); font-size: 17px; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 56px; margin-bottom: 48px; }
.section-head > p { max-width: 470px; margin: 0; color: var(--muted); }
.coin { width: 100%; aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 18px 17px rgba(11, 29, 42, .2)); }
.coin-pair { position: relative; min-height: 500px; }
.coin-pair img { position: absolute; }
.coin-pair img:first-child { z-index: 2; }
.coin-caption { color: var(--muted); font-size: 11px; text-align: center; }
.fact-strip { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); background: rgba(255,255,255,.83); }
.fact-strip div { min-height: 112px; padding: 24px 28px; border-right: 1px solid var(--line); }
.fact-strip div:last-child { border: 0; }
.fact-strip span, .fact-strip small { display: block; color: var(--muted); font-size: 10px; }
.fact-strip span { letter-spacing: .12em; text-transform: uppercase; }
.fact-strip strong { display: block; margin: 4px 0; font: 25px var(--serif); }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 68px; align-items: center; }
.three-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.museum-card { padding: 30px; border: 1px solid var(--line); background: var(--paper-bright); }
.museum-card h3 { margin: 12px 0 8px; font: 28px var(--serif); }
.museum-card p { margin: 0; color: var(--muted); }
.coin-card { display: grid; min-height: 470px; padding: 27px; border: 1px solid var(--line); background: var(--paper-bright); }
.coin-card img { width: min(90%, 360px); margin: auto; }
.coin-card h3 { margin: 8px 0 0; font: 25px var(--serif); }
.disclosure { padding: 25px 28px; border-left: 4px solid var(--accent, var(--gold)); background: rgba(255,255,255,.65); }
.disclosure strong { display: block; margin-bottom: 7px; font: 21px var(--serif); }
.disclosure p { margin: 0; color: var(--muted); }
.dark { background: var(--ink-deep); color: #e9eef0; }
.dark .section-title { color: #fff; }
.dark .section-deck, .dark p { color: #b8c5cb; }
.related { padding: 65px 0; background: #e9e1d4; }
.related__inner { display: flex; align-items: center; justify-content: space-between; gap: 42px; }
.related h2 { margin: 0; font: 39px var(--serif); }
.related nav { display: flex; flex-wrap: wrap; gap: 12px; }
.related a { padding: 12px 16px; border: 1px solid var(--line); background: rgba(255,255,255,.5); text-decoration: none; font-size: 12px; }
.site-footer { min-height: 118px; display: flex; align-items: center; background: #fff; }
.site-footer .frame { display: flex; justify-content: space-between; gap: 30px; }
.site-footer strong { font: 19px var(--serif); }
.site-footer p { margin: 0; color: var(--muted); font-size: 11px; }

/* 1982 — warm foundation object, broad horizontal study. */
.foundation-page { --accent: #a87621; }
.foundation-hero { min-height: 710px; position: relative; overflow: hidden; background: linear-gradient(115deg, #f8f2e6 0 55%, #d8c49a 55% 100%); }
.foundation-hero::after { content: "1982"; position: absolute; right: -30px; bottom: -115px; color: rgba(255,255,255,.33); font: 260px var(--serif); }
.foundation-hero__grid { min-height: 710px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; }
.foundation-hero__copy { position: relative; z-index: 3; padding: 70px 0; }
.foundation-hero__art { position: relative; z-index: 2; height: 620px; }
.foundation-hero__art img,
.archive-hero__art img,
.beginning-hero__art img,
.transmission-hero__art img,
.anticipation-hero__art img { position: absolute; }
.foundation-hero__art .obverse { width: 385px; left: 2%; top: 85px; }
.foundation-hero__art .reverse { width: 490px; right: -1%; top: 35px; }
.foundation-object { background: #fffaf1; }
.foundation-object .object-stage { min-height: 580px; display: grid; place-items: center; position: relative; background: radial-gradient(circle, #f6e8c5, #e0c789); }
.foundation-object .object-stage img { width: min(78%, 470px); }
.foundation-object .object-stage::after { content: "FIRST"; position: absolute; bottom: 15px; left: 22px; color: rgba(16,40,58,.14); font: 70px var(--serif); }
.ounce-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(250px, .8fr); gap: 35px; margin-top: 45px; }
.ounce-family { min-width: 0; padding: 24px 22px 20px; border: 1px solid rgba(255,255,255,.2); background: linear-gradient(155deg, rgba(255,255,255,.035), transparent 58%); }
.ounce-family__measure { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.14); }
.ounce-family__measure span, .ounce-family__shared span { color: rgba(255,255,255,.58); font-size: 9px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.ounce-family__measure strong { color: #f3dfaa; font: 16px var(--serif); font-weight: 400; white-space: nowrap; }
.ounce-family__coins { --family-anchor: 180px; display: flex; align-items: end; justify-content: center; gap: 11px; min-height: 248px; padding: 25px 0 21px; border-bottom: 1px solid rgba(214,184,106,.34); }
.ounce-specimen { flex: 0 0 calc(var(--family-anchor) * var(--diameter-ratio)); width: calc(var(--family-anchor) * var(--diameter-ratio)); margin: 0; text-align: center; }
.ounce-specimen__disc { width: 100%; aspect-ratio: 1; display: grid; place-items: center; }
.ounce-specimen__disc img { width: calc(100% * var(--image-scale)); max-width: none; filter: drop-shadow(0 11px 10px rgba(0,0,0,.27)); }
.ounce-specimen figcaption { display: grid; gap: 3px; padding-top: 11px; }
.ounce-specimen figcaption strong { color: #fff5d7; font: 17px var(--serif); font-weight: 400; }
.ounce-specimen figcaption span { color: rgba(255,255,255,.72); font-size: 10px; letter-spacing: .08em; }
.ounce-specimen figcaption small { color: rgba(255,255,255,.45); font-size: 9px; line-height: 1.25; }
.ounce-family__shared { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 16px 0 0; }
.ounce-family__shared strong { color: #f3dfaa; font: 16px var(--serif); font-weight: 400; }
.origin-notes { display: grid; gap: 12px; }
.origin-notes div { padding: 23px; border: 1px solid rgba(255,255,255,.17); }
.origin-notes b { color: #e4c577; font: 22px var(--serif); }

/* 1983 — cool archival pre-standard object, vertical dossier. */
.archive-page { --accent: #637f8a; background: #eff1ef; }
.archive-hero { min-height: 730px; background: linear-gradient(90deg, #e9ece9 0 45%, #132b39 45%); }
.archive-hero__grid { min-height: 730px; display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; }
.archive-hero__copy { padding: 65px 70px 65px 0; }
.archive-hero__art { height: 650px; position: relative; border-left: 1px solid rgba(255,255,255,.2); }
.archive-hero__art::before { content: "ARCHIVE 01"; position: absolute; top: 36px; right: 36px; color: rgba(255,255,255,.4); font-size: 10px; letter-spacing: .2em; }
.archive-hero__art .obverse { width: 375px; left: 4%; top: 95px; }
.archive-hero__art .reverse { width: 430px; right: -2%; top: 155px; }
.archive-dossier { background: #fff; }
.dossier-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 60px; }
.dossier-index { border-top: 2px solid var(--accent); }
.dossier-index div { display: grid; grid-template-columns: 100px 1fr; padding: 18px 0; border-bottom: 1px solid var(--line); }
.dossier-index span { color: var(--muted); font-size: 11px; text-transform: uppercase; }
.dossier-index strong { font: 21px var(--serif); }
.archive-sequence { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.archive-sequence article { padding: 28px; background: #dfe7e8; }
.archive-sequence b { color: var(--accent); font: 28px var(--serif); }
.archive-sequence h3 { margin: 35px 0 8px; font: 24px var(--serif); }

/* 2016 — technical transition, blueprint and comparison grid. */
.metric-page { --accent: #c0a052; background: #f2f0e9; }
.metric-hero { min-height: 720px; color: #eef2f3; background-color: #102b39; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 42px 42px; }
.metric-hero__grid { min-height: 720px; display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; }
.metric-hero .hero-deck { color: #bdc9ce; }
.metric-hero__art { height: 640px; position: relative; }
.metric-hero__art img { position: absolute; }
.metric-hero__art .g-obv { width: 315px; left: 2%; top: 64px; }
.metric-hero__art .g-rev { width: 345px; left: 26%; bottom: 36px; }
.metric-hero__art .s-obv { width: 285px; right: 11%; top: 42px; }
.metric-hero__art .s-rev { width: 315px; right: -2%; bottom: 62px; }
.before-after { display: grid; grid-template-columns: 1fr 76px 1fr; align-items: stretch; }
.comparison-panel { padding: 38px; background: #fff; }
.comparison-panel--after { background: #e3e9e8; }
.comparison-coins { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.comparison-coins img { width: 100%; }
.comparison-arrow { display: grid; place-items: center; color: #fff; background: var(--ink); font-size: 28px; }
.spec-anatomy { display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 35px; border-top: 1px solid rgba(255,255,255,.25); }
.spec-anatomy div { padding: 27px 16px; border-right: 1px solid rgba(255,255,255,.15); }
.spec-anatomy div:last-child { border: 0; }
.spec-anatomy strong { display: block; color: #e2c777; font: 28px var(--serif); }
.spec-anatomy span { color: #afbdc4; font-size: 10px; }

/* 2019 — narrative beginning, cinematic sequence. */
.beginning-page { --accent: #98433d; background: #f7f1e9; }
.beginning-hero { min-height: 735px; background: linear-gradient(115deg, #f8f4ed 0 48%, #e7d8c9 48%); }
.beginning-hero__grid { min-height: 735px; display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; }
.beginning-hero__art { position: relative; height: 650px; }
.beginning-hero__art::after { content: "01"; position: absolute; right: 1%; bottom: -70px; color: rgba(140,29,24,.12); font: 230px var(--serif); }
.beginning-hero__art .gold { width: 455px; left: 1%; top: 60px; }
.beginning-hero__art .silver { width: 400px; right: -1%; top: 155px; }
.chapter-opening { background: #fff; }
.chapter-line { display: grid; grid-template-columns: .75fr 1.25fr; gap: 60px; align-items: center; }
.chapter-number { border-right: 1px solid var(--red); color: rgba(140,29,24,.16); font: 230px/.8 var(--serif); text-align: center; }
.metal-expressions { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.expression { min-height: 500px; padding: 30px; border-top: 3px solid var(--accent); background: #f8f3ec; }
.expression .faces { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; }
.expression h3 { margin: 8px 0; font: 28px var(--serif); }

/* 2022 — anniversary monument, four-face standard pair. */
.anniversary-page { --accent: #b08a37; background: #f1ede5; }
.anniversary-hero { min-height: 760px; position: relative; overflow: hidden; color: #f8f4e9; background: #102735; }
.anniversary-hero::before { content: "40"; position: absolute; left: -20px; bottom: -125px; color: rgba(214,184,108,.12); font: 450px/.8 var(--serif); }
.anniversary-hero__grid { min-height: 760px; display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; }
.anniversary-hero .hero-deck { color: #bdc7cc; }
.anniversary-hero__art { position: relative; height: 690px; }
.anniversary-hero__art img { position: absolute; }
.anniversary-hero__art .g-obv { width: 300px; left: 5%; top: 42px; }
.anniversary-hero__art .g-rev { width: 380px; left: 23%; bottom: 28px; }
.anniversary-hero__art .s-obv { width: 280px; right: 3%; top: 56px; }
.anniversary-hero__art .s-rev { width: 350px; right: -1%; bottom: 52px; }
.mark-study { background: #fff; }
.mark-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 55px; align-items: center; }
.mark-coin { min-height: 590px; display: grid; place-items: center; position: relative; background: radial-gradient(circle, #f5e3b1, #c5a757); }
.mark-coin img { width: min(78%, 500px); }
.mark-coin b { position: absolute; right: 23px; top: 15px; color: rgba(255,255,255,.64); font: 90px var(--serif); }
.standard-firewall { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }

/* 2024 — family chapter, warm staggered editorial field. */
.transmission-page { --accent: #8c1d18; background: #f8f2ea; }
.transmission-hero { min-height: 720px; background: linear-gradient(120deg, #f9f4ec 0 62%, #8c1d18 62%); }
.transmission-hero__grid { min-height: 720px; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; }
.transmission-hero__art { height: 650px; position: relative; }
.transmission-hero__art .gold { width: 460px; left: -1%; top: 35px; }
.transmission-hero__art .silver { width: 390px; right: -2%; bottom: 24px; }
.transmission-chapter { background: #fff; }
.transmission-ribbon { display: grid; grid-template-columns: .65fr 1fr 1fr; align-items: stretch; }
.transmission-ribbon > div { min-height: 300px; padding: 34px; border-right: 1px solid var(--line); }
.transmission-ribbon > div:first-child { display: grid; place-items: center; color: #fff; background: var(--red); font: 70px var(--serif); }
.transmission-ribbon h3 { margin: 40px 0 8px; font: 27px var(--serif); }
.designer-credit { display: grid; grid-template-columns: .75fr 1.25fr; gap: 55px; align-items: center; }
.role-seal { display: grid; place-items: center; min-height: 350px; border: 1px solid var(--red); color: var(--red); font: 45px var(--serif); text-align: center; }

/* 2026 — contemporary / future-facing, modular horizon. */
.anticipation-page { --accent: #d2ad59; background: #eef0ed; }
.anticipation-hero { min-height: 745px; color: #f1f4f3; background: linear-gradient(120deg, #071f2a 0 58%, #143947 58%); }
.anticipation-hero__grid { min-height: 745px; display: grid; grid-template-columns: .84fr 1.16fr; align-items: center; }
.anticipation-hero .hero-deck { color: #b9c8cc; }
.anticipation-hero__art { height: 670px; position: relative; }
.anticipation-hero__art::before { content: "08"; position: absolute; right: 3%; top: -55px; color: rgba(255,255,255,.05); font: 260px var(--serif); }
.anticipation-hero__art .gold { width: 430px; left: 0; top: 65px; }
.anticipation-hero__art .silver { width: 390px; right: -1%; bottom: 35px; }
.horizon { padding: 20px 0 0; border-top: 1px solid rgba(255,255,255,.22); }
.horizon span { display: inline-block; margin-right: 24px; color: #d3b56b; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.future-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 30px; }
.future-grid article { min-height: 390px; padding: 38px; border: 1px solid var(--line); background: #fff; }
.future-grid article:first-child { color: #eef2f3; background: var(--ink); }
.future-grid h3 { margin: 80px 0 10px; font: 32px var(--serif); }
.role-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.25); }
.role-grid div { padding: 27px; border-right: 1px solid rgba(255,255,255,.16); }
.role-grid div:last-child { border: 0; }
.role-grid strong { display: block; color: #e4c675; font: 22px var(--serif); }

.locale-zh .hero-title { line-height: 1.02; letter-spacing: -.035em; }
.locale-zh .hero-title small { font-size: .26em; letter-spacing: .06em; }
.locale-zh .section-title { line-height: 1.12; letter-spacing: -.02em; }

@media (max-width: 1040px) {
  .panda-level5 { --frame: min(100% - 56px, 1380px); }
  .global-nav { display: none; }
  .wcb-header__inner { justify-content: space-between; }
  .foundation-hero__art .reverse { width: 430px; }
  .foundation-hero__art .obverse { width: 330px; }
  .archive-hero__art .obverse { width: 330px; }
  .archive-hero__art .reverse { width: 370px; }
  .metric-hero__grid, .anniversary-hero__grid { grid-template-columns: .85fr 1.15fr; }
  .spec-anatomy { grid-template-columns: repeat(3, 1fr); }
  .spec-anatomy div:nth-child(3) { border-right: 0; }
}

@media (min-width: 721px) and (max-width: 820px) {
  .ounce-grid { grid-template-columns: 1fr; }
  .metric-hero__art .g-obv { width: 260px; }
  .metric-hero__art .g-rev { width: 280px; left: 18%; }
  .metric-hero__art .s-obv { width: 220px; right: 5%; }
  .metric-hero__art .s-rev { width: 240px; right: 0; }
  .anniversary-hero__art .g-obv { width: 245px; }
  .anniversary-hero__art .g-rev { width: 310px; left: 15%; }
  .anniversary-hero__art .s-obv { width: 225px; right: 1%; }
  .anniversary-hero__art .s-rev { width: 280px; right: 0; }
}

@media (max-width: 720px) {
  .panda-level5 { --frame: calc(100% - 34px); font-size: 15px; }
  .wcb-header { height: 68px; }
  .brand { min-width: 0; }
  .brand__mark { width: 36px; height: 36px; }
  .brand strong { font-size: 14px; }
  .brand small { font-size: 6px; }
  .locale-links a { padding: 6px 8px; font-size: 9px; }
  .breadcrumb { min-height: 40px; white-space: nowrap; overflow: hidden; font-size: 9px; }
  .level5-parent-nav { min-height: 43px; gap: 6px; overflow-x: auto; padding-bottom: 9px; }
  .level5-parent-nav a { min-height: 32px; flex: 0 0 auto; padding: 6px 10px; font-size: 9px; }
  .hero-title { font-size: 58px; }
  .hero-deck { margin: 18px 0; font-size: 15px; }
  .section { padding: 62px 0; }
  .section-head { display: block; margin-bottom: 30px; }
  .section-head > p { margin-top: 16px; }
  .two-col, .three-col, .dossier-grid, .chapter-line, .metal-expressions, .mark-grid, .designer-credit, .future-grid { grid-template-columns: 1fr; gap: 30px; }
  .fact-strip { grid-template-columns: 1fr 1fr; }
  .fact-strip div { min-height: 96px; padding: 16px; border-bottom: 1px solid var(--line); }
  .fact-strip div:nth-child(even) { border-right: 0; }
  .coin-card { min-height: 390px; padding: 20px; }
  .coin-card img { width: min(83%, 300px); }
  .related__inner, .site-footer .frame { display: block; }
  .related nav { margin-top: 24px; }
  .site-footer p { margin-top: 8px; }

  .foundation-hero { min-height: 790px; background: linear-gradient(180deg, #f8f2e6 0 54%, #d8c49a 54%); }
  .foundation-hero__grid, .archive-hero__grid, .metric-hero__grid, .beginning-hero__grid, .anniversary-hero__grid, .transmission-hero__grid, .anticipation-hero__grid { min-height: 0; display: block; }
  .foundation-hero__copy, .archive-hero__copy { padding: 45px 0 10px; }
  .foundation-hero__art { height: 405px; }
  .foundation-hero__art .obverse { width: 235px; left: -3%; top: 80px; }
  .foundation-hero__art .reverse { width: 290px; right: 0; top: 32px; }
  .foundation-object .object-stage { min-height: 390px; }
  .ounce-grid { grid-template-columns: 1fr; }
  .ounce-family { padding: 20px 16px 18px; }
  .ounce-family__measure { display: grid; gap: 4px; }
  .ounce-family__coins { --family-anchor: 138px; grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid; align-items: end; gap: 24px 12px; min-height: 0; padding: 27px 0 23px; }
  .ounce-specimen { justify-self: center; }
  .ounce-specimen figcaption strong { font-size: 16px; }

  .archive-hero { min-height: 830px; background: linear-gradient(180deg, #e9ece9 0 49%, #132b39 49%); }
  .archive-hero__art { height: 430px; border-left: 0; }
  .archive-hero__art .obverse { width: 245px; left: -2%; top: 80px; }
  .archive-hero__art .reverse { width: 275px; right: -3%; top: 105px; }
  .archive-sequence { grid-template-columns: 1fr; }

  .metric-hero { min-height: 920px; }
  .metric-hero__grid { padding-top: 45px; }
  .metric-hero__art { height: 510px; }
  .metric-hero__art .g-obv { width: 205px; left: -4%; top: 62px; }
  .metric-hero__art .g-rev { width: 220px; left: 13%; bottom: 28px; }
  .metric-hero__art .s-obv { width: 190px; right: 4%; top: 34px; }
  .metric-hero__art .s-rev { width: 205px; right: -4%; bottom: 55px; }
  .before-after { display: block; }
  .comparison-arrow { min-height: 55px; transform: rotate(90deg); }
  .comparison-panel { padding: 23px; }
  .spec-anatomy { grid-template-columns: 1fr 1fr; }
  .spec-anatomy div:nth-child(3) { border-right: 1px solid rgba(255,255,255,.15); }
  .spec-anatomy div:nth-child(even) { border-right: 0; }

  .beginning-hero { min-height: 820px; background: linear-gradient(180deg, #f8f4ed 0 50%, #e7d8c9 50%); }
  .beginning-hero__grid { padding-top: 45px; }
  .beginning-hero__art { height: 440px; }
  .beginning-hero__art .gold { width: 295px; left: -4%; top: 40px; }
  .beginning-hero__art .silver { width: 260px; right: -4%; top: 125px; }
  .chapter-number { border-right: 0; border-bottom: 1px solid var(--red); font-size: 140px; }
  .expression { min-height: 420px; padding: 22px; }

  .anniversary-hero { min-height: 950px; }
  .anniversary-hero__grid { padding-top: 45px; }
  .anniversary-hero::before { font-size: 300px; bottom: -75px; }
  .anniversary-hero__art { height: 540px; }
  .anniversary-hero__art .g-obv { width: 200px; left: -3%; top: 42px; }
  .anniversary-hero__art .g-rev { width: 245px; left: 12%; bottom: 25px; }
  .anniversary-hero__art .s-obv { width: 190px; right: 2%; top: 45px; }
  .anniversary-hero__art .s-rev { width: 220px; right: 0; bottom: 58px; }
  .mark-coin { min-height: 390px; }
  .standard-firewall { grid-template-columns: 1fr; }

  .transmission-hero { min-height: 840px; background: linear-gradient(180deg, #f9f4ec 0 53%, #8c1d18 53%); }
  .transmission-hero__grid { padding-top: 45px; }
  .transmission-hero .hero-title { font-size: 40px; overflow-wrap: normal; word-break: normal; hyphens: none; }
  .transmission-hero__art { height: 435px; }
  .transmission-hero__art .gold { width: 290px; left: 0; top: 35px; }
  .transmission-hero__art .silver { width: 265px; right: -4%; bottom: 12px; }
  .transmission-ribbon { grid-template-columns: 1fr; }
  .transmission-ribbon > div { min-height: 220px; border-right: 0; border-bottom: 1px solid var(--line); }
  .transmission-ribbon > div:first-child { min-height: 150px; }
  .role-seal { min-height: 250px; }

  .anticipation-hero { min-height: 880px; background: linear-gradient(180deg, #071f2a 0 52%, #143947 52%); }
  .anticipation-hero__grid { padding-top: 45px; }
  .anticipation-hero__art { height: 460px; }
  .anticipation-hero__art .gold { width: 280px; left: 0; top: 50px; }
  .anticipation-hero__art .silver { width: 255px; right: -4%; bottom: 15px; }
  .role-grid { grid-template-columns: 1fr; }
  .role-grid div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); }
}

@media (max-width: 390px) {
  .ounce-family__coins { --family-anchor: 126px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}
}