/* Isolated prototype presentation, scoped to the shared CoinHero DOM contract. */
:root{--paper:#f7f5ef;--ink:#10212d;--gold:#92601e;--line:#d9d4c9;--serif:Georgia,'Songti SC','STSong',serif;--sans:Arial,'PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #bc7b25;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h2{font-weight:600;line-height:1.15}img{display:block;max-width:100%}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--paper);padding:12px}.skip:focus{top:10px}.site-header{height:60px;padding:0 4.15%;display:flex;align-items:center;gap:32px;position:relative;z-index:2;border-bottom:1px solid #dedbd2}.brand{display:flex;flex-direction:column;white-space:nowrap;font-size:26px;line-height:1}.brand strong{font-weight:600;letter-spacing:-1px}.brand span{font-size:13px;margin:3px 2px 0}.site-header nav{display:flex;gap:28px;margin-left:auto;font:13px var(--sans)}.locale{display:flex;align-items:center;gap:8px;font:13px var(--sans)}.locale a{min-width:32px;min-height:40px;display:grid;place-items:center}.locale [aria-current]{font-weight:bold}.hero{height:430px;position:relative;background-image:linear-gradient(90deg,rgba(2,13,18,.82) 0%,rgba(2,13,18,.65) 28%,rgba(2,13,18,.06) 67%),var(--scene);background-size:cover;background-position:center;color:#fff}.breadcrumbs{position:absolute;left:4.15%;top:14px;font-size:13px;display:flex;align-items:center;gap:12px;max-width:91%}.hero-copy{position:absolute;left:4.15%;top:60px;width:30%;z-index:1}.eyebrow{font-size:13px;letter-spacing:4px;line-height:1.4}.hero h1{font-size:70px;line-height:1.04;font-weight:500;letter-spacing:-2px;margin:6px 0}.hero h2{font-size:29px;font-weight:500;line-height:1.13}.hero .deck{font-size:22px;margin:12px 0 10px;line-height:1.16}.intro{font-size:16px;line-height:1.4;margin-top:14px;text-wrap:pretty}.actions{display:flex;gap:14px;margin-top:20px;align-items:center}.button{padding:10px 18px;border:1px solid #cac7bc;display:inline-flex;min-height:42px;align-items:center;justify-content:center;font-size:14px;white-space:nowrap;border-radius:4px}.primary{background:linear-gradient(#e3bb76,#cf9c42);color:#17140d;border-color:#dfb771}.secondary{background:#07111570;color:#fff}.hero-objects{position:absolute;left:36.5%;width:46%;bottom:18px}.morgan-hero-pair{display:flex;position:relative;align-items:flex-end;gap:14px;padding-bottom:18px}.face{width:50%;min-width:0}.face-label{text-align:center;margin-bottom:18px;line-height:1.2;text-shadow:0 2px 5px #000}.face-label strong{display:block;font-size:21px;font-weight:500}.face-label span{display:block;font-size:14px;margin-top:2px}.coin{height:auto;width:100%;object-fit:contain;clip-path:circle(50%);filter:drop-shadow(0 4px 3px #0002)}.morgan-hero-pair figcaption{position:absolute;bottom:0;left:0;width:100%;font:10px var(--sans);text-align:center;color:#ddd5c3}.hero-quote{position:absolute;right:3.4%;bottom:62px;width:13%;font-size:25px;font-style:italic;line-height:1.35;text-shadow:0 2px 5px #000}.hero-quote small{display:block;font-size:12px;letter-spacing:3px;font-style:normal;color:#edcc86;margin-top:18px;padding-top:14px;border-top:1px solid #b99043;width:80%}.stats{display:flex;align-items:center;justify-content:space-between;padding:24px 3.5%;gap:0;min-height:106px}.stat{display:flex;align-items:center;gap:22px;flex:1;padding:0 24px;border-right:1px solid var(--line)}.stat:first-child{padding-left:0}.stat:last-child{border:0;padding-right:0}.icon{width:40px;height:40px;flex-shrink:0;color:var(--gold)}.stat strong{display:block;font-size:18px;line-height:1.22;font-weight:600}.stat span{display:block;font-size:13px;margin-top:3px;line-height:1.25}.stat small{display:block;font-size:11px;margin-top:7px}.opening{margin:10px 1.6% 8px;display:grid;gap:12px}.ordinary-opening{grid-template-columns:1.04fr 1fr .96fr}.story-card{border:1px solid var(--line);padding:14px;position:relative;min-width:0;display:flex;flex-direction:column;gap:12px}.story-card h2,.denoms h2{font-size:23px}.card-copy{display:flex;flex-direction:column;flex:1}.card-copy p{font-size:14px;line-height:1.38}.text-link{font-size:14px;color:#7e4d15;margin-top:auto;padding-top:10px;min-height:34px}.split-card{display:grid;grid-template-columns:49% 1fr;column-gap:18px}.split-card h2{grid-column:1/-1}.detail-pane{min-height:210px;overflow:hidden;background:#25251f;position:relative}.detail-pane .coin{width:330px;max-width:none;position:absolute;top:-5%;left:-30%}.daily-object{background:linear-gradient(#171d1dcc,#131b1b22),url(/assets/mexico-modern/06206223a718430195b0.png) center/cover;min-height:210px;display:flex;align-items:center;justify-content:center}.daily-object .coin{width:87%}.daily-object.steel .coin{width:72%}.era-mini{display:flex;align-items:center;justify-content:space-around;gap:7px;min-height:146px}.era-mini>div{width:32%;display:flex;align-items:center;flex-direction:column;text-align:center;gap:8px}.era-mini strong{font-size:12px}.era-mini .era-material{min-height:110px;border-left:1px solid var(--line);gap:12px}.era-material .icon{width:58px;height:58px}.era-material span{font-size:12px}.scale-pair{display:flex;align-items:center;justify-content:center;gap:20px}.scale-pair .coin{width:42%}.scale-pair .coin+ .coin{width:32.454545%}.art-caption{text-align:center;font-size:12px;margin-top:-6px}.timeline-card .card-copy p{font-size:13px}.quick-nav{display:flex;margin:8px 1.6% 0;padding:15px 10px;border:1px solid var(--line)}.quick-nav a{flex:1;display:flex;align-items:center;gap:20px;padding:0 24px;border-right:1px solid var(--line);font-size:17px;min-height:42px}.quick-nav a:last-child{border:0}.quick-nav small{display:block;font-size:12px;margin-top:4px}.reading-body{max-width:1160px;padding:65px 36px;margin:auto}.reading-intro{text-align:center;margin-bottom:52px}.reading-intro h2{font-size:36px;margin:10px 0}.reading-intro p{font-size:18px;color:#5b6060}.essay{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:36px 0;border-top:1px solid var(--line);align-items:start}.essay-number{font-size:30px;color:#a57834}.essay h2{font-size:28px;margin-bottom:18px}.essay p{font-size:18px;line-height:1.7;max-width:70ch}.essay.with-art{grid-template-columns:70px 1fr 260px;align-items:center}.reading-art .coin{max-height:250px;width:auto;margin:auto}.essay .scene{height:200px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:30px;margin:8px 0}.section-heading p{line-height:1.6}.spec-section,.motif-section{margin:36px 0;padding:36px;background:#efebe1}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font:14px/1.5 var(--sans)}caption{text-align:left;font:14px var(--serif);padding:0 0 18px}td,th{text-align:left;padding:15px;border-bottom:1px solid #d6d0c1}thead th{background:#e5dfd1;font-weight:600}tbody th{font-weight:500}.sources{border-top:1px solid var(--line);padding-top:38px;margin-top:44px}.sources h2{font-size:30px;margin:10px 0 20px}.sources>p{font-size:17px}.sources details{margin:22px 0;border-block:1px solid var(--line);padding:18px 0}.sources summary{cursor:pointer;font-size:19px;min-height:32px}.sources li{padding:6px 0;overflow-wrap:anywhere;font-size:14px}.sources a,.credits a{color:#79521c;text-decoration:underline}.credits{color:#62635b;font:13px/1.6 var(--sans)}.credits p{margin:14px 0}.related{margin-top:42px;border-top:1px solid var(--line);padding-top:30px;display:flex;gap:20px;flex-wrap:wrap}.related h2{width:100%;font-size:24px;margin-bottom:8px}.related>a{padding:12px 18px;border:1px solid var(--line);color:#754c16}.physical-compare{text-align:center;padding:40px;background:#e8e4d8}.physical-compare h2{font-size:28px;margin-bottom:24px}.physical-compare .scale-pair{max-width:550px;margin:auto}.physical-compare>p{margin-top:24px}.story-links{display:flex;gap:24px;border-top:1px solid var(--line);padding:24px 0;color:#7d531d}.motif-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.motif-grid>div{padding:10px;border-left:2px solid #b5894b}.motif-grid b{display:block;font-size:24px}.motif-grid span{font-style:italic}.motif-grid p{font-size:14px;margin-top:4px}footer{border-top:1px solid var(--line);padding:36px 4.15%;display:flex;gap:20px;align-items:center;font-size:14px}footer>a:last-child{margin-left:auto}footer .brand{font-size:24px}
/* Commemoratives retain distinct proportions and subject imagery. */
.veracruz .hero-copy,.mennonites .hero-copy{width:29%}.veracruz .hero h2,.mennonites .hero h2{font-size:43px;color:#efcd89;letter-spacing:-1px}.veracruz .hero h1,.mennonites .hero h1{font-size:68px}.veracruz .hero-objects{left:42%;width:41%}.mennonites .hero-objects{left:41%;width:41%}.veracruz .hero-quote,.mennonites .hero-quote{right:2.4%;width:12%;font-size:23px}.commem-opening{grid-template-columns:1.08fr 1.2fr .91fr .91fr}.mennonites-opening{grid-template-columns:1.05fr 1.3fr .78fr .9fr}.commem-opening .story-card{gap:10px}.commem-opening .card-copy p{font-size:13px}.scene{height:140px;position:relative;overflow:hidden;background:#202e31}.scene img{width:100%;height:100%;object-fit:cover;object-position:right}.scene figcaption{position:absolute;bottom:3px;right:5px;background:#111a;color:#fff;font:9px var(--sans);padding:2px 4px}.anatomy-mini{position:relative;height:204px;display:flex;justify-content:center;align-items:center}.anatomy-mini .coin{height:100%;width:auto;max-width:80%}.callout{position:absolute;font-size:11px;color:#6a4615;line-height:1.1}.callout:before{content:'';display:block;background:#af8036;width:32px;height:1px}.callout.a{top:18px;left:0}.callout.b{bottom:24px;right:0}.callout.c{top:75px;right:0}.security-crops{display:flex;flex-direction:column;gap:12px}.security-row{display:flex;align-items:center;gap:12px}.security-row>div:last-child{min-width:0}.security-row strong{font-size:13px}.security-row p{font-size:11px;line-height:1.3;margin-top:4px;overflow-wrap:anywhere}.security-detail{width:78px;height:78px;position:relative;overflow:hidden;flex-shrink:0;background:#ded7be}.security-detail .coin{position:absolute;width:420px;max-width:none;clip-path:none;left:-242px;top:-143px}.security-detail.micro .coin{width:500px;left:-111px;top:-90px}.mennonites .security-detail.latent .coin{left:-310px;top:-230px}.mennonites .security-detail.micro .coin{left:-214px;top:-109px}.security-card .card-copy p{font-size:12px}.related-pair{display:flex;align-items:center;justify-content:center;height:140px;gap:4px}.related-pair img{width:49%;max-height:140px;object-fit:contain}
/* Four complete faces, with physical diameter encoded rather than arbitrary scale. */
[class~="50-centavos"] .hero h1{font-size:65px}.generations{display:flex;align-items:flex-end;gap:24px}.generation{min-width:0;flex:22}.generation.steel{flex:17}.generation .morgan-hero-pair{gap:2px}.generation .coin{width:49.5%}.generation .face-label{margin-bottom:14px}.generation .face-label strong{font-size:19px}.generation .face-label span{font-size:13px}.generation-foot{text-align:center;font-size:12px;margin-top:8px}[class~="50-centavos"] .hero-objects{left:35%;width:51%;bottom:22px}[class~="50-centavos"] .hero-quote{width:11%;font-size:22px}
/* Flagship: transparent masthead, stepped denomination lineup and image-led portals. */
.flagship .site-header{position:absolute;top:0;width:100%;color:#fff;border:0}.flagship .hero{height:410px;background-image:linear-gradient(90deg,rgba(3,14,18,.88),rgba(3,14,18,.24) 45%,rgba(3,14,18,.02)),var(--scene)}.flagship .hero-copy{top:67px;width:30%}.flagship h1{font-size:78px;color:#e6c78d;margin:0 0 2px}.flagship .hero h2{font-size:36px;width:135%;white-space:nowrap;letter-spacing:-1px}.flagship .hero .deck{font-size:21px;margin-top:5px}.flagship .intro{font-size:14px;max-width:365px;margin-top:14px}.flagship .actions{margin-top:15px}.flagship .button{font-size:12px;min-height:34px;padding:8px 16px}.flagship .hero-quote{right:5%;top:81px;bottom:auto;width:26%;text-align:center;font-size:21px;font-style:italic}.flagship .hero-quote small{display:none}.lineup{position:absolute;bottom:24px;left:29%;width:68%;display:flex;align-items:flex-end;gap:1px;justify-content:flex-end}.lineup>div{flex:var(--scale);min-width:0}.lineup .coin{width:100%}.flagship .stats{padding:25px 3.5%;min-height:132px}.flagship .stat{gap:24px;align-items:flex-start}.flagship .stat strong{font-size:30px}.flagship .stat span{font-size:17px}.flagship-opening{grid-template-columns:1.1fr 1fr 1.03fr;margin:4px 2.1% 10px;gap:5px}.image-tile{min-height:315px;padding:0;overflow:hidden;color:white;background:#292e2c;border:0;display:block}.image-tile h2{position:absolute;bottom:126px;left:24px;z-index:1;font-size:29px}.tile-art{position:absolute;inset:0;background:url(/assets/mexico-modern/06206223a718430195b0.png) center/cover}.tile-art .coin{width:120%;max-width:none;position:absolute;left:4%;top:-5%}.sun-art .coin{width:112%;left:-6%;top:-18%}.tile-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,#001018c9 70%,#000c)}.image-tile .card-copy{position:absolute;bottom:18px;left:24px;right:24px;z-index:1}.image-tile .card-copy p{font-size:14px;line-height:1.35}.image-tile .text-link{color:#eed295;font-size:13px;padding-top:9px}.denoms{border:1px solid var(--line);padding:16px 20px;min-width:0}.denoms>p{font-size:14px;margin:5px 0 18px;line-height:1.35}.denom-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px 10px;align-items:end}.denom-grid a{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;font-size:13px;min-height:58px}.denom-grid a:nth-child(n+7){grid-column:span 2}.denom-grid a:nth-child(n+7) img{width:70px}.denom-grid .coin{width:100%}
html[lang=zh-CN] .hero-copy{width:30%}html[lang=zh-CN] .hero h1{font-size:65px}html[lang=zh-CN] .hero h2{font-size:30px;line-height:1.25}html[lang=zh-CN] .hero .deck{font-size:21px}html[lang=zh-CN] .intro{font-size:16px;line-height:1.75}html[lang=zh-CN] .flagship .hero h2{font-size:37px}html[lang=zh-CN] .flagship .hero h1{font-size:76px}html[lang=zh-CN] .flagship .intro{font-size:14px;line-height:1.75}html[lang=zh-CN] .card-copy p{line-height:1.65;font-size:13px}html[lang=zh-CN] .story-card h2{font-size:22px}html[lang=zh-CN] .essay p{line-height:1.9}html[lang=zh-CN] .image-tile h2{bottom:141px}
@media(min-width:1600px){.hero{height:480px}.hero-copy{top:76px}.hero-objects{width:45%;max-width:800px}.intro{font-size:18px}.hero h1{font-size:80px}.flagship .hero{height:460px}.flagship .hero-copy{top:80px}.flagship .intro{font-size:17px;max-width:450px}.lineup{bottom:30px}.opening{margin-top:14px}.card-copy p{font-size:16px}}
@media(max-width:1200px){.site-header nav{gap:18px}.hero{height:430px}.hero h1{font-size:57px}.hero h2{font-size:24px}.hero .deck{font-size:19px}.intro{font-size:14px}.hero-copy{width:34%}.hero-objects{left:40%;width:55%;bottom:45px}.hero-quote{display:none}.face-label strong{font-size:18px}.face-label span{font-size:12px}.actions{gap:9px}.button{font-size:12px;padding:10px 12px}.stat{padding:0 14px;gap:12px}.stat .icon{width:30px;height:30px}.stat strong{font-size:15px}.stat span{font-size:11px}.opening{gap:10px}.story-card{padding:12px}.story-card h2,.denoms h2{font-size:20px}.split-card{gap:12px;grid-template-columns:45% 1fr}.detail-pane,.daily-object{min-height:205px}.card-copy p{font-size:13px}.commem-opening{grid-template-columns:1fr 1.05fr .92fr .92fr}.commem-opening .story-card{padding:11px}.commem-opening .card-copy p{font-size:12px}.security-row{display:block}.security-detail{width:70px;height:65px;margin-bottom:4px}.security-row p{display:none}.anatomy-mini{height:170px}.callout{font-size:9px}.scene{height:120px}.quick-nav a{padding:0 14px;gap:14px;font-size:15px}.quick-nav .icon{width:32px}.veracruz .hero-copy,.mennonites .hero-copy{width:35%}.veracruz .hero h2,.mennonites .hero h2{font-size:35px}.veracruz .hero h1,.mennonites .hero h1{font-size:62px}.veracruz .hero-objects,.mennonites .hero-objects{left:42%;width:54%;bottom:28px}[class~="50-centavos"] .hero-objects{left:40%;width:57%;bottom:70px}[class~="50-centavos"] .hero-copy{width:33%}.generation .face-label strong{font-size:15px}.generation .face-label span{font-size:11px}.generations{gap:14px}.generation-foot{font-size:11px}.flagship .hero h2{font-size:30px}.flagship h1{font-size:68px}.flagship .hero-copy{width:34%}.flagship .hero{height:430px}.flagship .hero .intro{font-size:14px}.lineup{left:37%;width:60%;bottom:40px}.flagship .hero-quote{display:block;font-size:18px;top:95px}.flagship .stat{gap:14px;padding:0 18px}.flagship .stat strong{font-size:26px}.flagship .stat span{font-size:15px}.flagship-opening{grid-template-columns:1fr 1fr 1fr}.image-tile{min-height:320px}.image-tile h2{font-size:25px;left:17px;bottom:163px}.image-tile .card-copy{left:17px;right:17px}.image-tile .card-copy p{font-size:13px}.denoms{padding:15px}.denom-grid{grid-template-columns:repeat(3,1fr)}.denom-grid a:nth-child(n+7){grid-column:auto}.denom-grid .coin,.denom-grid a:nth-child(n+7) img{width:45px}.denoms>p{font-size:12px;margin-bottom:12px}html[lang=zh-CN] .intro{font-size:14px}html[lang=zh-CN] .hero h1{font-size:55px}html[lang=zh-CN] .hero h2{font-size:26px}html[lang=zh-CN] .hero-copy{width:35%}html[lang=zh-CN] .flagship .hero h1{font-size:65px}html[lang=zh-CN] .flagship .hero h2{font-size:32px}html[lang=zh-CN] .image-tile h2{bottom:165px}}
@media(max-width:900px){.site-header{padding:0 24px;gap:22px}.site-header nav{gap:14px;font-size:12px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.brand{font-size:24px}.hero{height:auto;min-height:0;padding:58px 28px 25px;display:grid;grid-template-columns:1fr 1fr;gap:22px;background-position:right center}.hero-copy{position:static;width:auto!important;align-self:center}.hero h1{font-size:52px}.hero h2{font-size:23px}.hero .deck{font-size:18px}.intro{font-size:14px;line-height:1.5}.actions{flex-wrap:wrap;margin-top:16px;gap:9px}.button{min-height:42px}.breadcrumbs{left:28px;font-size:11px;gap:8px;top:16px}.hero-objects,.veracruz .hero-objects,.mennonites .hero-objects{position:static;width:100%;align-self:center}.morgan-hero-pair{gap:6px}.face-label strong{font-size:16px}.face-label span{font-size:11px}.face-label{margin-bottom:12px}.veracruz .hero h1,.mennonites .hero h1{font-size:54px}.veracruz .hero h2,.mennonites .hero h2{font-size:29px}.hero .eyebrow{font-size:10px;letter-spacing:2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 25px;gap:20px 0}.stat,.stat:first-child,.stat:last-child{padding:0 16px}.stat:nth-child(3n){border:0}.stat .icon{width:32px;height:32px}.stat strong{font-size:16px}.stat span{font-size:12px}.opening{margin:4px 18px 12px}.ordinary-opening{grid-template-columns:1fr 1fr}.ordinary-opening .story-card:last-child{grid-column:1/-1;grid-template-columns:200px 1fr}.ordinary-opening .story-card:last-child h2{grid-column:2;grid-row:1}.ordinary-opening .story-card:last-child .daily-object{grid-column:1;grid-row:1/3;min-height:170px}.ordinary-opening .story-card:last-child .card-copy{grid-column:2}.ordinary-opening .story-card:last-child .daily-object .coin{width:65%}.story-card h2{font-size:21px}.commem-opening,.mennonites-opening{grid-template-columns:1fr 1fr}.commem-opening .card-copy p{font-size:14px}.commem-opening .scene{height:170px}.security-row{display:flex;gap:15px}.security-row p{display:block;font-size:12px}.security-detail{width:90px;height:80px}.security-crops{flex-direction:row;gap:18px}.security-crops .security-row{display:block;flex:1}.commem-opening .related-pair{height:170px}.anatomy-mini{height:205px}.quick-nav{margin:0 18px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.quick-nav a{border:0;padding:0 12px;font-size:16px}.quick-nav a:nth-child(odd){border-right:1px solid var(--line)}.reading-body{padding:55px 28px}.essay.with-art{grid-template-columns:45px 1fr 180px}.essay{grid-template-columns:45px 1fr;gap:18px}.essay h2{font-size:26px}.essay p{font-size:17px}.essay-number{font-size:26px}.essay .scene{height:160px}.spec-section,.motif-section{padding:24px}.motif-grid{grid-template-columns:1fr 1fr}[class~="50-centavos"] .hero{display:block}[class~="50-centavos"] .hero-copy{max-width:650px}[class~="50-centavos"] .hero h1{font-size:54px}[class~="50-centavos"] .hero-objects{position:static;width:90%;margin:32px auto 0}[class~="50-centavos"] .generations{gap:25px}[class~="50-centavos"] .actions{position:static}[class~="50-centavos"] .generation .face-label strong{font-size:17px}[class~="50-centavos"] .generation .face-label span{font-size:12px}.generation-foot{font-size:12px}.flagship .hero{display:block;height:540px;padding:80px 28px 25px}.flagship .hero-copy{max-width:400px}.flagship .hero h2{font-size:31px}.flagship .hero h1{font-size:67px}.flagship .intro{max-width:365px}.flagship .hero-quote{display:none}.lineup{left:5%;width:91%;bottom:26px}.flagship .hero .actions{margin-top:14px}.flagship .stats{grid-template-columns:repeat(3,1fr);padding:23px 20px}.flagship .stat{padding:0 15px}.flagship .stat:nth-child(3n){border:0}.flagship .stat span{font-size:14px}.flagship .stat strong{font-size:26px}.flagship-opening{grid-template-columns:1fr 1fr;margin:0 18px 10px;gap:8px}.flagship-opening .denoms{grid-column:1/-1}.denom-grid{grid-template-columns:repeat(9,1fr)}.denom-grid .coin,.denom-grid a:nth-child(n+7) img{width:55px}.denoms>p{font-size:14px}.image-tile{min-height:340px}.image-tile h2{bottom:151px}.image-tile .card-copy p{font-size:14px}.flagship .quick-nav{grid-template-columns:repeat(3,1fr)}.flagship .quick-nav a{font-size:14px;padding:0 5px;gap:10px;border-right:1px solid var(--line)}.flagship .quick-nav a:last-child{border:0}.flagship .quick-nav .icon{width:28px}.flagship .quick-nav small{font-size:10px}html[lang=zh-CN] .hero h1{font-size:52px}html[lang=zh-CN] .hero h2{font-size:26px}html[lang=zh-CN] .hero .intro{font-size:14px}html[lang=zh-CN] .image-tile h2{bottom:165px}}
@media(max-width:600px){body{font-size:16px}.site-header{height:64px;padding:0 18px;gap:8px}.brand{font-size:23px}.brand span{font-size:11px}.site-header nav{display:none}.locale{margin-left:auto;font-size:12px;gap:1px}.locale a{min-width:31px;min-height:44px}.hero{display:flex;flex-direction:column;padding:63px 22px 25px;gap:30px;background-size:auto 100%;background-position:60% center}.breadcrumbs{left:22px;right:22px;max-width:none;gap:6px;font-size:10px;flex-wrap:wrap;line-height:1.5;top:14px}.breadcrumbs>a:nth-of-type(1),.breadcrumbs>a:nth-of-type(1)+span,.breadcrumbs>a:nth-of-type(2),.breadcrumbs>a:nth-of-type(2)+span{display:none}.hero h1{font-size:59px;letter-spacing:-1px;margin:6px 0 9px}.hero h2{font-size:25px;line-height:1.18}.hero .deck{font-size:18px;margin-top:13px}.hero .eyebrow{font-size:10px;letter-spacing:2.5px}.intro{font-size:15px;line-height:1.6;margin-top:14px}.actions{flex-wrap:nowrap;gap:10px;margin-top:20px}.button{white-space:normal;font-size:12px;padding:10px 12px;min-height:44px;text-align:center}.hero-objects{max-width:420px;margin:0 auto}.face-label strong{font-size:17px}.face-label span{font-size:11px}.morgan-hero-pair{gap:10px;padding-bottom:20px}.hero-quote{display:none}.stats{grid-template-columns:1fr 1fr;padding:22px 10px;gap:24px 0;min-height:0}.stat,.stat:first-child,.stat:last-child{padding:0 12px;gap:12px;border-right:1px solid var(--line)}.stat:nth-child(2n){border:0}.stat:nth-child(3n){border-right:1px solid var(--line)}.stat:nth-child(6n){border:0}.stat:last-child:nth-child(odd){grid-column:1/-1;border:0}.stat strong{font-size:15px}.stat span{font-size:11px}.stat .icon{width:30px;height:32px}.opening,.ordinary-opening,.commem-opening,.mennonites-opening{display:flex;flex-direction:column;margin:0 14px 12px;gap:12px}.story-card{padding:17px;gap:14px}.story-card h2,.denoms h2{font-size:23px}.split-card{display:grid;grid-template-columns:43% 1fr;gap:14px}.detail-pane,.daily-object{min-height:250px}.detail-pane .coin{width:325px;left:-100%;top:8px}.card-copy p,.commem-opening .card-copy p,.timeline-card .card-copy p{font-size:14px;line-height:1.6}.text-link{font-size:13px;min-height:44px;padding-top:14px;display:flex;align-items:center}.ordinary-opening .story-card:last-child{grid-template-columns:43% 1fr}.ordinary-opening .story-card:last-child h2{grid-column:1/-1;grid-row:1}.ordinary-opening .story-card:last-child .daily-object{grid-column:1;grid-row:2;min-height:240px}.ordinary-opening .story-card:last-child .daily-object .coin{width:86%}.ordinary-opening .story-card:last-child .card-copy{grid-column:2;grid-row:2}.era-mini{min-height:145px}.era-mini strong{font-size:11px}.timeline-card .scale-pair{margin:10px 0}.quick-nav{margin:0 14px;gap:24px 10px;padding:18px 4px}.quick-nav a{font-size:14px;gap:9px;padding:0 6px;min-height:48px}.quick-nav .icon{width:28px;height:32px}.quick-nav small{font-size:10px}.reading-body{padding:48px 22px}.reading-intro{margin-bottom:32px}.reading-intro .eyebrow{font-size:10px}.reading-intro h2{font-size:29px}.reading-intro p{font-size:16px}.essay,.essay.with-art{grid-template-columns:30px 1fr;gap:12px;padding:29px 0}.essay-number{font-size:21px;padding-top:2px}.essay h2{font-size:24px;margin-bottom:14px}.essay p{font-size:16px;line-height:1.75}.essay .reading-art,.essay .scene{grid-column:2;max-width:260px;width:100%;margin-top:12px}.essay .reading-art .coin{max-height:245px}.spec-section,.motif-section{padding:20px 14px;margin:26px -8px}.section-heading h2{font-size:25px}table{font-size:12px;table-layout:auto;min-width:0}td,th{padding:11px 7px;overflow-wrap:anywhere}caption{font-size:13px;line-height:1.4}.section-heading .eyebrow{font-size:10px;letter-spacing:2px}.sources h2{font-size:27px}.sources>p{font-size:15px;line-height:1.6}.sources ol{padding-left:22px}.sources li{font-size:13px}.sources summary{font-size:17px}.credits{font-size:12px}.related{gap:10px}.related>a{font-size:14px;min-height:44px}.story-links{flex-direction:column;gap:15px}.physical-compare{padding:27px 10px}.physical-compare h2{font-size:24px}.physical-compare p{font-size:13px}.motif-grid{gap:14px}.motif-grid span{font-size:14px}.motif-grid p{font-size:12px}footer{padding:30px 22px;flex-wrap:wrap}footer .brand{font-size:22px}footer p{font-size:12px}footer>a:last-child{margin-left:0;font-size:13px}.commem-opening .scene{height:180px}.anatomy-mini{height:265px}.callout{font-size:12px}.security-crops{flex-direction:row;justify-content:space-around}.security-detail{width:110px;height:95px}.security-row strong{font-size:14px}.security-row p{font-size:12px}.security-card .card-copy p{font-size:14px}.commem-opening .related-pair{height:190px}.related-pair img{max-height:190px}.veracruz .hero h1,.mennonites .hero h1{font-size:64px}.veracruz .hero h2,.mennonites .hero h2{font-size:33px}[class~="50-centavos"] .hero h1{font-size:51px}[class~="50-centavos"] .hero-objects{width:100%;margin:32px auto 0}.generations{gap:15px}[class~="50-centavos"] .generation .face-label strong{font-size:13px}[class~="50-centavos"] .generation .face-label span{font-size:10px;line-height:1.3}.generation-foot{font-size:10px;line-height:1.4}.generation .morgan-hero-pair{padding-bottom:23px;gap:1px}.generation .morgan-hero-pair figcaption{font-size:9px}.flagship .site-header{height:64px}.flagship .hero{height:auto;min-height:610px;padding:90px 22px 25px;background-position:65% center}.flagship .hero-copy{max-width:none}.flagship .hero h1{font-size:68px}.flagship .hero h2{font-size:29px;width:100%;white-space:normal;max-width:340px;letter-spacing:-.5px}.flagship .hero .deck{font-size:18px;margin-top:12px}.flagship .intro{font-size:15px;line-height:1.6}.flagship .actions{margin-top:20px}.flagship .button{font-size:12px;min-height:44px;padding:10px 12px}.lineup{position:relative;left:auto;bottom:auto;width:100%;margin-top:42px;gap:0}.flagship .stats{grid-template-columns:1fr 1fr;padding:25px 9px;gap:25px 0}.flagship .stat{gap:12px;padding:0 13px}.flagship .stat strong{font-size:27px}.flagship .stat span{font-size:13px}.flagship .stat small{font-size:10px}.flagship .stat:nth-child(2n){border:0}.flagship .stat:nth-child(3){border-right:1px solid var(--line)}.flagship .stat:last-child{grid-column:1/-1;border:0}.flagship-opening{display:flex;flex-direction:column;margin:0 14px 12px;gap:12px}.image-tile{min-height:355px}.image-tile h2{font-size:29px;bottom:149px;left:22px}.image-tile .card-copy{left:22px;right:22px;bottom:18px}.image-tile .card-copy p{font-size:14px;line-height:1.5}.image-tile .text-link{padding-top:8px;min-height:35px;font-size:13px}.tile-art .coin{top:-7%;width:115%}.sun-art .coin{top:-16%;width:112%}.denoms{padding:20px}.denom-grid{grid-template-columns:repeat(3,1fr);gap:16px}.denom-grid .coin,.denom-grid a:nth-child(n+7) img{width:65px}.denom-grid a{font-size:14px}.flagship .quick-nav{display:flex;flex-direction:column;gap:20px;padding:20px}.flagship .quick-nav a{border:0;font-size:16px;padding:0;gap:20px}.flagship .quick-nav small{font-size:12px}.flagship .quick-nav .icon{width:35px;height:35px}html[lang=zh-CN] .hero h1{font-size:58px}html[lang=zh-CN] .hero h2{font-size:27px}html[lang=zh-CN] .hero .intro{font-size:15px;line-height:1.85}html[lang=zh-CN] .hero .deck{font-size:19px}html[lang=zh-CN] .hero h2{letter-spacing:0}html[lang=zh-CN] .flagship .hero h1{font-size:65px}html[lang=zh-CN] .flagship .hero h2{font-size:30px}html[lang=zh-CN] .flagship .intro{font-size:15px;line-height:1.85}html[lang=zh-CN] .card-copy p{font-size:14px;line-height:1.85}html[lang=zh-CN] .story-card h2{font-size:23px}html[lang=zh-CN] .image-tile h2{bottom:158px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Pass 2: measured typography and opening-band convergence. */
:root{--serif:'Times New Roman','Songti SC','STSong',serif}
@media(min-width:901px){.hero-copy{top:58px}.hero .intro{line-height:1.45}.hero .deck{margin-top:14px}.coin-page .hero{height:430px}.opening .story-card{min-height:270px}.flagship .lineup{left:31%;width:59%;bottom:30px}.flagship .lineup .coin{width:185%;max-width:none}.flagship .hero-copy{top:72px}.flagship .hero .intro{font-size:15px}.flagship .hero h2{font-size:39px}.flagship .hero .deck{font-size:23px}.flagship-opening .image-tile{min-height:320px}}
.image-tile{display:flex;flex-direction:column;justify-content:flex-end;gap:9px;padding:22px}.image-tile h2,.image-tile .card-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto}.image-tile .card-copy{flex:none}.image-tile .text-link{min-height:28px;padding-top:8px}.security-detail.latent .coin{width:450px;left:calc(50% - 300px);top:calc(50% - 183px)}.security-detail.micro .coin{width:600px;left:calc(50% - 211px);top:calc(50% - 156px)}.mennonites .security-detail.latent .coin{width:420px;left:calc(50% - 210px);top:calc(50% - 107px)}.mennonites .security-detail.micro .coin{width:500px;left:calc(50% - 130px);top:calc(50% - 174px)}
@media(min-width:901px) and (max-width:1200px){.flagship .hero h2{font-size:30px}.flagship .hero .deck{font-size:20px}.flagship .hero .intro{font-size:14px}.flagship .lineup{left:40%;width:49%;bottom:44px}.hero-copy{top:60px}.veracruz .hero-copy,.mennonites .hero-copy{top:56px}.veracruz .intro,.mennonites .intro{font-size:14px}.veracruz .hero .deck,.mennonites .hero .deck{font-size:19px}}
@media(max-width:600px){.image-tile{padding:22px}.image-tile h2,.image-tile .card-copy{left:auto;right:auto;bottom:auto}.hero h1{font-size:60px}.hero .intro{font-size:16px}}
html[lang=zh-CN] .image-tile h2{bottom:auto}
/* Pass 3: documented monument photography and exact exterior coin silhouettes. */
.sun-stone-photo{width:100%;height:100%;object-fit:cover;object-position:45% center}.monument img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:43% center}.hero{background-color:#0c1a1f}.hero .coin{filter:drop-shadow(0 6px 4px #0005)}
@media(min-width:901px){.veracruz .hero-copy .intro{font-size:15px;line-height:1.4}.veracruz .hero .actions{margin-top:16px}.commem-opening .story-card{min-height:310px}.veracruz .hero-objects,.mennonites .hero-objects{bottom:17px}.veracruz .hero-quote,.mennonites .hero-quote{bottom:65px}}

/* Final desktop pass: keep both actions comfortably inside the hero. */
@media(min-width:901px){.coin-page .hero{height:450px}}
@media(min-width:1201px){.flagship .hero-copy{top:64px}}

/* Contrast pass: darken scenery behind text without changing coin pixels. */
.flagship .site-header{background:#041019a8}
@media(max-width:600px){.hero,.flagship .hero{background-image:linear-gradient(90deg,rgba(2,13,18,.88),rgba(2,13,18,.62)),var(--scene)}}
.face-label{text-shadow:0 1px 2px #000,0 0 5px #000,0 0 9px #000}