:root {
  --ivory: #f7f3ec;
  --paper: #fbf8f2;
  --ink: #10283a;
  --ink-2: #172330;
  --gold: #b58b3a;
  --gold-soft: #d7bc7e;
  --red: #8c1d18;
  --silver: #bdc3c7;
  --silver-cool: #dce4e7;
  --stone: #d9d2c8;
  --muted: #68727a;
  --line: rgba(16, 40, 58, .15);
  --serif: Georgia, "Times New Roman", "Noto Serif SC", serif;
  --sans: Inter, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
  --frame: min(1420px, calc(100% - 96px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--ivory); color: var(--ink); font: 16px/1.65 var(--sans); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: inherit; }
.frame { width: var(--frame); margin-inline: auto; }
.skip-link { position: fixed; z-index: 100; top: -60px; left: 12px; padding: 10px 16px; background: #fff; }
.skip-link:focus { top: 12px; }
.eyebrow { margin: 0 0 14px; color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .21em; text-transform: uppercase; }
.eyebrow--red { color: var(--red); }
.section { padding: 104px 0; }
.section-title { margin: 0; font: 400 clamp(40px, 4.4vw, 70px)/1.02 var(--serif); letter-spacing: -.04em; }
.section-deck { max-width: 670px; margin: 22px 0 0; color: var(--muted); font-size: 17px; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 48px; margin-bottom: 54px; }
.section-head > p { max-width: 450px; margin: 0; color: var(--muted); }
.coin-img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 18px 18px rgba(16, 35, 48, .19)); }
.text-link { display: inline-flex; align-items: center; gap: 12px; border-bottom: 1px solid currentColor; padding-bottom: 5px; color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; }

.breadcrumb { min-height: 52px; display: flex; align-items: center; gap: 9px; color: #7b7770; font-size: 11px; }
.breadcrumb a { text-decoration: none; }

/* Gold: origin-led, architectural and warm. */
.gold-page { --metal-accent: #b58b3a; --metal-pale: #efe1bc; }
.gold-hero { position: relative; min-height: 720px; overflow: hidden; background: #ded4c3; }
.gold-hero__photo { position: absolute; inset: 0; background: url("/images/bullion/china/panda/temple-hall-approved-crop.jpg") 74% 44%/cover no-repeat; }
.gold-hero__wash { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(247,243,236,.99) 0 43%, rgba(247,243,236,.73) 60%, rgba(16,40,58,.08) 100%); }
.gold-hero__grid { position: relative; min-height: 720px; display: grid; grid-template-columns: 52% 48%; align-items: center; }
.gold-hero__copy { max-width: 680px; padding: 68px 0 94px; }
.gold-hero h1 { margin: 0; font: 400 clamp(70px, 7.1vw, 112px)/.87 var(--serif); letter-spacing: -.065em; }
.gold-hero h1 span { display: block; color: var(--gold); font-size: .42em; letter-spacing: .01em; }
.gold-hero__range { margin: 20px 0 0; font: italic 25px var(--serif); }
.gold-hero__deck { max-width: 570px; margin: 28px 0; color: #344956; font-size: 18px; }
.gold-hero__art { position: relative; height: 620px; }
.gold-hero__coin { position: absolute; z-index: 3; width: min(520px, 38vw); right: -2%; top: 57px; }
.gold-hero__art::before, .gold-hero__art::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.gold-hero__art::before { width: 510px; height: 510px; right: 0; top: 62px; border: 1px solid rgba(181,139,58,.55); box-shadow: 0 0 0 32px rgba(181,139,58,.13), 0 0 0 64px rgba(181,139,58,.07); }
.gold-hero__art::after { right: 37px; bottom: 38px; width: 210px; height: 210px; background: rgba(16,40,58,.91); }
.gold-hero__seal { position: absolute; z-index: 4; right: 69px; bottom: 93px; width: 145px; color: #fff; text-align: center; }
.gold-hero__seal strong { display: block; color: var(--gold-soft); font: 37px var(--serif); }
.gold-hero__seal span { font-size: 9px; letter-spacing: .15em; text-transform: uppercase; }
.fact-rail { position: relative; z-index: 6; width: var(--frame); min-height: 118px; margin: -58px auto 0; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; background: rgba(255,253,248,.97); box-shadow: 0 18px 48px rgba(34,29,18,.13); }
.fact-rail div { min-height: 63px; padding: 7px 28px; border-right: 1px solid var(--line); }
.fact-rail div:last-child { border: 0; }
.fact-rail span, .fact-rail small { display: block; color: var(--muted); font-size: 10px; }
.fact-rail span { letter-spacing: .13em; text-transform: uppercase; }
.fact-rail strong { display: block; margin: 3px 0; font: 25px var(--serif); }

.gold-origin { padding-top: 140px; background: var(--paper); }
.origin-grid { display: grid; grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr); gap: 84px; align-items: center; }
.origin-stage { min-height: 580px; display: grid; place-items: center; position: relative; background: linear-gradient(145deg, #efe2bd, #f8f2e5); overflow: hidden; }
.origin-stage::before { content: "1982"; position: absolute; left: -12px; bottom: -55px; color: rgba(181,139,58,.14); font: 190px var(--serif); }
.origin-stage img { position: relative; width: min(78%, 465px); }
.origin-copy h2 { margin: 0; font: 400 clamp(48px, 5vw, 78px)/.98 var(--serif); letter-spacing: -.045em; }
.origin-copy > p { max-width: 610px; color: #4f5b63; font-size: 17px; }
.origin-note { display: grid; grid-template-columns: 78px 1fr; gap: 19px; margin-top: 35px; padding-top: 24px; border-top: 1px solid var(--gold); }
.origin-note b { color: var(--gold); font: 30px var(--serif); }
.origin-note p { margin: 0; color: var(--muted); font-size: 13px; }

.weight-architecture { background: var(--ink); color: #eef1f2; }
.weight-architecture .section-title { color: #fff; }
.weight-architecture .section-deck { color: #bfc9ce; }
.weight-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 40px; }
.weight-era { min-height: 390px; padding: 42px; border: 1px solid rgba(255,255,255,.16); }
.weight-era--modern { background: rgba(255,255,255,.055); }
.weight-era__year { color: var(--gold-soft); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.weight-era h3 { margin: 13px 0 28px; color: #fff; font: 36px var(--serif); }
.weight-set { display: flex; align-items: end; gap: 15px; min-height: 160px; }
.weight-dot { width: var(--size); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(215,188,126,.7); border-radius: 50%; background: radial-gradient(circle at 38% 32%, #e5c978, #a87820 74%); color: #372609; font: 13px var(--serif); }
.weight-era p { margin: 28px 0 0; color: #bfc9ce; font-size: 13px; }

.gold-transition { background: #efe6d6; }
.transition-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 80px; }
.transition-track { border-top: 1px solid var(--ink); }
.transition-step { display: grid; grid-template-columns: 105px 1fr; gap: 28px; padding: 27px 0; border-bottom: 1px solid var(--line); }
.transition-step b { color: var(--gold); font: 27px var(--serif); }
.transition-step h3 { margin: 0 0 5px; font: 27px var(--serif); }
.transition-step p { margin: 0; color: var(--muted); font-size: 13px; }
.transition-step.is-focus { border-left: 4px solid var(--red); padding-left: 23px; }

.gold-evolution { background: var(--paper); }
.gold-gallery { display: grid; grid-template-columns: 1.2fr repeat(4, 1fr); align-items: end; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.gold-year { min-height: 360px; padding: 24px 18px 27px; border-right: 1px solid var(--line); }
.gold-year:last-child { border: 0; }
.gold-year:first-child { min-height: 430px; background: #f1e5c5; }
.gold-year time { color: var(--gold); font: 19px var(--serif); }
.gold-year img { width: 85%; margin: 23px auto; }
.gold-year:first-child img { width: 93%; }
.gold-year h3 { margin: 0; font: 22px var(--serif); }
.gold-year p { margin: 7px 0 0; color: var(--muted); font-size: 11px; }

.gold-love { position: relative; overflow: hidden; background: var(--red); color: #fff7f2; }
.gold-love::after { content: "爱"; position: absolute; right: 4%; bottom: -170px; color: rgba(255,255,255,.06); font: 470px var(--serif); }
.gold-love__grid { position: relative; z-index: 2; display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; align-items: center; }
.gold-love h2 { margin: 0; font: 400 clamp(50px, 5.4vw, 82px)/.95 var(--serif); }
.gold-love p { color: #ead7d2; }
.love-coins { display: grid; grid-template-columns: repeat(3, 1fr); gap: 21px; }
.love-coins figure { margin: 0; text-align: center; }
.love-coins figcaption { margin-top: 12px; font-size: 10px; letter-spacing: .11em; text-transform: uppercase; }

.gold-milestones { background: #f2ede4; }
.milestone-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 76px; }
.milestone-list { border-top: 1px solid var(--ink); }
.milestone-list article { display: grid; grid-template-columns: 92px 1fr; padding: 22px 0; border-bottom: 1px solid var(--line); }
.milestone-list b { color: var(--gold); font: 24px var(--serif); }
.milestone-list h3 { margin: 0; font: 21px var(--serif); }
.milestone-list p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }

.mint-context { background: var(--paper); }
.mint-context__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.mint-photo { min-height: 470px; background: url("/images/bullion/china/panda/temple-hall-approved-crop.jpg") center/cover no-repeat; }
.mint-list { margin-top: 30px; border-top: 1px solid var(--gold); }
.mint-list div { display: grid; grid-template-columns: 34px 1fr; padding: 16px 0; border-bottom: 1px solid var(--line); }
.mint-list b { color: var(--gold); }
.mint-list span { font: 19px var(--serif); }

/* Silver: archive-led, cool, staggered, and collector-facing. */
.silver-page { --metal-accent: #718690; --metal-pale: #dce4e7; background: #f4f4f0; }
.silver-hero { min-height: 690px; display: grid; grid-template-columns: 42% 58%; border-bottom: 1px solid var(--line); background: linear-gradient(135deg, #f8f7f2 0 42%, #dce3e5 42%); }
.silver-hero__copy { padding: 84px max(48px, calc((100vw - 1420px)/2)) 70px max(48px, calc((100vw - 1420px)/2)); padding-right: 50px; align-self: center; }
.silver-hero h1 { margin: 0; font: 400 clamp(64px, 6.5vw, 100px)/.9 var(--serif); letter-spacing: -.06em; }
.silver-hero h1 span { display: block; color: #70848d; font-size: .34em; letter-spacing: .03em; }
.silver-hero__deck { max-width: 550px; margin: 26px 0; color: #42545d; font-size: 17px; }
.silver-hero__archive { min-height: 690px; display: grid; grid-template-columns: 1.15fr .85fr; position: relative; overflow: hidden; }
.silver-hero__archive::before { content: ""; position: absolute; inset: 28px; border: 1px solid rgba(16,40,58,.14); }
.silver-hero__primary, .silver-hero__prelude { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.silver-hero__primary img { width: min(78%, 480px); }
.silver-hero__prelude { justify-content: end; padding-bottom: 78px; background: rgba(16,40,58,.06); }
.silver-hero__prelude img { width: min(82%, 285px); }
.archive-label { margin-top: 17px; text-align: center; }
.archive-label b { display: block; font: 23px var(--serif); }
.archive-label span { color: var(--muted); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.silver-facts { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--line); background: #fff; }
.silver-facts div { min-height: 116px; padding: 26px max(24px, 3vw); border-right: 1px solid var(--line); }
.silver-facts div:last-child { border: 0; }
.silver-facts span, .silver-facts small { display: block; color: var(--muted); font-size: 10px; }
.silver-facts strong { display: block; margin: 5px 0; color: var(--ink); font: 24px var(--serif); }

.silver-prelude { background: var(--ink); color: #edf1f2; }
.prelude-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 88px; align-items: center; }
.prelude-coin { min-height: 520px; display: grid; place-items: center; position: relative; border: 1px solid rgba(255,255,255,.14); }
.prelude-coin::after { content: "1983"; position: absolute; right: -15px; bottom: -58px; color: rgba(255,255,255,.06); font: 180px var(--serif); }
.prelude-coin img { position: relative; z-index: 2; width: min(76%, 430px); }
.prelude-copy h2 { margin: 0; color: #fff; font: 400 clamp(49px, 5vw, 76px)/.98 var(--serif); }
.prelude-copy > p { color: #c2cdd2; }
.prelude-specs { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 35px; border-top: 1px solid rgba(255,255,255,.25); }
.prelude-specs div { padding: 17px 12px 0 0; border-right: 1px solid rgba(255,255,255,.15); }
.prelude-specs strong { display: block; color: #d7e0e3; font: 21px var(--serif); }
.prelude-specs span { color: #94a6ae; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }

.standard-path { background: #e7ebeb; }
.path-grid { display: grid; grid-template-columns: .68fr 1.32fr; gap: 78px; }
.path-steps { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--ink); }
.path-steps article { min-height: 290px; padding: 24px; border-right: 1px solid rgba(16,40,58,.16); }
.path-steps article:last-child { border: 0; }
.path-steps b { color: #718690; font: 22px var(--serif); }
.path-steps h3 { margin: 44px 0 11px; font: 25px var(--serif); }
.path-steps p { margin: 0; color: var(--muted); font-size: 12px; }

.silver-metric { background: #fff; }
.metric-stage { display: grid; grid-template-columns: .82fr 1.18fr; gap: 0; border: 1px solid var(--line); }
.metric-copy { padding: 54px; background: var(--paper); }
.metric-copy h2 { margin: 0; font: 400 clamp(45px, 4.8vw, 72px)/.98 var(--serif); }
.metric-copy p { color: var(--muted); }
.metric-compare { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; padding: 35px; background: #dfe6e8; }
.metric-2015 { padding: 35px; text-align: center; }
.metric-2015 strong { display: block; color: #73858d; font: 54px var(--serif); }
.metric-2015 span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; }
.metric-2016 { text-align: center; }
.metric-2016 img { width: min(100%, 325px); margin: auto; }
.metric-2016 strong { display: block; margin-top: 8px; font: 25px var(--serif); }

.silver-archive { background: #f5f5f1; }
.archive-grid { display: grid; grid-template-columns: 1fr 1.16fr 1fr; grid-template-rows: auto auto; gap: 17px; }
.archive-card { min-height: 350px; display: grid; grid-template-columns: 1fr; align-content: space-between; padding: 27px; border: 1px solid var(--line); background: #fff; }
.archive-card--feature { grid-row: 1 / 3; grid-column: 2; min-height: 718px; background: #dce4e7; }
.archive-card:nth-child(4) { grid-column: 1; }
.archive-card:nth-child(5) { grid-column: 3; }
.archive-card img { width: min(84%, 270px); margin: 15px auto; }
.archive-card--feature img { width: min(95%, 430px); margin: 60px auto 35px; }
.archive-card time { color: #718690; font: 20px var(--serif); }
.archive-card h3 { margin: 0; font: 24px var(--serif); }
.archive-card p { margin: 7px 0 0; color: var(--muted); font-size: 11px; }

.silver-love { background: #e9e4df; }
.silver-love__grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 65px; align-items: center; }
.silver-love h2 { margin: 0; font: 400 clamp(50px, 5.2vw, 80px)/.96 var(--serif); }
.chapter-triptych { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.chapter-triptych article { min-height: 365px; padding: 24px; background: #f8f6f2; border-top: 3px solid var(--red); }
.chapter-triptych img { width: 87%; margin: 8px auto 18px; }
.chapter-triptych b { color: var(--red); font: 19px var(--serif); }
.chapter-triptych p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }

.register-preview { background: var(--ink-2); color: #e8edf0; }
.register-preview .section-title { color: #fff; }
.register-preview .section-deck { color: #afbdc5; }
.era-register { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.25); }
.era-register article { min-height: 230px; padding: 28px 25px; border-right: 1px solid rgba(255,255,255,.14); }
.era-register article:last-child { border: 0; }
.era-register span { color: #a9bac2; font-size: 10px; letter-spacing: .12em; }
.era-register h3 { margin: 38px 0 8px; color: #fff; font: 24px var(--serif); }
.era-register p { margin: 0; color: #adbac1; font-size: 11px; }
.year-browser { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.year-browser span { min-width: 45px; border: 1px solid rgba(255,255,255,.18); padding: 7px 9px; text-align: center; }

.modern-standard { background: #fff; }
.modern-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 82px; align-items: center; }
.modern-spec { margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--ink); }
.modern-spec div { min-height: 145px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.modern-spec div:nth-child(even) { border-right: 0; }
.modern-spec dd { margin: 0; }
.modern-spec strong { display: block; color: #718690; font: 31px var(--serif); }
.modern-spec dt { color: var(--muted); font-size: 10px; letter-spacing: .11em; text-transform: uppercase; }

.related { padding: 74px 0; background: #efe8dc; }
.related__grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; align-items: center; }
.related h2 { margin: 0; font: 42px var(--serif); }
.related-links { display: grid; grid-template-columns: repeat(2, 1fr); }
.related-links a { display: flex; justify-content: space-between; padding: 17px 0; border-bottom: 1px solid var(--line); text-decoration: none; }
.related-links a:nth-child(odd) { margin-right: 25px; }
.related-links a:nth-child(even) { margin-left: 25px; }
.related-links span { color: var(--gold); }
.site-footer { min-height: 125px; display: flex; align-items: center; background: #fff; }
.site-footer .frame { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.site-footer strong { font: 20px var(--serif); }
.site-footer p { margin: 0; color: var(--muted); font-size: 11px; }

.locale-zh .gold-hero h1, .locale-zh .silver-hero h1 { line-height: .98; letter-spacing: -.045em; }
.locale-zh .gold-hero h1 span, .locale-zh .silver-hero h1 span { margin-top: 13px; font-size: .33em; letter-spacing: .08em; }
.locale-zh .section-title { line-height: 1.13; letter-spacing: -.02em; }
.locale-zh .gold-hero__deck, .locale-zh .silver-hero__deck { max-width: 540px; }

.level5-link-grid { margin-top: 32px; padding-top: 25px; border-top: 1px solid var(--line); }
.level5-link-grid > strong { display: block; margin-bottom: 14px; color: var(--muted); font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.level5-link-grid > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.level5-link-grid a { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 15px; border: 1px solid var(--line); background: rgba(255,255,255,.72); text-decoration: none; font-size: 12px; }
.level5-link-grid a:hover { border-color: var(--metal-accent, var(--gold)); }
.level5-link-grid a:focus-visible { outline: 3px solid var(--metal-accent, var(--gold)); outline-offset: 3px; }

@media (max-width: 1040px) {
  :root { --frame: min(100% - 56px, 1420px); }
  .panda-level4-route .topbar .main-nav { display: none; }
  .gold-hero__grid { grid-template-columns: 49% 51%; }
  .gold-hero__coin { width: 40vw; }
  .gold-hero__art::before { width: 40vw; height: 40vw; }
  .weight-grid { grid-template-columns: 1fr; }
  .weight-era { min-width: 0; }
  .gold-gallery { grid-template-columns: repeat(3, 1fr); }
  .gold-year:first-child { min-height: 360px; }
  .silver-hero { grid-template-columns: 46% 54%; }
  .silver-hero__copy { padding-left: 28px; }
  .archive-grid { grid-template-columns: 1fr 1fr; }
  .archive-card--feature { grid-row: auto; grid-column: auto; min-height: 350px; }
  .archive-card--feature img { width: min(84%, 280px); margin: 15px auto; }
  .archive-card:nth-child(4), .archive-card:nth-child(5) { grid-column: auto; }
}

@media (max-width: 720px) {
  :root { --frame: calc(100% - 36px); }
  body { font-size: 15px; }
  .panda-level4-route .topbar { min-height: 68px; padding: 10px 18px; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
  .panda-level4-route .topbar .main-nav,
  .panda-level4-route .topbar .account-strip { display: none; }
  .panda-level4-route .topbar .brand { min-width: 0; }
  .panda-level4-route .topbar .brand-mark { width: 36px; height: 36px; flex-basis: 36px; }
  .panda-level4-route .topbar .brand strong { font-size: 14px; white-space: nowrap; }
  .panda-level4-route .topbar .brand small { display: none; }
  .panda-level4-route .topbar .language-switcher { justify-content: flex-end; flex-wrap: nowrap; white-space: nowrap; }
  .panda-level4-route .topbar .language-switcher a { padding: 6px 8px; font-size: 9px; }
  .breadcrumb { min-height: 40px; white-space: nowrap; overflow: hidden; font-size: 9px; }
  .section { padding: 66px 0; }
  .section-head { display: block; margin-bottom: 33px; }
  .section-head > p { margin-top: 17px; }

  .gold-hero { min-height: auto; }
  .gold-hero__photo { inset: 44% 0 0; background-position: 65% center; }
  .gold-hero__wash { background: linear-gradient(180deg, rgba(247,243,236,.99) 0 52%, rgba(247,243,236,.2) 82%); }
  .gold-hero__grid { min-height: 770px; display: block; }
  .gold-hero__copy { padding: 45px 0 0; }
  .gold-hero h1 { font-size: 67px; }
  .gold-hero__range { font-size: 20px; }
  .gold-hero__deck { margin: 19px 0; font-size: 15px; }
  .gold-hero__art { height: 380px; }
  .gold-hero__coin { width: 300px; right: 50%; top: 44px; transform: translateX(50%); }
  .gold-hero__art::before { width: 300px; height: 300px; right: 50%; top: 46px; transform: translateX(50%); box-shadow: 0 0 0 18px rgba(181,139,58,.12); }
  .gold-hero__art::after { width: 130px; height: 130px; right: 8px; bottom: 12px; }
  .gold-hero__seal { width: 105px; right: 20px; bottom: 47px; }
  .gold-hero__seal strong { font-size: 28px; }
  .fact-rail { margin: 0 auto; grid-template-columns: repeat(2, 1fr); box-shadow: none; }
  .fact-rail div { min-height: 94px; padding: 15px; border-bottom: 1px solid var(--line); }
  .fact-rail div:nth-child(2) { border-right: 0; }
  .gold-origin { padding-top: 66px; }
  .origin-grid, .weight-grid, .transition-grid, .gold-love__grid, .milestone-grid, .mint-context__grid { grid-template-columns: 1fr; gap: 36px; }
  .origin-stage { min-height: 370px; }
  .origin-stage img { width: 82%; }
  .origin-stage::before { font-size: 115px; bottom: -35px; }
  .weight-era { min-height: 0; padding: 27px 20px; }
  .weight-set { min-height: 130px; gap: 9px; }
  .weight-era { min-width: 0; }
  .weight-dot { width: calc(var(--size) * .72); }
  .transition-step { grid-template-columns: 75px 1fr; gap: 15px; }
  .gold-gallery { grid-template-columns: repeat(2, 1fr); }
  .gold-year, .gold-year:first-child { min-height: 300px; padding: 18px 12px; }
  .gold-year img, .gold-year:first-child img { width: 85%; margin: 18px auto; }
  .love-coins { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .love-coins figcaption { font-size: 7px; }
  .mint-photo { min-height: 320px; }

  .silver-hero { display: block; background: linear-gradient(180deg, #f8f7f2 0 46%, #dce3e5 46%); }
  .silver-hero__copy { padding: 45px 18px 23px; }
  .silver-hero h1 { font-size: 62px; }
  .silver-hero__deck { margin: 18px 0; font-size: 15px; }
  .silver-hero__archive { min-height: 425px; grid-template-columns: 1.15fr .85fr; }
  .silver-hero__archive::before { inset: 12px; }
  .silver-hero__primary img { width: 92%; }
  .silver-hero__prelude { padding-bottom: 46px; }
  .silver-hero__prelude img { width: 88%; }
  .archive-label b { font-size: 17px; }
  .archive-label span { font-size: 7px; }
  .silver-facts { grid-template-columns: repeat(2, 1fr); }
  .silver-facts div { min-height: 98px; padding: 18px; border-bottom: 1px solid var(--line); }
  .silver-facts div:nth-child(2) { border-right: 0; }
  .prelude-grid, .path-grid, .metric-stage, .silver-love__grid, .modern-grid { grid-template-columns: 1fr; gap: 36px; }
  .prelude-coin { min-height: 390px; }
  .prelude-coin img { width: 83%; }
  .prelude-coin::after { font-size: 115px; bottom: -35px; }
  .path-steps { grid-template-columns: 1fr; }
  .path-steps article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .path-steps h3 { margin: 13px 0 7px; }
  .metric-copy { padding: 33px 24px; }
  .metric-compare { padding: 22px 12px; }
  .archive-grid { display: block; }
  .archive-card, .archive-card--feature { min-height: 330px; margin-bottom: 13px; }
  .archive-card img, .archive-card--feature img { width: min(78%, 270px); margin: 11px auto; }
  .chapter-triptych { grid-template-columns: 1fr; }
  .chapter-triptych article { min-height: 0; display: grid; grid-template-columns: 130px 1fr; align-items: center; gap: 15px; }
  .chapter-triptych img { width: 130px; margin: 0; }
  .era-register { grid-template-columns: 1fr 1fr; }
  .era-register article { min-height: 190px; border-bottom: 1px solid rgba(255,255,255,.14); }
  .era-register article:nth-child(even) { border-right: 0; }
  .modern-spec div { min-height: 120px; padding: 18px; }
  .related__grid { grid-template-columns: 1fr; gap: 29px; }
  .related-links { grid-template-columns: 1fr; }
  .related-links a:nth-child(n) { margin: 0; }
  .level5-link-grid > div { grid-template-columns: 1fr; }
  .site-footer .frame { display: block; }
  .site-footer p { margin-top: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}