.pdp-how{background:var(--cream-50);position:relative}.pdp-how__container{flex-direction:column;gap:20px;max-width:1440px;margin-inline:auto;padding:56px 20px;display:flex}.pdp-how__header{flex-direction:column;gap:12px;display:flex}.pdp-how__heading{color:var(--ink-800);font-family:var(--heading-font);letter-spacing:-.64px;margin:0;font-size:32px;font-weight:600;line-height:1.1}.pdp-how__subheading{color:#6e6857;max-width:720px;margin:0;font-size:15px;line-height:1.5}.pdp-how__body{flex-direction:column;gap:20px;display:flex}.pdp-how__stage{aspect-ratio:350/220;background:#000;border-radius:16px;width:100%;max-width:100%;margin-inline:auto;position:relative;overflow:hidden}.pdp-how__video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.pdp-how__transport{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:absolute;inset:0}.pdp-how__play{color:#fff;font-family:var(--heading-font);text-shadow:0 2px 16px #00000073;font-size:28px;font-weight:600}.pdp-how__sound{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12100c8c;border:1px solid #ffffff40;border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:opacity .16s,background-color .16s;display:flex;position:absolute;bottom:12px;right:12px}.pdp-how__text{text-align:left;flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.pdp-how__eyebrow{color:#8c6b1a;font-family:var(--heading-font);letter-spacing:.88px;font-size:11px;font-weight:600}.pdp-how__title{color:#19191e;font-family:var(--heading-font);font-size:17px;font-weight:600;line-height:1.2}.pdp-how__copy{color:#6e6857;font-size:13px;line-height:1.4}.pdp-how__cards{align-items:stretch;gap:16px;width:100%;display:flex}.pdp-how__card-cell{flex:1 1 0;min-width:0}.pdp-how__card{cursor:pointer;background:0 0;border:2px solid #d8cfb800;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px;transition:border-color .16s;display:flex}.pdp-how__card.is-active{border-color:#fcc70d}.pdp-how__thumb{border-radius:10px;flex-shrink:0;width:144px;height:104px;position:relative;overflow:hidden}.pdp-how__rail{scroll-snap-type:x mandatory;width:100vw;margin-left:calc(50% - 50vw);padding-block:12px;scroll-padding-left:20px;overflow:auto hidden}.pdp-how__rail-track{gap:12px;width:max-content;padding-inline:20px;display:flex}.pdp-how__rail-cell{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 240px}.pdp-how__mcard{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:14px;width:100%;height:132px;padding:14px;transition:border-color .16s;display:flex}.pdp-how__mcard.is-active{border-color:#19191e}.pdp-how__dots{gap:8px;margin-top:16px;padding-inline:20px;display:flex}.pdp-how__dot{cursor:pointer;background:#19191e33;border:none;border-radius:9999px;width:8px;height:8px;padding:0;transition:width .2s,background-color .2s}.pdp-how__dot.is-active{background:#19191e;width:24px}@media (width>=48em){.pdp-how__container{gap:32px;padding:64px 96px}.pdp-how__header{gap:14px}.pdp-how__heading{letter-spacing:-.96px;font-size:48px;line-height:1.05}.pdp-how__subheading{font-size:18px}.pdp-how__body{gap:28px}.pdp-how__stage{aspect-ratio:16/9;border-radius:28px;max-width:880px}.pdp-how__play{font-size:36px}.pdp-how__sound{opacity:0;pointer-events:none;bottom:16px;right:16px}.pdp-how__stage:hover .pdp-how__sound,.pdp-how__sound:focus-visible{opacity:1;pointer-events:auto}}