/* Approved hero: full-bleed slides inside the turquoise banner. */
#hero.hero-bleed {
  min-height: 100vh;
  margin: 0;
  padding: 78px 12px 12px;
  background: #A8D5D6 !important;
  display: block;
}
.hero-bleed-frame {
  position: relative;
  height: calc(100vh - 90px);
  min-height: 520px;
  border-radius: 18px;
  overflow: hidden;
  background: #A8D5D6;
}
.hero-bleed-slide {
  position: absolute;
  inset: 0;
}
.hero-bleed-slide[hidden] { display: none !important; }
.hero-bleed-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.hero-bleed-shade {
  position: absolute;
  inset: auto 0 0 0;
  height: 62%;
  background: linear-gradient(180deg, rgba(31, 45, 45, 0), rgba(31, 45, 45, .55) 28%, rgba(31, 45, 45, .88));
}
.hero-bleed-copy {
  position: absolute;
  right: 22px;
  left: 22px;
  bottom: 132px;
  z-index: 2;
}
.hero-bleed-slide.is-photo .hero-bleed-copy h2,
.hero-bleed-slide.is-photo .hero-bleed-copy p {
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .55);
}
.hero-bleed-copy h1,
.hero-bleed-copy h2 {
  margin: 0;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.35;
}
.hero-bleed-copy p {
  margin: 8px 0 14px;
  font-size: 1.15rem;
  line-height: 1.6;
}
.hero-bleed-free .hero-bleed-copy h1,
.hero-bleed-free .hero-bleed-copy p {
  color: #1F2D2D !important;
  text-shadow: none;
}
.hero-bleed-thumbs {
  position: absolute;
  right: 14px;
  left: 14px;
  bottom: 12px;
  z-index: 3;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.hero-bleed-thumb {
  flex: 0 0 auto;
  width: 118px;
  padding: 0;
  border: 1px solid rgba(31, 45, 45, .12);
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, .92);
  text-align: right;
  color: #1F2D2D !important;
}
.hero-bleed-thumb.is-on { outline: 2px solid #1E5F5F; }
.hero-bleed-thumb img {
  width: 100%;
  height: 58px;
  object-fit: cover;
  display: block;
}
.hero-bleed-thumb span {
  display: block;
  padding: 6px 8px 8px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  color: #1F2D2D !important;
}
.hero-bleed-thumb.is-ad { width: 168px; background: #F3F8F8; }
.hero-bleed-nav {
  position: absolute;
  top: 42%;
  z-index: 3;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .92);
  color: #1F2D2D;
}
.hero-bleed-prev { right: 10px; }
.hero-bleed-next { left: 10px; }
@media (max-width: 700px) {
  #hero.hero-bleed { padding: 70px 8px 8px; }
  .hero-bleed-frame { min-height: 460px; height: calc(100vh - 78px); border-radius: 14px; }
  .hero-bleed-copy { right: 14px; left: 14px; bottom: 118px; }
  .hero-bleed-copy h1,
  .hero-bleed-copy h2 { font-size: 1.45rem; }
  .hero-bleed-copy p { font-size: 1rem; }
  .hero-bleed-copy .btn { display: inline-block; margin-bottom: 6px; }
  .hero-bleed-thumb { width: 104px; }
  .hero-bleed-thumb.is-ad { width: 132px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-bleed-slide { transition: none; }
}