/* ======================================
   ZON PERFORMANCE (path page) — performance.css
   Page-specific styles only. Everything else
   is inherited from style.css + premium.css.
   ====================================== */

/* Hero media — warmer and softer than Tactical: warm browns with a
   more generous amber glow. This sits *behind* the hero video as its
   ground: it is what shows while the video loads, and what stays if
   autoplay is blocked (iOS Low Power Mode) and only the poster paints. */
.hero-media--performance {
  background-color: #131009;
  background-image:
    radial-gradient(125% 85% at 72% 0%, rgba(234,88,12,0.18), transparent 60%),
    linear-gradient(160deg, #2A241C 0%, #131009 72%);
}

/* The science section closes on a pull-quote that sits
   under the two columns — give it room to breathe. */
#science .about-quote {
  margin-top: clamp(36px, 5vw, 60px);
}

/* On portrait mobile the subject is on the left side of
   the landscape frame — shift crop accordingly. */
@media (max-width: 640px) {
  .hero-media--performance .hero-video {
    object-position: left top;
  }
}