/* Homepage-only portrait: stays inside the recommendation banner, never floats over games. */
.hero-with-hostess{min-height:400px;display:flex;align-items:center;background:radial-gradient(ellipse at 80% 45%,#806b4038,transparent 65%),linear-gradient(115deg,#182b29,#142321)}
.hero-with-hostess .hero-copy{width:56%;max-width:none}
.hero-with-hostess h2{font-size:clamp(25px,2.4vw,38px);letter-spacing:2px}
.hero-with-hostess .hero-desc{max-width:320px;text-wrap:pretty}
.hero-with-hostess .hero-meta{flex-wrap:wrap;gap:8px 16px}
.lobby-hostess{position:absolute;right:0;top:10px;bottom:24px;width:44%;pointer-events:none;isolation:isolate}
.hostess-halo{position:absolute;inset:10% 10% 6%;border:1px solid #dfbf7c2e;border-radius:48% 48% 8px 8px;background:radial-gradient(ellipse,#dfbf7c0b,transparent 70%);z-index:-1}
.lobby-hostess canvas,.hostess-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.lobby-hostess canvas{visibility:hidden}.lobby-hostess.ready canvas{visibility:visible}.lobby-hostess.ready .hostess-still{visibility:hidden}
.hostess-caption{position:absolute;bottom:-10px;left:0;right:0;text-align:center;font-size:9px;color:#cdb68c;letter-spacing:3px}
.hostess-motion{position:absolute;bottom:10px;left:30px;z-index:3;font-size:10px;border:1px solid #dfbf7c33;border-radius:4px;background:#11221dcc;color:#a8b9aa;padding:5px 8px}
@media(min-width:721px) and (max-width:1100px){.hero-row{grid-template-columns:minmax(0,1fr) 220px}.hero-with-hostess{padding:22px 18px;min-height:390px}.hero-with-hostess .hero-copy{width:57%}.hero-with-hostess h2{font-size:25px;letter-spacing:0}.hero-with-hostess .hero-desc br{display:none}.hero-with-hostess .hero-overline{letter-spacing:1px}.hero-with-hostess .pill{font-size:9px}.hostess-motion{left:18px}}
@media(max-width:720px){.hero-with-hostess{min-height:310px;padding:22px 16px}.hero-with-hostess .hero-copy{width:57%;max-width:none}.hero-with-hostess h2{font-size:clamp(20px,5.6vw,29px);letter-spacing:0}.hero-with-hostess .hero-overline{font-size:7px;letter-spacing:1px}.hero-with-hostess .pill{font-size:8px;padding:5px}.hero-with-hostess .hero-desc{font-size:10px;line-height:1.8;margin:12px 0 16px}.hero-with-hostess .hero-desc br{display:none}.hero-with-hostess .primary{padding:10px 13px;gap:12px}.hero-with-hostess .hero-meta{margin-top:14px}.lobby-hostess{width:43%;top:10px;bottom:30px;right:0}.hostess-caption{font-size:8px;letter-spacing:1px}.hostess-motion{left:16px;bottom:8px;font-size:9px}}