html,
body {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

#root {
  min-height: 100%;
  height: 100%;
  overflow: hidden;
}

/* Video overlay copy uses vw units that shrink too small inside the mobile iframe */
@media (max-width: 980px) {
  [class*="1.1vw"] {
    font-size: 0.85rem !important;
    letter-spacing: 0.2em !important;
  }

  [class*="1.4vw"] {
    font-size: 1.05rem !important;
    line-height: 1.45 !important;
  }

  h1 {
    font-size: clamp(2.5rem, 12vw, 4.5rem) !important;
    line-height: 0.95 !important;
  }
}

@media (max-width: 480px) {
  [class*="1.1vw"] {
    font-size: 0.78rem !important;
    letter-spacing: 0.16em !important;
  }

  [class*="1.4vw"] {
    font-size: 0.98rem !important;
  }

  h1 {
    font-size: clamp(2.35rem, 13vw, 3.75rem) !important;
  }
}