.whoop-why-showcase{padding:100px 0 140px;background:#000;color:#fff}.whoop-why-showcase--pill{padding-top:0;padding-bottom:50px}.whoop-why-showcase--pill>.whoop-us-shell{width:calc(100% - 80px);max-width:1600px}.whoop-why-showcase__animation-stage{padding:100px 0}.whoop-why-showcase--pill .whoop-why-showcase__media{width:var(--whoop-why-width, 100%);margin-inline:auto;aspect-ratio:4968 / 2796;--whoop-why-radius-start: 0px;transition:width .2s ease,border-radius .2s ease}.whoop-why-showcase--pill .whoop-why-showcase__content{margin-top:0}@media(max-width:980px){.whoop-section.whoop-why-showcase--pill{padding-top:0;padding-bottom:50px}.whoop-why-showcase--pill>.whoop-us-shell{width:calc(100% - 40px)}.whoop-why-showcase__animation-stage{padding:100px 0 50px}}@media(prefers-reduced-motion:reduce){.whoop-why-showcase--pill .whoop-why-showcase__media{transition:none}}.whoop-why-showcase--light{background:#fff;color:#000}.whoop-why-showcase__media{--whoop-why-radius-start: 32px;--whoop-why-radius: 24px;overflow:hidden;border-radius:var(--whoop-why-radius);aspect-ratio:16 / 9;background:#1a1a1a}.whoop-why-showcase--pill .whoop-why-showcase__media{--whoop-why-radius: var(--whoop-why-radius-start)}.whoop-why-showcase--light .whoop-why-showcase__media{background:#f2f2f2}.whoop-why-showcase__image,.whoop-why-showcase__video,.whoop-why-showcase__placeholder{display:block;width:100%;height:100%;object-fit:cover}.whoop-why-showcase__placeholder{fill:#ffffff40}.whoop-why-showcase--light .whoop-why-showcase__placeholder{fill:#0003}.whoop-why-showcase__content{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:40px;align-items:start;margin-top:100px}.whoop-why-showcase__title{max-width:560px;font-size:50px;font-weight:600;line-height:1;letter-spacing:-.04em}.whoop-why-showcase__body p{font-size:24px;line-height:1.3;font-weight:400;letter-spacing:-.03em}.whoop-why-showcase__body p+p{margin-top:24px}.whoop-why-showcase__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:48px;padding:0 26px;border:1px solid rgba(255,255,255,.75);border-radius:12px;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.whoop-why-showcase__button:hover{border-color:#fff;background:#fff;color:#000}.whoop-why-showcase--light .whoop-why-showcase__button{border-color:#000000bf}.whoop-why-showcase--light .whoop-why-showcase__button:hover{border-color:#000;background:#000;color:#fff}.whoop-why-showcase--pill .whoop-why-showcase__content{width:100%;max-width:1242px;margin-inline:auto;grid-template-columns:minmax(0,500px) minmax(0,500px);justify-content:space-between}.whoop-why-showcase--pill .whoop-why-showcase__title{max-width:500px}@media(max-width:980px){.whoop-why-showcase--pill .whoop-why-showcase__content{max-width:333px;grid-template-columns:minmax(0,1fr);row-gap:30px}}@media(max-width:980px){.whoop-why-showcase{padding:72px 0 86px}.whoop-why-showcase__media{--whoop-why-radius-start: 18px;--whoop-why-radius: 18px}.whoop-why-showcase__content{grid-template-columns:minmax(0,1fr);row-gap:22px;margin-top:48px}.whoop-why-showcase__title{max-width:none;font-size:30px;line-height:1}.whoop-why-showcase__body p{font-size:18px;line-height:1.3}.whoop-why-showcase__body p+p{margin-top:18px}.whoop-why-showcase__button{margin-top:32px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/whoop-why-showcase.css.map */