/* v20.2.8: EPK hero spacing. Loaded last to replace legacy conflicting hero rules.
   The phone photograph remains visible without wasting space after the identity chips. */
@media screen and (min-width: 951px) {
  .epk-immersive .hero {
    min-height: 0 !important;
    display: flex;
    align-items: center;
  }
  .epk-immersive .hero-content {
    padding-block: clamp(48px, 6vw, 84px) !important;
  }
  .epk-immersive .hero-labels { margin-top: 20px; }
  .epk-immersive .scroll-cue { bottom: 12px; }
}
@media screen and (min-width: 651px) and (max-width: 950px) {
  .epk-immersive .hero { min-height: 0 !important; }
  .epk-immersive .hero-content { padding-block: 50px 42px !important; }
  .epk-immersive .hero-labels { margin-top: 20px; }
}
@media screen and (max-width: 650px) {
  .epk-immersive .hero {
    display: block;
    min-height: 0 !important;
    height: auto !important;
  }
  .epk-immersive .hero-photo {
    height: clamp(196px, 59vw, 254px) !important;
    bottom: auto !important;
    background-position: center center;
  }
  .epk-immersive .hero::before {
    background: linear-gradient(180deg, #05091812 0%, #060916 248px, #060916 100%) !important;
  }
  .epk-immersive .hero-content {
    padding-top: clamp(203px, 61vw, 260px) !important;
    padding-bottom: 14px !important;
  }
  .epk-immersive .hero .kicker { margin-bottom: 10px; }
  .epk-immersive .hero h1 { margin-bottom: 10px; line-height: 0.97; }
  .epk-immersive .hero-tagline { margin-bottom: 8px; line-height: 1.26; }
  .epk-immersive .hero-lede { margin-bottom: 12px; line-height: 1.5; }
  .epk-immersive .hero-actions { gap: 9px; margin-top: 14px; }
  .epk-immersive .hero-labels {
    margin-top: 13px !important;
    gap: 6px 14px !important;
    padding-bottom: 0;
    line-height: 1.6;
  }
  .epk-immersive .scroll-cue { display: none !important; }
}
@media print {
  .epk-immersive .hero-content { padding: 12px !important; }
}