#home {
  padding-top: 0;
}

/* Hero → intro: soft transition (replaces old stats strip visually) */
.split-hero--home {
  margin-bottom: 0;
}

.split-hero--home .split-hero__media::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 40%;
  pointer-events: none;
  background: linear-gradient(
    to top,
    rgba(26, 77, 26, 0.5) 0%,
    transparent 100%
  );
  z-index: 2;
}

.home-hero-bridge {
  height: clamp(1.5rem, 4vw, 2.75rem);
  background: linear-gradient(
    180deg,
    var(--green-dark) 0%,
    var(--off-white) 100%
  );
}

/* Mobile: full-width media block, no clipped / letterboxed hero */
@media (max-width: 899px) {
  .split-hero--home {
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .split-hero--home .split-hero__panel {
    flex: 0 0 auto;
    padding: clamp(1.75rem, 6vw, 2.5rem) clamp(1.25rem, 5vw, 2rem);
  }

  .split-hero--home .split-hero__panel .lead {
    margin-bottom: 1.5rem;
  }

  .split-hero--home .split-hero__media {
    flex: 0 0 auto;
    width: 100%;
    min-height: clamp(240px, 56vw, 400px);
    aspect-ratio: 5 / 4;
    max-height: min(72vh, 480px);
  }

  .split-hero--home .split-hero__media.is-portrait {
    aspect-ratio: 9 / 16;
    min-height: auto;
    max-height: min(82vh, 620px);
    width: 100%;
    max-width: min(100%, 420px);
    margin-inline: auto;
  }

  .split-hero--home .split-hero__media.is-landscape {
    aspect-ratio: 16 / 9;
    max-height: min(56vh, 420px);
  }

  .split-hero--home .split-hero__media--video .video-player-wrap,
  .split-hero--home .split-hero__media--video .hero-video {
    min-height: 100%;
  }

  .split-hero--home .split-hero__media.is-portrait .video-player-wrap {
    aspect-ratio: unset;
    max-width: none;
    height: 100%;
  }

  .home-videos .video-showcase {
    gap: 2rem;
  }

  .home-videos .video-showcase__lead {
    width: 100%;
  }

  .home-videos .video-showcase__side {
    width: 100%;
  }

  /* Mobile: same portrait frame for all three featured clips */
  .home-videos .video-showcase .video-player-wrap,
  .home-videos .video-showcase .video-player-wrap.is-portrait,
  .home-videos .video-showcase .video-player-wrap.is-landscape,
  .home-videos .video-showcase .video-player-wrap.is-square {
    width: 100%;
    max-width: min(100%, 340px);
    margin-inline: auto;
    aspect-ratio: 9 / 16;
    max-height: min(58vh, 480px);
  }

  [data-home-moments] .video-strip__grid .video-card--strip .video-player-wrap,
  [data-home-moments] .video-strip__grid .video-card--strip .video-player-wrap.is-portrait,
  [data-home-moments] .video-strip__grid .video-card--strip .video-player-wrap.is-landscape,
  [data-home-moments] .video-strip__grid .video-card--strip .video-player-wrap.is-square {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 9 / 16;
    max-height: min(52vh, 400px);
  }
}

/* Homepage video block spacing */
.home-videos__showcase,
.home-videos__moments,
.home-videos__recap {
  margin-top: clamp(1.5rem, 4vw, 2.25rem);
}

.home-videos .section-head + .home-videos__showcase {
  margin-top: 1.5rem;
}

[data-home-recap] .video-spot {
  max-width: min(100%, 720px);
  margin-inline: auto;
}

/* Desktop: three equal columns — tour, catwalk, lashes (less vertical scroll) */
@media (min-width: 900px) {
  .home-videos .video-showcase {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    max-width: 1080px;
    margin-inline: auto;
  }

  .home-videos .video-showcase__lead {
    width: auto;
  }

  .home-videos .video-showcase__side {
    display: contents;
    max-width: none;
    width: auto;
  }

  .home-videos .video-showcase__grid,
  .home-videos .video-showcase__pair {
    display: contents;
  }

  .home-videos .video-showcase__side .video-card {
    min-width: 0;
  }

  .home-videos .video-showcase .video-player-wrap,
  .home-videos .video-showcase .video-player-wrap.is-portrait,
  .home-videos .video-showcase .video-player-wrap.is-landscape,
  .home-videos .video-showcase .video-player-wrap.is-square {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    aspect-ratio: 9 / 16;
    max-height: min(420px, 42vh);
  }

  [data-home-moments] .video-strip {
    max-width: 960px;
    margin-inline: auto;
  }

  [data-home-moments] .video-strip__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    justify-content: stretch;
    width: 100%;
    max-width: 100%;
  }

  [data-home-moments] .video-strip__grid .video-card--strip .video-player-wrap,
  [data-home-moments] .video-strip__grid .video-card--strip .video-player-wrap.is-portrait,
  [data-home-moments] .video-strip__grid .video-card--strip .video-player-wrap.is-landscape,
  [data-home-moments] .video-strip__grid .video-card--strip .video-player-wrap.is-square {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 9 / 16;
    max-height: 360px;
  }
}

.home-intro {
  margin-top: 0;
  clip-path: polygon(0 3vw, 100% 0, 100% 100%, 0 100%);
  padding-top: calc(clamp(3rem, 6vw, 5rem) + 2vw);
}

.home-intro__inner {
  display: grid;
  gap: 2rem;
  align-items: center;
}

@media (min-width: 768px) {
  .home-intro__inner {
    grid-template-columns: 1fr 1fr;
  }
}

.home-intro__text {
  font-size: 1.1rem;
  max-width: 42ch;
}

.home-services .section-head {
  margin-bottom: 2.5rem;
}

.home-services .section-head h2 {
  color: var(--white);
}

.home-gallery-teaser .section-head {
  margin-bottom: 2rem;
}

.home-team .section-head {
  margin-bottom: 2rem;
}

.home-team .section-head h2 {
  color: var(--white);
}

.home-team-preview {
  display: grid;
  gap: 2rem;
  max-width: 920px;
  margin: 0 auto;
}

@media (min-width: 720px) {
  .home-team-preview {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
    align-items: start;
  }
}

.home-team-preview__label {
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--green-light);
  text-align: center;
  margin: 0 0 0.85rem;
}

.home-team-preview .team-photo-grid--preview {
  max-width: none;
}

.home-locations .locations-grid {
  margin-top: 2rem;
}

.home-testimonial {
  padding: clamp(5rem, 10vw, 8rem) 0;
}
