.guide-page{color:#666}.guide-page__hero{position:relative;display:grid;height:clamp(228px,24vw,349px);overflow:hidden;place-items:center;background:#555;color:#fff;isolation:isolate}.guide-page__hero-image,.guide-page__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.guide-page__hero-image{z-index:-2;object-fit:cover;object-position:center}.guide-page__hero-overlay{z-index:-1;background:#1b1b1b8a}.guide-page__hero-content{width:min(1120px,calc(100% - 60px));text-align:center}.guide-page__eyebrow{margin:0;color:#ffffffb8;font-family:var(--font-body);font-size:clamp(15px,1.4vw,20px);font-weight:500;line-height:1.5;letter-spacing:2px;text-transform:uppercase}.guide-page__title-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,50px);margin-top:4px}.guide-page__title-row:before,.guide-page__title-row:after{height:1px;background:#fff6;content:""}.guide-page__title-row h1{max-width:800px;margin:0;color:#fff;font-size:clamp(35px,3.2vw,45px);font-weight:500;line-height:1;letter-spacing:-2.6px;text-wrap:balance}.guide-page__body{display:grid;width:min(1180px,calc(100% - 60px));grid-template-columns:repeat(6,minmax(0,1fr));column-gap:20px;margin-inline:auto;padding:54px 0 90px;color:#666;font-size:clamp(16px,1.3vw,18px);font-weight:300;line-height:1.6}.guide-page__body>*{min-width:0;grid-column:1 / -1}.guide-page__body>:nth-child(1),.guide-page__body>:nth-child(2){display:none}.guide-page__body>:is(p,h2,h3,ul,ol,pre){width:min(740px,100%);justify-self:center}.guide-page__body :is(h2,h3){color:#323232;font-weight:500;letter-spacing:-1.1px;text-wrap:balance}.guide-page__body h2{margin-top:54px;font-size:28px;line-height:1.2}.guide-page__body h3{margin-top:38px;font-size:23px;line-height:1.25}.guide-page__body img{display:block;height:auto;max-width:100%;max-height:min(72vh,620px)}.guide-page__body>a:has(>img){display:block;width:min(560px,100%);justify-self:center;margin:38px auto 50px}.guide-page__body>a:has(>img) img{width:auto;max-width:100%;margin:0 auto}.guide-page--assembly .guide-page__body>:is(ul,ol){box-sizing:border-box;padding:26px 30px 26px 50px;background:#f4f4f4}.guide-page--assembly .guide-page__body>img{width:auto;max-width:min(680px,100%);justify-self:center;margin:30px auto 48px}.guide-page--assembly .guide-page__body>h2{margin-bottom:16px;text-align:center}.guide-page--assembly .guide-page__body>.guide-page__step-title{margin-top:38px;margin-bottom:10px;font-size:21px}.guide-page--assembly .guide-page__body>.guide-page__section-title{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:40px;margin:82px 0 18px;font-size:38px;line-height:1.1}.guide-page__section-title:before,.guide-page__section-title:after{height:1px;background:#c8c8c8;content:""}.guide-page--lead-3 .guide-page__body>:nth-child(3),.guide-page--lead-3 .guide-page__body>:nth-child(4),.guide-page--lead-3 .guide-page__body>:nth-child(5){display:block;width:100%;height:auto;grid-column:span 2;margin:0 0 46px;aspect-ratio:4 / 3;object-fit:cover}.guide-page--lead-1 .guide-page__body>:nth-child(3){display:block;width:min(620px,100%);height:auto;justify-self:center;margin:0 auto 48px;aspect-ratio:3 / 2;object-fit:cover}.guide-page--faq .guide-page__body>p{margin-right:auto;margin-left:auto}.guide-page--faq .guide-page__body>h2{margin-block:32px 0;text-align:center}.guide-page--faq .guide-page__body>.guide-page__step-number{margin:56px 0 6px;font-size:16px;line-height:1.4}.guide-page--faq .guide-page__step-number+:is(h2,p){display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:40px;margin:0 0 20px;color:#323232;font-family:var(--font-heading);font-size:38px;font-weight:500;line-height:1.1;letter-spacing:-2.2px;text-align:center;text-wrap:balance}.guide-page--faq .guide-page__step-number+:is(h2,p):before,.guide-page--faq .guide-page__step-number+:is(h2,p):after{height:1px;background:#c8c8c8;content:""}.guide-page--faq .guide-page__body>:is(img,figure){width:100%;grid-column:span 2;margin:16px 0 30px;background:#fff;box-shadow:0 10px 40px #1e1e1e14}.guide-page--faq .guide-page__body>img{aspect-ratio:4 / 5;object-fit:cover}.guide-page--faq .guide-page__body>figure{padding:14px 14px 17px}.guide-page--faq .guide-page__body>figure img{width:100%;margin:0}.guide-page--faq .guide-page__body>figure figcaption{margin-top:10px;font-size:14px;line-height:1.4;text-align:center}.guide-page--faq .guide-page__body>:is(img,figure):not(:has(+:is(img,figure))):not(:is(img,figure)+:is(img,figure)){width:min(760px,100%);grid-column:1 / -1;justify-self:center;aspect-ratio:auto;object-fit:contain}.guide-video{width:min(920px,100%);margin:34px auto 48px;aspect-ratio:16 / 9}.guide-video__button,.guide-video__iframe{display:block;width:100%;height:100%;border:0}.guide-video__button{position:relative;padding:88px 24px 24px;background:#272727;color:#fff;font:500 16px/1.2 var(--font-body);letter-spacing:2px;text-transform:uppercase}.guide-video__button .guide-video__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-95%)}.guide-video__button:hover{background:#3a3a3a}.guide-video__button:focus-visible{outline:3px solid #fff;outline-offset:-7px}.guide-video-grid{display:grid;margin:34px 0 48px;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-video-card{min-width:0}.guide-video-card>:is(h2,h3){margin:0 0 10px;font-size:22px;line-height:1.3}.guide-video-card .guide-video{width:100%;margin:0}@media(max-width:767px){.guide-page__hero-content{width:calc(100% - 24px)}.guide-page__title-row{display:block}.guide-page__title-row:before,.guide-page__title-row:after{display:none}.guide-page__title-row h1{display:inline-block;font-size:35px;line-height:1}.guide-page__body{width:calc(100% - 32px);column-gap:12px;padding:46px 0 64px;font-size:15px}.guide-page__body h2{margin-top:42px;font-size:26px}.guide-page__body h3{margin-top:32px;font-size:21px}.guide-page__body>a:has(>img),.guide-page--assembly .guide-page__body>img{width:auto;max-width:min(88%,560px);margin-block:28px 40px}.guide-page--assembly .guide-page__body>:is(ul,ol){padding:22px 22px 22px 40px}.guide-page--assembly .guide-page__body>.guide-page__section-title,.guide-page--faq .guide-page__step-number+:is(h2,p){display:block;margin-top:54px;font-size:28px;line-height:1.2;letter-spacing:-1.4px}.guide-page__section-title:before,.guide-page__section-title:after,.guide-page--faq .guide-page__step-number+:is(h2,p):before,.guide-page--faq .guide-page__step-number+:is(h2,p):after{display:none}.guide-page--lead-3 .guide-page__body>:nth-child(3){grid-column:1 / -1}.guide-page--lead-3 .guide-page__body>:nth-child(4),.guide-page--lead-3 .guide-page__body>:nth-child(5){grid-column:span 3}.guide-page--lead-3 .guide-page__body>:nth-child(3),.guide-page--lead-3 .guide-page__body>:nth-child(4),.guide-page--lead-3 .guide-page__body>:nth-child(5),.guide-page--lead-1 .guide-page__body>:nth-child(3){margin-bottom:28px}.guide-page--faq .guide-page__body>:is(img,figure){grid-column:1 / -1}.guide-video-grid{grid-template-columns:minmax(0,1fr);gap:32px}}@media(min-width:768px)and (max-width:1199px){.guide-page__body{width:calc(100% - 64px)}.guide-page--faq .guide-page__body>:is(img,figure){grid-column:span 3}.guide-page--faq .guide-page__body>:is(img,figure):not(:has(+:is(img,figure))):not(:is(img,figure)+:is(img,figure)){grid-column:1 / -1}}@media(min-width:1200px){.guide-page--faq .guide-page__body>:is(img,figure):not(:is(img,figure)+*):has(+:is(img,figure)):not(:has(+:is(img,figure)+:is(img,figure))){grid-column:2 / span 2}.guide-page--faq .guide-page__body>:is(img,figure):not(:is(img,figure)+*):has(+:is(img,figure)):not(:has(+:is(img,figure)+:is(img,figure)))+:is(img,figure){grid-column:4 / span 2}}@media(prefers-reduced-motion:reduce){.guide-page{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/guide-page.css.map */