/* Isolated LUX studio styles. Shared layout and real project imagery stay independent. */
.lux-hero-showroom{margin:0;position:relative;width:100%;min-width:0}
.lux-hero-3d{position:relative;width:100%;aspect-ratio:1.38;min-height:340px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 65% 36%,#343532 0, #222726 30%,#141a1b 61%,#101517 84%);border-radius:1px}
.lux-hero-3d::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(165deg,transparent 46%,#a6976b0d 46.2%,transparent 46.5%);z-index:0}
.lux-hero-3d::after{content:"";position:absolute;left:7%;right:6%;bottom:13%;height:1px;transform:rotate(-8deg);background:linear-gradient(90deg,transparent,#b5a17436,transparent);pointer-events:none;z-index:0}
.lux-hero-3d canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;z-index:1;opacity:0;transition:opacity .8s ease}
.lux-hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 52%;z-index:2;opacity:1;transition:opacity .65s ease;filter:none!important;transform:none!important}
.lux-hero-3d[data-hero-state="ready"] canvas{opacity:1}
.lux-hero-3d[data-hero-state="ready"] .lux-hero-fallback{opacity:0;pointer-events:none}
.lux-hero-credit{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a8aba8;font-family:var(--body,Arial,sans-serif);font-size:10px;line-height:1.5;padding:17px 2px 0}
.lux-hero-credit a{color:#aa9c7d;text-underline-offset:4px;text-decoration-color:#aa9c7d55;white-space:nowrap}
.lux-hero-credit a:hover{color:#e2d3ab}
.lux-hero-credit [hidden]{display:none!important}
@media(max-width:700px){.lux-hero-3d{min-height:0;aspect-ratio:1.28}.lux-hero-credit{padding:13px 0 0;font-size:9px}}
@media(prefers-reduced-motion:reduce){.lux-hero-3d canvas,.lux-hero-fallback{transition:none}}