@media(max-width:760px){.hero-model{left:10%;width:100%;height:620px;top:80px}.look-selector{touch-action:pan-y}.hero-copy h1{max-width:65%}.sort-label select{min-height:44px}.card-info>span{font-size:.8rem}.detail-link{min-height:44px}.gallery button{min-width:44px;min-height:44px}}
@media(min-width:761px) and (max-height:800px){.hero{min-height:700px}.hero-model{top:9%;height:84%}.hero-copy{top:21%}.hero-copy h1{font-size:clamp(4.5rem,7.7vw,7.5rem)}.hero-copy p:not(.eyebrow){font-size:1.5rem}.hero-copy p.hero-note{font-size:.95rem}.hero-ctas{gap:.7rem;margin-top:1.5rem}}
@media(prefers-reduced-motion:reduce){.hero-model,.depth-background{transform:none!important}}
@media(max-width:760px){.hero{min-height:1080px}}
@media(min-width:761px){.look-selector{right:7%;top:16%;height:69%}.selector-caption{left:77%;width:32%}} @media(max-width:760px){.hero-model{left:25%;width:85%;top:160px;height:520px}.hero-copy h1{max-width:66%}}
@media(max-width:760px){body.menu-open .header nav{display:flex}}

.hero-model{mix-blend-mode:normal}.hero-model .selected-look{mask-mode:luminance;mask-size:contain;mask-position:center bottom;mask-repeat:no-repeat}.hero-model img[src$="look-tailored.webp"]{mask-image:url("assets/mask-tailored.png")}.hero-model img[src$="look-slip.webp"]{mask-image:url("assets/mask-slip.png")}.hero-model img[src$="look-corset.webp"]{mask-image:url("assets/mask-corset.png")}

/* Full-opacity central model and five real Tilda editorial looks on the arc. */
.hero-model,.hero-model .selected-look{opacity:1!important;mix-blend-mode:normal!important}
.look-selector{right:1.8%;top:9%;width:25%;height:82%}
.look-options{width:71%;height:90%;right:3%;top:6%}
.look-option,.look-option:nth-child(2){width:58%;height:18%;overflow:hidden;background:#f7f2e7;border-color:#ad9b7b}
.look-option img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;padding:0;filter:none}
.look-option[data-slot="previous-far"]{left:61%;top:0;transform:scale(.56);opacity:.7}
.look-option[data-slot="previous"]{left:25%;top:18%;transform:scale(.76);opacity:.85}
.look-option[data-slot="center"]{left:-3%;top:40%;transform:scale(1.12);opacity:1}
.look-option[data-slot="next"]{left:25%;top:62%;transform:scale(.76);opacity:.85}
.look-option[data-slot="next-far"]{left:61%;top:80%;transform:scale(.56);opacity:.7}
.look-option.active{background:var(--paper);border:1.5px solid var(--ink);box-shadow:0 8px 24px #5c4a2a22}
.selector-caption{left:58%;top:51%;width:40%;z-index:5}
.selector-heading{left:-7%;top:3%}
@media(max-width:760px){
 .hero{min-height:1040px}
 .hero-model{left:17%;top:102px;width:80%;height:560px}
 .hero-copy{top:122px;left:5%;width:90%}
 .hero-copy h1{max-width:58%;font-size:clamp(3.15rem,11vw,4.8rem)}
 .look-selector{top:702px;left:5%;right:5%;width:90%;height:120px}
 .look-options{width:80%;height:112px;left:10%;right:auto;top:0;border-left:0;border-bottom:1px solid #9e8c6d;border-radius:0 0 50% 50%}
 .look-option,.look-option:nth-child(2){width:29%;height:96px;border-radius:50%}
 .look-option[data-slot="previous-far"],.look-option[data-slot="next-far"]{visibility:hidden;pointer-events:none}
 .look-option[data-slot="previous"]{left:0;top:2px;transform:scale(.8)}
 .look-option[data-slot="center"]{left:35%;top:8px;transform:scale(1)}
 .look-option[data-slot="next"]{left:70%;top:2px;transform:scale(.8)}
 .selector-arrow.previous{left:-15px}.selector-arrow.next{right:-15px}
 .hero-copy .hero-ctas{top:720px}
 .hero-controls{top:620px}
}

/* Cutout look carousel: five desktop positions, three on mobile. */
.look-option,.look-option:nth-child(2){background:transparent;overflow:visible;border-color:transparent;box-shadow:none}
.look-option.active{background:transparent;border:1px solid #8f8068;box-shadow:none}
.look-option img{object-fit:contain;object-position:center bottom;mask-mode:luminance;mask-size:contain;mask-position:center bottom;mask-repeat:no-repeat}
.look-option img[src$="look-tailored.webp"]{mask-image:url("assets/mask-tailored.png")}
.look-option img[src$="look-slip.webp"]{mask-image:url("assets/mask-slip.png")}
.look-option img[src$="look-corset.webp"]{mask-image:url("assets/mask-corset.png")}
@media(max-width:760px){.look-option[data-slot="previous-far"],.look-option[data-slot="next-far"]{display:none}.filters{max-width:100%;overflow-x:auto;flex-wrap:nowrap}.filters button{flex-shrink:0}}