/* Static game artwork: the hero has no buttons, links or automatic motion. */
.hero-gallery{min-height:385px;background:#242132;isolation:isolate}
.hero-gallery>.hero-art{opacity:.23;filter:saturate(.65);object-position:center}
.hero-gallery>.hero-shade{background:linear-gradient(90deg,#242132 2%,#242132ed 33%,#24213230 75%)}
.hero-gallery .hero-content{width:47%;max-width:none;padding:42px 35px}
.hero-gallery .featured-tag{font-size:8px;letter-spacing:1.2px;color:#c8bada}
.hero-gallery h2{font-size:clamp(40px,4.2vw,65px);line-height:1.03;letter-spacing:-1.6px;margin:25px 0 18px;white-space:normal}
.hero-gallery p{font-size:12px;color:#c0b5cc}
.hero-gallery .hero-meta{margin-top:27px}
.hero-covers{position:absolute;right:20px;top:40px;bottom:56px;width:51%;display:flex;align-items:center;gap:12px;z-index:1}
.hero-covers figure{margin:0;flex:1;min-width:0;height:87%;position:relative;border:1px solid #ffffff40;border-radius:8px;overflow:hidden;box-shadow:0 15px 24px #100c2066;transform:translateY(9px) rotate(-7deg);background:#665f83}
.hero-covers figure:nth-child(2){height:100%;transform:translateY(-5px) rotate(1deg);z-index:2}
.hero-covers figure:nth-child(3){transform:translateY(12px) rotate(7deg)}
.hero-covers img{height:100%;width:100%;object-fit:cover;object-position:50% 50%}
.hero-covers figcaption{position:absolute;inset:auto 0 0;padding:32px 8px 17px;background:linear-gradient(transparent,#171222e8);font-family:var(--display);font-size:clamp(13px,1.4vw,21px);font-weight:800;letter-spacing:-.3px;text-align:center;text-shadow:0 2px 6px #1a0d2a}
.hero-covers small{font:6px monospace;display:block;letter-spacing:1px;color:#e1d8e8;margin-top:7px}
.hero-collection{position:absolute;right:25px;bottom:17px;font:7px monospace;color:#b8a9c9;letter-spacing:1.3px;z-index:1}
.hero-collection>span{color:var(--lime);margin-right:7px}
.toy-story .cover-type,.bomberman .cover-type,.tarzan .cover-type,.skater .cover-type,.kirby .cover-type{top:auto;bottom:17%;font-size:clamp(22px,2.4vw,38px);transform:rotate(-3deg);color:#fff4cd;text-shadow:2px 3px 0 #342c4c,0 0 15px #35284b99}
.toy-story .cover-type{color:#fff0a8}.bomberman .cover-type{color:#fff0bf}.kirby .cover-type{color:#fff2f8}.tarzan .cover-type{letter-spacing:2px;color:#fff0b3}
@media(min-width:1600px){.hero-gallery{min-height:430px}.hero-gallery .hero-content{padding:46px 44px}.hero-covers{right:35px;gap:18px}}
@media(max-width:1190px){.hero-gallery .hero-content{padding:34px 27px}.hero-gallery .featured-tag{font-size:7px;letter-spacing:.6px}.hero-gallery h2{font-size:45px}.hero-gallery p{font-size:11px}.hero-covers{right:17px;gap:7px}}
@media(max-width:760px){.hero-gallery{min-height:470px}.hero-gallery .hero-content{width:100%;padding:26px 23px}.hero-gallery h2{font-size:43px;margin:18px 0 12px}.hero-gallery .hero-meta{position:absolute;right:18px;top:38px;margin:0}.hero-gallery .hero-meta>span{font-size:6px;max-width:85px;line-height:1.6}.hero-gallery .hero-content>p{font-size:11px}.hero-covers{width:auto;left:26px;right:26px;top:246px;bottom:39px;gap:10px}.hero-covers figure{height:92%;transform:rotate(-6deg)}.hero-covers figure:nth-child(2){height:100%;transform:translateY(-4px) rotate(1deg)}.hero-covers figure:nth-child(3){transform:rotate(6deg)}.hero-covers figcaption{font-size:15px;padding-bottom:12px}.hero-covers small{font-size:5px}.hero-collection{font-size:5.5px;letter-spacing:.8px;right:18px;bottom:13px}.toy-story .cover-type,.bomberman .cover-type,.tarzan .cover-type,.skater .cover-type,.kirby .cover-type{font-size:clamp(22px,4.2vw,33px)}}
@media(prefers-reduced-motion:reduce){.hero-covers *{transition:none}}