/* Product showcase: the same catalog order and Atelier palette as the shop. */
.atelier-hero-garment{background:radial-gradient(ellipse 42% 54% at 76% 43%,#80603a33 0%,#15120e00 75%),var(--atelier-bg)}
.atelier-hero-showcase{position:absolute;inset:0 0 0 auto;width:49%;background:transparent;color:var(--atelier-text)}
.atelier-hero-showcase::before{content:"";position:absolute;left:27%;bottom:132px;width:46%;height:28px;background:radial-gradient(ellipse,#0006,transparent 70%);filter:blur(7px);pointer-events:none}
.atelier-hero-garment .atelier-hero-inner{pointer-events:none}
.atelier-hero-garment .atelier-hero-copy{pointer-events:auto}
.atelier-showcase-slides,.atelier-showcase-slide,.atelier-showcase-link{position:absolute;inset:0}
.atelier-showcase-slide{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s}
.atelier-showcase-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.atelier-showcase-link{display:block;color:var(--atelier-text);text-decoration:none}
.atelier-showcase-link:hover{color:var(--atelier-gold)}
.atelier-hero-showcase .atelier-hero-photo{width:100%;height:100%;padding:18px 24px 122px;box-sizing:border-box;object-fit:contain;object-position:center;mask-image:none;background:transparent;filter:drop-shadow(0 14px 22px #0005)}
.atelier-showcase-caption{position:absolute;bottom:68px;left:24px;right:24px;text-align:center;line-height:1.2}
.atelier-showcase-caption strong{display:block;font:500 24px/1.15 "Cormorant Garamond",Georgia,serif}
.atelier-showcase-caption>span{display:block;font-size:11px;margin-top:5px;text-decoration:underline;text-underline-offset:3px}
.atelier-showcase-controls{position:absolute;bottom:14px;left:24px;right:24px;display:flex;justify-content:center;align-items:center;gap:8px}
.atelier-showcase-controls[hidden]{display:none}
.atelier-showcase-controls button{height:44px;min-width:44px;padding:0 10px;border:1px solid #786248;border-radius:4px;background:#241d16;color:var(--atelier-text);font:16px "Manrope",sans-serif;cursor:pointer}
.atelier-showcase-controls button:hover{background:#3a2e20}
.atelier-showcase-controls .atelier-showcase-toggle{min-width:66px;margin-left:8px;font-size:11px}
.atelier-showcase-count{min-width:36px;font-size:11px;text-align:center;font-variant-numeric:tabular-nums}
.atelier-hero-showcase :focus-visible{outline:2px solid var(--atelier-gold);outline-offset:-4px}
@media(max-width:900px) and (min-width:641px){
 .atelier-showcase-caption strong{font-size:21px}
 .atelier-hero-showcase .atelier-hero-photo{padding-right:12px;padding-left:12px;padding-bottom:140px}
 .atelier-showcase-caption{bottom:70px;left:12px;right:12px}
 .atelier-showcase-controls{left:12px;right:12px;gap:4px}
}
@media(max-width:640px){
 .atelier-hero-garment{padding-bottom:420px!important}
 .atelier-hero-garment{background:radial-gradient(ellipse 76% 185px at 50% calc(100% - 230px),#80603a33 0%,#15120e00 80%),var(--atelier-bg)}
 .atelier-hero-showcase{inset:auto 0 0;width:100%;height:420px}
 .atelier-hero-showcase .atelier-hero-photo{height:100%;padding:12px 20px 132px}
 .atelier-showcase-caption{left:20px;right:20px;bottom:70px}
 .atelier-showcase-caption strong{font-size:23px}
 .atelier-showcase-controls{left:20px;right:20px}
}
@media(prefers-reduced-motion:reduce){
 .atelier-showcase-slide{transition:none}
}

/* The selected warm-stone scenes keep full garments visible at every breakpoint. */
.atelier-hero-scenes{background:var(--atelier-bg);min-height:570px}
.atelier-hero-scenes .atelier-hero-inner{min-height:570px}
.atelier-hero-scenes .atelier-hero-showcase{width:100%}
.atelier-hero-scenes .atelier-hero-showcase::before{display:none}
.atelier-hero-scenes .has-scene .atelier-hero-photo{inset:0 auto auto 76.5%;transform:translateX(-69%);width:auto;max-width:75%;height:calc(100% - 112px);padding:0;object-fit:contain;object-position:right center;filter:none;background:transparent;mask-image:linear-gradient(to right,transparent,#000 20%),linear-gradient(to bottom,#000 90%,transparent);mask-composite:intersect}
.atelier-hero-scenes .atelier-showcase-caption,.atelier-hero-scenes .atelier-showcase-controls{left:56%;right:3%}
@media(min-width:641px) and (max-width:900px){
 .atelier-hero-scenes .atelier-hero-copy{max-width:51%}
 .atelier-hero-scenes .has-scene .atelier-hero-photo{left:75.5%;max-width:70%}
 .atelier-hero-scenes .atelier-showcase-caption,.atelier-hero-scenes .atelier-showcase-controls{left:53%;right:2%}
}
@media(max-width:640px){
 .atelier-hero-scenes{--stone-showcase-height:clamp(440px,calc(100vw + 110px),540px);min-height:0;padding-bottom:var(--stone-showcase-height)!important}
 .atelier-hero-scenes .atelier-hero-inner{min-height:0}
 .atelier-hero-scenes .atelier-hero-showcase{height:var(--stone-showcase-height);width:100%}
 .atelier-hero-scenes .has-scene .atelier-hero-photo{inset:0 auto auto 50%;width:auto;max-width:100%;height:calc(100% - 112px);transform:translateX(-50%);object-position:center;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 93%,transparent);mask-composite:intersect}
 .atelier-hero-scenes .atelier-showcase-caption,.atelier-hero-scenes .atelier-showcase-controls{left:16px;right:16px}
}