.mhs{--mhs-dur:6s;background:var(--deep)}.mhs__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}.mhs__slide.is-on{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}.mhs__stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mhs__stage img,.mhs__stage video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}.mh .mhs video{opacity:1}.mhs__img{opacity:0;transform:scale(1.02)}.mhs__img--a,.mhs__img--solo{opacity:1}.is-on .mhs__img--solo{animation:mhsSolo var(--mhs-dur) linear forwards}.is-on .mhs__img--a{animation:mhsA var(--mhs-dur) linear forwards}.is-on .mhs__img--b{animation:mhsB var(--mhs-dur) linear forwards}@keyframes mhsSolo{0%{transform:scale(1.02)}to{transform:scale(1.1)}}@keyframes mhsA{0%{opacity:1;transform:scale(1.02)}46%{opacity:1}56%{opacity:0;transform:scale(1.08)}to{opacity:0;transform:scale(1.08)}}@keyframes mhsB{0%,46%{opacity:0;transform:scale(1.03)}56%{opacity:1}to{opacity:1;transform:scale(1.1)}}.mhs--n2 .mhs__img.mhs__f1,.mhs--n3 .mhs__img.mhs__f1{opacity:1}.mhs--n2 .mhs__img.mhs__f2,.mhs--n3 .mhs__img.mhs__f2,.mhs--n3 .mhs__img.mhs__f3{opacity:0}.mhs--n3.is-on .mhs__img.mhs__f1{animation:mhs3a var(--mhs-dur) linear forwards}.mhs--n3.is-on .mhs__img.mhs__f2{animation:mhs3b var(--mhs-dur) linear forwards}.mhs--n3.is-on .mhs__img.mhs__f3{animation:mhs3c var(--mhs-dur) linear forwards}.mhs--n2.is-on .mhs__img.mhs__f1{animation:mhsA var(--mhs-dur) linear forwards}.mhs--n2.is-on .mhs__img.mhs__f2{animation:mhsB var(--mhs-dur) linear forwards}@keyframes mhs3a{0%{opacity:1;transform:scale(1.02)}31%{opacity:1}35%{opacity:0;transform:scale(1.07)}to{opacity:0;transform:scale(1.07)}}@keyframes mhs3b{0%,31%{opacity:0;transform:scale(1.02)}35%{opacity:1}64%{opacity:1}68%{opacity:0;transform:scale(1.07)}to{opacity:0;transform:scale(1.07)}}@keyframes mhs3c{0%,64%{opacity:0;transform:scale(1.02)}68%{opacity:1}to{opacity:1;transform:scale(1.06)}}.mhs__btns{display:inline-grid}.mhs__btns>*{grid-area:1/1}.mhs--n2 .mhs__btns>*,.mhs--n3 .mhs__btns>*{visibility:hidden;opacity:0}.mhs--n2 .mhs__btns>.mhs__f1,.mhs--n3 .mhs__btns>.mhs__f1{visibility:visible;opacity:1}.mhs--n3.is-on .mhs__btns>.mhs__f1{animation:mhsV31 var(--mhs-dur) step-end forwards}.mhs--n3.is-on .mhs__btns>.mhs__f2{animation:mhsV32 var(--mhs-dur) step-end forwards}.mhs--n3.is-on .mhs__btns>.mhs__f3{animation:mhsV33 var(--mhs-dur) step-end forwards}.mhs--n2.is-on .mhs__btns>.mhs__f1{animation:mhsV21 var(--mhs-dur) step-end forwards}.mhs--n2.is-on .mhs__btns>.mhs__f2{animation:mhsV22 var(--mhs-dur) step-end forwards}@keyframes mhsV31{0%{visibility:visible;opacity:1}33.3%,to{visibility:hidden;opacity:0}}@keyframes mhsV32{0%{visibility:hidden;opacity:0}33.3%{visibility:visible;opacity:1}66.6%,to{visibility:hidden;opacity:0}}@keyframes mhsV33{0%{visibility:hidden;opacity:0}66.6%,to{visibility:visible;opacity:1}}@keyframes mhsV21{0%{visibility:visible;opacity:1}50%,to{visibility:hidden;opacity:0}}@keyframes mhsV22{0%{visibility:hidden;opacity:0}50%,to{visibility:visible;opacity:1}}.mhs__chips{display:flex;flex-wrap:wrap;gap:6px}.mhs__chip{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border-radius:999px;border:1px solid rgba(246,230,214,.45);color:#f6e6d6;font-size:13px;text-decoration:none;background:#2a0b1140}.mhs__chip--more{border-style:dashed}.mhs--n3.is-on .mhs__chip.mhs__f1{animation:mhsC31 var(--mhs-dur) step-end forwards}.mhs--n3.is-on .mhs__chip.mhs__f2{animation:mhsC32 var(--mhs-dur) step-end forwards}.mhs--n3.is-on .mhs__chip.mhs__f3{animation:mhsC33 var(--mhs-dur) step-end forwards}.mhs--n2.is-on .mhs__chip.mhs__f1{animation:mhsC21 var(--mhs-dur) step-end forwards}.mhs--n2.is-on .mhs__chip.mhs__f2{animation:mhsC22 var(--mhs-dur) step-end forwards}@keyframes mhsC31{0%{background:#f6e6d6;color:#3a0f17}33.3%,to{background:#2a0b1140;color:#f6e6d6}}@keyframes mhsC32{0%{background:#2a0b1140;color:#f6e6d6}33.3%{background:#f6e6d6;color:#3a0f17}66.6%,to{background:#2a0b1140;color:#f6e6d6}}@keyframes mhsC33{0%{background:#2a0b1140;color:#f6e6d6}66.6%,to{background:#f6e6d6;color:#3a0f17}}@keyframes mhsC21{0%{background:#f6e6d6;color:#3a0f17}50%,to{background:#2a0b1140;color:#f6e6d6}}@keyframes mhsC22{0%{background:#2a0b1140;color:#f6e6d6}50%,to{background:#f6e6d6;color:#3a0f17}}.mhs.is-paused .mhs__img,.mhs.is-paused .mhs__bar.is-on i,.mhs.is-paused .mhs__btns>*,.mhs.is-paused .mhs__chip{animation-play-state:paused}.mhs__copy{position:relative;z-index:2;padding:44px 44px 40px;display:flex;flex-direction:column;gap:12px;color:#f6e6d6;max-width:640px}.is-on .mhs__copy>*{animation:mhUp .9s cubic-bezier(.16,1,.3,1) both}.is-on .mhs__copy>*:nth-child(2){animation-delay:.12s}.is-on .mhs__copy>*:nth-child(3){animation-delay:.22s}.is-on .mhs__copy>*:nth-child(4){animation-delay:.32s}.mhs__title{margin:0;font-family:Fraunces,Georgia,serif;font-weight:400;font-size:60px;line-height:1.02;color:#f6e6d6}.mhs__meta{margin:0;display:flex;align-items:center;gap:10px;font-size:16px;color:#ebcfc4}.mhs__price{font-weight:600;color:#f6e6d6;font-size:18px}.mhs__dot{color:#c9a27e}.mhs__bars{position:absolute;z-index:4;top:16px;left:20px;right:20px;display:flex;gap:6px}.mhs__bar{flex:1;height:3px;border-radius:3px;background:#f6e6d652;overflow:hidden}.mhs__bar i{display:block;height:100%;width:100%;background:#f6e6d6;transform:scaleX(0);transform-origin:left}.mhs__bar.is-done i{transform:scaleX(1)}.mhs__bar.is-on i{animation:mhsBar var(--mhs-dur) linear forwards}@keyframes mhsBar{to{transform:scaleX(1)}}.mhs__tap{position:absolute;z-index:1;top:0;bottom:0;width:32%;border:0;background:transparent;cursor:pointer;padding:0}.mhs__tap--prev{left:0;cursor:w-resize}.mhs__tap--next{right:0;cursor:e-resize}.mhs__pause{position:absolute;z-index:4;top:30px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:#2a0b1161;color:#f6e6d6;display:flex;align-items:center;justify-content:center;cursor:pointer}.mhs__ico-play{display:none}.mhs.is-paused .mhs__ico-play{display:block}.mhs.is-paused .mhs__ico-pause{display:none}@media(max-width:749px){.mhs__copy{padding:22px 18px;gap:9px}.mhs__title{font-size:36px}.mhs__meta{font-size:14px}.mhs__price{font-size:16px}.mhs__bars{top:12px;left:12px;right:12px;gap:4px}.mhs__pause{top:22px;right:10px;width:40px;height:40px}.mhs__copy .mh__btn{min-height:44px;padding:11px 20px;font-size:14px}}.mhw__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}@media(max-width:999px){.mhw__row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:-14px;padding-inline:14px;scrollbar-width:none}.mhw__row::-webkit-scrollbar{display:none}.mhw__reel{flex:0 0 42%;scroll-snap-align:start}}.mhw__info{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:12px;background:#f6e6d6f0;color:var(--deep)}.mhw__name{font-size:12px;line-height:1.25}.mhw__price{font-size:13px;font-weight:600;color:var(--wine)}@media(prefers-reduced-motion:reduce){.is-on .mhs__img--a,.is-on .mhs__img--b,.is-on .mhs__img--solo,.is-on .mhs__copy>*,.mhs .is-on .mhs__img,.mhs .is-on .mhs__btns>*,.mhs .is-on .mhs__chip,.mhs.is-on .mhs__img,.mhs.is-on .mhs__btns>*,.mhs.is-on .mhs__chip{animation:none}.mhs__img--b,.mhs__bars{display:none}}.mh__cols{margin-top:22px}.mh__cols .mcn--strip .mcn__list{gap:26px;padding:6px 12px 10px}.mh__cols .mcn--strip .mcn__item{width:118px;gap:9px}.mh__cols .mcn--strip .mcn__img{width:112px;height:112px;padding:3px;border:0;box-shadow:0 6px 18px #3a0f1724;background:conic-gradient(from 200deg,#c9a27e,#8c2f3e,#5a1a24,#c9a27e);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.mh__cols .mcn--strip .mcn__img img{border-radius:50%;border:3px solid #F7F1EF;background:#eee2df}.mh__cols .mcn--strip .mcn__item:hover .mcn__img{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 24px #3a0f1733}.mh__cols .mcn--strip .mcn__name{font-size:14px;font-weight:600;color:#3a0f17;line-height:1.25}@media(max-width:999px){.mh__cols .mcn--strip .mcn__list{gap:14px}.mh__cols .mcn--strip .mcn__item{width:92px;gap:7px}.mh__cols .mcn--strip .mcn__img{width:86px;height:86px}.mh__cols .mcn--strip .mcn__name{font-size:12.5px}}.mh__look-photo{min-height:0;aspect-ratio:3/4;align-self:start}.mh__look-photo img{object-position:50% 40%}@media(max-width:899px){.mh__look-photo{aspect-ratio:3/4}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/medley-hero.css.map */