.coastal-motion{margin:2rem 0}.coastal-motion__stage{position:relative;aspect-ratio:16/9;background:#162f3a}.coastal-motion__stage img,.coastal-motion__stage video{display:block;width:100%;height:auto}.coastal-motion__stage video{position:absolute;inset:0}.coastal-motion [hidden]{display:none!important}.coastal-motion figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:.75rem;font-size:.9rem}.coastal-motion button{font:inherit;padding:.6rem 1rem;min-height:44px;border:1px solid currentColor;border-radius:3px;background:var(--paper,#f6f2ea);color:#162f3a;cursor:pointer}.coastal-motion button:focus-visible{outline:3px solid #b77924;outline-offset:3px}

.coastal-motion:fullscreen{box-sizing:border-box;display:flex;flex-direction:column;width:100vw;height:100vh;margin:0;padding:clamp(12px,2vw,28px);background:#162f3a;color:#f6f2ea;overflow:auto}
.coastal-motion:fullscreen .coastal-motion__stage{flex:1;min-height:0;aspect-ratio:auto}
.coastal-motion:fullscreen .coastal-motion__stage img,.coastal-motion:fullscreen .coastal-motion__stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.coastal-motion:fullscreen figcaption{justify-content:center;flex-shrink:0;color:#f6f2ea}