.experience-hero-photo.drone-hero { width:min(100%,360px); justify-self:center; }
.drone-frame { position:relative; aspect-ratio:9/16; background:#102b2e; overflow:hidden; }
.experience-hero-photo .drone-frame img { display:block; width:100%; height:100%; aspect-ratio:9/16; object-fit:contain; }
.drone-frame video { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; }
.drone-frame video.has-frame { opacity:1; }
.drone-control { position:absolute; bottom:12px; right:12px; min-height:44px; padding:10px 16px; border:1px solid #ead19a; border-radius:3px; background:#102b2e; color:#fff; font:600 .8rem system-ui,sans-serif; cursor:pointer; }
.drone-control[hidden] { display:none; }
.drone-control:focus-visible { outline:3px solid #ead19a; outline-offset:3px; }
@media(max-width:760px) { .experience-hero-photo.drone-hero { width:min(100%,300px); } }