.mario-hero {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(28px, 5vw, 80px);
  max-width: 1440px;
  margin: auto;
  padding: clamp(36px, 6vw, 88px) 5%;
}
.mario-hero .lounge-intro { margin: 0; padding: 0; }
.mario-hero h1 { margin: 0 0 24px; font-size: clamp(40px, 5.2vw, 76px); }
.mario-hero figure, .mario-media figure { margin: 0; }
.mario-hero img, .mario-media img { display: block; width: 100%; height: auto; }
.mario-hero figcaption { margin-top: 12px; color: var(--muted); font-size: 14px; }
.mario-media {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 44px);
  max-width: 1020px;
  margin-inline: auto;
}
.mario-media figure { background: white; border: 1px solid #ddd; }
.mario-media video, .mario-media img { width: 100%; aspect-ratio: 3 / 4; display: block; object-fit: contain; background: #101113; }
.mario-media figcaption { padding: 16px; font-size: 15px; color: #45474e; }
@media (max-width: 720px) {
  .mario-hero, .mario-media { grid-template-columns: 1fr; }
  .mario-hero h1 { letter-spacing: -.04em; }
  .mario-hero .eyebrow { margin: 24px 0 12px; }
}