/* Gentle motion stays on visible gallery entries; Focus is kept steady. */
.effect{animation:effect-float 8s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 40%}.effect.is-visible{animation-play-state:running}.effect:nth-child(2n){animation-delay:-3s;animation-duration:9.5s}.effect.in-focus{animation:none}.angle-label{font-size:9px}.brand-sub{font-size:8.5px}.time{font-size:8.5px;min-width:87px}
@keyframes effect-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media(max-width:700px){.category-tab{font-size:13px;padding:10px}.angle-label{font-size:8.5px}.time{font-size:8px;min-width:80px}.brand-sub{font-size:8px}.eyebrow{font-size:8px}.collection-heading h2,.collection-heading>span{font-size:8px}}
@media(max-width:440px){.angle-label{font-size:8px}.loop-button{font-size:10px}.brand-sub{font-size:7px}.eyebrow{font-size:7px}.variant{font-size:10px}}
@media(prefers-reduced-motion:reduce){.effect{animation:none!important}}
@media(min-width:441px) and (max-width:700px){.categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;overflow:visible}.category-tab{font-size:12px;padding:10px 2px;min-width:0}}
@media(max-width:440px){.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible}.category-tab{font-size:13px;padding:9px 5px}}

/* Buffering stays unobtrusive; retain the visible frame during short seeks. */
.video-loading{inset:auto 14px 14px auto;padding:7px 11px;border-radius:10px;background:#17364ce8;font-size:11px;}.frame.is-loading .big-play{opacity:0;}