@font-face{font-family:'Showroom Inter';font-style:normal;font-weight:300 700;font-display:swap;src:url('../fonts/inter-latin-300-700.woff2') format('woff2')}
@font-face{font-family:'Showroom Display';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/playfair-latin-400-700.woff2') format('woff2')}
:root{--sr-gold:#d7b557;--sr-gold-light:#f2d98c;--sr-black:#070707;--sr-panel:#11110f;--sr-blue:#174b81;--sr-white:#f7f4ec;--sr-muted:rgba(247,244,236,.64);--sr-edge:rgba(215,181,87,.24);--sr-ease:cubic-bezier(.22,1,.36,1)}
.showroom-page{margin:0;background:var(--sr-black);color:var(--sr-white);font-family:'Showroom Inter',Inter,system-ui,sans-serif;overflow-x:clip}
.showroom-page h1,.showroom-page h2,.showroom-page h3{font-family:'Showroom Display','Playfair Display',Georgia,serif}
.showroom-page .container{max-width:1240px}
.showroom-page .site-nav{background:linear-gradient(180deg,rgba(0,0,0,.72),transparent);box-shadow:none}
.showroom-page .site-nav.scrolled{background:rgba(7,7,7,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.showroom-page .nav-logo img{filter:none!important}
.showroom-page .nav-link{color:rgba(255,255,255,.82)}

.showroom-hero{position:relative;min-height:100svh;display:grid;align-items:center;overflow:hidden;isolation:isolate;padding:calc(var(--nav-h) + 3.5rem) 0 6rem;background:#080808}
.showroom-hero-media{position:absolute;inset:-4%;z-index:-4;transform:translate3d(var(--hero-x,0),var(--hero-y,0),0) scale(1.05);transition:transform 1.2s var(--sr-ease);will-change:transform}
.showroom-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.showroom-hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(4,4,4,.97) 0%,rgba(4,4,4,.88) 33%,rgba(4,4,4,.28) 65%,rgba(4,4,4,.58) 100%),linear-gradient(0deg,rgba(4,4,4,.95),transparent 45%)}
.showroom-hero::after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at var(--spot-x,70%) var(--spot-y,45%),rgba(215,181,87,.18),transparent 23%);mix-blend-mode:screen}
.showroom-orbit{position:absolute;z-index:-1;border:1px solid rgba(215,181,87,.22);border-radius:50%;pointer-events:none;transform-style:preserve-3d}
.showroom-orbit-one{width:min(70vw,980px);height:min(70vw,980px);right:-28vw;top:-35%;transform:rotateX(68deg) rotateZ(16deg);animation:srOrbit 18s linear infinite}
.showroom-orbit-two{width:min(42vw,600px);height:min(42vw,600px);right:6%;bottom:-32%;border-color:rgba(95,167,231,.2);transform:rotateX(72deg) rotateZ(-22deg);animation:srOrbit 24s linear infinite reverse}
@keyframes srOrbit{to{rotate:1 0 0 360deg}}
.showroom-hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.62fr);gap:clamp(3rem,7vw,7rem);align-items:end;position:relative;z-index:2}
.showroom-intro{max-width:720px}
.showroom-kicker{display:inline-flex;align-items:center;gap:.75rem;color:var(--sr-gold-light);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.4rem}
.showroom-kicker span{width:34px;height:1px;background:currentColor;box-shadow:0 0 12px var(--sr-gold)}
.showroom-intro h1{max-width:700px;color:#fff;font-size:clamp(3.3rem,7.3vw,7.5rem);font-weight:400;line-height:.91;letter-spacing:-.045em;text-wrap:balance}
.showroom-intro h1 em{display:block;color:var(--sr-gold-light);font-weight:400}
.showroom-intro>p{max-width:640px;margin-top:1.7rem;color:rgba(255,255,255,.72);font-size:clamp(.96rem,1.2vw,1.1rem);line-height:1.75}
.showroom-hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}
.showroom-enter{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;min-width:245px;padding:.95rem 1rem .95rem 1.3rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:.84rem;font-weight:700;letter-spacing:.03em;backdrop-filter:blur(12px);transition:.35s var(--sr-ease)}
.showroom-enter span:last-child{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sr-gold);color:#080808;font-size:1.1rem}
.showroom-enter:hover{border-color:var(--sr-gold);background:rgba(215,181,87,.13);transform:translateY(-3px)}
.showroom-quiet-link{color:rgba(255,255,255,.76);font-size:.85rem;font-weight:650;text-decoration:underline;text-decoration-color:rgba(215,181,87,.55);text-underline-offset:5px;transition:color .25s}
.showroom-quiet-link:hover{color:var(--sr-gold-light)}
.showroom-portals{display:grid;gap:.8rem;perspective:1100px}
.showroom-portal{position:relative;display:grid;grid-template-columns:44px 1fr;gap:.15rem 1rem;align-items:center;min-height:108px;padding:1.15rem 1.25rem;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.035));backdrop-filter:blur(18px);color:#fff;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .25s ease,border-color .3s,background .3s;will-change:transform}
.showroom-portal::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(215,181,87,.18),transparent 45%);opacity:0;transition:opacity .3s;pointer-events:none}
.showroom-portal:hover{border-color:rgba(215,181,87,.65);background:linear-gradient(135deg,rgba(215,181,87,.16),rgba(255,255,255,.045))}
.showroom-portal:hover::after{opacity:1}
.showroom-portal-num{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--sr-edge);border-radius:50%;color:var(--sr-gold-light);font-size:.75rem}
.showroom-portal strong{font-family:'Showroom Display',serif;font-size:1.2rem;font-weight:400}
.showroom-portal small{color:rgba(255,255,255,.48);font-size:.7rem;letter-spacing:.04em}
.showroom-scroll-cue{position:absolute;left:50%;bottom:1.3rem;display:flex;align-items:center;gap:.8rem;color:rgba(255,255,255,.42);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;transform:translateX(-50%)}
.showroom-scroll-cue span{width:1px;height:34px;background:linear-gradient(var(--sr-gold),transparent);animation:srCue 1.8s ease-in-out infinite}
@keyframes srCue{50%{transform:translateY(8px);opacity:.45}}

.tour-rail{position:fixed;z-index:800;left:clamp(.7rem,2vw,2rem);top:50%;display:flex;flex-direction:column;gap:1rem;padding:.8rem .75rem .8rem 1.4rem;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .35s}
.showroom-tour-started .tour-rail{opacity:1;pointer-events:auto}
.tour-rail a{display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.42);font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;transition:color .3s,transform .3s}
.tour-rail a span{font-variant-numeric:tabular-nums;color:var(--sr-gold)}
.tour-rail a.active{color:#fff;transform:translateX(4px)}
.tour-progress{position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(255,255,255,.16)}
.tour-progress i{display:block;width:1px;height:var(--tour-progress,0%);background:var(--sr-gold);box-shadow:0 0 8px var(--sr-gold);transition:height .3s ease}
.showroom-page[data-tour-zone-active="gallery-zone"] .tour-rail a{color:rgba(20,19,16,.48)}
.showroom-page[data-tour-zone-active="gallery-zone"] .tour-rail a.active{color:#171613}
.showroom-page[data-tour-zone-active="gallery-zone"] .tour-progress{background:rgba(20,19,16,.16)}

.showroom-zone{position:relative;padding:clamp(6rem,11vw,10rem) 0;overflow:hidden;isolation:isolate}
.factory-zone,.samples-zone{background:#090908}
.factory-zone::before,.samples-zone::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.zone-atmosphere{position:absolute;z-index:-1;width:65vw;height:65vw;right:-26vw;top:-25vw;border-radius:50%;background:radial-gradient(circle,rgba(31,88,135,.2),transparent 67%);filter:blur(12px)}
.zone-heading{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);gap:3rem;align-items:start;margin-bottom:clamp(3rem,6vw,5rem)}
.zone-heading .zone-number{display:block;color:rgba(255,255,255,.2);font-family:'Showroom Display',serif;font-size:clamp(3rem,6vw,5.5rem);line-height:1;margin-bottom:1rem}
.zone-heading .eyebrow{color:var(--sr-gold-light)}
.zone-heading h2{max-width:720px;color:#fff;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:400;line-height:1.02;letter-spacing:-.035em}
.zone-heading>div:last-child>p{max-width:680px;margin-top:1.2rem;color:var(--sr-muted);line-height:1.75}
.factory-cinema-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem;align-items:stretch}
.cinema-card{position:relative;min-height:clamp(340px,43vw,610px);padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#101010;color:#fff;text-align:left;isolation:isolate;cursor:pointer}
.cinema-card:not(.cinema-card-featured){min-height:0}
.cinema-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050505;filter:saturate(.78) brightness(.74);transition:filter .6s ease}
.cinema-card::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.93),transparent 62%)}
.cinema-card:hover img{filter:saturate(1) brightness(.88)}
.cinema-overlay{position:absolute;z-index:2;left:clamp(1.3rem,3vw,2.2rem);right:1.5rem;bottom:clamp(1.3rem,3vw,2.2rem);display:flex;align-items:center;gap:1rem}
.cinema-overlay>span:last-child{display:grid;gap:.15rem}
.cinema-overlay small,.sample-card small{color:var(--sr-gold-light);font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}
.cinema-overlay strong{font-family:'Showroom Display',serif;font-size:clamp(1.25rem,2vw,2rem);font-weight:400}
.cinema-overlay em,.sample-card em{color:rgba(255,255,255,.48);font-size:.69rem;font-style:normal;text-transform:uppercase;letter-spacing:.08em}
.play-disc{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--sr-gold);color:#080808;box-shadow:0 0 0 9px rgba(215,181,87,.15);font-size:.85rem;transition:transform .35s var(--sr-ease)}
.cinema-card:hover .play-disc{transform:scale(1.1)}
.media-disclosure{display:flex;gap:1rem;margin-top:1.5rem;padding:1rem 0;color:rgba(255,255,255,.48);font-size:.75rem;line-height:1.6;border-top:1px solid rgba(255,255,255,.1)}
.media-disclosure span{flex:0 0 auto;color:var(--sr-gold-light);font-weight:700;text-transform:uppercase;letter-spacing:.08em}

.gallery-zone{background:#eee9df;color:#1a1916}
.gallery-zone::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 12%,rgba(29,86,136,.15),transparent 23%),linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.68) 46% 47%,transparent 47%);opacity:.75}
.zone-heading-light h2{color:#171613}
.zone-heading-light .zone-number{color:rgba(23,22,19,.14)}
.zone-heading-light>div:last-child>p{color:rgba(23,22,19,.62)}
.gallery-stage{width:min(1320px,calc(100% - 2rem));margin:0 auto}
.gallery-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,1.6vw,1.35rem);padding:1rem 0 2.5rem}
.gallery-frame{position:relative;aspect-ratio:1.3/1;padding:0;overflow:hidden;border:0;border-radius:16px;background:#111;box-shadow:0 20px 42px rgba(45,39,24,.18);transition:transform .35s var(--sr-ease),box-shadow .35s ease}
.gallery-frame:hover{transform:translateY(-6px);box-shadow:0 28px 55px rgba(45,39,24,.25)}
.gallery-frame img{width:100%;height:100%;object-fit:contain;background:#111}
.gallery-frame span{position:absolute;left:1rem;bottom:1rem;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(5,5,5,.74);backdrop-filter:blur(8px);color:var(--sr-gold-light);font-size:.75rem}
.gallery-control-row{display:flex;align-items:center;gap:.8rem;width:min(520px,75vw);margin:0 auto;color:rgba(23,22,19,.5);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}
.gallery-control-row i{flex:1;height:1px;background:linear-gradient(90deg,#8d6b17,rgba(23,22,19,.14))}

.samples-zone{padding-bottom:clamp(7rem,12vw,12rem)}
.sample-glow{position:absolute;z-index:-1;left:-28vw;top:18%;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(95,167,231,.12),transparent 67%)}
.sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;perspective:1400px}
.sample-card{position:relative;display:grid;grid-template-rows:auto auto;align-self:start;min-height:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:var(--sr-panel);color:#fff;text-align:left;isolation:isolate;transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .22s ease,border-color .35s,box-shadow .35s;will-change:transform}
.sample-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#050505;filter:saturate(.86);transition:filter .5s}
.sample-card:hover{z-index:2;border-color:rgba(215,181,87,.58);box-shadow:0 25px 70px rgba(0,0,0,.45)}
.sample-card:hover img{filter:saturate(1.05)}
.sample-card>span{position:relative;z-index:2;display:grid;gap:.2rem;min-height:94px;padding:1rem 1.1rem 1.1rem;background:linear-gradient(160deg,#171611,#0b0b0a);transform:translateZ(28px)}
.sample-card strong{font-family:'Showroom Display',serif;font-size:1.12rem;font-weight:400;line-height:1.18}
.sample-card-portrait{width:min(100%,320px);justify-self:center}
.sample-card-portrait img{aspect-ratio:9/16;object-position:center}

.showroom-cta{position:relative;overflow:hidden;padding:clamp(6rem,12vw,11rem) 0;background:#10100e;text-align:center;isolation:isolate}
.showroom-cta::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at center,rgba(215,181,87,.12),transparent 55%)}
.showroom-cta-beam{position:absolute;z-index:-1;left:50%;top:-75%;width:42%;height:170%;background:linear-gradient(rgba(255,225,149,.12),transparent);filter:blur(28px);transform:translateX(-50%) perspective(800px) rotateX(66deg);transform-origin:top}
.showroom-cta-inner{max-width:850px!important}
.showroom-cta h2{margin:.7rem 0 1.2rem;color:#fff;font-size:clamp(2.6rem,6vw,5.3rem);font-weight:400;line-height:1}
.showroom-cta p{max-width:720px;margin:0 auto 2rem;color:var(--sr-muted);line-height:1.75}
.showroom-cta-inner>div{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}

.showroom-modal{inset:0;width:min(1180px,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:1px solid rgba(215,181,87,.25);border-radius:20px;background:#0b0b0a;color:#fff;box-shadow:0 35px 120px rgba(0,0,0,.75);overflow:hidden}
.showroom-modal::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(14px)}
.showroom-modal-shell{position:relative;display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 2rem)}
.showroom-modal-stage{display:flex;align-items:center;justify-content:center;width:100%;height:min(72dvh,760px);min-height:420px;background:#000;overflow:hidden}
.showroom-modal-stage video,.showroom-modal-stage img{display:none;flex:0 1 auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;background:#000}
.showroom-modal-stage video.active,.showroom-modal-stage img.active{display:block}
.showroom-modal-copy{padding:1.25rem 5.5rem 1.45rem 1.8rem;background:linear-gradient(160deg,#171611,#090909)}
.showroom-modal-copy h2{margin:.55rem 0 1rem;color:#fff;font-size:2rem;font-weight:400}
.showroom-modal-copy p{color:var(--sr-muted);font-size:.84rem;line-height:1.7}
.showroom-modal-close{position:absolute;z-index:3;right:1rem;top:1rem;display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(0,0,0,.58);backdrop-filter:blur(10px);color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.showroom-modal-close span{font-size:1.2rem;line-height:1}
.showroom-modal-close:hover{border-color:var(--sr-gold);color:var(--sr-gold-light)}

@media(max-width:1080px){.showroom-hero-inner{grid-template-columns:1fr;gap:3rem}.showroom-portals{grid-template-columns:repeat(3,1fr)}.showroom-portal{grid-template-columns:1fr;align-content:start}.showroom-portal-num{grid-row:auto}.factory-cinema-grid{grid-template-columns:1fr 1fr}.cinema-card,.cinema-card:not(.cinema-card-featured){min-height:440px}.sample-grid{grid-template-columns:repeat(3,1fr)}.tour-rail{display:none}}
@media(max-width:760px){.showroom-hero{min-height:auto;padding:calc(72px + 4.2rem) 0 5.5rem}.showroom-hero-media{inset:0;transform:none}.showroom-hero-media img{object-position:61% center}.showroom-hero-shade{background:linear-gradient(0deg,rgba(4,4,4,.98) 0%,rgba(4,4,4,.75) 67%,rgba(4,4,4,.5))}.showroom-hero-inner{gap:2.5rem}.showroom-intro h1{font-size:clamp(3rem,14vw,5.1rem)}.showroom-intro h1 em{display:inline}.showroom-portals{grid-template-columns:1fr;gap:.6rem}.showroom-portal{grid-template-columns:38px 1fr;min-height:84px;padding:.85rem 1rem}.showroom-portal-num{grid-row:1/3;width:36px;height:36px}.showroom-scroll-cue{display:none}.zone-heading{grid-template-columns:1fr;gap:1rem}.zone-heading .zone-number{font-size:3rem;margin-bottom:.45rem}.factory-cinema-grid{grid-template-columns:1fr}.cinema-card,.cinema-card:not(.cinema-card-featured){min-height:62vw}.media-disclosure{display:grid}.gallery-track{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-grid{grid-template-columns:repeat(2,1fr)}.showroom-modal-stage{height:58dvh;min-height:320px}.showroom-modal-copy{padding:1.1rem 1.25rem 1.25rem}.showroom-modal-copy h2{font-size:1.5rem;margin:.25rem 0 .55rem}.showroom-modal-close{right:.6rem;top:.6rem}}
@media(max-width:460px){.showroom-hero-actions{align-items:stretch}.showroom-enter{width:100%}.showroom-quiet-link{text-align:center}.sample-grid{grid-template-columns:1fr 1fr;gap:.65rem}.sample-card{border-radius:10px}.sample-card:not(.sample-card-portrait) img{aspect-ratio:4/3}.sample-card>span{min-height:84px;padding:.75rem}.sample-card strong{font-size:.92rem}.sample-card em{display:none}.cinema-overlay{left:1rem;bottom:1rem}.play-disc{width:44px;height:44px}.showroom-zone{padding:5.5rem 0}.gallery-stage{width:calc(100% - 1.5rem)}.gallery-track{grid-template-columns:1fr}.showroom-cta-inner>div{align-items:stretch;flex-direction:column}.showroom-modal{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}}
@media(prefers-reduced-motion:reduce){.showroom-orbit,.showroom-scroll-cue span{animation:none!important}.showroom-hero-media,.showroom-portal,.sample-card,.gallery-frame{transform:none!important;transition:none!important}}