.sf{position:absolute;inset:0;overflow:hidden}.sf-deck{aspect-ratio:542/297;width:min(30rem,38vw);transition:opacity .7s var(--ease), translate .9s var(--ease);position:absolute;top:50%;right:max(5vw,53vw - 38rem);translate:0 -30%}.sf-slide{transform:translate3d(calc((var(--i) - 2.5) * 26vw), calc(40vh + var(--i) * 6vh), 0) rotate(calc((var(--i) - 2.5) * 9deg));opacity:0;transition:transform .9s cubic-bezier(.16, 1, .3, 1), opacity .5s var(--ease);transition-delay:calc(var(--i) * 90ms);border-radius:14px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #fff9,0 30px 60px -28px #1b2b4a73,0 0 0 1px #14181b0f}.sf[data-phase=a] .sf-slide,.sf[data-phase=c] .sf-slide{opacity:1;transform:translate3d(calc(var(--i) * -6px), calc(var(--i) * -6px), 0) rotate(calc((var(--i) - 2.5) * .6deg))}.sf-slide__img,.sf-slide__img img{object-fit:cover;width:100%;height:100%}.sf-slide.is-front{z-index:10}.sf[data-phase=a] .sf-slide.is-front,.sf[data-phase=c] .sf-slide.is-front{transition-delay:0s;transform:translate(-18px,-24px)rotate(-1.5deg)scale(1.04)}.sf[data-phase=b] .sf-deck{opacity:0;translate:8vw -30%}.sf-kai{width:clamp(110px,12vw,170px);transition:opacity .7s var(--ease), transform .9s var(--ease);position:absolute;bottom:0;right:max(2vw,50vw - 40rem)}.sf-kai img{width:100%;height:auto;animation:4.8s ease-in-out infinite sf-bob}@keyframes sf-bob{50%{transform:translateY(-10px)rotate(-1.5deg)}}.sf[data-phase=b] .sf-kai{opacity:0;transform:translateY(40px)}.sf.is-paused *{animation-play-state:paused!important}@media (width<=899px){.sf-deck{width:72vw;top:auto;bottom:8svh;right:14vw;translate:0}.sf[data-phase=a] .sf-deck{opacity:.35}.sf[data-phase=b] .sf-deck{translate:0 20vh}.sf-kai{width:84px;right:3vw}}