:root{
  --bg:#0a0a0a;
  --panel:#141414;
  --panel2:#1a1a1a;
  --yellow:#f2b705;
  --text:#f5f2eb;
  --muted:#b9b0a4;
  --line:#343434;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 50% 0%, rgba(242,183,5,.10), transparent 28%),
    #0a0a0a;
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,calc(100% - 36px));margin:auto}

header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:50;
  background:rgba(8,8,8,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(242,183,5,.35);
}
.nav{
  height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.brand{
  color:var(--yellow);
  font-size:26px;
  font-weight:900;
  letter-spacing:.05em;
}
.links{display:flex;gap:24px;align-items:center;font-weight:700}
.links a:hover{color:var(--yellow)}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:13px 18px;
  background:var(--yellow);
  color:#111;
  border:1px solid var(--yellow);
  border-radius:5px;
  font-weight:900;
  transition:.2s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(242,183,5,.18)}
.btn.alt{background:transparent;color:#fff}

.hero{
  min-height:100vh;
  padding:120px 0 76px;
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.70) 38%,rgba(0,0,0,.35) 68%,rgba(0,0,0,.65) 100%);
  z-index:0;
}
.hero-logo{
  position:fixed;
  left:54%;
  top:53%;
  transform:translate(-50%,-50%);
  width:min(720px,58vw);
  opacity:.24;
  filter:sepia(1) saturate(5) hue-rotate(355deg) contrast(1.15);
  z-index:-1;
  pointer-events:none;
}
.hero-copy{
  position:relative;
  z-index:2;
  width:min(640px,52vw);
}
.kicker,.eyebrow{
  color:var(--yellow);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
  font-weight:900;
}
.hero-title{
  font-size:clamp(54px,6.2vw,92px);
  line-height:.92;
  margin:18px 0 24px;
  letter-spacing:-.04em;
  font-weight:900;
}
.hero-title span{color:var(--yellow)}
h1.kicker{margin:0}
.lead{
  color:#ddd;
  font-size:20px;
  line-height:1.55;
}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.traits{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;color:#ded7cb;font-weight:700}
.traits span:before{content:"✦";color:var(--yellow);margin-right:7px}

section{
  padding:96px 0;
  border-top:1px solid rgba(242,183,5,.14);
}
h2{
  font-size:clamp(38px,4.3vw,62px);
  margin:10px 0 14px;
  letter-spacing:-.03em;
}
.sectionlead{
  color:var(--muted);
  max-width:760px;
  line-height:1.6;
  margin-bottom:34px;
}
.grid2,.grid3,.grid4{
  display:grid;
  gap:18px;
}
.grid2{grid-template-columns:repeat(2,1fr)}
.grid3{grid-template-columns:repeat(3,1fr)}
.grid4{grid-template-columns:repeat(4,1fr)}

.card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  transition:.2s ease;
}
.card:hover{
  transform:translateY(-3px);
  border-color:rgba(242,183,5,.55);
}
.card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.imagebox.landscape{aspect-ratio:4/3}
.imagebox.portrait{aspect-ratio:4/5}
.caption{
  padding:14px 16px 17px;
}
.caption b,.caption h3{display:block;font-size:18px;margin:0 0 4px;font-weight:700}
.caption span{color:var(--muted);font-size:14px}

.process-arrow{
  color:var(--yellow);
  text-align:center;
  font-size:30px;
  align-self:center;
}

.section-dark{background:#101010}
.section-panel{background:#0d0d0d}
.tag{
  display:inline-block;
  border:1px solid rgba(242,183,5,.45);
  color:var(--yellow);
  padding:6px 9px;
  border-radius:4px;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}
footer{
  padding:52px 0 70px;
  color:#8f877e;
  border-top:1px solid #222;
}

@media(max-width:900px){
  .links a:not(.btn){display:none}
  .hero-copy{width:100%}
  .hero-logo{width:92vw;left:50%;opacity:.12}
  .grid4,.grid3,.grid2{grid-template-columns:1fr}
  .hero-title{font-size:56px}
}

main{position:relative;z-index:1}


.footer-inner{
  display:flex;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.footer-inner a{
  color:var(--yellow);
  text-decoration:none;
  font-weight:800;
}
.footer-inner a:hover{
  text-decoration:underline;
}


.imagebox video{width:100%;height:100%;object-fit:cover;display:block;}

/* HueForge-Video: komplett sichtbar statt beschnitten */
.hueforge-video-box{
  max-width: 560px;
  margin: 0 auto;
  aspect-ratio: 4 / 3;
  background: #050505;
}
.hueforge-video-box video{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}


/* Nach-oben-Button */
html{scroll-behavior:smooth;}
.back-to-top{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:999;
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f2b900;
  color:#0a0a0a;
  text-decoration:none;
  font-size:26px;
  font-weight:900;
  line-height:1;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.12);
}
.back-to-top:hover{
  transform:translateY(-2px);
}


/* Erinnerungsleuchten: je zwei Bilder teilen sich eine gemeinsame Unterschrift */
.memory-projects{
  display:grid;
  grid-template-columns:1fr;
  gap:46px;
  margin-top:24px;
}
.memory-project{
  min-width:0;
}
.memory-images{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  max-width:760px;
}
.memory-images.memory-images-three{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:100%;
}
.memory-images .card{
  margin:0;
}
.memory-caption{
  margin-top:12px;
  padding:10px 4px 0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.memory-caption b{
  font-size:1.05rem;
}
.memory-caption span{
  opacity:.78;
}
@media (max-width:900px){
  .memory-projects{
    grid-template-columns:1fr;
  }
}
@media (max-width:650px){
  .memory-images.memory-images-three{
    grid-template-columns:1fr;
  }
}

/* Aktuelles / Showroom – echtes Laufband */
.showroom-section{background:#0d0d0d}
.showroom-carousel{margin-top:28px}
.showroom-stage{
  position:relative;
  overflow:hidden;
  border:1px solid #343434;
  border-radius:20px;
  background:#070707;
  padding:18px 0;
}
.showroom-run-viewport{
  width:100%;
  overflow:hidden;
  touch-action:pan-y;
}
.showroom-run-track{
  display:flex;
  align-items:stretch;
  gap:18px;
  width:max-content;
  will-change:transform;
}
.showroom-run-track>div{flex:0 0 auto}
.showroom-run-card{
  width:clamp(260px,31vw,430px);
  height:440px;
  margin:0;
  overflow:hidden;
  border:1px solid #343434;
  border-radius:16px;
  background:#111;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  box-shadow:0 12px 34px #0007;
}
.showroom-run-image{
  min-height:0;
  background:#050505;
  display:grid;
  place-items:center;
}
.showroom-run-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.showroom-run-copy{
  min-height:86px;
  padding:15px 17px 17px;
  border-top:1px solid #303030;
  background:linear-gradient(135deg,#191919,#0d0d0d);
}
.showroom-run-copy b{
  display:block;
  color:#fff;
  font-size:1.05rem;
  line-height:1.15;
}
.showroom-run-copy span{
  display:block;
  margin-top:6px;
  color:#bcb6ad;
  line-height:1.35;
  font-size:.9rem;
}
.showroom-controls{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:16px;
  align-items:center;
  margin-top:14px;
}
.showroom-arrows{display:flex;gap:8px}
.showroom-arrows button{
  border:1px solid #444;
  background:#161616;
  color:#fff;
  border-radius:10px;
  padding:10px 16px;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.showroom-arrows button:disabled{opacity:.35}
.showroom-dots{display:none}
.showroom-counter{
  min-width:110px;
  text-align:right;
  color:#aaa;
  font-weight:800;
  font-size:.86rem;
}
.showroom-empty{
  min-height:360px;
  display:grid;
  place-items:center;
  color:#999;
  padding:30px;
  text-align:center;
}
@media(max-width:800px){
  .showroom-run-card{width:min(76vw,360px);height:410px}
  .showroom-controls{gap:8px}
}
@media(max-width:520px){
  .showroom-stage{padding:12px 0}
  .showroom-run-track{gap:12px}
  .showroom-run-card{width:82vw;height:380px}
  .showroom-run-copy{min-height:78px;padding:13px 14px}
  .showroom-arrows button{padding:9px 12px}
  .showroom-counter{font-size:.78rem}
}

/* Erinnerungsprojekte bewusst getrennt: Hochzeit separat, Familienerinnerung als eigene Reihe */
.memory-project + .memory-project{
  padding-top:34px;
  border-top:1px solid rgba(242,183,5,.18);
}
.memory-project:first-child .memory-caption{
  max-width:760px;
}

/* Erinnerungsbereich: exakt zwei Zeilen
   Zeile 1: Hochzeit + Herz
   Zeile 2: Tanzendes Paar + Leuchte + Akazienbrettchen */
.memory-projects{
  display:flex;
  flex-direction:column;
  gap:42px;
}
.memory-project{
  width:100%;
}
.memory-project:first-child .memory-images{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:760px;
}
.memory-project:nth-child(2) .memory-images{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:100%;
}
.memory-project + .memory-project{
  margin-top:0;
  padding-top:34px;
  border-top:1px solid rgba(242,183,5,.18);
}
@media(max-width:700px){
  .memory-project:first-child .memory-images,
  .memory-project:nth-child(2) .memory-images{
    grid-template-columns:1fr;
    max-width:100%;
  }
}

/* 2026.11.03-16: Erinnerungen wirklich in zwei getrennten Zeilen */
.memory-projects{
  display:block !important;
}
.memory-project{
  display:block !important;
  width:100% !important;
  clear:both;
}
.memory-project + .memory-project{
  margin-top:46px !important;
  padding-top:34px !important;
  border-top:1px solid rgba(242,183,5,.18) !important;
}
.memory-project:first-child .memory-images{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  max-width:760px !important;
}
.memory-project:nth-child(2) .memory-images{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  max-width:100% !important;
}
@media(max-width:700px){
  .memory-project:first-child .memory-images,
  .memory-project:nth-child(2) .memory-images{
    grid-template-columns:1fr !important;
  }
}


/* 2026.11.03-16 – Showroom-Vorschauen: nicht beschneiden, sauber zentrieren */
.showroom-run-image{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:12px !important;
  background:#050505 !important;
}
.showroom-run-image img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:auto !important;
  display:block !important;
}

/* Neues Glasgravur-Video */
.showcase-video-card{
  width:min(100%,960px);
  margin-top:28px;
  border:1px solid #343434;
  border-radius:18px;
  overflow:hidden;
  background:#050505;
  box-shadow:0 16px 44px rgba(0,0,0,.35);
}
.showcase-video-card video{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  background:#050505;
}


/* 2026.11.03-16 – Showroom-Großansicht wiederhergestellt */
.showroom-run-image{
  border:0;
  cursor:zoom-in;
  font:inherit;
}
.showroom-run-image:focus-visible{
  outline:2px solid var(--yellow);
  outline-offset:-4px;
}
body.showroom-lightbox-open{
  overflow:hidden;
}
.showroom-lightbox{
  position:fixed;
  inset:0;
  z-index:2000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.showroom-lightbox.open{
  display:flex;
}
.showroom-lightbox-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.90);
  backdrop-filter:blur(5px);
}
.showroom-lightbox-panel{
  position:relative;
  z-index:1;
  width:min(1200px,96vw);
  max-height:94vh;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.showroom-lightbox-image{
  display:block;
  max-width:100%;
  max-height:82vh;
  width:auto;
  height:auto;
  object-fit:contain;
  object-position:center;
  border-radius:12px;
  box-shadow:0 18px 60px rgba(0,0,0,.65);
  background:#050505;
}
.showroom-lightbox-copy{
  width:min(900px,100%);
  padding:14px 52px 0 0;
  color:#fff;
}
.showroom-lightbox-copy b{
  display:block;
  font-size:1.15rem;
}
.showroom-lightbox-copy span{
  display:block;
  margin-top:5px;
  color:#bbb3a8;
}
.showroom-lightbox-close{
  position:absolute;
  top:-12px;
  right:-12px;
  z-index:2;
  width:48px;
  height:48px;
  border:1px solid #666;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-size:32px;
  line-height:1;
  cursor:pointer;
}
.showroom-lightbox-close:hover{
  color:var(--yellow);
  border-color:var(--yellow);
}
@media(max-width:600px){
  .showroom-lightbox{padding:12px}
  .showroom-lightbox-image{max-height:78vh}
  .showroom-lightbox-close{top:6px;right:6px}
  .showroom-lightbox-copy{padding-right:0}
}

/* SEO Etappe 2 – sichtbare Ergänzung im Kontaktbereich */
.contact-location a{
  color:var(--yellow);
  font-weight:800;
}


/* 2026.11.04-22 – Videos erst nach Klick laden */
.static-video-poster,.video-corner-poster{position:relative;width:100%;height:100%;border:0;padding:0;background:#050505;color:#fff;cursor:pointer;overflow:hidden;display:grid;place-items:center}
.static-video-poster img,.video-corner-poster img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:rgba(242,183,5,.94);color:#111;border:2px solid #111;font-size:28px;font-weight:900;box-shadow:0 10px 34px #0009}
.static-video-poster:hover .video-play,.video-corner-poster:hover .video-play{transform:translate(-50%,-50%) scale(1.06)}
.static-video-poster:focus-visible,.video-corner-poster:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.hueforge-video-box video,.showcase-video-card video{width:100%;height:100%;display:block;object-fit:contain;background:#050505}
.video-corner-grid{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.video-corner-card{min-width:0;overflow:hidden;border:1px solid #343434;border-radius:16px;background:#111;box-shadow:0 12px 34px #0007}
.video-corner-poster{aspect-ratio:16/9}
.video-corner-poster video{width:100%;height:100%;object-fit:contain;background:#050505}

.showcase-video-card .static-video-poster{height:auto}.showcase-video-card .static-video-poster img{height:auto}.showcase-video-card video{width:100%;height:auto;display:block}.video-corner-card>video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#050505;display:block}


/* 2026.11.05-28 – drei gemischte Medien-Showrooms */
.media-showrooms .media-showroom-block{margin-top:28px}.media-showrooms .media-showroom-heading{margin-top:54px}.media-showrooms .showroom-run-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.media-showrooms .showroom-run-viewport{overflow:hidden;min-width:0}.media-showrooms .showroom-run-track{display:flex;gap:16px;will-change:transform;width:max-content}.media-showrooms .showroom-run-card{width:min(320px,78vw);flex:0 0 auto}.media-showrooms .showroom-run-image{position:relative;width:100%;aspect-ratio:4/3;padding:0;border:0;overflow:hidden;background:#050505;display:grid;place-items:center;cursor:pointer}.media-showrooms .showroom-run-image img,.media-showrooms .showroom-run-image video,.media-showrooms .showroom-run-image iframe{width:100%;height:100%;display:block;object-fit:contain;border:0;background:#050505}.media-showrooms .media-video-placeholder{display:grid;place-items:center;width:100%;height:100%;font-weight:900;letter-spacing:.08em;color:#f2b705;background:#0b0b0b}.media-showrooms .showroom-run-copy{min-height:72px}.media-showrooms .showroom-run-arrow{width:42px;height:42px;border-radius:50%;border:1px solid #494949;background:#101010;color:#f2b705;font-weight:900;cursor:pointer}.media-showrooms .video-play{width:58px;height:58px;font-size:24px}.showcase-video-card>img,.hueforge-video-box>img{width:100%;height:100%;display:block;object-fit:contain;background:#050505}@media (max-width:700px){.media-showrooms .showroom-run-shell{grid-template-columns:1fr}.media-showrooms .showroom-run-arrow{display:none}.media-showrooms .showroom-run-card{width:min(300px,82vw)}}


/* Analytics Consent */
.consent-banner[hidden]{display:none!important}
.consent-banner{
  position:fixed;
  z-index:99999;
  left:18px;right:18px;bottom:18px;
  background:rgba(10,10,10,.98);
  border:1px solid rgba(242,183,5,.55);
  border-radius:14px;
  box-shadow:0 18px 50px #000b;
}
.consent-inner{
  max-width:1180px;
  margin:0 auto;
  padding:18px;
  display:flex;
  gap:20px;
  align-items:center;
  justify-content:space-between;
}
.consent-copy{display:grid;gap:6px;max-width:760px;color:#ded7cd;line-height:1.45}
.consent-copy b{color:#fff;font-size:18px}
.consent-copy a{color:var(--yellow);font-weight:800}
.consent-actions{display:flex;gap:10px;flex-wrap:wrap}
.consent-actions .btn{margin:0;white-space:nowrap}
.footer-privacy{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.footer-privacy a,.footer-privacy button{
  color:var(--yellow);
  background:none;
  border:0;
  padding:0;
  font:inherit;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}
@media (max-width:760px){
  .consent-banner{left:10px;right:10px;bottom:10px}
  .consent-inner{align-items:stretch;flex-direction:column}
  .consent-actions{display:grid;grid-template-columns:1fr 1fr}
  .consent-actions .btn{width:100%;text-align:center}
}

.privacy-inline-button{background:none;border:0;padding:0;color:var(--yellow);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}


/* Werkstatt-Gaestebuch */
.guestbook-section{background:#0b0b0b}
.guestbook-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}
.guestbook-form,.guestbook-book{background:#111;border:1px solid rgba(242,183,5,.38);box-shadow:0 16px 45px #0006}
.guestbook-form{padding:22px;border-radius:8px;transform:rotate(-.25deg)}
.guestbook-form-head{display:flex;gap:10px;align-items:center;border-bottom:1px dashed #504520;padding-bottom:14px;margin-bottom:18px;color:var(--yellow);font-size:18px;letter-spacing:.04em}
.guestbook-form label{display:grid;gap:7px;margin:0 0 14px;font-weight:800;color:#e8e2d8}
.guestbook-form small{color:#81796f;font-weight:400}
.guestbook-form input,.guestbook-form textarea{width:100%;background:#090909;border:1px solid #3d3a34;border-radius:4px;color:#f6f1e8;padding:12px 13px;font:inherit;resize:vertical}
.guestbook-form input:focus,.guestbook-form textarea:focus{outline:2px solid rgba(242,183,5,.5);border-color:var(--yellow)}
.guestbook-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.guestbook-message{min-height:1.35em;margin:14px 0 0;color:#cfc5b8}.guestbook-message.error{color:#ff8d78}
.guestbook-book{border-radius:4px;overflow:hidden;background:linear-gradient(90deg,#0d0d0d 0,#15130e 5%,#111 14%,#111 86%,#15130e 95%,#0d0d0d 100%)}
.guestbook-book-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 19px;border-bottom:1px solid rgba(242,183,5,.3);background:#0b0b0b;font-family:"Courier New",monospace;color:var(--yellow);letter-spacing:.08em;font-weight:900}
.guestbook-book-head small{color:#776f63;letter-spacing:.04em}
.guestbook-entries{display:grid;gap:0;max-height:720px;overflow:auto}
.guestbook-entry{position:relative;padding:25px 24px 22px;border-bottom:1px dashed #3a352d;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);font-family:Georgia,"Times New Roman",serif}
.guestbook-entry:last-child{border-bottom:0}
.guestbook-entry p{margin:0 80px 18px 0;color:#e7dfd3;font-size:18px;line-height:1.58}
.guestbook-entry footer{padding:0;border:0;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;color:var(--yellow)}
.guestbook-entry footer span{color:#8e8578;font-size:13px;font-family:Arial,Helvetica,sans-serif}
.guestbook-stamp{position:absolute;right:20px;top:22px;padding:5px 7px;border:1px solid #73601f;color:#b99525;font:700 11px "Courier New",monospace;transform:rotate(2deg)}
.guestbook-empty{padding:30px 24px;color:#8e8578;font-style:italic}
@media(max-width:800px){.guestbook-grid{grid-template-columns:1fr}.guestbook-form{transform:none}.guestbook-entry p{margin-right:0;padding-top:28px}.guestbook-book-head{align-items:flex-start;flex-direction:column}.guestbook-entries{max-height:none}}


/* 2026.11.07-32 – Showroom-Videos ausschließlich im Popup */
body.showroom-video-open{overflow:hidden}
.showroom-video-modal[hidden]{display:none!important}
.showroom-video-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.showroom-video-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.92);
  backdrop-filter:blur(5px);
}
.showroom-video-panel{
  position:relative;
  z-index:1;
  width:min(1100px,96vw);
  max-height:94vh;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.showroom-video-stage{
  width:100%;
  aspect-ratio:16/9;
  max-height:78vh;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #343434;
  border-radius:14px;
  background:#050505;
  box-shadow:0 18px 60px rgba(0,0,0,.65);
}
.showroom-video-stage video,
.showroom-video-stage iframe{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  border:0;
  background:#050505;
}
.showroom-video-copy{color:#fff;padding-right:56px}
.showroom-video-copy b{display:block;font-size:1.15rem}
.showroom-video-copy span{display:block;margin-top:5px;color:#bbb3a8}
.showroom-video-close{
  position:absolute;
  top:-14px;
  right:-14px;
  z-index:2;
  width:48px;
  height:48px;
  border:1px solid #666;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-size:32px;
  line-height:1;
  cursor:pointer;
}
.showroom-video-close:hover{color:var(--yellow);border-color:var(--yellow)}
.media-showrooms .media-play-card{cursor:pointer}
@media(max-width:700px){
  .showroom-video-modal{padding:12px}
  .showroom-video-panel{width:100%}
  .showroom-video-close{top:6px;right:6px}
  .showroom-video-copy{padding-right:0}
}