.wear-steps{padding-block:80px}.wear-steps__header{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:end;gap:48px;margin-bottom:34px}.wear-steps__eyebrow{margin:0 0 14px;color:#8f536a;font-size:1.05rem;font-weight:600;line-height:1.4;letter-spacing:0;text-transform:uppercase}.wear-steps__heading{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:4.6rem;font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.05;letter-spacing:0}.wear-steps__aside{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.wear-steps__description{max-width:420px;color:rgba(var(--color-foreground),.72);font-size:1.3rem;line-height:1.5}.wear-steps__description p{margin:0}.wear-steps__time{margin:0;color:rgb(var(--color-foreground));font-size:1.2rem;line-height:1.4}.wear-steps__time span{margin-right:6px;color:#70577d;font-weight:600;text-transform:uppercase}.wear-steps__rail-wrap{position:relative}.wear-steps__tabs{display:flex;gap:8px;margin:-8px 0 28px}.wear-steps__tab{min-height:42px;padding:10px 18px;border:1px solid rgba(var(--color-foreground),.24);border-radius:999px;color:rgb(var(--color-foreground));background:transparent;font:inherit;cursor:pointer}.wear-steps__tab.is-active{border-color:#2d2430;color:#fff9f6;background:#2d2430}.wear-steps__tab:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.wear-steps__panel[hidden]{display:none}.wear-steps__note{margin:18px 44px 0;color:rgba(var(--color-foreground),.7);font-size:1.1rem;line-height:1.5}.wear-steps__rail{display:grid;grid-auto-columns:calc((100% - 32px) / 3);grid-auto-flow:column;gap:16px;overflow-x:auto;padding:4px 2px 18px;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.wear-steps__rail::-webkit-scrollbar{display:none}.wear-step{min-width:0}.wear-step__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:6px;background:rgba(var(--color-foreground),.06)}.wear-step__media img,.wear-step__placeholder{display:block;width:100%;height:100%;object-fit:cover}.wear-step__number{position:absolute;inset:12px auto auto 12px;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#2d2430;background:#fff9f6eb;font-size:1rem;font-weight:600;line-height:1}.wear-step__copy{padding:14px 2px 0}.wear-step__title{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:1.8rem;font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.15;letter-spacing:0}.wear-step__text{margin:7px 0 0;color:rgba(var(--color-foreground),.68);font-size:1.15rem;line-height:1.45;letter-spacing:0}.wear-steps__arrow{position:absolute;z-index:1;top:calc((100% - 46px)/2);display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(45,36,48,.22);border-radius:50%;color:#2d2430;background:#fff9f6f0;font-size:1.7rem;line-height:1;cursor:pointer;transform:translateY(-50%)}.wear-steps__arrow--prev{left:-22px}.wear-steps__arrow--next{right:-22px}.wear-steps__arrow:disabled{opacity:.28;cursor:default}.wear-steps__progress{height:2px;margin:0 44px;overflow:hidden;background:#2d243021}.wear-steps__progress span{display:block;width:8%;height:100%;background:#8f536a;transition:width .18s ease}.wear-steps__arrow:focus-visible,.wear-steps__rail:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}@media screen and (max-width:989px){.wear-steps__header{grid-template-columns:1fr;gap:16px}.wear-steps__rail{grid-auto-columns:calc((100% - 16px)/2)}}@media screen and (max-width:749px){.wear-steps{padding-block:64px}.wear-steps__header{margin-bottom:26px}.wear-steps__tabs{margin:-2px 0 22px;overflow-x:auto}.wear-steps__tab{flex:0 0 auto;min-height:38px;padding:8px 14px;font-size:1rem}.wear-steps__eyebrow{margin-bottom:11px;font-size:1rem}.wear-steps__heading{font-size:3.7rem}.wear-steps__description{font-size:1.2rem}.wear-steps__time{font-size:1.1rem}.wear-steps__rail{grid-auto-columns:78%;gap:10px;padding-bottom:16px}.wear-step__number{inset:9px auto auto 9px;width:30px;height:30px;font-size:.9rem}.wear-step__copy{padding-top:11px}.wear-step__title{font-size:1.65rem}.wear-step__text{margin-top:5px;font-size:1.05rem}.wear-steps__arrow{top:calc((100% - 42px)/2);width:38px;height:38px;font-size:1.4rem}.wear-steps__arrow--prev{left:-9px}.wear-steps__arrow--next{right:-9px}.wear-steps__progress{margin:0 22px}.wear-steps__note{margin:15px 22px 0;font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map?subset=AAAAAAAAAAE */