.bas-how{background:#0b0b0b;color:#f6f4f1;letter-spacing:0}.bas-how *,.bas-how *:before,.bas-how *:after{box-sizing:border-box}.bas-how h1,.bas-how h2,.bas-how h3{color:#f6f4f1;font-family:var(--bas-display);text-transform:uppercase;letter-spacing:0;line-height:1.07;margin:0 0 18px}.bas-how__band--light h1,.bas-how__band--light h2,.bas-how__band--light h3{color:#171717}.bas-how h1{font-size:68px;max-width:850px}.bas-how h2{font-size:46px}.bas-how h3{font-size:27px}.bas-how p{line-height:1.6;margin:0 0 20px}.bas-how a:not(.btn-primary):not(.btn-ghost){color:inherit;text-underline-offset:5px}.bas-how a:focus-visible,.bas-how summary:focus-visible{outline:3px solid #fa536b;outline-offset:4px}.bas-how .btn-primary,.bas-how .btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:52px;max-width:100%;line-height:1.3;text-align:center;white-space:normal}.bas-how__inner{width:min(90%,1320px);margin:0 auto}.bas-how__band{padding:78px 0;scroll-margin-top:100px}.bas-how__band--light{background:#f5f5f3;color:#171717}.bas-how__heading{max-width:830px;margin-bottom:36px}.bas-how__heading p:last-child{margin-bottom:0}.bas-how .bas-how__eyebrow{color:#ff536d;font-size:13px;line-height:1.3;font-weight:800;text-transform:uppercase;margin-bottom:15px}.bas-how__band--light .bas-how__eyebrow{color:#b5002d}.bas-how__actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.bas-how__text-link{display:inline-block;margin-top:18px;font-weight:700}.bas-how .bas-how__note{color:#bdbdbd;font-size:14px}.bas-how__hero{position:relative;isolation:isolate;min-height:660px;display:flex;align-items:center;overflow:hidden}.bas-how__hero-image,.bas-how__closing>img{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.bas-how__hero-motion{position:absolute;z-index:-1;right:0;top:0;width:48%;height:100%;object-fit:cover;object-position:center;pointer-events:none;opacity:.34}.bas-how__hero:after,.bas-how__closing:after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000f0,#0000009c 48%,#00000014);pointer-events:none}.bas-how__hero-copy{position:relative;z-index:1;padding:72px 0}.bas-how__closing .bas-how__inner{position:relative;z-index:1}.bas-how__hero-copy>p:not(.bas-how__eyebrow):not(.bas-how__offer){max-width:625px;font-size:19px}.bas-how .bas-how__offer{margin:0;font-size:15px;font-weight:700}.bas-how__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0}.bas-how__steps li{border-top:3px solid #c80031;padding:19px 0 0}.bas-how__steps li>span{display:block;color:#b5002d;font-family:var(--bas-display);font-size:37px;margin-bottom:20px}.bas-how__steps h3{font-size:27px}.bas-how__steps p{max-width:350px;margin:0}.bas-how__anatomy{background:#171717}.bas-how__anatomy-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:60px;align-items:center}.bas-how__anatomy figure{margin:0}.bas-how__anatomy img{display:block;width:100%;height:auto;background:#0a0a0a}.bas-how__anatomy figcaption,.bas-how__app-image figcaption{color:#bdbdbd;font-size:13px;margin-top:10px}.bas-how__parts{margin:0}.bas-how__parts div,.bas-how__adjust-list div{border-top:1px solid #555;padding:14px 0}.bas-how__parts dt,.bas-how__adjust-list dt{font-family:var(--bas-display);font-size:23px;text-transform:uppercase}.bas-how__parts dd,.bas-how__adjust-list dd{margin:4px 0 0;line-height:1.5}.bas-how__feature-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center}.bas-how__feature-layout>div{min-width:0}.bas-how__video-wrap iframe,.bas-how__action-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#1b1b1b}.bas-how__video-trigger{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#1b1b1b;color:#fff!important;text-decoration:none}.bas-how__video-trigger img{display:block;width:100%;height:100%;object-fit:cover}.bas-how__video-trigger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 35%,#000000c2)}.bas-how__video-trigger span{position:absolute;z-index:1;left:18px;bottom:18px;font-weight:800;text-transform:uppercase}.bas-how__video-trigger span:before{content:"\25b6";display:inline-block;margin-right:10px;font-size:15px}.bas-how__techniques{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:25px 0 0;list-style:none}.bas-how__techniques li{border-top:2px solid #c80031;padding-top:12px}.bas-how__techniques strong,.bas-how__techniques span{display:block}.bas-how__techniques strong{font-family:var(--bas-display);font-size:22px;text-transform:uppercase}.bas-how__techniques span{font-size:14px}.bas-how__adjust-media{aspect-ratio:1;background:#060606}.bas-how__adjust-media picture,.bas-how__adjust-media img{display:block;width:100%;height:100%;object-fit:contain}.bas-how__adjust-list{margin:20px 0 0}.bas-how__sequence{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0;margin:0 0 22px;list-style:none}.bas-how__sequence li{position:relative;min-width:0;min-height:134px;border:1px solid #bbb;border-top:3px solid #c80031;padding:13px 12px;background:#fff;animation:bas-how-pulse 12s ease-in-out infinite}.bas-how__sequence li:nth-child(2){animation-delay:2s}.bas-how__sequence li:nth-child(3){animation-delay:4s}.bas-how__sequence li:nth-child(4){animation-delay:6s}.bas-how__sequence li:nth-child(5){animation-delay:8s}.bas-how__sequence li:nth-child(6){animation-delay:10s}.bas-how__sequence li:after{content:"\2192";position:absolute;right:-13px;top:39%;z-index:1;color:#c80031;font-weight:900;font-size:22px}.bas-how__sequence li:last-child:after{display:none}.bas-how__sequence span,.bas-how__sequence strong,.bas-how__sequence small{display:block}.bas-how__sequence span{color:#b5002d;font-weight:800;margin-bottom:12px}.bas-how__sequence strong{font-family:var(--bas-display);font-size:25px;text-transform:uppercase;line-height:1.1}.bas-how__sequence small{font-size:13px;margin-top:6px}.bas-how .bas-how__sequence-note{font-size:14px;color:#555}.bas-how__action-video{max-width:1050px;margin:26px auto 0}@keyframes bas-how-pulse{0%,12%{background:#e2eae6;border-color:#c80031}17%,to{background:#fff;border-color:#bbb}}@media(prefers-reduced-motion:reduce){.bas-how__sequence li{animation:none}}.bas-how__sport-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.bas-how__sport-grid a{position:relative;display:block;min-width:0;aspect-ratio:.8;overflow:hidden;color:#fff}.bas-how__sport-grid img{display:block;width:100%;height:100%;object-fit:cover}.bas-how__sport-grid a:after{content:"";position:absolute;top:35%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#000000e6)}.bas-how__sport-grid span{position:absolute;z-index:1;left:15px;right:15px;bottom:15px;font-size:14px;line-height:1.4}.bas-how__sport-grid strong{display:block;font-family:var(--bas-display);font-size:25px;text-transform:uppercase}.bas-how__models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.bas-how__models>div{border-top:3px solid #888;padding:20px;background:#fff}.bas-how__models>div:last-child{border-color:#c80031;background:#e9eeeb}.bas-how__models p:last-child{margin-bottom:0}.bas-how__setup-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:0;margin:0;list-style:none}.bas-how__setup-steps li{border-top:2px solid #c80031;padding-top:15px}.bas-how__setup-steps strong,.bas-how__setup-steps span{display:block}.bas-how__setup-steps strong{font-family:var(--bas-display);font-size:23px;text-transform:uppercase;margin-bottom:8px}.bas-how__setup-steps span{line-height:1.5}.bas-how__space-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:62px;align-items:center}.bas-how__footprint{margin:0;border:1px solid #bbb;padding:18px;background:#fff}.bas-how__footprint-plan{width:100%;aspect-ratio:55/38;border:2px dashed #888;display:grid;place-items:center;background:repeating-linear-gradient(0deg,#f0f0ed,#f0f0ed 27px,#e4e4e0 28px)}.bas-how__footprint-plan span{display:grid;place-items:center;width:48%;height:66%;border:3px solid #ad002b;background:#252525;color:#fff;font-family:var(--bas-display);font-size:24px;line-height:1.2;text-transform:uppercase;text-align:center}.bas-how__footprint-width,.bas-how__footprint-depth{display:block;font-weight:800;text-align:center;padding:10px 0}.bas-how__footprint-depth{border-left:2px solid #c80031;border-right:2px solid #c80031}.bas-how__footprint figcaption{margin-top:10px;color:#555;font-size:13px}.bas-how__ecosystem{background:#1a1a1a}.bas-how__ecosystem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px}.bas-how__ecosystem-grid>div{border-top:2px solid #c80031;padding-top:20px}.bas-how__app-image{margin:36px auto 0;max-width:570px}.bas-how__app-image img{display:block;width:100%;max-height:430px;object-fit:contain}.bas-how__video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}.bas-how__video-grid article{min-width:0;border-top:2px solid #b5002d;padding-top:16px}.bas-how__video-grid h3{font-size:23px}.bas-how__video-grid p{font-size:14px}.bas-how__video-grid iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#191919}.bas-how__reviews{overflow-x:clip}.bas-how__reviews .yotpo-widget-instance{max-width:100%}.bas-how__faq-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:58px}.bas-how__faq details{border-top:1px solid #bbb;padding:17px 0}.bas-how__faq details:last-child{border-bottom:1px solid #bbb}.bas-how__faq summary{cursor:pointer;font-size:17px;font-weight:700}.bas-how__faq details p{margin:13px 0 0}.bas-how__closing{position:relative;isolation:isolate;min-height:550px;display:flex;align-items:center}.bas-how__closing .bas-how__inner{padding:70px 0}.bas-how__closing h2{font-size:65px}.bas-how__closing .bas-how__inner>p:not(.bas-how__eyebrow){max-width:620px}.bas-how .bas-how__close-price{font-family:var(--bas-display);font-size:39px;line-height:1.1}.bas-how__terms{border-top:1px solid #555;padding:24px 0;scroll-margin-top:100px}.bas-how__terms p{font-size:13px;margin-bottom:5px}@media(max-width:1100px){.bas-how h1{font-size:54px}.bas-how__sport-grid,.bas-how__sequence{grid-template-columns:repeat(3,minmax(0,1fr))}.bas-how__sequence li:nth-child(3):after{display:none}.bas-how__setup-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.bas-how h1{font-size:40px}.bas-how h2{font-size:34px}.bas-how h3{font-size:24px}.bas-how__inner{width:88%}.bas-how__band{padding:52px 0}.bas-how__hero{display:block;min-height:0;padding-top:60%}.bas-how__hero-image{height:auto;aspect-ratio:1.25;object-position:right top}.bas-how__hero-motion{left:0;right:0;top:0;width:100%;aspect-ratio:1.25;height:auto;object-fit:cover;opacity:.35}.bas-how__hero:after{background:linear-gradient(0deg,#0b0b0b 0%,#0b0b0b 43%,transparent 78%)}.bas-how__hero-copy{padding:5px 0 42px}.bas-how__hero-copy>p:not(.bas-how__eyebrow):not(.bas-how__offer){font-size:16px}.bas-how__actions a{flex:1 1 100%}.bas-how__steps,.bas-how__anatomy-layout,.bas-how__feature-layout,.bas-how__models,.bas-how__space-layout,.bas-how__ecosystem-grid,.bas-how__faq-layout{grid-template-columns:1fr;gap:27px}.bas-how__steps li>span{margin-bottom:6px}.bas-how__parts div{padding:12px 0}.bas-how__techniques{gap:7px}.bas-how__techniques strong{font-size:19px}.bas-how__sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bas-how__sequence li{min-height:120px}.bas-how__sequence li:nth-child(3):after{display:block}.bas-how__sequence li:nth-child(2n):after{display:none}.bas-how__sequence strong{font-size:22px}.bas-how__sport-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bas-how__sport-grid a{aspect-ratio:.75}.bas-how__sport-grid span{left:10px;right:10px;bottom:10px;font-size:12px}.bas-how__sport-grid strong{font-size:20px}.bas-how__setup-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.bas-how__video-grid{grid-template-columns:1fr}.bas-how__faq-layout .bas-how__heading{margin-bottom:0}.bas-how__closing{min-height:0;padding-top:50%}.bas-how__closing>img{height:auto;aspect-ratio:1.25;object-position:right top}.bas-how__closing:after{background:linear-gradient(0deg,#0b0b0b 0%,#0b0b0b 45%,transparent 78%)}.bas-how__closing h2{font-size:42px}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/bas-how-page.css.map */