/* Styleguide rotations are regular cells of the shared case mosaic. */
.case-styleguide{position:relative;overflow:hidden;background:var(--paper)}
.case-styleguide__frames{position:absolute;inset:0}
.case-styleguide__frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;opacity:0;transform:translateX(100%);transition:transform .65s cubic-bezier(.22,.61,.36,1),opacity .65s ease;pointer-events:none}.case-styleguide__frame.is-active{opacity:1;transform:translateX(0)}.case-styleguide__frame.is-exit{opacity:0;transform:translateX(-100%)}

@media(prefers-reduced-motion:reduce){.case-styleguide__frame{transition:none}}

.case-gallery__video{width:min(44%,560px);margin:clamp(18px,3vw,44px) 0 0 auto;position:relative;background:var(--paper-deep);overflow:hidden}.case-gallery__video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.case-gallery__video--mosaic{width:auto;margin:0;aspect-ratio:var(--ar,1.5);background:var(--paper-deep)}.case-gallery__video--mosaic video{height:100%;aspect-ratio:auto;object-fit:cover}@media(max-width:700px){.case-gallery__video{width:100%;margin-top:20px}.case-gallery__video--mosaic{width:100%;margin-top:0}}