.ws-cardsel{gap:clamp(var(--space-24),4vw,var(--space-56));grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;display:grid}.ws-tablist{gap:var(--space-8);display:grid}.ws-tab{font:inherit;text-align:left;background:var(--sys-surface-raised);border:1px solid var(--sys-border-default);border-radius:var(--radius-14);padding:var(--space-12) var(--space-16);cursor:pointer;min-height:60px;color:var(--sys-text-body);justify-content:space-between;align-items:center;gap:var(--space-12);font-size:var(--t-16);transition:box-shadow .2s;display:flex}.ws-tab b{color:var(--sys-text-strong);white-space:nowrap;font-weight:600}.ws-tab:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--sys-border-strong) 8%,transparent)}.ws-tab[aria-selected=true]{border-color:var(--sys-border-brand);box-shadow:inset 0 0 0 1px var(--sys-border-brand);background:var(--sys-surface-brand-subtle)}.ws-cardpanel{gap:clamp(var(--space-20),3vw,var(--space-40));background:var(--sys-surface-subtle);border-radius:var(--radius-24);padding:clamp(var(--space-20),3vw,var(--space-36));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.ws-cardpanel[hidden]{display:none}.ws-cardpanel h3{color:var(--sys-text-strong);margin:0 0 var(--space-10)}.ws-cardpanel p{margin:0 0 var(--space-16);font-size:var(--t-16);line-height:var(--t-16-lh)}@media (width<=900px){.ws-cardsel{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.ws-tablist{grid-template-columns:1fr 1fr}.ws-tab{align-items:flex-start;gap:var(--space-2);min-height:76px;font-size:var(--t-14);flex-direction:column}.ws-cardpanel{grid-template-columns:minmax(0,1fr)}}@keyframes ws-deal{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0}}@keyframes ws-cc-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes ws-cc-pop{0%{opacity:0;transform:scale(.6)}}@keyframes ws-cc-grow{0%{transform:scaleX(0)}}.ws-cc-sel{align-items:stretch}.ws .ws-cc-panel{align-items:center;gap:clamp(var(--space-20),3vw,44px);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:520px}.ws-cc-sel>div:first-child{flex-direction:column;display:flex}.ws-cc-sel .ws-ask:empty{display:none}.ws-cc-sel .ws-tablist{flex:1;grid-auto-rows:minmax(0,1fr)}.ws-cc-sel .ws-tab{justify-content:flex-start;gap:var(--space-16);padding:var(--space-12) var(--space-16);border-radius:var(--radius-16);transition:border-color var(--sys-dur-hover) var(--sys-ease-out),background-color var(--sys-dur-hover) var(--sys-ease-out),box-shadow var(--sys-dur-hover) var(--sys-ease-out)}.ws-cc-sel .ws-tab:focus-visible{outline:var(--sys-focus-width) solid var(--sys-border-brand);outline-offset:var(--sys-focus-offset)}.ws-cc-thumb{aspect-ratio:1.59;width:clamp(var(--space-56),8vw,104px);height:auto;filter:drop-shadow(0 6px 8px color-mix(in srgb,var(--sys-border-strong) 18%,transparent));transition:transform var(--sys-dur-layout) var(--sys-ease-out);flex:none;display:block}.ws-cc-thumb-art{width:100%;height:100%;display:block}.ws-cc-sel .ws-tab:hover .ws-cc-thumb{transform:translateY(-2px)}.ws-cc-sel .ws-tab[aria-selected=true] .ws-cc-thumb{transform:translateY(-2px)rotate(-3deg)}.ws-cc-tabname{gap:var(--space-2);min-width:0;font-size:var(--t-14);line-height:var(--t-14-lh);color:var(--sys-text-muted);display:grid}.ws-cc-tabname b{font-size:var(--t-16);line-height:var(--t-16-lh)}.ws-cc-stage{padding:var(--space-16) 0 var(--space-8);perspective:1100px;justify-items:center;display:grid;position:relative}.ws-cc-spot{aspect-ratio:1.59;width:100%;max-width:330px;transform-style:preserve-3d;place-items:center;display:grid;position:relative}.ws-cc-spot:after{content:"";border-radius:var(--radius-round);background:radial-gradient(closest-side,color-mix(in srgb,var(--sys-surface-strong) 28%,transparent),transparent);filter:blur(6px);pointer-events:none;height:22%;position:absolute;bottom:-18%;left:12%;right:12%;transform:translateZ(-40px)}.ws-cc-plastic{--ws-cc-edge:var(--vis-navy-13);aspect-ratio:1.59;border-radius:var(--radius-16);width:100%;transform-style:preserve-3d;transform:rotateX(calc(10deg - var(--py,0) * 14deg)) rotateY(calc(-16deg + var(--px,0) * 22deg)) rotateZ(-4deg);display:block;position:relative}.ws-cc-plastic.is-black{--ws-cc-edge:linear-gradient(135deg,var(--vis-metal-49),var(--vis-metal-11) 40%,var(--vis-metal-55) 70%,var(--vis-metal-13))}.ws-cc-plastic.is-white{--ws-cc-edge:var(--vis-blue-83)}.ws-cc-plastic.is-virtual{--ws-cc-edge:var(--vis-blue-68)}.ws-cc-plastic.is-travel{--ws-cc-edge:var(--vis-blue-50)}.ws-cc-plastic:before,.ws-cc-plastic:after{content:"";z-index:-1;border-radius:inherit;background:var(--ws-cc-edge);position:absolute;inset:1px}.ws-cc-plastic:before{transform:translateZ(-1.5px)}.ws-cc-plastic:after{box-shadow:0 30px 50px -22px var(--alpha-indigo-55);transform:translateZ(-3px)}.ws-cc-face{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.ws-cc-face .ws-cc-art{width:100%;height:100%;display:block;position:absolute;inset:0}.ws-cc-plastic.is-black .ws-cc-face{background:#000}.ws-cc-plastic.is-black:before,.ws-cc-plastic.is-black:after{background:var(--vis-carbon-5)}.ws .ws-cc-face img{object-fit:cover;width:100%;height:100%;display:block}.ws-cc-sheen{background:linear-gradient(105deg,transparent 38%,var(--alpha-white-30) 48%,var(--alpha-white-05) 54%,transparent 62%) 120% 0/260% 100% no-repeat;mix-blend-mode:screen;position:absolute;inset:0}.is-white>.ws-cc-face .ws-cc-sheen{background-image:linear-gradient(105deg,transparent 38%,var(--alpha-white-95) 48%,var(--alpha-white-30) 54%,transparent 62%);mix-blend-mode:normal}.ws-cc-stage.is-hover .ws-cc-sheen{background-position:calc(50% - var(--px,0) * 60%) 0}.is-black>.ws-cc-face:after{content:"";background:radial-gradient(circle at calc(50% + var(--px,0) * 45%) calc(40% + var(--py,0) * 45%),var(--alpha-white-18),transparent 45%);mix-blend-mode:screen;opacity:.35;transition:opacity var(--sys-dur-wipe) var(--sys-ease-out);pointer-events:none;position:absolute;inset:0}.is-hover .is-black>.ws-cc-face:after{opacity:1}@keyframes ws-cc-deal{0%{opacity:0;filter:blur(8px);translate:0 40px;rotate:10deg;scale:.9}55%{opacity:1;filter:blur()}}@keyframes ws-cc-sheen{0%{background-position:120% 0}to{background-position:-20% 0}}.ws-cc-stage.ws-cc-js:not(.is-in) .ws-cc-plastic{opacity:0}.ws-cc-stage.is-in .ws-cc-spot>.ws-cc-plastic{animation:ws-cc-deal .8s var(--lp-out) backwards}.ws-cc-stage.is-in:not(.is-hover) .ws-cc-sheen{animation:ws-cc-sheen 1.4s var(--sys-ease-in-out) .45s both}.ws-cc-deck{width:100%;height:100%;transform:rotateX(calc(8deg - var(--py,0) * 10deg)) rotateY(calc(var(--px,0) * 14deg));display:block;position:relative}.ws-cc-deck-card{--ws-cc-fan:calc(var(--k) - 1);aspect-ratio:1.59;width:74%;transform:translateX(calc(var(--ws-cc-fan) * 14%)) translateY(calc(var(--ws-cc-fan) * var(--ws-cc-fan) * 5% + var(--ws-cc-fan) * 4%)) rotate(calc(var(--ws-cc-fan) * 7deg));transition:transform var(--sys-dur-wipe) var(--sys-ease-out);display:block;position:absolute;top:8%;left:13%}.ws-cc-deck .ws-cc-plastic{filter:drop-shadow(0 18px 18px color-mix(in srgb,var(--sys-border-strong) 30%,transparent));transform:none}.ws-cc-deck .ws-cc-plastic:before,.ws-cc-deck .ws-cc-plastic:after{display:none}.ws-cc-deck-l{justify-content:space-between;gap:var(--space-8);font-size:var(--t-12);line-height:var(--t-12-lh);font-variant-numeric:tabular-nums;color:var(--sys-text-inverse);text-shadow:0 1px 2px var(--alpha-indigo-55);display:flex;position:absolute;bottom:9%;left:8%;right:32%}.ws-cc-deck-l b{white-space:nowrap;font-weight:600}.ws-cc-deck-card:not(:last-child) .ws-cc-deck-l{display:none}.ws-cc-stage.is-hover .ws-cc-deck-card{transform:translateX(calc(var(--ws-cc-fan) * 22%)) translateY(calc(var(--ws-cc-fan) * var(--ws-cc-fan) * 8% - 3%)) rotate(calc(var(--ws-cc-fan) * 10deg))}.ws-cc-stage.ws-cc-js:not(.is-in) .ws-cc-deck-card{opacity:0}.ws-cc-stage.is-in .ws-cc-deck-card{animation:ws-cc-dealg .7s var(--lp-out) calc(var(--k) * .12s + .1s) both}@keyframes ws-cc-dealg{0%{opacity:0;translate:0 32px;scale:.92}}.ws-cc-showcase{padding-block:var(--space-24);perspective:1200px;place-items:center;display:grid;position:relative}.ws-cc-showcase:before{content:"";border-radius:var(--radius-round);background:radial-gradient(closest-side,color-mix(in srgb,var(--sys-text-brand-inverse) 34%,transparent),transparent);filter:blur(28px);pointer-events:none;position:absolute;inset:24% 4% -8%}.ws-cc-showcase-card{width:100%;max-width:520px;transform-style:preserve-3d;display:block;position:relative}.ws-cc-showcase-float{transform-style:preserve-3d;display:block;transform:rotateX(7deg)rotateY(-6deg)rotate(-1deg)}.ws-cc-showcase .ws-cc-plastic{transform:rotateY(calc(var(--px,0) * 12deg)) rotateX(calc(var(--py,0) * -10deg));transition:transform var(--sys-dur-layout) var(--sys-ease-out)}.ws-cc-showcase .ws-cc-plastic:after{box-shadow:0 48px 72px -28px var(--alpha-indigo-60)}@keyframes ws-cc-spot-float{0%,to{transform:rotateX(10deg)rotateY(-14deg)rotate(-2deg)translateY(0)}50%{transform:rotateX(4deg)rotateY(10deg)rotate(1deg)translateY(-8px)}}@keyframes ws-cc-spot-sheen{0%,30%{background-position:120% 0}75%,to{background-position:-20% 0}}.lp-sys-atelier.ws:not([data-ws-motion=off]) .ws-cc-showcase.is-live .ws-cc-showcase-float{animation:ws-cc-spot-float 9s var(--sys-ease-in-out) infinite}.lp-sys-atelier.ws:not([data-ws-motion=off]) .ws-cc-showcase.is-live .ws-cc-sheen{animation:ws-cc-spot-sheen 6.5s var(--sys-ease-in-out) infinite}@supports (animation-timeline:view()){@keyframes ws-cc-lift{0%{opacity:.4;translate:0 72px;rotate:x 38deg}}.lp-sys-atelier.ws:not([data-ws-motion=off]) .ws-cc-showcase-card{animation:linear both ws-cc-lift;animation-timeline:view();animation-range:entry cover 45%}}.ws-cc-tile{width:100%;min-height:150px;padding-block:var(--space-8);perspective:900px;flex:1;place-items:center;display:grid;position:relative}.ws-cc-tile:after{content:"";border-radius:var(--radius-round);background:radial-gradient(closest-side,color-mix(in srgb,var(--sys-surface-strong) 22%,transparent),transparent);filter:blur(6px);width:min(62%,200px);height:14%;transition:scale var(--sys-dur-layout) var(--sys-ease-out),opacity var(--sys-dur-layout) var(--sys-ease-out);pointer-events:none;position:absolute;bottom:8%;left:50%;translate:-50%}.ws-cc-tile-card{z-index:1;width:min(72%,232px);transform-style:preserve-3d;transition:translate var(--sys-dur-layout) var(--sys-ease-out),scale var(--sys-dur-layout) var(--sys-ease-out);display:block;position:relative}.ws-cc-tile .ws-cc-plastic{border-radius:var(--radius-12);transform:rotateX(calc(9deg - var(--py,0) * 16deg)) rotateY(calc(-12deg + var(--px,0) * 24deg)) rotateZ(-3deg)}.ws-cc-tile .ws-cc-plastic:after{box-shadow:0 22px 30px -18px var(--alpha-indigo-55)}.ws-cc-tile.is-hover .ws-cc-sheen{background-position:calc(50% - var(--px,0) * 60%) 0}.ws-cc-tile.is-hover .is-black>.ws-cc-face:after{opacity:1}:is(a,[data-m-hover]):is(:hover,:focus-visible) .ws-cc-tile-card,.ws-cc-tile.is-hover .ws-cc-tile-card{translate:0 -6px;scale:1.04}:is(a,[data-m-hover]):is(:hover,:focus-visible) .ws-cc-tile:after,.ws-cc-tile.is-hover:after{opacity:.7;scale:.86}.ws-cc-tile.ws-cc-js:not(.is-in) .ws-cc-plastic{opacity:0}.ws-cc-tile.is-in .ws-cc-plastic{animation:ws-cc-deal .8s var(--lp-out) backwards}.ws-cc-tile.is-in:not(.is-hover) .ws-cc-sheen{animation:ws-cc-sheen 1.4s var(--sys-ease-in-out) .45s both}.ws-cc-builder{z-index:2;gap:var(--space-8);width:min(100%,300px);padding:var(--space-14);border:1px solid var(--sys-border-subtle);border-radius:var(--radius-16);background:var(--sys-surface-raised);box-shadow:0 24px 48px -30px color-mix(in srgb,var(--sys-border-strong) 50%,transparent);margin:-6px auto 0;display:grid;position:relative}.ws .ws-cardpanel .ws-cc-builder p{font-size:var(--t-14);line-height:var(--t-14-lh);margin:0}.ws .ws-cardpanel .ws-cc-b-h{align-items:center;gap:var(--space-8);margin-bottom:var(--space-2);font-size:var(--t-14);color:var(--sys-text-strong);display:flex}.ws-cc-b-h b{font-weight:600}.ws-cc-b-h .ws-ic{width:16px;height:16px;color:var(--sys-text-brand)}.ws-cc-b-h .ws-sample{font-size:var(--t-12);margin-left:auto}.ws-cc-b-row{justify-content:space-between;gap:var(--space-12);color:var(--sys-text-muted);display:flex}.ws-cc-b-row b{color:var(--sys-text-strong);font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.ws-cc-b-bar{border-radius:var(--radius-3);background:var(--sys-surface-subtle);height:6px;box-shadow:inset 0 0 0 1px var(--sys-border-subtle);display:block;overflow:hidden}.ws-cc-b-bar i{border-radius:inherit;background:linear-gradient(90deg,var(--sys-surface-brand),var(--sys-text-brand-inverse));transform-origin:0;width:58%;height:100%;display:block}.ws-cc-b-chips{gap:var(--space-6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ws-cc-b-chips li{border-radius:var(--radius-pill);background:var(--sys-surface-brand-subtle) var(--sys-check-blue) 7px 50%/11px 11px no-repeat;font-size:var(--t-12);color:var(--sys-text-brand);padding:3px 9px 3px 22px;font-weight:600}.ws-cc-stage.ws-cc-js:not(.is-in) .ws-cc-builder{opacity:0}.ws-cc-stage.is-in .ws-cc-builder{animation:ws-cc-rise .55s var(--lp-out) .2s both}.ws-cc-stage.is-in .ws-cc-b-row{animation:ws-cc-rise .45s var(--lp-out) calc(var(--k) * .11s + .35s) both}.ws-cc-stage.is-in .ws-cc-b-limit{animation:ws-cc-blurin .6s var(--lp-out) .55s both}@keyframes ws-cc-blurin{0%{opacity:0;filter:blur(6px);transform:translateY(4px)}}.ws-cc-stage.is-in .ws-cc-b-bar i{animation:ws-cc-grow 1s var(--lp-out) .6s both}.ws-cc-stage.is-in .ws-cc-b-chips li{animation:ws-cc-pop .45s var(--lp-bounce) calc(var(--k) * .11s + .8s) both}.ws .ws-cc-copy h3{margin:0 0 var(--space-10)}.ws .ws-cardpanel .ws-cc-ship{align-items:center;gap:var(--space-8);margin:0 0 var(--space-24);font-size:var(--t-14);color:var(--sys-text-strong);display:flex}.ws-cc-ship .ws-ic{width:16px;height:16px;color:var(--sys-text-brand)}.lp-sys-atelier.ws .ws-cc-copy a.ws-link{min-height:var(--sys-button-h-md);color:var(--sys-text-brand)}.lp-sys-atelier.ws .ws-cc-copy a.ws-link:hover{color:var(--sys-text-brand)}.ws .ws-cardpanel .ws-link-static{color:var(--sys-text-muted);text-decoration:none}@media (width<=900px){.ws-cc-sel .ws-tablist{grid-template-columns:1fr 1fr;grid-auto-rows:auto}}@media (width<=1023px){.ws .ws-cc-panel{grid-template-columns:minmax(0,1fr);min-height:0}}@media (width<=767px){.ws-cc-sel .ws-tablist{grid-auto-rows:auto}.ws-cc-sel .ws-tab{align-items:center;gap:var(--space-12);min-height:72px;padding:var(--space-10) var(--space-12);flex-direction:row}}@media (width<=479px){.ws-cc-sel .ws-tablist{grid-template-columns:minmax(0,1fr)}.ws-cc-tabname b{white-space:normal;overflow-wrap:anywhere}}@media (width<=600px){.ws-cc-spot{max-width:270px}}@media (prefers-reduced-motion:reduce){.ws [class*=ws-cc-],.ws [class*=ws-cc-]:before,.ws [class*=ws-cc-]:after,.ws .ws-cc-ba>div,.ws .ws-story-m{transition:none!important;animation:none!important}.ws-cc-think{display:none!important}.ws-cc-line .ws-stn:before,.ws-cc-line .ws-stn:after,.ws-cc-line .ws-label,.ws-cc-line .ws-stop,.ws-cc-line .ws-stop>i{transition:none!important;animation:none!important}.ws-cc-line .ws-stop,.ws-cc-line .ws-stn:before{transform:none!important}}
