.VideoRing-module-scss-module__oSpzia__ring{--card-w:240px;--centre-y:50%;color:#fff;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;background:#000;height:100svh;min-height:34rem;position:relative;overflow:hidden}.VideoRing-module-scss-module__oSpzia__ring[data-dragging]{cursor:grabbing}.VideoRing-module-scss-module__oSpzia__logo{left:50%;top:var(--centre-y);aspect-ratio:18/6.3;width:clamp(64px,6.5vw,104px);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;pointer-events:none;background:#fff;animation:9s linear infinite VideoRing-module-scss-module__oSpzia__spin;position:absolute;translate:-50% -50%}.VideoRing-module-scss-module__oSpzia__ring[data-paused] .VideoRing-module-scss-module__oSpzia__logo{animation-play-state:paused}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .VideoRing-module-scss-module__oSpzia__logo{animation:none}}:root[data-motion=reduced] .VideoRing-module-scss-module__oSpzia__logo{animation:none}@keyframes VideoRing-module-scss-module__oSpzia__spin{to{transform:perspective(400px)rotateY(360deg)}}.VideoRing-module-scss-module__oSpzia__card{z-index:var(--z);width:var(--card-w);aspect-ratio:16/9;opacity:0;will-change:transform;-webkit-user-drag:none;transition:opacity .6s;position:absolute;top:0;left:0}.VideoRing-module-scss-module__oSpzia__ring[data-ready] .VideoRing-module-scss-module__oSpzia__card{opacity:1}.VideoRing-module-scss-module__oSpzia__card[data-active]{z-index:200}.VideoRing-module-scss-module__oSpzia__card:focus-visible{outline:none}.VideoRing-module-scss-module__oSpzia__card:focus-visible .VideoRing-module-scss-module__oSpzia__frame{outline-offset:3px;outline:2px solid #fff}.VideoRing-module-scss-module__oSpzia__frame{background:#111;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .4s;display:block}.VideoRing-module-scss-module__oSpzia__card[data-active] .VideoRing-module-scss-module__oSpzia__frame{transform:scale(1.45)}.VideoRing-module-scss-module__oSpzia__ring[data-picking] .VideoRing-module-scss-module__oSpzia__card:not([data-active]) .VideoRing-module-scss-module__oSpzia__frame{filter:grayscale()brightness(.55)}.VideoRing-module-scss-module__oSpzia__frame video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.VideoRing-module-scss-module__oSpzia__captions{z-index:300;padding:0 calc(var(--page-gutter) + 3.75rem) 1.5rem var(--page-gutter);letter-spacing:.16em;text-transform:uppercase;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;font-size:.6875rem;line-height:1.4;display:grid;position:absolute;inset:auto 0 0}.VideoRing-module-scss-module__oSpzia__count{justify-self:start}.VideoRing-module-scss-module__oSpzia__caption{text-align:center;justify-self:center}.VideoRing-module-scss-module__oSpzia__hint{color:#fff9;justify-self:end}.VideoRing-module-scss-module__oSpzia__pause{right:var(--page-gutter);z-index:300;color:#fff;cursor:pointer;background:#0000004d;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;transition:background-color .2s,border-color .2s;display:grid;position:absolute;bottom:.75rem}.VideoRing-module-scss-module__oSpzia__pause svg{fill:currentColor;width:1rem;height:1rem}@media (hover:hover){.VideoRing-module-scss-module__oSpzia__pause:hover{background:#ffffff1f;border-color:#fff}}.VideoRing-module-scss-module__oSpzia__pause:focus-visible{border-radius:50%;outline-color:#fff}