/* The desktop hero and existing shared styles remain unchanged. */
.hero-mobile-video { display: none; }
.hero-copy-scrim { display: contents; }
.hero-lead-mobile { display: none; }

@media (max-width: 760px) {
  .hero-copy-scrim {
    display: flow-root;
    position: relative;
    isolation: isolate;
    width: fit-content;
    max-width: 100%;
    margin-inline-end: auto;
  }
  .hero-copy-scrim::before {
    content: '';
    position: absolute;
    inset: -8px -4px;
    z-index: -1;
    background: rgba(43, 45, 47, .68);
    filter: blur(6px);
    pointer-events: none;
  }
  .hero-lead-desktop { display: none; }
  .hero-lead-mobile { display: inline; }
  html[lang] body .hero-copy-scrim .hero-lead {
    margin-top: 16px;
    margin-bottom: 0;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .25);
  }
  .hero-mobile-video {
    display: block;
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: translateY(4.5%) scale(1.12);
    transform-origin: center;
    pointer-events: none;
  }
  .hero-mobile-video[hidden] { display: none; }
  .hero.has-mobile-video .hero-shade {
    background: linear-gradient(180deg, rgba(28, 30, 32, .16), rgba(28, 30, 32, .06) 55%, rgba(28, 30, 32, .04));
  }
}