html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#117ba3}
.banner{position:relative;width:100%;height:100%;overflow:hidden}
.scene{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .7s ease,visibility .7s}
.scene.is-active{visibility:visible;opacity:1}
.background{position:absolute;width:100%;height:100%;inset:0}
.art{position:absolute;height:auto}
.controls{position:absolute;z-index:2;right:10px;bottom:8px;display:flex;gap:5px}
button{border:1px solid #fff9;border-radius:3px;background:#123f50e6;color:white;min-width:32px;min-height:28px;padding:3px 9px;font:12px/20px Arial,sans-serif;cursor:pointer}
button:hover{background:#075477}button:focus-visible{outline:3px solid #ffd75e;outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.scene{transition:none}}
@media(max-width:600px){.controls{left:6px;right:auto;top:6px;bottom:auto}}