@font-face{font-family:Duoo Hero Editorial;src:url(duoo-hero-editorial-display.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}.duoo-stage{--hero-ink:#141414;--hero-muted:#74726e;--hero-paper:#fff;--hero-ease:cubic-bezier(.22,1,.36,1);--hero-center:54%;--hero-image-width:63%;--hero-prev-travel:22vw;--hero-prev2-travel:43vw;--hero-next-travel:37vw;--hero-side-scale:.3;--hero-far-scale:.25;--hero-side-lift:calc(var(--hero-photo)*-.16);--hero-scene:clamp(540px, calc(100svh - 100px) ,760px);--hero-photo:calc(var(--hero-scene) - 60px);display:block;position:relative;overflow:clip;isolation:isolate;background:var(--hero-paper);color:var(--hero-ink);font-family:var(--body-font)}.duoo-stage,.duoo-stage *{box-sizing:border-box}.duoo-stage__frame{position:relative;max-width:1680px;margin-inline:auto;padding-top:calc(var(--height-header,var(--duoo-header-footprint,80px)) + 28px)}.duoo-stage__looks{position:relative;height:var(--hero-scene)}.duoo-stage__slide{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.duoo-stage__intro{position:absolute;left:50%;bottom:0;transform:translate(-50%);z-index:8;pointer-events:none}.duoo-stage__figure{position:absolute;left:var(--hero-center);top:0;height:var(--hero-photo);width:var(--hero-image-width);display:block;margin:0;padding:0;transform-origin:50% 100%;transform:translate(-50%);opacity:1;pointer-events:auto;z-index:1;text-decoration:none;touch-action:pan-y pinch-zoom;transition:transform .48s var(--hero-ease),opacity .18s ease-out}.duoo-stage__image{position:relative;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform-origin:50% 75%}.duoo-stage__image:not([src]){visibility:hidden}.duoo-stage__slide[data-position=prev2] .duoo-stage__figure{transform:translate(calc(-50% - var(--hero-prev2-travel))) translateY(var(--hero-side-lift)) scale(var(--hero-far-scale))}.duoo-stage__slide[data-position=prev] .duoo-stage__figure{transform:translate(calc(-50% - var(--hero-prev-travel))) translateY(var(--hero-side-lift)) scale(var(--hero-side-scale))}.duoo-stage__slide[data-position=next] .duoo-stage__figure{transform:translate(calc(-50% + var(--hero-next-travel))) translateY(var(--hero-side-lift)) scale(var(--hero-side-scale))}.duoo-stage__slide[data-position=hidden] .duoo-stage__figure{opacity:0;visibility:hidden;pointer-events:none;z-index:0}.duoo-stage__slide[data-position=active] .duoo-stage__figure{z-index:4}.duoo-stage__slide[data-hero-entry] .duoo-stage__figure{visibility:visible;opacity:1;pointer-events:none;transition:none;z-index:1}.duoo-stage__slide[data-hero-exit] .duoo-stage__figure{visibility:visible;opacity:1;pointer-events:none;z-index:1}.duoo-stage__slide:is([data-hero-entry=left],[data-hero-exit=left]) .duoo-stage__figure{transform:translate(calc(-50% - 110vw)) translateY(var(--hero-side-lift)) scale(var(--hero-far-scale))}.duoo-stage__slide:is([data-hero-entry=right],[data-hero-exit=right]) .duoo-stage__figure{transform:translate(calc(-50% + 110vw)) translateY(var(--hero-side-lift)) scale(var(--hero-side-scale))}.duoo-stage__details{position:absolute;left:5%;top:38px;width:75%;height:auto;padding:0;visibility:hidden;pointer-events:none;transition:visibility 0s .12s}.duoo-stage__slide[data-position=active] .duoo-stage__details{visibility:visible;pointer-events:auto;transition-delay:0s}.duoo-stage__details :is(h2,.duoo-stage__eyebrow,.duoo-stage__garments,.duoo-stage__pricing,.duoo-stage__actions){opacity:0;transform:translateY(8px);transition:opacity .12s ease-out,transform .14s var(--hero-ease)}.duoo-stage__slide[data-position=active] .duoo-stage__details :is(h2,.duoo-stage__eyebrow,.duoo-stage__garments,.duoo-stage__pricing,.duoo-stage__actions){opacity:1;transform:translateY(0);transition-duration:.26s,.32s;transition-delay:80ms}.duoo-stage__identity{min-width:0}.duoo-stage__identity h2{position:relative;z-index:2;font:400 clamp(110px,calc(13vw * var(--hero-type-scale,1)),190px)/.84 "Duoo Hero Editorial",Georgia,serif;font-optical-sizing:auto;letter-spacing:-.055em;margin:0;max-width:12ch;text-transform:none;color:var(--hero-look-accent,var(--hero-ink))}.duoo-stage__identity h2 a{color:inherit;text-decoration:none;transition:none}.duoo-stage__identity h2 a>span{white-space:nowrap}.duoo-stage__eyebrow{position:relative;z-index:2;margin:0 0 12px;color:var(--hero-muted);font:500 10px/1.4 var(--body-font);letter-spacing:.27em;text-transform:uppercase}.duoo-stage__garments{position:relative;z-index:2;margin:17px 0 0;max-width:48ch;color:var(--hero-muted);font-size:10px;line-height:1.5;letter-spacing:.2em;text-transform:uppercase}.duoo-stage__purchase{margin-top:20px}.duoo-stage__pricing{position:relative;z-index:7;width:max-content;max-width:100%}.duoo-stage__price{color:var(--hero-look-accent,var(--hero-ink));margin:0;font:400 clamp(27px,2.7vw,38px)/1.1 var(--heading-font);letter-spacing:-.035em;white-space:nowrap}.duoo-stage__price small{font:400 11px var(--body-font);display:block;letter-spacing:0;margin-bottom:3px}.duoo-stage__actions{position:relative;z-index:7;display:flex;align-items:center;gap:10px;margin-top:22px;width:max-content;max-width:100%}.duoo-stage__actions button-quickview{display:block;border:0;padding:0;border-radius:40px;background:transparent}.duoo-stage__buy,.duoo-stage__nojs-buy{border:0;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;isolation:isolate;min-height:44px;min-width:132px;padding:9px 14px;border-radius:40px;background:transparent;color:#fff;font:400 13px var(--body-font);cursor:pointer}.duoo-stage__buy:before,.duoo-stage__nojs-buy:before{content:"";position:absolute;top:5px;right:0;bottom:5px;left:0;z-index:-1;border-radius:inherit;background:var(--hero-look-accent,var(--hero-ink));transition:background-color .16s ease-out}.duoo-stage__buy span{white-space:nowrap}.duoo-stage__buy svg{flex-shrink:0}.duoo-stage__nojs-buy{text-decoration:none;white-space:nowrap;transition:background-color .18s ease-out}.duoo-stage__sold-out{display:block;padding:14px;font-size:13px}.duoo-stage__wish{position:relative;isolation:isolate;border:0;border-radius:50%;width:44px;height:44px;padding:0;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--hero-look-accent,var(--hero-ink));background:transparent;flex-shrink:0;line-height:1;transition:background-color .18s ease-out;border-color:color-mix(in srgb,var(--hero-look-accent,var(--hero-ink)) 48%,transparent)}.duoo-stage__wish:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:-1;border:1px solid color-mix(in srgb,var(--hero-look-accent,var(--hero-ink)) 48%,transparent);border-radius:50%;background:#fff;transition:background-color .16s ease-out}.duoo-stage__wish svg{display:block;flex:none;width:18px;height:18px}.duoo-stage__open-icon{transition:transform .1s var(--hero-ease),opacity .1s ease-out}.duoo-stage button-quickview.loading .duoo-stage__open-icon{transform:translate3d(2px,-2px,0);opacity:.35;transition-duration:.16s}.duoo-stage__pagination{display:none;align-items:center;gap:14px;pointer-events:auto}.duoo-stage__count{display:none;color:#8d8b86;font-size:11px;letter-spacing:.04em;white-space:nowrap}.duoo-stage__count [data-hero-current]{color:#303030}.duoo-stage__steps{display:flex}.duoo-stage__steps button{position:relative;display:block;padding:0 3px;border:0;background:transparent;width:24px;height:44px;cursor:pointer}.duoo-stage__steps button:before,.duoo-stage__steps button span{position:absolute;content:"";top:36px;left:3px;right:3px;height:2px;background:#e6e4e0}.duoo-stage__steps button span{background:#252525;transform:scaleX(0);transform-origin:left}.duoo-stage__steps button[aria-current=true] span{transform:scaleX(1)}.duoo-stage[data-playing=true] .duoo-stage__steps button[aria-current=true] span{animation:duooStageProgress var(--hero-interval,3.5s) linear both}.duoo-stage__play{display:flex;align-self:flex-end;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:0;color:#7d7b76;cursor:pointer}.duoo-stage__play svg{transform:translateY(14px)}.duoo-stage__play-icon,.duoo-stage__play[data-paused=true] .duoo-stage__pause-icon{display:none}.duoo-stage__play[data-paused=true] .duoo-stage__play-icon{display:block}.duoo-stage[data-hero-pending] .duoo-stage__count{opacity:.5}.duoo-stage [data-hero-slide] button-quickview.loading .duoo-stage__buy{opacity:.65}.duoo-stage :is(button,a,button-wishlist):focus-visible{outline:2px solid #141414;outline-offset:5px}.duoo-stage .duoo-stage__buy{transition:transform .16s var(--hero-ease),background-color .18s ease-out}.duoo-stage .duoo-stage__buy:active{transform:scale(.975)}.duoo-stage[data-hero-ready] .duoo-stage__pagination{display:flex}.duoo-stage__actions:has(button-quickview:defined) .duoo-stage__nojs-buy{display:none}.duoo-stage :is(button-quickview,button-wishlist):not(:defined){display:none}.no-js .duoo-stage :is(button-quickview,button-wishlist){display:none}@keyframes duooStageProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(hover:hover)and (pointer:fine){.duoo-stage__buy:hover:before{background:#35332f}.duoo-stage__buy:hover .duoo-stage__open-icon{transform:translate3d(2px,-2px,0);transition-duration:.16s}.duoo-stage__wish:hover:before{background:#f1f0ed}.duoo-stage__identity a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}}@media(min-width:1680px){.duoo-stage{--hero-prev-travel:370px;--hero-prev2-travel:722px;--hero-next-travel:622px}}@media(min-width:768px)and (max-width:1000px){.duoo-stage{--hero-image-width:66%;--hero-center:54%;--hero-side-scale:.27;--hero-far-scale:.22;--hero-prev-travel:22vw;--hero-prev2-travel:43vw;--hero-next-travel:36vw}.duoo-stage__details{width:75%;top:34px}.duoo-stage__identity h2{font-size:clamp(110px,13vw,132px)}.duoo-stage__buy,.duoo-stage__nojs-buy{min-width:130px;font-size:12px;padding-inline:12px}}@media(min-width:768px)and (max-height:700px){.duoo-stage__details{top:24px}.duoo-stage__identity h2{font-size:clamp(106px,12vw,164px)}.duoo-stage__purchase{margin-top:15px}.duoo-stage__actions{margin-top:14px}.duoo-stage{--hero-side-scale:.26;--hero-far-scale:.22}}@media(max-width:767px){.duoo-stage{--hero-scene:clamp(560px,153vw,880px);--hero-photo:calc(var(--hero-scene) - 44px);--hero-image-width:100%;--hero-center:58%;--hero-prev-travel:46vw;--hero-next-travel:34vw;--hero-side-scale:.28;--hero-far-scale:.24;--hero-side-lift:calc(var(--hero-photo)*-.22)}.duoo-stage__details{left:4.8%;top:0;width:92%}.duoo-stage__identity h2{font-size:clamp(64px,calc(24vw * var(--hero-type-scale,1)),182px);line-height:.78;letter-spacing:-.02em;max-width:none}.duoo-stage__eyebrow{font-size:9px;letter-spacing:.29em;margin-bottom:8px}.duoo-stage__garments{font-size:8px;letter-spacing:.16em;line-height:1.5;margin-top:10px;max-width:45ch}.duoo-stage__purchase{margin-top:8px}.duoo-stage__price{font-size:clamp(23px,6vw,36px)}.duoo-stage__actions{margin-top:4px;gap:3px}.duoo-stage__buy,.duoo-stage__nojs-buy{font-size:11px;min-height:44px;min-width:94px;padding:8px;gap:6px}.duoo-stage__buy svg{width:16px}.duoo-stage__buy:before,.duoo-stage__nojs-buy:before{top:8px;right:0;bottom:8px;left:0}.duoo-stage__wish{width:44px;height:44px}.duoo-stage__wish:before{top:8px;right:8px;bottom:8px;left:8px}.duoo-stage__wish svg{width:16px;height:16px}.duoo-stage__pagination{gap:4px}.duoo-stage__steps button{width:23px}.duoo-stage__play{width:44px}}@media(max-width:374px){.duoo-stage{--hero-side-scale:.26}.duoo-stage__details{width:92%;top:0}.duoo-stage__identity h2{font-size:calc(24vw * var(--hero-type-scale,1))}.duoo-stage__actions{gap:5px}.duoo-stage__buy,.duoo-stage__nojs-buy{min-width:90px;padding-inline:8px}}.duoo-stage[data-hero-initializing] .duoo-stage__figure,.duoo-stage[data-hero-input=keyboard] .duoo-stage__figure{transition:none}.duoo-stage[data-hero-input=keyboard] .duoo-stage__details,.duoo-stage[data-hero-input=keyboard] .duoo-stage__details :is(h2,.duoo-stage__eyebrow,.duoo-stage__garments,.duoo-stage__pricing,.duoo-stage__actions){transition:none}.duoo-stage:is([data-hero-entrance=waiting],[data-hero-entrance=running]) [data-hero-enter],.duoo-stage__slide[data-hero-commit-motion] [data-hero-enter]{transition:none!important}@media(prefers-reduced-motion:reduce){.duoo-stage .duoo-stage__figure,.duoo-stage .duoo-stage__details,.duoo-stage .duoo-stage__details :is(h2,.duoo-stage__eyebrow,.duoo-stage__garments,.duoo-stage__pricing,.duoo-stage__actions),.duoo-stage .duoo-stage__nojs-buy{transition:none}.duoo-stage .duoo-stage__steps button span{animation:none!important}.duoo-stage :is(.duoo-stage__buy,.duoo-stage__wish):active{transform:none}.duoo-stage button-wishlist{scale:1!important;transition:none!important}}.duoo-stage__look-caption{position:absolute;left:var(--hero-center);top:calc(var(--hero-photo) + 4px);width:140px;max-width:22%;text-align:center;transform:translate(-50%);z-index:3;pointer-events:none;color:var(--hero-muted);transition:transform .48s var(--hero-ease),opacity .18s ease-out}.duoo-stage__look-number{display:block;font:400 17px/1.2 var(--body-font);letter-spacing:-.03em}.duoo-stage__look-name{display:block;margin-top:5px;font:500 9px/1.35 var(--body-font);letter-spacing:.09em;text-transform:uppercase}.duoo-stage__slide[data-position=prev2] .duoo-stage__look-caption{transform:translate(calc(-50% - var(--hero-prev2-travel))) translateY(var(--hero-side-lift))}.duoo-stage__slide[data-position=prev] .duoo-stage__look-caption{transform:translate(calc(-50% - var(--hero-prev-travel))) translateY(var(--hero-side-lift))}.duoo-stage__slide[data-position=next] .duoo-stage__look-caption{transform:translate(calc(-50% + var(--hero-next-travel))) translateY(var(--hero-side-lift))}.duoo-stage__slide:not([data-position=active]) .duoo-stage__look-number:after{content:"";display:block;width:19px;height:1px;background:currentColor;opacity:.5;margin:5px auto 0}.duoo-stage__slide[data-position=hidden] .duoo-stage__look-caption{visibility:hidden;opacity:0}.duoo-stage__slide[data-hero-entry] .duoo-stage__look-caption{visibility:visible;opacity:1;transition:none}.duoo-stage__slide[data-hero-exit] .duoo-stage__look-caption{visibility:visible;opacity:1}.duoo-stage__slide:is([data-hero-entry=left],[data-hero-exit=left]) .duoo-stage__look-caption{transform:translate(calc(-50% - 110vw)) translateY(var(--hero-side-lift))}.duoo-stage__slide:is([data-hero-entry=right],[data-hero-exit=right]) .duoo-stage__look-caption{transform:translate(calc(-50% + 110vw)) translateY(var(--hero-side-lift))}@media(max-width:767px){.duoo-stage__look-caption{width:160px;max-width:none;top:calc(var(--hero-photo) + 2px)}.duoo-stage__look-number{font-size:14px}.duoo-stage__look-name{font-size:8px;letter-spacing:.06em;max-width:10ch;margin:4px auto 0}.duoo-stage__slide[data-position=active]:not([data-hero-entry]):not([data-hero-exit]) .duoo-stage__look-caption{transform:translate(calc(-50% - 8vw))}.duoo-stage__slide[data-position=active] .duoo-stage__look-name{max-width:none}}.duoo-stage[data-hero-initializing] .duoo-stage__look-caption,.duoo-stage[data-hero-input=keyboard] .duoo-stage__look-caption{transition:none}@media(prefers-reduced-motion:reduce){.duoo-stage .duoo-stage__look-caption,.duoo-stage .duoo-stage__open-icon{transition:none}.duoo-stage .duoo-stage__open-icon{transform:none!important}}@media(max-width:767px){.duoo-stage__slide:not([data-position=active]) .duoo-stage__look-caption>div{width:64px;margin-inline:auto}.duoo-stage__slide[data-position=next] .duoo-stage__look-caption>div{translate:-8px 0}.duoo-stage__slide[data-position=prev] .duoo-stage__look-caption{text-align:left}.duoo-stage__slide[data-position=next] .duoo-stage__look-caption{text-align:right}.duoo-stage__slide:not([data-position=active]) .duoo-stage__look-name{max-width:none;margin-inline:0}.duoo-stage__slide[data-position=prev] .duoo-stage__look-number:after{margin-inline:0}.duoo-stage__slide[data-position=next] .duoo-stage__look-number:after{margin-left:auto;margin-right:0}}@media(max-width:767px){.duoo-stage__title-tail{display:block}}@media(max-width:1023px){.duoo-stage__pricing{background:transparent;padding:0}.duoo-stage__slide:not([data-position=active]) .duoo-stage__look-caption{z-index:3}}@media(min-width:768px)and (max-width:1023px){.duoo-stage{--hero-prev-travel:42vw;--hero-next-travel:36vw}}@media(min-width:768px){.duoo-stage{--hero-scene:clamp(500px, calc(100svh - 200px) ,760px);--hero-side-lift:calc(var(--hero-photo)*-.07)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/duoo-hero.css.map */
