/* LUX atelier pass. The real brand and supplied work are the focal points. */
:root{--lux-content:1440px;--lux-gold:#cdb27b;--lux-paper:#ecebe6;--lux-muted:#b9c0c0}
.hero.lux-showroom-hero{padding-top:50px;padding-bottom:52px}
.hero.lux-showroom-hero h1{font-size:clamp(60px,6.2vw,95px);line-height:1.015;letter-spacing:-.063em}
.lux-showroom-hero .hero-description{color:#e2e5e3;font-size:18px;line-height:1.65;margin-top:27px;max-width:30ch}
.lux-showroom-hero .hero-services{font-size:12px;color:#b4bdbe;line-height:1.8;margin-top:17px}
.service-ribbon{max-width:1600px;margin-inline:auto}
.services .section-heading>p{max-width:39ch}
.work .selected-work-strip.lux-photo-edition{padding:0;margin:0;max-width:none;background:none;border:0;gap:64px;grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr)}
.work .selected-work-intro .feature-instruction{font-size:11px;line-height:1.8;color:#8c989d;border-top:1px solid #ffffff22;padding-top:22px;margin-top:28px;max-width:28ch}
.work .selected-work-preview .hero-image-wrap{border:1px solid #ffffff18}
.work .project-grid{margin-top:65px;gap:36px}
.work .project-curated .project-label{padding:17px 0 20px}
.work .project-curated .project-label h3{font-size:19px}
.work .project-curated .project-label p{font-size:11px}
.work-bottom{border-top:1px solid #ffffff20;margin-top:38px;padding-top:30px}
.hero-actions .button{min-width:205px}
.hero-actions .text-link{min-height:48px}
@media(max-width:1100px) and (min-width:761px){
 .hero.lux-showroom-hero h1{font-size:6.4vw}
 .work .selected-work-strip.lux-photo-edition{gap:36px;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr)}
}
@media(max-width:760px){
 .hero.lux-showroom-hero{padding-top:34px;padding-bottom:22px}
 .hero.lux-showroom-hero h1{font-size:clamp(44px,11.6vw,62px);line-height:1.03}
 .lux-showroom-hero .hero-description{font-size:16px;line-height:1.6;margin-top:21px}
 .lux-showroom-hero .hero-services{font-size:12px;line-height:1.65;margin-top:13px}
 .lux-showroom-hero .hero-actions{margin-top:23px}
 .hero-actions .button{min-width:0}
 .work .selected-work-strip.lux-photo-edition{display:block;padding:0}
 .work .selected-work-intro .feature-instruction{display:none}
 .work .project-grid{margin-top:34px;gap:30px}
 .work-bottom{margin-top:30px;padding-top:25px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
}

.service-photo{border-radius:0}
.lux-real-hero{box-shadow:0 0 0 1px #cdb27b22}
.gallery-image-stage,.s-work-dialog-image{position:relative;width:100%;aspect-ratio:var(--photo-ratio,4/3);max-height:min(70dvh,720px);background:#0a0d0e;isolation:isolate}
.gallery-image-stage>img,.s-work-dialog-image>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;transition:opacity .16s ease,transform .5s cubic-bezier(.2,.6,.2,1)}
.gallery-image-stage[data-loading]>img,.s-work-dialog-image[data-loading]>img,.gallery-image-stage[data-failed]>img,.s-work-dialog-image[data-failed]>img{opacity:0}
.photo-load-status{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;font-size:12px;color:#c5cccc;z-index:1}
.gallery-controls,.s-work-dialog-controls{flex:none}
#gallery-count,#work-dialog-count{white-space:nowrap;flex:none;min-width:36px;text-align:center}
@media(max-width:760px){
 .gallery-meta{align-items:flex-start;gap:16px}
 .gallery-meta h2{font-size:23px}
 .gallery-meta p{font-size:11px}
 .gallery-controls{gap:8px;align-self:center}
 .gallery-controls button{width:44px;height:44px;min-width:44px}
 .s-work-dialog-bottom h2{font-size:25px}
 .lux-photo-edition .hero-caption{margin-top:0;padding-top:18px}
 .project-dialog input,.project-dialog select{font-size:16px}
}
@media(max-width:380px){
 .gallery-meta{flex-direction:column;align-items:flex-start}
 .gallery-controls{align-self:flex-end}
}
@media(prefers-reduced-motion:reduce){.gallery-image-stage>img,.s-work-dialog-image>img{transition:none}}
