.platform-presentation .wrap::before{display:none!important}
.platform-gallery{position:relative;background:#071522;touch-action:pan-y!important;cursor:grab}
.platform-gallery-images{position:absolute;inset:0;overflow:hidden}
.platform-gallery-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none;filter:none!important;transform-origin:center center;backface-visibility:hidden}
.platform-gallery-image.is-current{opacity:1}
.platform-gallery::before,.platform-gallery::after{display:none!important}
.platform-gallery:focus-visible{outline:2px solid #009fda;outline-offset:5px}

/* Consistent 4:3 editorial frame for every render, including the wide mooring view. */
.platform-presentation .platform-gallery{height:auto!important;min-height:0!important;aspect-ratio:4/3!important;width:100%!important;overflow:hidden!important}
.platform-gallery-image{image-rendering:auto}

/* Tonal adjustment only: brighten the underwater source, preserve its geometry. */
.platform-gallery-image[data-gallery-key="heave"]{filter:brightness(1.3) contrast(1.07) saturate(1.08)!important}

.platform-gallery.is-dragging{cursor:grabbing}
.platform-gallery-image{user-select:none;-webkit-user-drag:none}

.platform-gallery-hint{display:flex;align-items:center;justify-content:center;gap:9px;margin:12px 0 0;color:#a0b6c3;font:400 12px/1.5 Inter,sans-serif;letter-spacing:.02em}
.platform-gallery-hint span{color:#009fda;font-size:20px;line-height:1}

.platform-hotspots{position:absolute;inset:0;z-index:5;pointer-events:none}
.platform-hotspots[hidden]{display:none}
.platform-hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(8,23,34,.45);color:white;cursor:pointer;box-shadow:0 0 0 5px rgba(0,159,218,.12);transition:background .2s,box-shadow .2s}
.platform-hotspot:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:#fff}
.platform-hotspot[aria-pressed=true],.platform-hotspot:hover,.platform-hotspot:focus-visible{background:#009fda;box-shadow:0 0 0 7px rgba(0,159,218,.22);outline:none}
.platform-hotspot:after{content:attr(aria-label);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:#081722ed;color:#fff;padding:7px 10px;border-radius:5px;font:500 12px/1.3 Inter,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.platform-hotspot:hover:after,.platform-hotspot:focus-visible:after{opacity:1}
@media(max-width:600px){.platform-hotspot{width:40px;height:40px}}

/* A quiet expanding halo identifies only the selected component. */
@keyframes platform-hotspot-active-pulse{
  0%{box-shadow:0 0 0 5px rgba(0,159,218,.32),0 0 0 7px rgba(93,220,255,.85)}
  75%,100%{box-shadow:0 0 0 5px rgba(0,159,218,.32),0 0 0 24px rgba(93,220,255,0)}
}
.platform-hotspot[aria-pressed=true]{animation:platform-hotspot-active-pulse 2.2s ease-out infinite}
@media(prefers-reduced-motion:reduce){
  .platform-hotspot[aria-pressed=true]{animation:platform-hotspot-active-pulse 4s ease-out infinite!important}
}