/* Showroom presentation layer. Existing atelier palette, logo and fonts retained. */
.preview-notice{padding:.65rem 1rem;background:#302718;color:#f3eee5;font:500 .85rem/1.6 var(--body);text-align:center}
.preview-notice a{color:#e8c878;text-decoration:underline;white-space:nowrap}
:root {
  --showroom-small: clamp(.875rem, .84rem + .15vw, .95rem);
  --showroom-body: clamp(1rem, .95rem + .2vw, 1.0625rem);
  --showroom-title: clamp(2.5rem, 1.5rem + 2.8vw, 4.5rem);
  --showroom-gap: 1.5rem;
  --showroom-padding: clamp(1rem, 2vw, 2rem);
}
.showroom-announcement[hidden] { display: none !important; }
.showroom-announcement { background: var(--bg-3); border-bottom: 1px solid var(--line); }
.showroom-announcement-inner { display: flex; align-items: center; gap: var(--showroom-gap); padding-block: .5rem; }
.showroom-announcement p { flex: 1; margin: 0; font-size: var(--showroom-small); line-height: 1.5; }
.showroom-announcement a, .showroom-announcement button { min-height: 44px; display: inline-flex; align-items: center; gap: .5rem; font: 500 var(--showroom-small)/1.4 var(--body); }
.showroom-announcement a { color: var(--gold-2); text-decoration: underline; text-underline-offset: 4px; }
.showroom-announcement button { padding: .5rem; border: 0; background: transparent; color: var(--bone-2); cursor: pointer; }
.showroom-announcement button:hover { color: var(--bone); }
.showroom-announcement button span { font-size: 1.5rem; }
.showroom-entry { display:none; min-height:44px; padding:.4rem .65rem; align-items:center; justify-content:center; background:var(--bg-2); border:1px solid var(--gold); color:var(--gold-2); font:600 .78rem/1.25 var(--body); text-align:center; }
.menu a[href*="3d-studio"]{color:var(--gold-2)}
@media(max-width:1080px){.showroom-entry{display:inline-flex}.nav{gap:.5rem}.nav>nav{display:none}}
.showroom-entry:hover { background: var(--gold); color: var(--bg); }
.showroom-entry:active, .showroom-announcement button:active { outline: 2px solid var(--gold-2); }
.site-footer { padding-bottom: 6rem; }
.showroom-page .hero-inner { padding-block: 1.5rem 3rem; }
.showroom-page .hero-copy { max-width: 44rem; }
.showroom-page .hero h1 { font-size: var(--showroom-title); max-width: 16ch; }
.showroom-page .hero .lead { font-size: var(--showroom-body); max-width: 35rem; }
.showroom-page .hero .facts { margin-top: 2rem; }
.showroom-page .hero-media { z-index: 0; }
.showroom-page .hero-inner { position: relative; z-index: 1; }
.showroom-page .hero-media img { object-position: 75% 50%; }
.showroom-section { padding-block: clamp(2rem, 4vw, 4rem); }
.showroom-section .section-head { margin-bottom: 1.5rem; }
.showroom-section .section-head h2 { font-size: clamp(2rem, 1.5rem + 1.5vw, 3rem); }
.showroom-steps { list-style: none; margin: 0 0 1.5rem; padding: 1.25rem 0; display: flex; gap: var(--showroom-gap); border-block: 1px solid var(--line); }
.showroom-steps li { display: flex; gap: 1rem; flex: 1; }
.showroom-steps li > span { font: 400 .875rem/1.7 var(--mono); color: var(--gold); }
.showroom-steps strong { font-size: var(--showroom-body); }
.showroom-steps p { margin: .25rem 0 0; font-size: var(--showroom-small); line-height: 1.5; }
.showroom-custom { display: flex; align-items: center; gap: var(--showroom-gap); margin-bottom: 1.5rem; }
.showroom-custom p { flex: 1; margin: 0; font-size: var(--showroom-small); }
.showroom-custom a { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; color: var(--gold-2); font-size: var(--showroom-small); text-decoration: underline; text-underline-offset: 4px; }
.showroom-feature { display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; gap: clamp(2rem, 5vw, 5rem); }
.showroom-feature-copy h2 { margin-bottom: 1.5rem; }
.showroom-feature-copy > p { max-width: 32rem; font-size: var(--showroom-body); }
.showroom-feature-copy .showroom-feature-note { margin: 1.5rem 0 0; font-size: var(--showroom-small); }
.showroom-feature-image { display: block; position: relative; }
.showroom-feature-image img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.showroom-feature-image > span { display: flex; justify-content: space-between; padding: 1rem 0; color: var(--gold-2); font-size: var(--showroom-small); border-bottom: 1px solid var(--line); }
@media (min-width:1081px) and (max-width:1440px) {
  .nav-cta .btn-ghost { display: none; }
  .menu > li > a, .menu > li > button { padding-inline: .65rem; }
}
@media (max-width:760px) {
  .showroom-announcement-inner { display: grid; grid-template-columns: 1fr auto; gap: 0 .5rem; padding-block: .75rem; }
  .showroom-announcement p { grid-column: 1 / -1; }
  .showroom-announcement a { font-size: .875rem; }
  .showroom-announcement button { justify-self: end; }
  .showroom-page .hero-inner { padding-block: 1rem 2rem; }
  .showroom-page .hero-copy { margin-top: 1.5rem !important; }
  .showroom-page .hero h1 { font-size: clamp(2.5rem, 2rem + 2vw, 3.5rem); }
  .showroom-page .hero .lead { margin-bottom: 1.5rem; }
  .showroom-page .hero-media::after { background: rgba(11,10,9,.88); }
  .showroom-page .hero .facts { gap: 1rem; }
  .showroom-page .hero .btn { padding-inline: 1rem; letter-spacing: .12em; }
  .showroom-steps { flex-direction: column; gap: 1rem; }
  .showroom-custom { display: block; }
  .showroom-custom a { margin-top: .25rem; }
  .showroom-feature { grid-template-columns: 1fr; gap: 2rem; }
  .showroom-feature-image img { aspect-ratio: 16/10; }
}
@media (max-width:360px) {
  .showroom-entry { left: .75rem; padding-inline: .75rem; gap: .75rem; }
}