.ocean-photo .ocean-film{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;background:#080808;opacity:0;transition:opacity .65s ease;pointer-events:none}
.ocean-photo.video-active .ocean-film{opacity:1}
.ocean-photo.video-active figcaption{opacity:0;pointer-events:none}
.ocean-photo figcaption{transition:opacity .4s ease}
.ocean-video-controls{position:absolute;inset:16px 16px auto;z-index:3;display:flex;justify-content:space-between;gap:8px}
.ocean-video-controls button{font:400 11px 'DM Sans',sans-serif;color:#c7cdd1;background:#080808cf;border:1px solid #c7cdd170;border-radius:2px;padding:8px 12px;min-height:44px;cursor:pointer;transition:background .25s,color .25s}
.ocean-video-controls button:hover,.ocean-video-controls button:focus-visible{background:#c7cdd1;color:#080808}
.ocean-video-sound{visibility:hidden}.video-active .ocean-video-sound{visibility:visible}
@media(prefers-reduced-motion:reduce){.ocean-photo .ocean-film,.ocean-photo figcaption{transition:none}}