.intro.home-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  max-width: none;
  min-height: max(620px, calc(100svh - 100px));
  padding: clamp(3.5rem, 8vh, 7rem) 5vw 6rem;
  margin-bottom: 8vw;
  background: #25302a url("assets/lattea-hero-poster.jpg") center 75% / cover no-repeat;
  color: #fff;
}
.hero-video, .hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.hero-video { object-fit: cover; object-position: center 75%; }
.hero-shade {
  background: linear-gradient(90deg, rgba(7, 17, 13, .68), rgba(7, 17, 13, .23) 70%, rgba(7, 17, 13, .10)),
              linear-gradient(0deg, rgba(7, 17, 13, .25), transparent 45%);
}
.hero-content { position: relative; z-index: 1; max-width: 650px; }
.home-hero h1 { margin: 1.5rem 0 2.5rem; font-size: clamp(4rem, 8vw, 8.5rem); }
.home-hero h1 em { color: inherit; }
.home-hero .intro-copy { max-width: 465px; font-size: 1.0625rem; line-height: 1.65; margin: 0; text-wrap: pretty; }
.home-hero .members { margin-bottom: 2rem; }
.hero-video-toggle {
  position: absolute; z-index: 2; right: 5vw; bottom: 2rem;
  min-height: 44px; padding: .65rem 1rem; border: 1px solid rgba(255,255,255,.65);
  border-radius: 0; background: rgba(10,20,15,.55); color: #fff;
  font: .875rem/1.4 'DM Mono', monospace; cursor: pointer;
}
.hero-video-toggle:hover { background: rgba(10,20,15,.8); }
.hero-video-toggle:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.hero-video-toggle[hidden] { display: none; }
@media(max-width:700px) {
  .intro.home-hero { min-height: max(680px, calc(100svh - 108px)); padding: 3.5rem 6vw 6.5rem; margin-bottom: 4rem; background-position: center; }
  .hero-video { object-position: center; }
  .hero-shade { background: linear-gradient(180deg, rgba(7,17,13,.64), rgba(7,17,13,.43) 54%, rgba(7,17,13,.15)); }
  .home-hero h1 { font-size: clamp(3.5rem, 14vw, 5rem); }
  .home-hero .intro-copy { max-width: 360px; font-size: 1rem; }
  .hero-video-toggle { right: 6vw; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } }