/* Material photographs crossfade in one stable frame; original editorial photos stay static. */
.bar-rotation{min-width:0}
.bar-rotation-stage{display:grid;touch-action:pan-y}
.bar-rotation-slide{grid-area:1/1;min-width:0;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 900ms ease-in-out,visibility 0s 900ms}
.bar-rotation-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.bar-rotation-photo{aspect-ratio:3/2;overflow:hidden;background:var(--soft)}
.bar-rotation-photo img{display:block;width:100%;height:100%;object-fit:cover}
.bar-rotation-slide figcaption{padding-top:20px;max-width:55ch}
html body .bar-rotation-slide h3{font:310 26px/1.2 var(--display)}
.bar-rotation-slide figcaption p{margin-top:12px;font-size:14px;line-height:1.55;color:var(--muted)}
.bar-rotation-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:12px;border-top:1px solid var(--line);font-size:12px}
.bar-rotation-controls[hidden],.bar-rotation-controls button[hidden]{display:none}
.bar-rotation-count{font-variant-numeric:tabular-nums;white-space:nowrap}
.bar-rotation-controls>div{display:flex;gap:4px}
.bar-rotation-controls button{min-height:44px;min-width:44px;padding:8px 12px;background:transparent;border:0;border-radius:0;color:inherit;font:inherit;cursor:pointer}
.bar-rotation-controls button:hover{background:var(--soft)}
.bar-rotation-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.bar-rotation-announcement{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:649px){html body .bar-rotation-slide h3{font-size:23px}.bar-rotation-slide figcaption{padding-top:16px}}
@media(prefers-reduced-motion:reduce){.bar-rotation-slide{transition:none}}

/* The homepage card keeps the same image proportions as its two neighbours. */
.finish-rotation .bar-rotation-photo{display:block;aspect-ratio:460/560}
.finish-rotation .bar-rotation-photo img{object-position:var(--finish-focus,50% 50%);transform-origin:var(--finish-focus,50% 50%);transform:scale(var(--finish-scale,1))!important}
.finish-rotation .bar-rotation-slide figcaption{padding-top:12px}
html body .finish-rotation .bar-rotation-slide h3{font:310 20px/1.2 var(--display);margin:0}
.finish-rotation .bar-rotation-slide figcaption p{margin-top:8px;font-size:12px;line-height:1.4}
.finish-rotation .bar-rotation-controls{margin-top:12px;padding-top:4px;gap:4px}
.finish-rotation .bar-rotation-controls button{padding-inline:8px}
@media(max-width:1023px){html body .finish-rotation .bar-rotation-slide h3{font-size:18px}}