.tutorial-steps__notice{max-width:64ch;margin:0 auto 2.4rem;padding:1.2rem 1.6rem;font-size:calc(1.4rem * var(--font-body-scale, 1));line-height:1.5;text-align:center;color:rgb(var(--color-muted, var(--color-text)));border:1px dashed rgba(var(--color-text),.3);border-radius:var(--input-radius)}.tutorial-steps__intro{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;max-width:64rem;margin:0 auto 3.2rem}.tutorial-steps__materials-title{display:flex;overflow-wrap:anywhere;align-items:center;gap:1.2rem;margin:0 0 1.6rem;font-size:calc(1.9rem * var(--font-heading-scale, 1));line-height:1.25}.tutorial-steps__checklist{display:grid;gap:1rem}.tutorial-steps__check-item{display:flex;align-items:flex-start;gap:1rem;font-size:calc(1.5rem * var(--font-body-scale, 1));line-height:1.45}.tutorial-steps__check-item .yc-check{margin-top:.1rem}.tutorial-steps__full-video{display:flex;flex-direction:column;gap:1rem;min-width:0}.tutorial-steps__full-video .video-embed{box-shadow:var(--shadow-card)}.tutorial-steps__full-video-label{display:flex;align-items:center;gap:.8rem;margin:0;font-size:calc(1.44rem * var(--font-body-scale, 1));font-weight:var(--font-body-weight-bold);color:rgb(var(--color-muted, var(--color-text)))}.tutorial-steps__full-video-icon{--icon-size: 1.6rem;color:rgb(var(--color-accent))}.tutorial-steps .tutorial-steps__list{display:grid;max-width:100rem;margin:0 auto}.tutorial-steps__step{position:relative;display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.2rem;padding-bottom:2rem}.tutorial-steps__step:not(:last-child):before,.tutorial-steps--teaser .tutorial-steps__step:last-child:before{content:"";position:absolute;top:4.8rem;bottom:.8rem;left:1.9rem;border-left:2px dotted rgba(var(--color-accent),.55)}.tutorial-steps__number{display:inline-grid;place-items:center;width:4rem;height:4rem;font-family:var(--font-heading-family);font-size:calc(1.7rem * var(--font-heading-scale, 1));font-weight:var(--font-heading-weight);line-height:1;color:rgb(var(--color-button-text));background:rgb(var(--color-button));border-radius:50%}.tutorial-steps__card{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}.tutorial-steps__media{min-width:0}.tutorial-steps__media .media,.tutorial-steps__media .video-embed{border-radius:0}.tutorial-steps__text{min-width:0;padding:1.8rem 2rem 2rem}.tutorial-steps__title{margin:0 0 .8rem;overflow-wrap:anywhere;font-size:calc(1.9rem * var(--font-heading-scale, 1));line-height:1.25}.tutorial-steps__instructions{font-size:calc(1.5rem * var(--font-body-scale, 1));line-height:1.6}.tutorial-steps__tip{display:flex;overflow-wrap:anywhere;align-items:flex-start;gap:.8rem;margin:1.4rem 0 0;padding:1rem 1.2rem;font-size:calc(1.44rem * var(--font-body-scale, 1));line-height:1.5;color:rgb(var(--brand-text));background:rgb(var(--brand-primary-soft));border-radius:var(--input-radius)}.tutorial-steps__tip-icon{--icon-size: 1.8rem;flex-shrink:0;margin-top:.1rem;color:rgb(var(--brand-primary-solid))}.tutorial-steps__lock-row{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.2rem;max-width:100rem;margin:0 auto}.tutorial-steps__lock{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin:0;padding:2.8rem 1.6rem 3.2rem;text-align:center;border-style:dashed;border-color:rgba(var(--brand-primary),.7)}.tutorial-steps__lock-ghosts{display:flex;justify-content:center;gap:.8rem}.tutorial-steps__ghost{display:inline-grid;place-items:center;width:3.2rem;height:3.2rem;font-family:var(--font-heading-family);font-size:calc(1.4rem * var(--font-heading-scale, 1));font-weight:var(--font-heading-weight);color:rgba(var(--brand-text),.45);background:rgba(var(--brand-text),.06);border-radius:50%}.tutorial-steps__lock-heading{max-width:36ch;margin:0;overflow-wrap:anywhere;font-size:calc(2rem * var(--font-heading-scale, 1));line-height:1.25}.tutorial-steps__lock-count{margin:0;font-size:calc(1.5rem * var(--font-body-scale, 1));color:rgb(var(--brand-muted))}.tutorial-steps__lock .landing-cta{align-items:center;width:100%;max-width:44rem;margin-top:.8rem}.tutorial-steps__lock .landing-cta__note{justify-content:center}@media(min-width:750px){.tutorial-steps__intro--split{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;max-width:100rem}.tutorial-steps__step,.tutorial-steps__lock-row{grid-template-columns:4.8rem minmax(0,1fr);gap:2rem}.tutorial-steps__step{padding-bottom:2.4rem}.tutorial-steps__step:not(:last-child):before,.tutorial-steps--teaser .tutorial-steps__step:last-child:before{top:5.6rem;left:2.3rem}.tutorial-steps__number{width:4.8rem;height:4.8rem;font-size:calc(1.9rem * var(--font-heading-scale, 1))}.tutorial-steps__card--media{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:stretch}.tutorial-steps__card--media .tutorial-steps__media .media,.tutorial-steps__card--media .tutorial-steps__media .video-embed{height:100%;min-height:22rem}.tutorial-steps__text{align-self:center;padding:2.4rem 2.8rem}.tutorial-steps__title{font-size:calc(2.1rem * var(--font-heading-scale, 1))}.tutorial-steps__instructions{font-size:calc(1.6rem * var(--font-body-scale, 1))}.tutorial-steps__lock{grid-column:2;padding:3.6rem 4rem 4rem}.tutorial-steps__lock-heading{font-size:calc(2.4rem * var(--font-heading-scale, 1))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-tutorial-steps.css.map */