/* Lighten the homepage hero and make banner images wider for desktop/tablet/mobile. */
.ll-home-banner-fullwidth .ll-hero,
.ll-home-banner-fullwidth .ll-hero__grid,
.ll-home-banner-fullwidth .ll-beauty-window {
  min-height: calc(88svh - 118px) !important;
}

.ll-home-banner-fullwidth .ll-beauty-window::after {
  background:
    linear-gradient(90deg, rgba(7,16,13,0.42), rgba(7,16,13,0.10) 32%, rgba(7,16,13,0.03) 70%, rgba(7,16,13,0.28)),
    linear-gradient(0deg, rgba(7,16,13,0.16), transparent 42%) !important;
}

.ll-home-banner-fullwidth .ll-scene::before {
  filter: saturate(1.06) contrast(1.02) brightness(1.10) !important;
}

.ll-home-banner-fullwidth .ll-scene::after {
  background:
    linear-gradient(0deg, rgba(7,16,13,0.46), rgba(7,16,13,0.10) 58%, rgba(7,16,13,0.02)),
    linear-gradient(90deg, rgba(7,16,13,0.10), transparent 34%, transparent 70%, rgba(7,16,13,0.12)) !important;
}

.ll-home-banner-fullwidth .ll-panorama-track {
  animation-duration: 72s !important;
}

.ll-home-banner-fullwidth .ll-scene {
  width: 54vw !important;
  min-width: 760px !important;
  flex-basis: 54vw !important;
  padding: clamp(18px, 2.4vw, 34px) !important;
}

.ll-home-banner-fullwidth .ll-scene figcaption {
  max-width: 640px !important;
  padding: 13px 15px !important;
  background: linear-gradient(0deg, rgba(7,16,13,0.58), rgba(7,16,13,0.18)) !important;
}

.ll-home-banner-fullwidth .ll-scene strong {
  font-size: clamp(22px, 2.2vw, 34px) !important;
}

.ll-home-banner-fullwidth .ll-hero__copy {
  width: min(620px, calc(100% - 42px)) !important;
  padding: clamp(28px, 5vw, 62px) !important;
}

.ll-home-banner-fullwidth .ll-hero__copy::before {
  inset: 0 -7vw 0 0 !important;
  background: linear-gradient(90deg, rgba(7,16,13,0.74), rgba(7,16,13,0.46) 58%, transparent) !important;
}

.ll-home-banner-fullwidth .ll-hero h1 {
  font-size: clamp(36px, 4.7vw, 64px) !important;
  max-width: 520px !important;
}

.ll-home-banner-fullwidth .ll-hero__copy p:not(.ll-eyebrow) {
  max-width: 480px !important;
  font-size: clamp(16px, 1.25vw, 20px) !important;
}

@media (max-width: 980px) {
  .ll-home-banner-fullwidth .ll-scene {
    width: 82vw !important;
    min-width: 520px !important;
    flex-basis: 82vw !important;
  }
  .ll-home-banner-fullwidth .ll-hero__copy::before {
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(7,16,13,0.62), rgba(7,16,13,0.20), transparent) !important;
  }
}

@media (max-width: 640px) {
  .ll-home-banner-fullwidth .ll-scene {
    width: 92vw !important;
    min-width: 310px !important;
    flex-basis: 92vw !important;
  }
  .ll-home-banner-fullwidth .ll-hero,
  .ll-home-banner-fullwidth .ll-hero__grid,
  .ll-home-banner-fullwidth .ll-beauty-window {
    min-height: 76svh !important;
  }
  .ll-home-banner-fullwidth .ll-hero h1 {
    font-size: clamp(34px, 10vw, 48px) !important;
  }
}
