.od-st{--od-st-radius: 18px;position:relative;overflow:hidden;overflow:clip;padding-block:clamp(48px,7vw,110px) clamp(36px,5vw,72px);background:var(--od-bg);color:var(--od-ink)}.od-st.od-section--alt{background:var(--od-bg-alt)}.od-st__wrap{position:relative;max-width:var(--od-page);margin-inline:auto;padding-inline:var(--od-gutter);display:grid;grid-template-columns:minmax(0,25fr) minmax(0,31fr) minmax(0,32fr) minmax(0,12fr);grid-template-rows:auto auto auto;column-gap:0}.od-st__head{grid-column:1;grid-row:1 / span 2;position:relative;z-index:3;padding-right:1rem}.od-st__eyebrow{display:flex;align-items:center;gap:1rem;margin:0 0 clamp(12px,1.4vw,20px);font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 1px);letter-spacing:.32em;text-transform:uppercase;color:var(--od-muted)}.od-st__hair{display:inline-block;flex:0 0 auto;width:clamp(40px,6vw,90px);height:var(--od-hair);background:currentColor;opacity:.6}.od-st__title{display:flex;flex-direction:column;margin:0;font-size:clamp(2.3rem,1rem + 3.4vw,4.4rem);font-weight:500;line-height:.96;letter-spacing:-.01em;text-transform:uppercase;color:var(--od-ink)}.od-st__sub{margin:clamp(14px,1.6vw,22px) 0 0;max-width:26ch;font-family:var(--od-font-body);font-size:var(--od-t-sm);line-height:1.55;color:var(--od-ink-soft)}.od-st__tap{grid-column:3 / span 2;grid-row:1;justify-self:end;align-self:start;position:relative;z-index:3;display:flex;align-items:center;gap:.8rem;margin:0;font-family:var(--od-font-body);font-size:var(--od-t-xs);color:var(--od-ink-soft)}.od-st__tap-wave{width:44px;height:20px;fill:var(--od-brand)}.od-st__orbit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.od-st__thread{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.od-st__thread path{fill:none;vector-effect:non-scaling-stroke}.od-st__thread-base{stroke:var(--od-line);stroke-width:1}.od-st__thread-drawn{stroke:var(--od-brand);stroke-width:1.2;opacity:.7;transition:stroke-dashoffset var(--od-st-speed, .9s) cubic-bezier(.22,1,.36,1)}.od-st__spool{position:absolute;left:1%;top:78%;width:clamp(38px,3.6vw,56px);height:auto;fill:none;stroke:var(--od-brand);stroke-width:1.2;opacity:.55;transform-origin:50% 50%;transition:transform var(--od-st-speed, .9s) cubic-bezier(.22,1,.36,1)}.od-st__deco{position:absolute;right:-2%;bottom:-2%;width:clamp(120px,14vw,220px);height:auto;opacity:var(--od-st-deco, .3)}.od-st__faces{margin:0;padding:0;list-style:none}.od-st__face{--size: 64px;position:absolute;left:0;top:0;display:flex;align-items:center;gap:.6rem;padding:0;border:0;background:none;color:var(--od-ink-soft);cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%);will-change:left,top,opacity}.od-st__face-img{position:relative;flex:0 0 auto;display:block;width:var(--size);height:var(--size);border-radius:50%;overflow:hidden;background:var(--od-bg-alt);box-shadow:0 0 0 3px var(--od-bg),0 0 0 4px var(--od-line);transition:width var(--od-st-speed, .9s) cubic-bezier(.22,1,.36,1),height var(--od-st-speed, .9s) cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.od-st__face-img img{width:100%;height:100%;object-fit:cover}.od-st__face-name{margin-left:6px;font-family:var(--od-font-body);font-size:var(--od-t-xs);white-space:nowrap;transition:color .3s ease}.od-st[data-names=active] .od-st__face:not(.is-active) .od-st__face-name{opacity:0;visibility:hidden}.od-st__face.is-left{flex-direction:row-reverse}.od-st__face.is-left .od-st__face-name{margin-left:0;margin-right:6px}.od-st__face.is-active{--size: clamp(92px, 8vw, 128px);color:var(--od-ink)}.od-st__face.is-active .od-st__face-img{box-shadow:0 0 0 4px var(--od-bg),0 0 0 5.5px var(--od-brand)}.od-st__face.is-active .od-st__face-name{font-family:var(--od-font-display);font-size:var(--od-t-md);color:var(--od-ink)}.od-st__face:hover .od-st__face-img{box-shadow:0 0 0 3px var(--od-bg),0 0 0 4.5px var(--od-brand)}.od-st__face:focus-visible{outline:none}.od-st__face:focus-visible .od-st__face-img{box-shadow:0 0 0 3px var(--od-bg),0 0 0 6px var(--od-brand)}.od-st:not(.is-ready) .od-st__face{position:static;transform:none}.od-st:not(.is-ready) .od-st__faces{display:flex;flex-wrap:wrap;gap:1rem}.od-st:not(.is-ready) .od-st__orbit{position:relative;grid-column:1 / -1;grid-row:2;inset:auto;margin-block:1.5rem;pointer-events:auto}.od-st:not(.is-ready) .od-st__thread,.od-st:not(.is-ready) .od-st__spool{display:none}.od-st__main{grid-column:2 / span 3;grid-row:2;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,31fr) minmax(0,32fr) minmax(0,12fr);align-items:stretch;margin-top:clamp(130px,12vw,180px);outline:none}.od-st__main:focus-visible .od-st__screen{box-shadow:0 0 0 2px var(--od-brand)}.od-st__screen{grid-column:1;align-self:start;width:100%;position:relative;z-index:2;aspect-ratio:4 / 5;border-radius:var(--od-st-radius);overflow:hidden;background:var(--od-bg-alt);box-shadow:0 30px 60px -40px var(--od-ink-40);touch-action:pan-y}.od-st__film{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity var(--od-st-speed, .9s) cubic-bezier(.22,1,.36,1),visibility 0s linear var(--od-st-speed, .9s)}.od-st__film.is-active{opacity:1;visibility:visible;transition:opacity var(--od-st-speed, .9s) cubic-bezier(.22,1,.36,1),visibility 0s}.od-st__poster,.od-st__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:transparent}.od-st__film.is-active .od-st__video{-webkit-animation:od-st-settle var(--od-st-speed, .9s) cubic-bezier(.22,1,.36,1) both;animation:od-st-settle var(--od-st-speed, .9s) cubic-bezier(.22,1,.36,1) both}@-webkit-keyframes od-st-settle{0%{-webkit-transform:scale(1.06);transform:scale(1.06)}to{-webkit-transform:none;transform:none}}@keyframes od-st-settle{0%{transform:scale(1.06)}to{transform:none}}.od-st__hotspot{position:absolute;left:var(--hx, 50%);top:var(--hy, 55%);z-index:3;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;opacity:0;transform:scale(.6);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}.od-st__hotspot span{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:var(--od-bg);box-shadow:0 0 0 2px var(--od-bg-80, rgba(255, 255, 255, .7)),0 4px 12px -2px var(--od-ink-40)}.od-st__hotspot span:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;border:1px solid var(--od-bg);opacity:.8;-webkit-animation:od-st-pulse 2.2s ease-out infinite;animation:od-st-pulse 2.2s ease-out infinite}@-webkit-keyframes od-st-pulse{0%{-webkit-transform:scale(.7);opacity:.9}to{-webkit-transform:scale(1.6);opacity:0}}@keyframes od-st-pulse{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.6);opacity:0}}.od-st__film.is-active.is-tagged .od-st__hotspot{opacity:1;transform:none}.od-st__hotspot:focus-visible{outline:2px solid var(--od-bg);outline-offset:2px}.od-st__controls{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;gap:.75rem;padding:36px 14px 12px;color:var(--od-bg);background:linear-gradient(to top,var(--od-ink-40),transparent)}.od-st__ctrl{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.od-st__ctrl+.od-st__time{margin-left:-.1rem}.od-st__time{flex:0 0 auto;font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 1px);letter-spacing:.04em;font-variant-numeric:tabular-nums}.od-st__scrub{position:relative;flex:1 1 auto;height:2px;background:color-mix(in srgb,currentColor 35%,transparent);border-radius:2px;cursor:pointer}@supports not (background: color-mix(in srgb,red 50%,transparent)){.od-st__scrub{background:#ffffff59}}.od-st__scrub:before{content:"";position:absolute;top:-12px;right:0;bottom:-12px;left:0}.od-st__scrub i{position:absolute;left:0;top:0;bottom:0;width:0;background:currentColor;border-radius:2px}.od-st__scrub i:after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:currentColor}.od-st__cards{grid-column:2;position:relative;z-index:1;display:grid}.od-st__card{grid-area:1 / 1;position:relative;display:flex;flex-direction:column;gap:clamp(12px,1.4vw,20px);margin-left:-1px;padding:clamp(22px,2.4vw,38px) clamp(20px,2.4vw,40px) clamp(20px,2vw,30px) clamp(26px,3vw,48px);border:1px solid var(--od-line);border-left:0;border-radius:0 var(--od-st-radius) var(--od-st-radius) 0;background:var(--od-bg);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}.od-section--alt .od-st__card{background:var(--od-bg-alt)}.od-st__card.is-active{opacity:1;visibility:visible;transition:opacity .6s ease .15s,visibility 0s}.od-st__sample{align-self:flex-start;margin:0;padding:.35rem .7rem;border:1px dashed var(--od-brand);border-radius:var(--od-r-pill, 999px);font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 2px);letter-spacing:.04em;line-height:1.4;text-transform:uppercase;color:var(--od-brand)}.od-st__label{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;margin:0;font-family:var(--od-font-body);font-size:var(--od-t-xs);color:var(--od-muted)}.od-st__quote{margin:0;display:flex;flex-direction:column;gap:.6rem}.od-st__marks{display:block;height:.55em;margin-bottom:.1em;font-family:var(--od-font-display);font-size:clamp(3.4rem,2rem + 3vw,5.4rem);font-weight:700;line-height:.9;color:var(--od-brand)}.od-st__words{margin:0;padding:0;border:0;font-style:normal;font-family:var(--od-font-display);font-weight:400;font-size:clamp(1.25rem,.7rem + 1.5vw,2.2rem);line-height:1.32;letter-spacing:-.005em;color:var(--od-ink);quotes:none}.od-st__line{position:relative;display:inline-block;padding-bottom:.12em;opacity:0;transform:translateY(.4em);transition:opacity .6s ease calc(var(--i, 0) * .14s + .2s),transform .7s cubic-bezier(.22,1,.36,1) calc(var(--i, 0) * .14s + .2s)}.od-st__line:after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:1px;background-image:repeating-linear-gradient(90deg,var(--od-brand) 0 6px,transparent 6px 10px);opacity:.55;transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.22,1,.36,1) calc(var(--i, 0) * .14s + .6s)}.od-st__card.is-active .od-st__line{opacity:1;transform:none}.od-st__card.is-active .od-st__line:after{transform:none}.od-st__cite{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:.4rem}.od-st__cite cite{font-style:normal;font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 1px);letter-spacing:.2em;text-transform:uppercase;color:var(--od-ink-soft)}.od-st__dot{margin-inline:.6em}.od-st__wave{display:inline-flex;align-items:center;gap:2px;height:22px}.od-st__wave i{display:block;width:2px;height:4px;border-radius:2px;background:var(--od-brand);opacity:.7;transition:height .16s linear}.od-st__look{position:relative;display:grid;grid-template-columns:clamp(72px,7vw,104px) minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:1rem;row-gap:.6rem;align-items:start;margin-top:auto;padding:12px;border:1px solid var(--od-line);border-radius:calc(var(--od-st-radius) * .6);background:var(--od-bg)}.od-st__look-media{grid-row:1 / span 2;display:block;aspect-ratio:4 / 5;border-radius:8px;overflow:hidden;background:var(--od-bg-alt)}.od-st__look-media img{width:100%;height:100%;object-fit:cover}.od-st__look-body{min-width:0}.od-st__look-title{margin:0 0 .35rem;font-family:var(--od-font-display);font-size:var(--od-t-sm);line-height:1.25;color:var(--od-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.od-st__look-price{margin:0;font-family:var(--od-font-label);font-size:var(--od-t-sm);color:var(--od-ink);font-variant-numeric:tabular-nums}.od-st__look-price s{color:var(--od-muted);margin-right:.4em}.od-st__look-stock{margin:.3rem 0 0;font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 1px);text-transform:uppercase;letter-spacing:.08em;color:var(--od-muted)}.od-st__look-wish{grid-column:3;grid-row:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--od-line);border-radius:50%;background:transparent;color:var(--od-ink);cursor:pointer}.od-st__look-wish[aria-pressed=true]{color:var(--od-brand);border-color:var(--od-brand)}.od-st__look-wish[aria-pressed=true] .od-icon{fill:currentColor}.od-st__look-cta{grid-column:2 / span 2;grid-row:2;justify-self:end;align-self:end;display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:.7rem 1.2rem;border-radius:6px;background:var(--od-brand);color:var(--od-bg);font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 1px);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background-color .2s ease}.od-st__look-cta:hover{background:var(--od-brand-dark, var(--od-ink))}.od-st__look-fabric{position:absolute;right:4px;bottom:-1.7rem;margin:0;font-family:var(--od-font-body);font-size:calc(var(--od-t-xs) - 1px);color:var(--od-muted)}.od-st__peek{grid-column:3;position:relative;align-self:stretch;margin-left:clamp(12px,1.4vw,22px);margin-right:calc(var(--od-gutter) * -1 - 40px);padding:0;border:0;border-radius:var(--od-st-radius) 0 0 var(--od-st-radius);overflow:hidden;background:var(--od-bg-alt);cursor:pointer}.od-st__peek-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:30% 50%;pointer-events:none}.od-st__peek-play{position:absolute;left:22px;top:50%;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;border:1px solid var(--od-bg);border-radius:50%;color:var(--od-bg);background:var(--od-ink-40)}.od-st__tie{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;overflow:visible;pointer-events:none}.od-st__tie path{fill:none;stroke:var(--od-brand);stroke-width:1.2;stroke-dasharray:4 5;opacity:0;transition:opacity .4s ease}.od-st__tie circle{fill:var(--od-bg);stroke:var(--od-brand);stroke-width:1.5;opacity:0;transition:opacity .4s ease}.od-st__tie.is-on path{opacity:.8}.od-st__tie.is-on circle{opacity:1}.od-st__nav{grid-column:2 / span 2;grid-row:3;display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,32px);margin-top:clamp(24px,3vw,44px);position:relative;z-index:2}.od-st__arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--od-ink);border-radius:50%;background:transparent;color:var(--od-ink);cursor:pointer;transition:background-color .2s ease,color .2s ease}.od-st__arrow:hover{background:var(--od-ink);color:var(--od-bg)}.od-st__count{margin:0;font-family:var(--od-font-display);font-size:var(--od-t-md);font-variant-numeric:tabular-nums;color:var(--od-ink)}.od-st__count-of{color:var(--od-ink-soft);font-size:.8em}.od-st__progress{position:relative;width:clamp(120px,14vw,200px);height:2px;background:var(--od-line)}.od-st__progress i{position:absolute;left:0;top:-.5px;bottom:-.5px;background:var(--od-ink);transition:width var(--od-st-speed, .9s) cubic-bezier(.22,1,.36,1)}.od-st__foot{grid-column:1;grid-row:3;align-self:end;display:flex;align-items:center;gap:1rem;margin:0;font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 2px);letter-spacing:.24em;text-transform:uppercase;color:var(--od-muted);position:relative;z-index:2}.od-st__foot-sep{margin-inline:.8em}.od-st__foot .od-st__hair{flex:1 1 auto;width:auto}.od-st__capsules{display:none}@media screen and (max-width:1100px)and (min-width:750px){.od-st__wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.od-st__head{grid-column:1}.od-st__tap{grid-column:2}.od-st__main{grid-column:1 / -1;grid-template-columns:minmax(0,44fr) minmax(0,46fr) minmax(0,10fr);margin-top:clamp(140px,18vw,200px)}.od-st__nav{grid-column:1 / -1}.od-st__foot{display:none}}@media screen and (max-width:749px){.od-st{padding-bottom:24px}@media(max-width:430px){.od-st__capsule-cta{width:44px;padding:0;justify-content:center}.od-st__capsule-cta-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.od-st__wrap{display:block}.od-st__tap{margin-top:1rem;justify-content:flex-start}.od-st__orbit,.od-st.is-ready .od-st__orbit{position:relative;inset:auto;margin:1.4rem calc(var(--od-gutter) * -1) 0;pointer-events:auto}.od-st__thread,.od-st__spool,.od-st__deco{display:none}.od-st__faces,.od-st.is-ready .od-st__faces{display:flex;gap:.9rem;overflow-x:auto;padding:6px var(--od-gutter) 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.od-st__faces::-webkit-scrollbar{display:none}.od-st__faces li{flex:0 0 auto}.od-st__face,.od-st.is-ready .od-st__face{position:static;flex-direction:column;gap:.35rem;transform:none;--size: 56px;opacity:1!important}.od-st__face.is-active{--size: 64px}.od-st__face.is-active .od-st__face-name{font-size:var(--od-t-xs)}.od-st__main{display:block;margin-top:.8rem}.od-st__screen{margin-inline:calc(var(--od-gutter) * -1);aspect-ratio:auto;height:78vh;height:78svh;border-radius:0}.od-st__cards{margin-top:-1px}.od-st__card{margin:0;padding:22px 0 8px;border:0;border-radius:0;background:transparent}.od-st__label{justify-content:flex-start}.od-st__words{font-size:clamp(1.25rem,5.6vw,1.6rem)}.od-st__look,.od-st__peek,.od-st__tie{display:none}.od-st__nav{justify-content:space-between;margin-top:18px}.od-st__progress{flex:1 1 auto;width:auto}.od-st__foot{margin-top:20px}.od-st__capsules{display:block;position:-webkit-sticky;position:sticky;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:6;margin-top:16px;margin-right:72px}.od-st__capsule{display:flex;align-items:center;gap:.75rem;padding:8px 10px 8px 8px;border:1px solid var(--od-line);border-radius:14px;background:var(--od-bg);box-shadow:0 16px 30px -20px var(--od-ink-40);color:var(--od-ink)}.od-st__capsule img{width:46px;height:56px;object-fit:cover;border-radius:8px;flex:0 0 auto}.od-st__capsule-body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;overflow:hidden}.od-st__capsule-title{font-family:var(--od-font-display);font-size:var(--od-t-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-st__capsule-price{font-family:var(--od-font-label);font-size:var(--od-t-xs);white-space:nowrap}.od-st__capsule-cta{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:0 .7rem;border-radius:8px;letter-spacing:.06em;background:var(--od-brand);color:var(--od-bg);font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 2px);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;flex:0 0 auto}}@media(prefers-reduced-motion:reduce){.od-st *,.od-st *:before,.od-st *:after{-webkit-animation:none!important;animation:none!important;transition-duration:1ms!important;transition-delay:0s!important}}.od-st__stars{display:flex;align-items:center;gap:3px;margin:0 0 .7rem;color:var(--od-brand)}.od-st__star{display:inline-grid;place-items:center}.od-st__star:not(.is-empty) svg{fill:currentColor}.od-st__star.is-empty{opacity:.28}.od-st__when{font-family:var(--od-font-label);font-weight:var(--od-font-label-weight);font-size:var(--od-t-xs);letter-spacing:.06em;color:var(--od-muted);white-space:nowrap}.od-st__card--sample .od-st__when{opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/18/assets/od-stories.css.map */