.c-homepage-beginner-steps{position:relative;padding:var(--c-beginner-padding-top) 0 var(--c-beginner-padding-bottom);background-color:var(--c-beginner-background);color:var(--c-beginner-text);overflow:hidden}.c-homepage-beginner-steps--has-background-image{background-image:linear-gradient(180deg,#4b4d45bd 0% 100%),var(--c-beginner-background-image-mobile);background-position:center;background-repeat:no-repeat;background-size:cover}.c-homepage-beginner-steps:before,.c-homepage-beginner-steps:after{content:"S&S";position:absolute;z-index:0;color:#ffffff0d;font-family:var(--FONT-STACK-HEADING);font-size:clamp(7rem,15vw,12rem);font-weight:var(--FONT-WEIGHT-HEADING-BOLD);line-height:.8;pointer-events:none;-webkit-user-select:none;user-select:none}.c-homepage-beginner-steps--has-mark-image:before,.c-homepage-beginner-steps--has-mark-image:after{content:"";width:clamp(14rem,26vw,22.875rem);height:clamp(10.5rem,19vw,17.125rem);background:center / contain no-repeat var(--c-beginner-mark-image);opacity:.06;color:transparent;font-size:0;font-weight:400;line-height:1}.c-homepage-beginner-steps:before{left:-1.25rem;bottom:4.25rem;transform:rotate(-18deg)}.c-homepage-beginner-steps--has-mark-image:before{left:-11.5rem;bottom:5rem;transform:scaleX(-1)}.c-homepage-beginner-steps:after{top:5.5rem;right:-1rem;transform:rotate(18deg)}.c-homepage-beginner-steps--has-mark-image:after{top:-1.875rem;right:-5.625rem;transform:rotate(-21.48deg)}.c-homepage-beginner-steps__inner{position:relative;z-index:1;width:min(100% - 2.3125rem,1294px);margin:0 auto}.c-homepage-beginner-steps__header{display:flex;justify-content:flex-start;margin-bottom:20px}.c-homepage-beginner-steps__heading{max-width:24.4375rem;margin:0;color:inherit;font-size:2.25rem;font-weight:500;line-height:2.125rem;letter-spacing:1.365px;text-align:left;text-transform:uppercase;text-wrap:pretty}.c-homepage-beginner-steps__viewport{min-width:0}.c-homepage-beginner-steps__track{display:flex;gap:1.25rem;overflow-x:auto;padding-bottom:.125rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.c-homepage-beginner-steps__track::-webkit-scrollbar{display:none}.c-homepage-beginner-steps__step{flex:0 0 100%;min-width:100%;display:grid;gap:1.5rem;scroll-snap-align:start;scroll-snap-stop:always}.c-homepage-beginner-steps__copy{display:grid;gap:.875rem}.c-homepage-beginner-steps__pill{display:inline-flex;align-items:center;gap:.375rem;width:fit-content;padding:.375rem 1rem;border-radius:999px;background:var(--c-beginner-accent);color:#fff;font-size:.875rem;font-weight:600;line-height:1;letter-spacing:.04em;text-transform:uppercase}.c-homepage-beginner-steps__pill-divider{width:9px;height:1px;background:#ffffff59;transform:rotate(90deg)}.c-homepage-beginner-steps__step-text{max-width:18ch;margin:0;font-size:1.25rem;font-weight:400;line-height:1.15}.c-homepage-beginner-steps__media{position:relative;overflow:hidden;aspect-ratio:388 / 297;border-radius:.5rem;background:#ffffff14}.c-homepage-beginner-steps__image{display:block;width:100%;height:100%;object-fit:cover}.c-homepage-beginner-steps__controls{display:flex;align-items:center;justify-content:center;gap:.875rem;margin-top:1.75rem}.c-homepage-beginner-steps__control{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;border-radius:999px;background:#7b2f2a;color:#fff;cursor:pointer;transition:opacity .2s ease}.c-homepage-beginner-steps__control:disabled{opacity:.4;cursor:default}.c-homepage-beginner-steps__control-icon{display:inline-flex;width:24px;height:24px}.c-homepage-beginner-steps__control-icon .icon{width:24px;height:24px}.c-homepage-beginner-steps__control-icon--prev{transform:rotate(180deg)}.c-homepage-beginner-steps__button-wrap{display:flex;justify-content:center;margin-top:1.75rem}.c-homepage-beginner-steps__button{min-width:12.1875rem;background:var(--c-beginner-button-bg);border-color:var(--c-beginner-button-bg);color:var(--c-beginner-button-text);font-size:1rem;font-weight:700;line-height:1.1875rem;letter-spacing:0;text-transform:uppercase}.c-homepage-beginner-steps__button:hover,.c-homepage-beginner-steps__button:focus-visible{background:var(--c-beginner-button-bg);border-color:var(--c-beginner-button-bg);color:var(--c-beginner-button-text);opacity:.92}@media only screen and (min-width:768px)and (max-width:1199px){.c-homepage-beginner-steps--has-background-image{background-image:linear-gradient(180deg,#4b4d45ad 0% 100%),var(--c-beginner-background-image-desktop)}.c-homepage-beginner-steps__inner{width:min(100% - 3rem,45.5rem)}.c-homepage-beginner-steps__header{margin-bottom:25px}.c-homepage-beginner-steps__heading{max-width:36.25rem;font-size:2.8125rem;line-height:1.1;letter-spacing:-.02em}.c-homepage-beginner-steps__track{gap:1.5rem}.c-homepage-beginner-steps__step{flex:0 0 24.4375rem;min-width:24.4375rem}.c-homepage-beginner-steps__copy{gap:1rem}.c-homepage-beginner-steps__step-text{max-width:18ch;font-size:1.375rem;font-weight:600;line-height:1.625rem;text-transform:uppercase}.c-homepage-beginner-steps__controls{margin-top:2rem}}@media only screen and (min-width:1200px){.c-homepage-beginner-steps--has-background-image{background-image:linear-gradient(180deg,#4b4d459e 0% 100%),var(--c-beginner-background-image-desktop)}.c-homepage-beginner-steps__inner{width:min(100% - 4rem,1294px)}.c-homepage-beginner-steps__header{justify-content:center;margin-bottom:30px}.c-homepage-beginner-steps__heading{max-width:36.25rem;font-size:2.8125rem;line-height:1.1;letter-spacing:-.02em;text-align:center}.c-homepage-beginner-steps__track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.625rem;overflow:visible;padding-bottom:0;scroll-snap-type:none}.c-homepage-beginner-steps__track:before{content:"";position:absolute;top:1.875rem;left:12%;right:12%;border-top:1px dashed rgba(255,255,255,.4)}.c-homepage-beginner-steps__step{position:relative;flex:initial;min-width:0;gap:2rem;overflow:visible}.c-homepage-beginner-steps__step:after{content:"";position:absolute;top:.875rem;right:-1.3125rem;width:1px;height:6.5rem;background:#ffffff2e}.c-homepage-beginner-steps__step:last-child:after{display:none}.c-homepage-beginner-steps__copy{min-height:10.625rem;align-items:center;justify-items:center;gap:1.5rem;overflow:visible;padding-inline:0;text-align:center}.c-homepage-beginner-steps__step-text{width:377px;max-width:none;font-size:1.375rem;font-weight:600;line-height:1.625rem;text-transform:uppercase;text-wrap:balance;text-align:center}.c-homepage-beginner-steps__step:nth-child(2) .c-homepage-beginner-steps__step-text,.c-homepage-beginner-steps__step:nth-child(3) .c-homepage-beginner-steps__step-text{width:331px}.c-homepage-beginner-steps__image{height:100%}.c-homepage-beginner-steps__media{aspect-ratio:379 / 248}.c-homepage-beginner-steps__controls{display:none}.c-homepage-beginner-steps__button-wrap{margin-top:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/c-homepage-beginner-steps.css.map */