html{scroll-behavior:smooth}.template--tutorials .section-full-width-banner__subtitle,.template--tutorials .section-full-width-banner__title{color:#fff}.template--tutorials .section-full-width-banner__subtitle{font-size:clamp(1rem,2.05vw,1.3rem);white-space:nowrap}.template--tutorials .section-full-width-banner__title{font-size:clamp(2.9rem,7.1vw,4.4rem);white-space:nowrap}.tutorials-page{background:#fff;color:#111;font-family:var(--font-heading-family);padding:clamp(3rem,4.5vw,5.6rem) 0 clamp(7rem,9vw,11rem)}.tutorials-page__inner{width:min(100% - 4rem,118rem);margin:0 auto}.tutorials-page__header{max-width:68rem;margin:0 0 clamp(3.6rem,6vw,6.4rem)}.tutorials-page__title{margin:0 0 1.4rem;font-size:clamp(3rem,4.4vw,5.2rem);line-height:1.05;font-weight:400;letter-spacing:0;text-transform:none}.tutorials-page__intro,.tutorials-page__text,.tutorials-page__closing-text{margin:0;font-size:1.35rem;line-height:1.72;letter-spacing:0}.tutorials-page__nav-wrap{position:relative;z-index:1;margin:clamp(2.8rem,4vw,4.8rem) 0 clamp(3.6rem,5.5vw,6.4rem)}.tutorials-page__nav,.tutorial-anchor-nav{position:relative;z-index:2;width:100%;margin:0 auto;overflow-x:auto;scrollbar-width:none}.tutorials-page__nav::-webkit-scrollbar{display:none}.tutorials-page__nav-list{display:flex;gap:clamp(2rem,3vw,4rem);width:max-content;min-width:100%;justify-content:center;margin:0;padding:.4rem 0 2.4rem;list-style:none}.tutorials-page__nav-link{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:.9rem;min-height:3.2rem;color:currentColor;cursor:pointer;font-family:var(--font-heading-family);font-size:clamp(1.8rem,1.9vw,2.6rem);line-height:1.25;font-weight:400;letter-spacing:0;text-decoration:none;text-transform:none;white-space:nowrap}.tutorials-page__nav-link:after{content:"";width:.55rem;height:.55rem;border-radius:999px;background:#b4a0e8;opacity:0;transform:translateY(-.3rem);transition:opacity var(--duration-default),transform var(--duration-default)}.tutorials-page__nav-link.is-active:after,.tutorials-page__nav-link:hover:after,.tutorials-page__nav-link:focus-visible:after{opacity:1;transform:translateY(0)}.tutorials-page__sections{display:grid;gap:clamp(5.6rem,8vw,9.6rem)}.tutorials-page__section,.tutorial-section{display:grid;gap:clamp(3.2rem,4.8vw,5.8rem);align-items:center;scroll-margin-top:16rem}.tutorials-page__media{width:100%;max-width:42rem;justify-self:start}.tutorials-page__section--reverse .tutorials-page__media{order:2;justify-self:end}.tutorials-page__section--reverse .tutorials-page__copy{order:1}.tutorials-page__copy{max-width:48rem}.tutorials-page__section--text-only{display:flex;min-height:clamp(24rem,30vw,34rem);align-items:center;justify-content:center;text-align:center}.tutorials-page__section--text-only .tutorials-page__copy{max-width:56rem;margin:0 auto}.tutorials-page__section--text-only .tutorials-page__text ol,.tutorials-page__section--text-only .tutorials-page__text ul{display:inline-block;margin-inline:auto;text-align:left}.tutorials-page__section-title{margin:0 0 2.4rem;font-size:clamp(2.1rem,2.8vw,3rem);line-height:1.18;font-weight:400;letter-spacing:0;text-transform:none}.tutorials-page__section--guide{min-height:clamp(24rem,30vw,34rem);display:flex;align-items:center;justify-content:center;text-align:center}.tutorials-page__guide-copy{max-width:52rem;margin:0 auto}.tutorials-page__guide-copy .tutorials-page__text{margin-bottom:3.2rem}.tutorials-page__guide-copy .tutorials-page__text p+p{margin-top:1.2rem}.tutorials-page__guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:4.6rem;padding:1.2rem 2.8rem;border:.1rem solid rgba(17,17,17,.86);color:#111;font-size:1.15rem;line-height:1.2;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:background var(--duration-default),color var(--duration-default)}.tutorials-page__guide-button:hover,.tutorials-page__guide-button:focus-visible{background:#111;color:#fff}.tutorials-page__steps{margin:0;padding-left:1.8rem}.tutorials-page__steps li{margin:0 0 1.2rem;padding-left:.4rem;font-size:1.32rem;line-height:1.66}.tutorials-carousel{position:relative}.tutorials-carousel__track{display:grid;grid-auto-columns:100%;grid-auto-flow:column;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.tutorials-carousel__track::-webkit-scrollbar{display:none}.tutorials-carousel__slide{min-width:0;scroll-snap-align:start}.tutorials-carousel__image-wrap{display:grid;place-items:center;aspect-ratio:4 / 5;overflow:hidden;background:#f5f5f5}.tutorials-carousel__image-wrap img{width:100%;height:100%;object-fit:cover}.tutorials-carousel__placeholder{color:#1111116b;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase}.tutorials-carousel__controls{display:flex;align-items:center;justify-content:center;gap:1.4rem;margin-top:1.6rem}.tutorials-carousel__arrow,.tutorials-carousel__dot{border:0;background:transparent;color:#111;cursor:pointer}.tutorials-carousel__arrow{width:3.2rem;height:3.2rem;font-size:2.2rem;line-height:1}.tutorials-carousel__dots{display:flex;gap:.8rem}.tutorials-carousel__dot{width:.7rem;height:.7rem;padding:0;border-radius:999px;background:#11111138}.tutorials-carousel__dot.is-active{background:#111}.tutorials-page__closing{margin-top:clamp(8rem,12vw,14rem);padding-top:clamp(4rem,7vw,7.2rem);border-top:.1rem solid rgba(17,17,17,.12);text-align:center}.tutorials-page__closing-title{margin:0 0 1.6rem;font-size:clamp(2.2rem,3vw,3.2rem);line-height:1.2;font-weight:400;letter-spacing:0;text-transform:none}.tutorials-page__closing-text{max-width:58rem;margin:0 auto 2.8rem}.tutorials-page__button{display:inline-flex;align-items:center;justify-content:center;min-width:16rem;min-height:4.8rem;padding:1.3rem 2.4rem;background:#111;color:#fff;font-size:1.2rem;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}@media screen and (min-width:990px){.tutorials-page__section{grid-template-columns:minmax(0,.95fr) minmax(0,.75fr)}.tutorials-page__section--reverse{grid-template-columns:minmax(0,.75fr) minmax(0,.95fr)}.tutorials-page__media,.tutorials-page__section--reverse .tutorials-page__media{justify-self:center}}@media screen and (max-width:989px){.tutorials-page__section--reverse .tutorials-page__media,.tutorials-page__section--reverse .tutorials-page__copy{order:unset}.tutorials-page__media,.tutorials-page__section--reverse .tutorials-page__media{max-width:46rem;justify-self:stretch}.tutorials-page__copy{max-width:none}}@media screen and (max-width:749px){.tutorials-page{padding-block-start:4.8rem}.tutorials-page__inner,.tutorials-page__nav{width:min(100% - 3.2rem,118rem)}.tutorials-page__nav-list{gap:2.8rem;justify-content:flex-start;padding-bottom:1.8rem}.tutorials-page__nav-link{min-height:3rem;gap:.8rem;font-size:1.6rem}.tutorials-page__nav-link:after{width:.5rem;height:.5rem}.tutorials-page__intro,.tutorials-page__text,.tutorials-page__closing-text,.tutorials-page__steps li{font-size:1.25rem}.tutorials-page__section--text-only{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-tutorials-page.css.map */