.trip-carousel{position:relative;isolation:isolate;max-width:1100px;aspect-ratio:16/9;margin:auto;overflow:hidden;border-radius:10px;background:#0b2334;touch-action:pan-y}
.trip-scene{position:absolute;inset:0;opacity:0;transition:opacity 800ms ease;pointer-events:none}
.trip-scene.is-active{opacity:1;z-index:1}
.trip-scene img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.trip-scene .trip-passenger{opacity:0}
.trip-carousel button{position:absolute;z-index:3;display:grid;place-items:center;border:0;cursor:pointer;color:white;background:rgba(9,34,51,.55);padding:0;font:inherit;min-width:44px;min-height:44px;border-radius:50%}
.trip-carousel button:hover{background:rgba(9,34,51,.85)}
.trip-carousel button:focus-visible{outline:3px solid #00bce5;outline-offset:-3px}
.trip-carousel .trip-arrow{top:50%;transform:translateY(-50%);font-size:34px;line-height:1}
.trip-prev{left:10px}.trip-next{right:10px}
.trip-dots{position:absolute;z-index:3;bottom:8px;left:50%;transform:translateX(-50%);display:flex;border-radius:24px;background:rgba(255,255,255,.7)}
.trip-carousel .trip-dot{position:relative;min-width:32px;min-height:44px;background:transparent}
.trip-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#2585b0;opacity:.55;transition:transform .2s,opacity .2s}
.trip-dot[aria-current=true]:before{background:#007da9;opacity:1;transform:scale(1.45);box-shadow:0 0 0 2px white}
.trip-carousel .trip-play{right:10px;bottom:8px;font-size:17px}
@media(max-width:600px){.trip-carousel{aspect-ratio:3/2}.trip-prev{left:3px}.trip-next{right:3px}.trip-dots{bottom:3px}.trip-carousel .trip-play{right:3px;bottom:3px}}
@media(prefers-reduced-motion:reduce){.trip-scene{transition:none}}