/*
  Home-only visual refinement.
  This layer deliberately avoids media, playback, preload, slider, and sound logic.
*/

.site-shell--home .hero-slide::after {
  opacity: 1;
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.28) 0%,
      rgba(0, 0, 0, 0.04) 40%,
      rgba(0, 0, 0, 0.02) 72%,
      rgba(0, 0, 0, 0.1) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.12) 0%,
      rgba(0, 0, 0, 0) 34%,
      rgba(0, 0, 0, 0.04) 68%,
      rgba(0, 0, 0, 0.58) 100%
    );
}

.site-shell--home .hero-agency-panel {
  top: clamp(132px, 15vh, 168px);
  right: clamp(28px, 4.45vw, 64px);
  width: min(410px, calc(100vw - 56px));
}

.site-shell--home .hero-agency-panel__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.site-shell--home .hero-agency-panel__eyebrow::before {
  width: 20px;
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
  content: "";
}

.site-shell--home .hero-agency-panel__line {
  max-width: 18ch;
  margin: 0;
  font-size: clamp(2rem, 2.65vw, 3.1rem) !important;
  line-height: 0.92;
}

.site-shell--home .hero-agency-panel__links {
  gap: var(--mp-compact-button-gap, 8px);
  margin-top: 20px;
}

.site-shell--home .hero-agency-panel__links a {
  min-height: var(--mp-compact-button-height, 36px) !important;
  padding-right: var(--mp-compact-button-padding, 14px) !important;
  padding-left: var(--mp-compact-button-padding, 14px) !important;
  border-radius: 6px !important;
  font-size: 0.66rem;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.site-shell--home .hero-agency-panel__proof {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: none;
  margin-top: 16px;
  color: rgba(245, 245, 242, 0.58);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-shell--home .hero-agency-panel__proof::before {
  width: 18px;
  height: 1px;
  flex: 0 0 auto;
  background: #e50914;
  content: "";
}

.site-shell--home .hero-slide__overlay {
  left: clamp(28px, 4.45vw, 64px) !important;
  bottom: clamp(58px, 5.4vw, 74px) !important;
  max-width: min(680px, calc(100vw - 160px));
  text-shadow: 0 3px 30px rgba(0, 0, 0, 0.52);
}

.site-shell--home .hero-slide__client {
  display: flex;
  width: max-content;
  margin-bottom: 12px;
}

.site-shell--home .hero-slide__title-wrap {
  gap: 0;
}

.site-shell--home .hero-slide__title--compact {
  max-width: 15ch;
  font-size: clamp(2.8rem, 4.1vw, 4.5rem) !important;
  line-height: 0.94;
}

.site-shell--home .hero-slide__rule {
  display: none;
}

.site-shell--home .hero-slide__subtitle {
  margin-top: 14px !important;
}

@media (max-width: 720px) {
  .site-shell--home .hero-slide::after {
    background:
      linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.02) 32%,
        rgba(0, 0, 0, 0.04) 60%,
        rgba(0, 0, 0, 0.7) 100%
      ),
      linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.12) 0%,
        rgba(0, 0, 0, 0.02) 58%,
        rgba(0, 0, 0, 0.08) 100%
      );
  }

  .site-shell--home .hero-agency-panel {
    top: max(112px, calc(env(safe-area-inset-top, 0px) + 106px));
    right: 18px;
    left: 18px;
    width: auto;
  }

  .site-shell--home .hero-agency-panel__eyebrow {
    gap: 8px;
    margin-bottom: 10px;
  }

  .site-shell--home .hero-agency-panel__eyebrow::before {
    width: 16px;
  }

  .site-shell--home .hero-agency-panel__line {
    max-width: 22rem;
    font-size: 0 !important;
  }

  .site-shell--home .hero-agency-panel__line::before {
    font-size: clamp(1.76rem, 7.8vw, 2.18rem);
    line-height: 0.94;
  }

  .site-shell--home .hero-agency-panel__links {
    margin-top: 15px;
  }

  .site-shell--home .hero-agency-panel__proof {
    display: none;
  }

  .site-shell--home .hero-agency-panel__links a {
    position: relative;
    min-height: var(--mp-compact-button-height, 36px) !important;
    padding-right: var(--mp-compact-button-padding, 14px) !important;
    padding-left: var(--mp-compact-button-padding, 14px) !important;
    border-radius: var(--mp-button-radius, 4px) !important;
    font-size: var(--mp-compact-button-font-size, 0.68rem);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  }

  .site-shell--home .hero-agency-panel__links a:first-child {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .site-shell--home .hero-agency-panel__links a::after {
    position: absolute;
    inset: -6px -5px;
    content: "";
  }

  .site-shell--home .home-sound-meta .sound-toggle.sound-toggle::after {
    position: absolute;
    inset: -3px;
    display: block;
    width: auto;
    height: auto;
    background: transparent;
    content: "" !important;
    -webkit-mask: none;
    mask: none;
  }

  .site-shell--home .hero-slide__overlay {
    right: 18px !important;
    bottom: max(34px, env(safe-area-inset-bottom, 0px)) !important;
    left: 18px !important;
    max-width: calc(100vw - 36px);
  }

  .site-shell--home .hero-slide__client {
    margin-bottom: 10px;
    font-size: 0.7rem !important;
  }

  .site-shell--home .hero-slide__title--compact {
    max-width: 100%;
    font-size: clamp(2.08rem, 8.7vw, 2.55rem) !important;
    line-height: 0.96;
  }

  .site-shell--home .hero-slide__subtitle {
    margin-top: 11px !important;
    font-size: 0.68rem !important;
  }

  .site-shell--home .hero-slide__music-credit {
    margin-top: 5px !important;
    font-size: 0.57rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-shell--home
    .hero-slide.is-active
    .hero-slide__video.is-video-ready,
  .site-shell--home .hero-slide__video.is-mobile-framed,
  .site-shell--home .hero-slide.is-active .hero-slide__overlay,
  .site-shell--home .hero-slide.is-active .hero-slide__rule {
    animation: none !important;
  }

  .site-shell--home
    .hero-slide.is-active
    .hero-slide__video.is-video-ready,
  .site-shell--home .hero-slide__video.is-mobile-framed,
  .site-shell--home .hero-slide.is-active .hero-slide__overlay {
    transform: none !important;
  }
}

@media (max-width: 420px) and (max-height: 760px) {
  .site-shell--home .hero-agency-panel {
    top: max(94px, calc(env(safe-area-inset-top, 0px) + 88px));
  }

  .site-shell--home .hero-agency-panel__line::before {
    font-size: clamp(1.56rem, 7.1vw, 1.92rem);
  }

  .site-shell--home .hero-agency-panel__links {
    margin-top: 12px;
  }

  .site-shell--home .hero-slide__overlay {
    bottom: max(28px, env(safe-area-inset-bottom, 0px)) !important;
  }
}