/* Sprinkles homepage, phase 2: hero. Loaded after sprinkles-phase1.css. */
.marquee.hero-sprinkles{max-width:none;text-align:left;margin:4px 0 30px}
.marquee.hero-sprinkles .credits{justify-content:flex-start}
.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center}
.hero-sprinkles h1{font-size:clamp(38px,5.6vw,78px);line-height:.98;letter-spacing:-.045em;color:#fff;margin:0}
.hero-sprinkles h1 em{display:block;color:var(--pink)}
.hero-sub{font-size:clamp(17px,1.6vw,21px);color:#e3d8dc;margin:18px 0 26px;max-width:28em}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.hero-play{display:inline-flex;text-decoration:none;font-weight:700;font-size:18px;color:#2d0818;padding:16px 28px;border-radius:14px;background:linear-gradient(135deg,#ffb1c1,#ff568b);box-shadow:0 10px 30px #ff568b55;border:1px solid #ffb1c1aa;transition:transform .15s,box-shadow .15s}
.hero-play:hover,.hero-play:focus-visible{transform:translateY(-2px);box-shadow:0 14px 36px #ff568b77;outline:none}
.hero-more{color:var(--pink);font-weight:700;text-underline-offset:4px}
.hero-sprinkles .reassure{justify-content:flex-start;margin-top:24px}
.hero-art{border-radius:22px;overflow:hidden;border:1px solid #ffffff22;box-shadow:0 22px 60px #000a,0 0 60px #ff568b33;aspect-ratio:4/3;background:#0e1030}
.hero-art picture,.hero-art img{display:block;width:100%;height:100%}
.hero-art img{object-fit:cover;object-position:34% 50%}
@media (max-width:820px){
  .hero-grid{grid-template-columns:1fr;gap:22px}
  .hero-art{order:-1;aspect-ratio:1/1;border-radius:18px}
  .hero-art img{object-position:34% 50%}
  .marquee.hero-sprinkles{text-align:center}
  .hero-sprinkles .credits,.hero-cta,.hero-sprinkles .reassure{justify-content:center}
  .hero-sub{margin-inline:auto}
}