.hero-dressup-section{background:var(--hd-bg, #fff);color:var(--hd-fg, #111);overflow:hidden}.hd{--hd-gap: 10px;--hd-cap: 44px;position:relative;display:flex;flex-direction:column;height:var(--hd-h, 100svh);min-height:520px;max-height:1200px;padding:calc(14px + var(--hd-overlap, 0px)) 12px 10px;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hd__top{flex:0 0 auto;z-index:3}.hd__intro{text-align:center}.hd__eyebrow{margin:0 0 .25em;font-family:var(--font-body-family);font-size:1rem;letter-spacing:.25em;text-transform:uppercase;opacity:.6}.hd__heading{margin:0;font-family:var(--font-heading-family);font-size:clamp(1.9rem,6vw,2.4rem);line-height:1.05;letter-spacing:.06em;text-transform:uppercase;color:inherit}.hd__subheading{margin:.4em 0 0;font-family:var(--font-body-family);font-size:1.25rem;opacity:.7}.hd__grid{flex:1 1 auto;min-height:0;container-type:size;display:grid;grid-template-columns:repeat(2,auto);justify-content:center;align-content:center;gap:var(--hd-gap);padding:8px 0}.hd__model{margin:0;display:flex;flex-direction:column;align-items:center;min-width:0}.hd__frame{position:relative;width:min(calc((100cqw - var(--hd-gap)) / 2),calc(((100cqh - var(--hd-gap)) / 2 - var(--hd-cap)) * 9 / 20));aspect-ratio:9 / 20;background:#fff}.hd__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.hd__dressed{opacity:0;z-index:1}.hd__scanline{position:absolute;left:-4%;right:-4%;top:-25%;height:2px;z-index:4;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95) 20%,#fff 50%,rgba(255,255,255,.95) 80%,transparent);box-shadow:0 0 10px 3px #ffecd6d9,0 0 26px 8px #ffdcbe59;mix-blend-mode:screen;transform:translateY(-50%)}.hd__dressed.is-on{opacity:1}.hd__motion{z-index:3;opacity:0;visibility:hidden;background:transparent;transition:opacity .35s ease,visibility 0s linear .35s}.hd__motion.is-still{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}.hd__motion.is-playing{opacity:1;visibility:visible;transition:none}.hd__caption{height:var(--hd-cap);box-sizing:border-box;padding-top:6px;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:var(--font-body-family);max-width:100%}.hd__caption-link{color:inherit;text-decoration:none;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;border-bottom:1px solid transparent;transition:border-color .2s ease}.hd__caption-link[href]:hover{border-color:currentColor}.hd__caption-price{font-size:1.05rem;opacity:.6}.hd__fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.hd__fly{position:absolute;transform-origin:50% 50%;will-change:transform,opacity;max-width:none}.hd__footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3;font-family:var(--font-body-family)}.hd__counter{display:flex;align-items:center;gap:10px;font-size:1.2rem;letter-spacing:.12em;font-variant-numeric:tabular-nums}.hd__progress{position:relative;width:72px;height:1px;background:color-mix(in srgb,currentColor 22%,transparent)}.hd__progress-bar{position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;transform-origin:0 50%;transform:scaleX(.25);transition:transform .6s cubic-bezier(.7,0,.2,1)}.hd__arrows{display:flex;gap:6px}.hd__arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color .2s ease}.hd__arrow:hover{background:color-mix(in srgb,currentColor 6%,transparent)}.hd__arrow:focus-visible,.hd__caption-link:focus-visible{outline:1px solid currentColor;outline-offset:3px}.hd.is-busy .hd__arrow{cursor:progress}@media screen and (min-width:750px){.hd{--hd-gap: 18px;--hd-cap: 52px;padding:calc(24px + var(--hd-overlap, 0px)) 40px 22px;min-height:560px}.hd__top{display:flex;align-items:flex-end;justify-content:space-between}.hd__intro{text-align:left}.hd__eyebrow{font-size:1.1rem}.hd__heading{font-size:clamp(2.6rem,3vw,4.2rem)}.hd__subheading{font-size:1.4rem}.hd__grid{grid-template-columns:repeat(4,auto);padding:14px 0 6px}.hd__frame{width:min(calc((100cqw - 3 * var(--hd-gap)) / 4),calc((100cqh - var(--hd-cap)) * 9 / 20))}.hd__caption-link{font-size:1.25rem}.hd__caption-price{font-size:1.15rem}.hd__progress{width:120px}}@media(prefers-reduced-motion:reduce){.hd__progress-bar{transition:none}.hd__motion{display:none}}.hd__cursor{position:absolute;left:0;top:0;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:transparent;border:1px solid #111;box-sizing:border-box;color:#111;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:6;opacity:0;scale:.4;transition:opacity .25s ease,scale .3s cubic-bezier(.2,.8,.2,1);will-change:translate,scale}.hd__cursor.is-on{opacity:1;scale:1}.hd__cursor svg{transition:rotate .35s cubic-bezier(.7,0,.2,1)}.hd__cursor.is-prev svg{rotate:180deg}.hd.has-cursor,.hd.has-cursor .hd__frame{cursor:none}@media(hover:hover)and (pointer:fine){.hd__arrows:not(:focus-within){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media not all and (hover:hover)and (pointer:fine){.hd__cursor{display:none}}.hd__footer[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/28/assets/hero-dress-up.css.map */