/* SUPBRO mobile first-view repair: keep the hero visual present from the first frame. */
@media (max-width: 760px) {
  .hero.section-panel {
    position: relative;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: max(680px, calc(100svh - 92px)) !important;
    padding: 112px 20px 48px !important;
    overflow: hidden !important;
    isolation: isolate;
  }

  .hero > #heroCanvas {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
  }

  .hero > .hero-visual {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    pointer-events: none;
  }

  .hero .hero-frame {
    position: absolute !important;
    inset: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    transform: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  .hero .hero-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 62% 50% !important;
    transform: scale(1.02) !important;
    filter: brightness(.9) saturate(1.08) contrast(1.04);
  }

  .hero::after {
    z-index: 1 !important;
    background:
      linear-gradient(180deg, rgba(7, 3, 13, .2) 0%, rgba(7, 3, 13, .34) 38%, rgba(7, 3, 13, .94) 100%),
      linear-gradient(90deg, rgba(7, 3, 13, .62), transparent 72%) !important;
  }

  .hero > .hero-copy {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: 540px !important;
    margin: 0 !important;
  }

  .hero .hero-copy h1 {
    font-size: clamp(42px, 13vw, 62px) !important;
    line-height: .92 !important;
  }

  .hero .hero-copy .lead {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: rgba(246, 240, 250, .86) !important;
    font-size: 15px !important;
    line-height: 1.62 !important;
  }

  .hero .hero-frame figcaption,
  .hero .hero-hud,
  .hero > .hero-status {
    display: none !important;
  }
}