/* 1.6: stable 330px hero; photographic images always cover without distortion. */
.rgd-root .rgd-hero {
  height: var(--rghsu-hero-height, 330px) !important;
  max-height: 330px !important;
  min-height: 0 !important;
  isolation: isolate;
  overflow: hidden;
  background-color: #0b0a0c;
}
.rgd-root .rgd-hero[data-rghsu-ready="1"] .rgd-hero-slides,
.rgd-root .rgd-hero[data-rghsu-ready="1"] .rgd-slide-dots { display: none !important; }
.rgd-root .rghsu-slides { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.rgd-root .rghsu-scene {
  position: absolute; inset: 0;
  background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: transparent; image-rendering: auto;
  opacity: 0; transform: none;
  transition: opacity 1.2s ease-in-out;
  will-change: opacity;
}
.rgd-root .rghsu-scene.rghsu-active { opacity: 1; transform: none; }
.rgd-root .rgd-hero-shade {
  z-index: 1;
  background: linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.42) 27%,rgba(0,0,0,.09) 66%,rgba(0,0,0,.06) 100%),
              linear-gradient(0deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.31) 15%,transparent 44%) !important;
}
.rgd-root .rgd-hero-content { padding-top: 27px !important; }
.rgd-root .rgd-hero-content h1 { font-size: clamp(33px, 2.5vw, 48px) !important; line-height: 1.05; }
.rgd-root .rgd-hero-content h2 { font-size: clamp(21px, 1.35vw, 27px) !important; }
.rgd-root .rgd-hero-content p { font-size: clamp(12px, .76vw, 14px) !important; line-height: 1.42; margin-top: 7px !important; }
.rgd-root .rgd-slide-arrow { display: none !important; visibility: hidden !important; pointer-events: none !important; }
.rgd-root .rghsu-dots {
  position: absolute; z-index: 4; left: 50%; transform: translateX(-50%);
  bottom: 91px; display: flex; gap: 11px;
}
.rgd-root .rghsu-dot {
  appearance: none; -webkit-appearance: none; display: block;
  width: 13px; height: 13px; padding: 0; border-radius: 50%;
  border: 2px solid rgba(255,255,255,.9); background: rgba(0,0,0,.16);
  cursor: pointer; transition: background .25s ease; box-sizing: border-box;
}
.rgd-root .rghsu-dot.rghsu-active { background: var(--rgd-yellow, #ffd000); border-color: var(--rgd-yellow, #ffd000); }
.rgd-root .rghsu-dot:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.rgd-root .rgd-benefits { bottom: 10px !important; min-height: 62px !important; padding: 6px 12px !important; }
@media (max-width: 1100px) {
  .rgd-root .rgd-hero { height: 395px !important; max-height: none !important; }
  .rgd-root .rgd-hero-content { padding-top: 32px !important; }
  .rgd-root .rghsu-dots { bottom: 103px !important; }
  .rgd-root .rgd-benefits { bottom: 13px !important; min-height: 80px !important; }
}
@media (max-width: 700px) {
  .rgd-root .rgd-hero { height: 455px !important; max-height: none !important; }
  .rgd-root .rghsu-scene { background-size: cover !important; background-position: 55% center !important; }
  .rgd-root .rgd-hero-content { padding-top: 30px !important; width: calc(100% - 42px) !important; }
  .rgd-root .rgd-hero-content h1 { font-size: clamp(30px, 7.1vw, 40px) !important; }
  .rgd-root .rgd-hero-content h2 { font-size: clamp(18px, 4.7vw, 24px) !important; }
  .rgd-root .rgd-hero-content p { max-width: 390px !important; font-size: 12.5px !important; line-height: 1.5 !important; }
  .rgd-root .rghsu-dots { bottom: 135px !important; }
  .rgd-root .rgd-benefits { bottom: 12px !important; min-height: 110px !important; width: calc(100% - 24px) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .rgd-root .rghsu-scene { transition: none !important; transform: none !important; }
}