/* 4ELEMENTS – Intro der Startseite. Aktiv nur mit der Klasse .is-intro (gesetzt von assets/js/intro-gate.js).
   Die 3D-Szene zeichnet assets/js/intro3d.js auf eine Leinwand; hier nur Bühne und „Überspringen“. */

.intro, .intro__skip { display: none; }

html.is-intro .intro {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 1000;
  overflow: hidden;
  background: #fff;
}
.intro__canvas { position: absolute; inset: 0; display: block; }

html.is-intro .intro__skip {
  display: block;
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 1001;
  padding: 0.6rem 1rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  color: var(--text-muted);
  font: 400 0.8125rem/1 var(--mono);
  cursor: pointer;
}
html.is-intro .intro__skip:hover { color: var(--text); border-color: var(--text-muted); }