/* Image geometry belongs to a frame, independent of loading or decode errors. */
.hero-media{position:absolute;z-index:-3;width:1110px;height:740px;right:-113px;top:-40px;pointer-events:none;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 65% 55%,#38214f88,transparent 65%)}
.hero-media .hero-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;color:transparent;font-size:0;transition:opacity .25s ease}
.hero-media[data-media-state="ready"] .hero-art{opacity:1}
.hero-fallback{width:min(70%,480px);height:auto;justify-self:end;margin-right:80px;opacity:.85}
.hero-media[data-media-state="ready"] .hero-fallback{visibility:hidden}
.media-image-failed{opacity:0!important;color:transparent;font-size:0}
.brief-toy.media-image-failed{display:none}

/* Named game links stay useful when their decorative covers cannot load. */
.world-visual,.menu-game-art,.technology-game-frame{isolation:isolate}
.world-visual::before,.menu-game-art::before,.technology-game-frame::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#7951aa66,transparent 65%),linear-gradient(135deg,#39264f,#211a33)}
.world-visual.media-failed::after,.menu-game-art.media-failed::after,.technology-game-frame.media-failed::after{content:"";position:absolute;inset:20%;pointer-events:none;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 40'%3E%3Cpath fill='%23b8a2e5' d='M14 8h20c5 0 7 3 9 9l3 12c2 8-6 10-10 4l-4-5H16l-4 5c-4 6-12 4-10-4l3-12c2-6 4-9 9-9Z'/%3E%3Cpath fill='%23211a33' d='M12 14h4v4h4v4h-4v4h-4v-4H8v-4h4Z'/%3E%3Ccircle cx='33' cy='17' r='3' fill='%23c5f75b'/%3E%3Ccircle cx='38' cy='23' r='3' fill='%23c5f75b'/%3E%3C/svg%3E")}
.wordmark.media-failed::after{content:"brand2game";position:absolute;inset:0;display:flex;align-items:center;color:#f7f5f0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(23px,5vw,40px);font-weight:900;letter-spacing:-1px}

@media(min-width:1500px){.hero-media{right:-20px}}
@media(max-width:1100px){.hero-media{right:-170px;opacity:.85}}
@media(max-width:760px){
  .hero{display:flex;flex-direction:column;min-height:0;padding:34px 23px 24px}
  .hero-copy{order:0;flex:none}
  .hero-media{order:1;position:relative;z-index:0;inset:auto;width:calc(100% + 46px);height:auto;aspect-ratio:3/2;min-height:0;max-width:none;align-self:center;flex:none;margin:10px -23px 4px;opacity:1}
  .hero-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--bg),transparent 18%,transparent 84%,var(--bg))}
  .hero-fallback{width:72%;max-width:360px;justify-self:center;margin:0}
  .hero-vignette{display:none}
  .hero .scroll-note{order:2;position:relative;inset:auto;align-self:flex-start;max-width:100%;margin-top:4px}
  .hero .floating-label{right:21px;bottom:65px;z-index:1}
}
@media(max-width:375px){.hero{min-height:0;padding-inline:18px}.hero-media{width:calc(100% + 36px);margin-inline:-18px}}