.wm-showcase{padding:88px 0;background:#f7f7f5;color:#17191c;--vs-muted:#64666d;--vs-accent:#656b72}.wm-showcase .wm-vs__wrap{width:min(1280px,calc(100% - 64px))}.wm-showcase__header{max-width:820px;margin-bottom:58px}.wm-showcase .wm-showcase__header h2{color:#17191c;font-size:clamp(38px,5.2vw,68px);font-weight:750;line-height:1.03;max-width:800px;margin:16px 0 22px}.wm-showcase__header>p:last-of-type{max-width:650px;font-size:18px}.wm-showcase .wm-vs__actions{justify-content:flex-start;margin-top:26px}.wm-showcase .wm-vs__button{color:#17191c;border-color:#d8d8de}.wm-showcase .wm-vs__button--primary{background:#656b72;color:white;border-color:#656b72}.wm-showcase__listen{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:32px 0 22px}.wm-showcase__listen>p{max-width:390px;font-size:14px}.wm-showcase .wm-showcase__listen h3{color:#17191c;margin-top:9px;font-size:clamp(24px,3vw,34px);max-width:760px}.wm-showcase .wm-vs__console{max-width:none;--vs-muted:#adb5bd;--vs-accent:#c3c8ce;color:#f7f8f9;box-shadow:0 18px 50px #17191c18}.wm-showcase .wm-vs__console p{color:#adb5bd}.wm-showcase .wm-vs__panel{max-height:430px;overflow-y:auto;padding:3px}.wm-showcase__note{font-size:12px;margin-top:16px!important}.wm-showcase wm-showcase-clips{display:block;margin-top:60px}.wm-showcase__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.wm-showcase__clip{aspect-ratio:16/10;border-radius:18px;background:#17191c;overflow:hidden;border:1px solid #d4d4da}.wm-showcase__clip video{width:100%;height:100%;object-fit:contain;display:block}.wm-showcase .wm-showcase__steps h4{color:#17191c;font-size:22px;margin:20px 0 10px}.wm-showcase__steps h4 span{color:#656b72;font-size:13px;margin-right:8px}.wm-showcase__steps p{font-size:15px}.wm-showcase [data-motion]{font-size:12px;white-space:nowrap;min-height:44px}.wm-showcase [data-motion][aria-pressed=true]{background:#e3e5e7}@media(max-width:700px){.wm-showcase{padding:54px 0}.wm-showcase .wm-vs__wrap{width:calc(100% - 36px)}.wm-showcase__header{margin-bottom:36px}.wm-showcase__listen{align-items:start;flex-direction:column;gap:12px}.wm-showcase__steps{grid-template-columns:1fr}.wm-showcase .wm-vs__console{grid-template-columns:1fr}.wm-showcase__clip{aspect-ratio:16/10}}

.wm-showcase__steps{isolation:isolate}
.wm-showcase__steps>article{position:relative;min-width:0;transform-origin:center center;transition:transform 420ms cubic-bezier(.22,1,.36,1),filter 300ms ease,opacity 300ms ease}
.wm-showcase__clip{transition:box-shadow 420ms ease,border-color 300ms ease}
@media (hover:hover) and (pointer:fine){
  .wm-showcase__steps:has(>article:hover)>article:not(:hover){filter:blur(2px);opacity:.76}
  .wm-showcase__steps>article:hover{z-index:1;transform:translateY(-5px) scale(1.025)}
  .wm-showcase__steps>article:hover .wm-showcase__clip{border-color:#aeb3b9;box-shadow:0 16px 36px -12px #17191c30}
}
@media (prefers-reduced-motion:reduce){
  .wm-showcase__steps>article,.wm-showcase__clip{transition:none}
  .wm-showcase__steps>article:hover{transform:none}
}

@media(min-width:701px) and (max-width:1000px){.wm-showcase__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

.wm-showcase wm-showcase-clips .wm-showcase__listen{align-items:center;margin-bottom:36px}
.wm-showcase wm-showcase-clips .wm-showcase__listen h3{font-size:clamp(48px,7.5vw,104px);font-weight:800;letter-spacing:-.055em;line-height:1.02;max-width:none;margin:12px 0 0}
.wm-showcase wm-showcase-clips .wm-showcase__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 18px}
.wm-showcase .wm-showcase__steps h4{font-size:20px;line-height:1.15;margin:17px 0 10px}
.wm-showcase .wm-showcase__steps p{font-size:14px;line-height:1.5}
.wm-showcase .wm-showcase__steps>article:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);align-items:center;gap:32px}
.wm-showcase .wm-showcase__steps>article:last-child h4{font-size:clamp(26px,3vw,36px);margin-top:0}
.wm-showcase .wm-showcase__steps>article:last-child p{font-size:16px}
@media(min-width:701px) and (max-width:1000px){.wm-showcase wm-showcase-clips .wm-showcase__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wm-showcase wm-showcase-clips .wm-showcase__steps{grid-template-columns:1fr}.wm-showcase .wm-showcase__steps>article:last-child{grid-template-columns:1fr;gap:0}.wm-showcase .wm-showcase__steps>article:last-child h4{font-size:24px;margin-top:17px}.wm-showcase wm-showcase-clips .wm-showcase__listen{align-items:flex-start}}

.wm-showcase .wm-vs__button--primary{background:#292d32;border-color:#292d32;color:#fff!important}
.wm-showcase .wm-vs__button--primary:hover{background:#42484f;border-color:#42484f}
.wm-showcase .wm-vs__play{background:#c3c8ce;color:#202429;box-shadow:0 8px 24px #00000024}
.wm-showcase .wm-vs__play:hover{background:#e2e5e8}
.wm-showcase .wm-vs__power{border-color:#737c85;box-shadow:0 0 0 3px #c3c8ce12}
.wm-showcase .wm-vs__power:hover{border-color:#c3c8ce}
.wm-showcase .wm-vs__led{box-shadow:0 0 0 1px #0009,0 0 6px #c3c8ce40}
.wm-showcase .wm-vs__insert[data-state=off] .wm-vs__power{border-color:#3a434a;box-shadow:none}
.wm-showcase .wm-vs__insert[data-state=off] .wm-vs__led{box-shadow:inset 0 0 0 1px #3a434a}

.wm-showcase .wm-vs__console{--vs-accent:#b28bff}
.wm-showcase .wm-vs__console .wm-vs__play{background:#b28bff;color:#24202d;box-shadow:0 8px 24px #b28bff38}
.wm-showcase .wm-vs__console .wm-vs__play:hover{background:#cbb0ff}
.wm-showcase .wm-vs__console .wm-vs__power{border-color:#b28bff88;box-shadow:0 0 0 3px #b28bff12}
.wm-showcase .wm-vs__console .wm-vs__power:hover{border-color:#cbb0ff}
.wm-showcase .wm-vs__console .wm-vs__led{box-shadow:0 0 0 1px #0009,0 0 8px #b28bff99}
.wm-showcase .wm-vs__console .wm-vs__insert[data-state=off] .wm-vs__power{border-color:#3a434a;box-shadow:none}
.wm-showcase .wm-vs__console .wm-vs__insert[data-state=off] .wm-vs__led{box-shadow:inset 0 0 0 1px #3a434a}

.wm-showcase .wm-showcase__header--visual{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:24px;align-items:center;max-width:none;margin-bottom:58px}
.wm-showcase .wm-showcase__header--visual h2{font-size:clamp(38px,4.4vw,62px);letter-spacing:-.045em;max-width:620px}
.wm-showcase__intro-copy>p:last-of-type{font-size:18px;line-height:1.6;max-width:610px}
.wm-showcase__intro-art{min-width:0;margin-right:-24px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);}
.wm-showcase__intro-art img{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 85%,transparent)}
@media(max-width:850px){.wm-showcase .wm-showcase__header--visual{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.wm-showcase__intro-art{margin:0}.wm-showcase .wm-showcase__header--visual h2{font-size:clamp(38px,7vw,58px)}.wm-showcase__intro-copy>p:last-of-type{font-size:17px}}