.case-viewport{overflow-x:clip}.case-stage{position:relative;width:100%;perspective:1400px;perspective-origin:50% 42%;touch-action:pan-y;overscroll-behavior-x:contain;cursor:grab;outline:none;--case-card-w:520px;--case-card-h:390px;--case-radius:812px;--case-bevel-w:calc(var(--case-card-w) * 0.062);--case-band-w:calc(var(--case-card-w) * 0.065);height:468px}.case-stage[data-dragging=true]{cursor:grabbing}.case-slab[data-front=false]{cursor:pointer}.case-stage:after{content:"";bottom:6%;width:var(--case-card-w,520px);height:42px;transform:translateX(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.14) 0,rgba(0,0,0,.075) 38%,rgba(0,0,0,.028) 62%,transparent 82%)}.case-glow,.case-stage:after{position:absolute;left:50%;pointer-events:none;z-index:0}.case-glow{top:46%;height:calc(var(--case-card-w, 520px) * 1.05);width:calc(var(--case-card-w, 520px) * 1.45);transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(closest-side,rgba(var(--case-glow-rgb,120 160 200),.17) 0,rgba(var(--case-glow-rgb,120 160 200),.128) 22%,rgba(var(--case-glow-rgb,120 160 200),.078) 42%,rgba(var(--case-glow-rgb,120 160 200),.038) 60%,rgba(var(--case-glow-rgb,120 160 200),.013) 78%,transparent 92%);transition:background .52s var(--lg-ease,ease)}.case-slab{position:absolute;left:50%;top:50%;width:var(--case-card-w,520px);height:var(--case-card-h,390px);border-radius:calc(var(--case-card-w, 520px) * .088) calc(var(--case-card-w, 520px) * .104) calc(var(--case-card-w, 520px) * .092) calc(var(--case-card-w, 520px) * .076);transform-origin:50% 50%;will-change:transform,opacity;margin-left:calc(var(--case-card-w, 520px) / -2);margin-top:calc(var(--case-card-h, 390px) / -2)}.case-slab:before{content:"";box-shadow:0 58px 96px rgba(0,0,0,.22),0 22px 44px rgba(0,0,0,.13),0 6px 12px rgba(0,0,0,.07);opacity:var(--case-depth,1);pointer-events:none;z-index:-1}.case-face,.case-slab:before{position:absolute;inset:0;border-radius:inherit}.case-face{filter:blur(var(--case-blur,0));z-index:1}.case-media{overflow:hidden;border-radius:inherit;z-index:1}.case-media,.case-photo{position:absolute;inset:0}.case-photo{transform:translate3d(var(--case-parallax,0),0,0) scale(1.075)}.case-media img{border-radius:inherit}.case-edge{inset:0;z-index:3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.34),inset 0 1px 0 rgba(255,255,255,.52),inset 0 -1px 0 rgba(188,222,244,.2)}.case-edge,.case-glass-webgl{position:absolute;border-radius:inherit;pointer-events:none}.case-glass-webgl{inset:calc(var(--case-card-w, 520px) * -.1);z-index:2;overflow:visible;filter:blur(var(--case-blur,0))}.case-glass-webgl canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.case-glass-webgl-fallback{position:absolute;inset:calc(var(--case-card-w, 520px) * .1);pointer-events:none}.case-glass-webgl canvas{display:block;opacity:0;transition:opacity .26s var(--lg-ease,ease)}.case-glass-webgl[data-ready=true] canvas{opacity:1}.case-glass-webgl[data-ready=true] .case-glass-webgl-fallback{opacity:0}.case-slab[data-glass=on]>.case-face,.case-slab[data-glass=on]>.case-side{visibility:hidden}.case-glass-webgl-fallback{border-radius:inherit;opacity:1;box-shadow:inset 0 0 calc(var(--case-band-w) * .3) calc(var(--case-band-w) * .1) rgba(214,236,255,.13),inset 0 0 calc(var(--case-band-w) * .62) calc(var(--case-band-w) * .3) rgba(198,226,250,.06);transition:opacity .26s var(--lg-ease,ease)}.case-surface{inset:0;border-radius:inherit;overflow:hidden;z-index:4;box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 0 0 1px rgba(255,255,255,.18),inset 0 -10px 20px -16px rgba(44,84,112,.1)}.case-sheen,.case-surface{position:absolute;pointer-events:none}.case-sheen{inset:-20%;opacity:calc(var(--case-sheen, .4) * .56);background:linear-gradient(104deg,rgba(255,255,255,0) 34%,rgba(255,255,255,.06) 44%,rgba(255,255,255,.24) 50%,rgba(192,231,255,.07) 56%,rgba(255,255,255,0) 66%);transform:translate3d(var(--case-sheen-x,0),0,0)}.case-surface:after{content:"";inset:0;background:radial-gradient(28% 18% at 22% 10%,rgba(255,255,255,.18),transparent 72%)}.case-side,.case-surface:after{position:absolute;pointer-events:none}.case-side{top:9%;bottom:9%;z-index:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 11%,#000 89%,transparent);mask-image:linear-gradient(180deg,transparent,#000 11%,#000 89%,transparent)}.case-side-l{right:100%;width:var(--case-side-l,0);border-radius:calc(var(--case-card-w) * .03) 0 0 calc(var(--case-card-w) * .03);background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(210,237,252,.14) 14%,rgba(182,221,244,.08) 42%,rgba(216,240,253,.16) 74%,rgba(255,255,255,.42));box-shadow:inset -1px 0 0 rgba(255,255,255,.26)}.case-side-r{left:100%;width:var(--case-side-r,0);border-radius:0 calc(var(--case-card-w) * .03) calc(var(--case-card-w) * .03) 0;background:linear-gradient(270deg,rgba(255,255,255,.22),rgba(203,230,248,.11) 16%,rgba(176,211,236,.07) 46%,rgba(210,235,250,.13) 76%,rgba(255,255,255,.32));box-shadow:inset 1px 0 0 rgba(255,255,255,.2)}.case-rim{position:absolute;top:0;bottom:0;width:1.5px;pointer-events:none;background:rgba(255,255,255,.58)}.case-rim-l{left:0;opacity:var(--case-rim-l,0)}.case-rim-r{right:0;opacity:var(--case-rim-r,0)}.case-panel{margin:0 auto;max-width:46rem;text-align:center}.case-panel-swap{animation:case-panel-in .42s cubic-bezier(.4,0,.2,1) both}@keyframes case-panel-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.case-arrow{display:inline-flex;height:2.75rem;width:2.75rem;flex:none;align-items:center;justify-content:center;border-radius:999px;color:rgba(0,0,0,.62);transition:background .2s var(--lg-ease,ease),color .2s var(--lg-ease,ease)}.case-arrow:hover{color:rgba(0,0,0,.86);background:rgba(255,255,255,.78)}.case-dot{display:block;height:1.75rem;width:1.125rem;flex:none;border:none;background:none;padding:0;cursor:pointer}.case-dot:after{content:"";display:block;height:7px;width:7px;margin:0 auto;border-radius:999px;background:rgba(0,0,0,.2);transition:background .25s var(--lg-ease,ease),transform .25s var(--lg-ease,ease)}.case-dot:hover:after{background:rgba(0,0,0,.34)}.case-dot[aria-current=true]:after{background:#007AFF;transform:scale(1.5)}.case-arrow:focus-visible,.case-dot:focus-visible,.case-stage:focus-visible{outline:2px solid rgba(0,122,255,.55);outline-offset:3px;border-radius:12px}.case-dot:focus-visible{border-radius:999px}@media (hover:none){.case-stage{cursor:default}}@media (max-width:767px){.case-stage{cursor:default;--case-card-w:min(calc((100vw - 2rem) * 0.78),340px);--case-card-h:calc(var(--case-card-w) * 0.75);--case-radius:calc(var(--case-card-w) * 1.68);height:calc(var(--case-card-w) * .9)}}@media (prefers-reduced-motion:reduce){.case-glow,.case-panel-swap{transition-duration:1ms!important;animation:none!important}}