/* A single 3:1 canvas scales uniformly: no mobile rearrangement or cropping. */
.promo-wrap { margin-block: 16px; }
.promo-banner { position: relative; width: 100%; aspect-ratio: 3 / 1; overflow: hidden; background: #003819; isolation: isolate; }
.promo-canvas { display: block; width: 100%; height: 100%; text-rendering: geometricPrecision; }
.promo-game-name, .promo-logo-lettering { font-family: Inter, Arial, sans-serif; font-weight: 900; letter-spacing: -2px; }
.promo-site { font-family: Inter, Arial, sans-serif; font-size: 48px; font-weight: 800; letter-spacing: .4px; }
.promo-main-link { position: absolute; inset: 0; z-index: 1; }
.promo-download { position: absolute; z-index: 2; left: 46%; right: 3%; top: 77%; height: 24%; min-height: 44px; transform: translateY(-50%); border-radius: 999px; }
.promo-main-link:focus-visible, .promo-download:focus-visible { outline: 3px solid #fff; outline-offset: -4px; }
.promo-download:hover { box-shadow: inset 0 0 0 2px #fff6; }