.showreel{padding-block:var(--section)}.showreel__head{justify-content:space-between;align-items:flex-end;gap:24px var(--gutter);flex-wrap:wrap;margin-bottom:clamp(32px,5vw,64px);display:flex}.showreel__say{min-width:0}.showreel__title{max-width:16em}.showreel__lead{max-width:44ch;font-size:var(--step-lead);margin-top:20px;font-weight:500;line-height:1.3}.showreel__stage{position:relative}.showreel__stop{z-index:1;top:12px;left:calc(var(--margin) + 12px);background:var(--surface-3);width:44px;height:44px;color:var(--text);border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute}.showreel__stop:not(:focus-visible){clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.showreel__marquee{--showreel-gap:8px;--card-w:max(min(300px, 76vw), calc(100vw / (var(--cards,8) - 1) - var(--showreel-gap)));--pitch:calc(var(--card-w) + var(--showreel-gap));--showreel-loop:82s;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--margin);scrollbar-width:none;cursor:grab;position:relative;overflow-x:auto}.showreel__marquee::-webkit-scrollbar{display:none}.showreel__marquee[data-dragging]{scroll-snap-type:none;cursor:grabbing}.showreel__marquee:focus-visible{outline-offset:-2px}.showreel__list{gap:var(--showreel-gap);width:max-content;padding:0 var(--margin);margin:0;list-style:none;display:flex}.showreel__item{flex:0 0 var(--card-w);scroll-snap-align:start;min-width:0}.showreel__card{margin:0}.showreel__picture{aspect-ratio:9/16;background:var(--surface);position:relative;overflow:hidden}.showreel__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.showreel__caption{pointer-events:none;position:absolute;inset:0;container-type:size}.showreel__label{color:var(--muted);padding-top:12px;line-height:1.35}.showreel__look{color:var(--text);font-weight:600}.showreel__credit{max-width:54ch;color:var(--muted);font-size:var(--step-small);margin-top:20px;line-height:1.5}@media (prefers-reduced-motion:no-preference){.showreel__marquee{scroll-snap-type:none;cursor:auto;overflow:clip}.showreel__list{padding:0}.showreel__marquee[data-live] .showreel__item{animation:showreel-drift var(--showreel-loop) linear infinite;animation-delay:calc(var(--showreel-loop) * (var(--slot) + 1) / var(--cards,8) * -1)}.showreel__marquee[data-paused] .showreel__item{animation-play-state:paused}}@keyframes showreel-drift{0%{transform:translateX(calc(var(--pitch) * (-1 - var(--slot))))}to{transform:translateX(calc(var(--pitch) * (var(--cards,8) - 1 - var(--slot))))}}