.goat-carousel{position:relative;overflow:hidden;aspect-ratio:1;background:#d8d6cb;touch-action:pan-y;cursor:grab}
.goat-carousel:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.goat-carousel-track{display:flex;height:100%;transition:transform .65s cubic-bezier(.22,.61,.36,1);will-change:transform}
.goat-carousel-slide{flex:0 0 100%;min-width:0;height:100%}
.goat-carousel-slide img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.goat-carousel-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:0;padding:0 4px;border-radius:20px;background:rgba(20,20,18,.6)}
.goat-carousel-dots button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer}
.goat-carousel-dots button:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff;opacity:.45}
.goat-carousel-dots button[aria-pressed=true]:after{opacity:1}
@media(prefers-reduced-motion:reduce){.goat-carousel-track{transition:none}}

/* Keep the entire video visible at its own dimensions, without letterboxing. */
.other-page .other-media-grid{align-items:start}
.other-page .other-video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:var(--media-ratio,auto);object-fit:contain;background:transparent}
.other-page .other-media-card{align-self:start}