.wear__head{max-width:64rem;margin:0 auto 5.6rem;text-align:center}.wear__head h2{margin:0 0 1.6rem}.wear__head h2 em{font-style:italic;color:var(--wear-accent)}.wear__head p{margin:0;font-size:1.6rem;line-height:1.65;color:rgba(var(--color-foreground),.75)}.wear__steps{display:grid;grid-template-columns:1fr;gap:3.6rem;margin:0;padding:0;list-style:none;counter-reset:wear}.wear__step{counter-increment:wear}@media screen and (max-width:989px){.wear__steps{--wear-gutter: 1.5rem;display:flex;gap:1.6rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--wear-gutter);padding-inline:var(--wear-gutter);margin-inline:calc(var(--wear-gutter) * -1);-webkit-overflow-scrolling:touch;scrollbar-width:none}.wear__steps::-webkit-scrollbar{display:none}.wear__steps:focus-visible{outline:.2rem solid var(--wear-accent);outline-offset:.4rem}.wear__step{flex:0 0 82%;scroll-snap-align:start;scroll-snap-stop:always}}.wear__dots{display:flex;justify-content:center;gap:.4rem;margin-top:2rem}.wear__dot{width:4.4rem;height:4.4rem;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.wear__dot:before{content:"";width:.9rem;height:.9rem;border-radius:50%;background:rgba(var(--color-foreground),.25);transition:background-color .2s ease,transform .2s ease}.wear__dot[aria-current=true]:before{background:var(--wear-accent);transform:scale(1.3)}@media(prefers-reduced-motion:reduce){.wear__dot:before{transition:none}}.wear__media{position:relative;margin-bottom:2rem;border-radius:1.4rem;border:1px solid rgba(var(--color-foreground),.14);background:rgba(var(--color-foreground),.04);overflow:hidden;aspect-ratio:var(--wear-tile, 4 / 3)}.wear__media img,.wear__media svg,.wear__media video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--wear-focus, center)}.wear__media--video{background:#fff}.wear__n{display:inline-grid;place-items:center;width:3rem;height:3rem;margin-bottom:1.4rem;border-radius:50%;background:rgba(var(--wear-accent-rgb),.16);color:var(--wear-accent);font-size:1.5rem;font-weight:600;line-height:1}.wear__step h3{margin:0 0 .9rem;font-size:2rem;line-height:1.3;letter-spacing:-.008em}.wear__step p{margin:0;font-size:1.5rem;line-height:1.7;color:rgba(var(--color-foreground),.75)}@media screen and (min-width:990px){.wear__steps{grid-template-columns:repeat(3,1fr);gap:3.2rem}.wear__media{margin-bottom:2.2rem}.wear__dots{display:none}}#how-to-wear-it{scroll-margin-top:8rem}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-how-to-wear.css.map */