/* Full-resolution supplied silver coin, within the existing hero footprint. */
.coin-3d-wrap{opacity:1;isolation:isolate;z-index:3;overflow:visible}
.coin-stage{position:absolute;inset:0;border-radius:50%;outline:none;opacity:0;transition:opacity .2s}
.coin-stage canvas{border-radius:50%}
.coin-3d-wrap.is-ready .coin-stage{opacity:1}
.coin-fallback{display:block;width:100%;height:100%;opacity:1;animation:none!important;transform:none!important;transition:opacity .2s;pointer-events:none}
.coin-3d-wrap.is-ready .coin-fallback{opacity:0}
.coin-stage:focus-visible{outline:1px solid #c9cdd5;outline-offset:8px}
.coin-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.coin-stage,.coin-fallback{transition:none}}

/* Mobile coin occupies its own row below the complete fixed navigation. */
@media(max-width:900px){
 .hero{justify-content:flex-start;gap:32px;padding-top:calc(var(--hero-header-height, calc(136px + env(safe-area-inset-top,0px))) + 24px);padding-bottom:80px;min-height:100svh}
 .hero .hero-copy{padding-top:0}
 .hero .coin-3d-wrap{position:relative;inset:auto;transform:none;width:clamp(152px,46vw,210px);height:auto;aspect-ratio:1;order:-1;flex:none;align-self:flex-end;margin:0;opacity:1}
 .hero .coin-fallback{width:90%;height:90%;object-fit:contain}
}