.MagicCase[data-case-motion] [data-case-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .9s cubic-bezier(.18,.75,.25,1);transition-delay:var(--reveal-delay,0ms)}
.MagicCase[data-case-motion] [data-case-reveal][data-revealed]{opacity:1;transform:translateY(0)}
.MagicCase[data-case-motion] figure[data-case-reveal]{clip-path:inset(5% 0 0);transition:opacity .8s ease,transform 1s cubic-bezier(.18,.75,.25,1),clip-path 1s cubic-bezier(.18,.75,.25,1)}
.MagicCase[data-case-motion] figure[data-revealed]{clip-path:inset(0)}
.MagicCase[data-case-motion] [data-case-drift]{transform:perspective(1200px) translateY(var(--case-lift,0px)) rotateX(var(--case-tilt,0deg));transform-origin:50% 50%;backface-visibility:hidden}
.CaseScroll{position:relative;margin:38px 0 42px;min-width:0}
.CaseScroll__sticky{position:relative;min-width:0}
.CaseScroll__viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;padding-bottom:14px}
.MagicCase .CaseScroll__track{display:flex!important;gap:24px!important;margin:0!important;align-items:flex-start}
.MagicCase .CaseScroll__track>figure{flex:0 0 min(76vw,730px);min-width:0;margin:0;scroll-snap-align:start}
.CatbalCase .CaseScroll__track>figure{flex-basis:min(68vw,350px)}
.TurboCase .CaseScroll__track>figure{flex-basis:min(65vw,310px)}
.CaseScroll__progress{height:1px;background:#ffffff1c;margin-top:24px;overflow:hidden;display:none}
.CaseScroll__progress>span{display:block;height:100%;width:100%;background:var(--accent,#fff);transform:scaleX(var(--case-progress,0));transform-origin:left}
@media(min-width:800px) and (min-height:600px){
 .CaseScroll[data-scroll-active]{height:calc(var(--case-sticky-height) + var(--case-run));}
 .CaseScroll[data-scroll-active] .CaseScroll__sticky{position:sticky;top:110px;height:var(--case-sticky-height);display:flex;flex-direction:column;justify-content:center}
 .CaseScroll[data-scroll-active] .CaseScroll__viewport{overflow:clip;padding:18px 0 12px;scroll-snap-type:none}
 .CaseScroll[data-scroll-active] .CaseScroll__track{transform:translate3d(var(--case-travel,0px),0,0);will-change:transform}
 .CaseScroll[data-scroll-active] .CaseScroll__track>figure{transform:perspective(1000px) rotateY(var(--card-angle,0deg));transform-origin:center;transition:none}
 .CaseScroll[data-scroll-active] .CaseScroll__progress{display:block}
 .CaseScroll[data-scroll-active] figure img{max-height:calc(100svh - 230px);object-fit:contain}
 .CaseScroll[data-scroll-active] .CaseScroll__track>figure:focus-within{outline:1px solid var(--accent);outline-offset:6px}
}
@media(max-width:799px){.CaseScroll__viewport{margin-inline:-5vw;padding-inline:5vw}.MagicCase .CaseScroll__track{gap:16px!important}.CaseScroll__track figcaption{font-size:9px}.MagicCase[data-case-motion] [data-case-drift]{transform:none}}
@media(prefers-reduced-motion:reduce){.MagicCase[data-case-motion] [data-case-reveal]{opacity:1;transform:none;clip-path:none;transition:none}.MagicCase[data-case-motion] [data-case-drift]{transform:none}.CaseScroll__track{transform:none!important;will-change:auto!important}.CaseScroll__track>figure{transform:none!important}}