.ws-deck-box{aspect-ratio:1388/1180;width:100%;position:relative;container-type:inline-size}@media (width<=1023px){.ws-deck-stage .ws-deck-box{max-width:520px;margin-inline:auto}}.ws-deck{--u:calc(100cqw / 1388);--spread:1;--deck-x:-176;--deck-s:1.22;--pose:translate3d(calc(var(--deck-x) * var(--u)),calc(60 * var(--u)),0) rotateX(23deg) rotateY(44.5deg) rotateZ(-.4deg) scale(var(--deck-s));perspective:calc(6000 * var(--u));position:absolute;inset:0}.is-hover>.ws-deck{--spread:1.2}.ws-deck-card{--lift:0;width:calc(1000 * var(--u));aspect-ratio:1280/807;margin:calc(-315 * var(--u)) 0 0 calc(-500 * var(--u));transform-style:preserve-3d;transform:translate3d(calc(var(--i) * -128 * var(--u) * var(--spread)),calc(var(--i) * 88 * var(--u) * var(--spread)),0) var(--pose) rotateZ(calc(var(--i) * -1deg * var(--spread)));transition:transform .9s var(--sys-ease-standard);border-radius:3.56%/5.64%;display:block;position:absolute;top:50%;left:50%}.ws-deck-face{border-radius:inherit;transform:rotateY(calc(var(--lift) * (-7deg + var(--px,0) * 7deg))) rotateX(calc(var(--lift) * (3deg - var(--py,0) * 6deg))) translateZ(calc(var(--lift) * 70 * var(--u)));box-shadow:calc(-20 * var(--u)) calc(30 * var(--u)) calc(70 * var(--u)) var(--alpha-indigo-60);display:block;position:absolute;inset:0}.ws .ws-deck-card img{border-radius:inherit;width:100%;height:100%;display:block}.ws-deck-sheen{border-radius:inherit;background:linear-gradient(112deg,transparent 38%,var(--alpha-white-32) 49%,var(--alpha-white-05) 54%,transparent 62%) 130% 0/260% 100% no-repeat;mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.is-white .ws-deck-sheen{background-image:linear-gradient(112deg,transparent 38%,var(--alpha-white-95) 49%,var(--alpha-white-30) 54%,transparent 62%);mix-blend-mode:soft-light}@keyframes ws-deck-deal{0%{opacity:0;translate:0 calc(36 * var(--u))}}.ws-deck:not(.is-shuffled) .ws-deck-card{animation:ws-deck-deal .8s var(--lp-out) calc(.16s + (3 - var(--i)) * 80ms) backwards}@keyframes ws-deck-leave{0%{z-index:9;transform:translate3d(0,0,0) var(--pose) rotateZ(0deg)}48%{z-index:9;transform:translate3d(calc(560 * var(--u)),calc(-250 * var(--u)),0) var(--pose) rotateZ(5deg)}49%{z-index:0}}.ws-deck-card.is-leaving{animation:ws-deck-leave 1.15s var(--sys-ease-in-out) both}@keyframes ws-deck-pass{0%{background-position:130% 0}to{background-position:-30% 0}}.is-shuffled .ws-deck-card[data-front] .ws-deck-sheen:not(.ws-deck-glint){animation:ws-deck-pass 1.5s var(--sys-ease-in-out) .35s both}.is-hover>.ws-deck .ws-deck-card{transition-duration:var(--sys-dur-tone)}.ws-deck-card[data-front]{--lift:var(--hover,0)}.ws-deck-glint{opacity:var(--lift);background-position:calc(50% - var(--px,0) * 60%) 0}.ws-deck-meter{right:0;bottom:calc(59% - var(--space-24));z-index:12;width:min(100%,232px);padding:var(--space-16);border:1px solid var(--sys-border-subtle);border-radius:var(--radius-14);background:var(--sys-surface-page);box-shadow:0 24px 40px -20px var(--alpha-indigo-60);animation:ws-hero-in .7s var(--lp-out) .55s backwards;position:absolute}.lp-sys-atelier.ws .lp-hero .ws-deck-meter p{margin:0}.lp-sys-atelier.ws .lp-hero p.ws-deck-meter-label{justify-content:space-between;align-items:center;gap:var(--space-8);font-size:var(--t-14);line-height:var(--t-14-lh);color:var(--sys-text-strong);font-weight:600;display:flex}.ws-deck-meter-label .ws-sample{font-size:var(--t-12);font-weight:400}@media (width>=1200px){.ws-deck-box{translate:clamp(0px,calc(50vw - 588px - var(--space-40)),var(--space-72)) 0}}@media (width>=1200px) and (width<=1399px){.ws-deck{--deck-x:-90;--deck-s:1.06}.ws-deck-meter{width:216px;bottom:calc(59% - var(--space-16))}}@media (width>=1200px) and (width<=1279px){.ws-deck{--deck-x:-40;--deck-s:.98}}@media (width<=1199px){.ws-deck{--deck-x:-40;--deck-s:1}.ws-deck-meter{width:208px;padding:var(--space-12);bottom:calc(59% - var(--space-12))}}@media (width<=1023px){.ws-deck{--deck-x:70;--deck-s:1}.ws-deck-meter{bottom:calc(59% + var(--space-12))}}@media (width<=480px){.ws-deck-meter{bottom:calc(59% + var(--space-36))}.lp-sys-atelier .lp-hero .ws-deck-stage{margin-top:var(--space-24)}}.ws-deck-meter-track{height:var(--space-8);margin-block:var(--space-10);border-radius:var(--radius-pill);background:var(--sys-surface-brand-subtle);display:block;overflow:hidden}.ws-deck-meter-track i{border-radius:inherit;background:var(--sys-surface-brand);transform-origin:0;height:100%;animation:ws-deck-fill .8s var(--lp-out) backwards;display:block;transform:scaleX(.68)}@keyframes ws-deck-fill{0%{transform:scaleX(.02)}}.lp-sys-atelier.ws .lp-hero p.ws-deck-meter-value{font-size:var(--t-14);line-height:var(--t-14-lh);font-variant-numeric:tabular-nums;color:var(--sys-text-muted)}.ws-deck-meter-value b{color:var(--sys-text-strong);font-weight:600}@media (prefers-reduced-motion:reduce){.ws-deck-card,.ws-deck-card.is-leaving,.ws-deck-sheen,.ws-deck-face,.ws-deck-meter,.ws-deck-meter-track i{transition:none!important;animation:none!important}}
