/* The first photograph is preloaded in HTML; the inline preview prevents a solid-color flash. */
.cms-hero,.destination-hero{position:relative;isolation:isolate;background:#9aadb8!important}
.cms-hero>.cms-shell,.destination-hero__inner{position:relative;z-index:2;pointer-events:none}
.cms-hero>.cms-shell a,.destination-hero__inner a{pointer-events:auto}
.hero-carousel{position:absolute;inset:0;background-size:cover;overflow:hidden}
.hero-carousel::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,23,35,.78),rgba(5,23,35,.51) 42%,rgba(5,23,35,.1) 80%)}
.hero-carousel__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hero-carousel__image.is-active{opacity:1}
.hero-carousel__controls{position:absolute;z-index:3;right:max(20px,calc((100% - 1180px)/2));bottom:24px;display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:99px;background:rgba(10,25,34,.45);color:#fff}
.hero-carousel__controls[hidden]{display:none}
.hero-carousel__controls button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:#fff;font:22px/1 system-ui;cursor:pointer}
.hero-carousel__controls button:hover{background:rgba(255,255,255,.2)}
.hero-carousel__controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hero-carousel__dots{display:flex;gap:2px}
.hero-carousel__dots button{width:24px;font-size:0}
.hero-carousel__dots button::before{content:"";width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45)}
.hero-carousel__dots button[aria-pressed="true"]::before{width:16px;border-radius:9px;background:#fff}
.hero-carousel__controls [data-hero-pause]{font-size:15px}
.hero-carousel__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:620px){
  .hero-carousel::after{background:linear-gradient(90deg,rgba(5,23,35,.78),rgba(5,23,35,.4))}
  .hero-carousel__controls{right:14px;bottom:12px;gap:3px;padding:2px 5px}
  .hero-carousel__controls button{width:32px;height:32px;min-height:32px}
  .hero-carousel__dots button{width:20px}
  .cms-hero .cms-shell{padding-bottom:70px}
  .destination-hero__inner{padding-bottom:68px}
}
@media(prefers-reduced-motion:reduce){.hero-carousel__image{transition:none}}