/* Hallmark · component refinement · theme: zzz light exhibition · genre: editorial · v2.0.0 */
/* Hallmark · critique: five balanced portrait frames, with room for controls and a clear center. */
@media(min-width:701px) and (hover:hover) and (pointer:fine){
 .clip-carousel.is-five-stack{--five-gap:clamp(76px,12vw,120px)}
 .clip-carousel.is-five-stack .clip-stage{max-width:900px}
 .clip-carousel.is-five-stack .clip-slide[data-position=previous]{z-index:2;opacity:1;transform:translate(calc(-1 * var(--five-gap)),12px) scale(.86) rotate(-5deg)}
 .clip-carousel.is-five-stack .clip-slide[data-position=next]{z-index:2;opacity:1;transform:translate(var(--five-gap),12px) scale(.86) rotate(5deg)}
 .clip-carousel.is-five-stack .clip-slide[data-position=far-previous]{z-index:1;opacity:1;transform:translate(calc(-2 * var(--five-gap)),22px) scale(.72) rotate(-9deg)}
 .clip-carousel.is-five-stack .clip-slide[data-position=far-next]{z-index:1;opacity:1;transform:translate(calc(2 * var(--five-gap)),22px) scale(.72) rotate(9deg)}
 .clip-carousel.is-five-stack .clip-select:focus-visible{outline:2px solid var(--color-focus);outline-offset:-4px}
 .clip-carousel.is-five-stack .clip-select:active{opacity:.85}
 @media(prefers-reduced-motion:reduce){.clip-carousel.is-five-stack .clip-slide{transition:none}}
}