/* ═══════════════════════════════════════════════════════════════════
   WIELAND — Goldschmiede. Die Mechanik steht in ../scroll.css.
   Hier steht nur, wonach diese eine Werkstatt aussieht.

   Farbe hergeleitet (siehe ../../_demos6/VISIONEN.md):
     Grund   Nussbaum          die Werkbank, an der alles entsteht
     Akzent  Lötflammen-Blau   jedes Stück geht durch genau diese Flamme
   Dunkel, weil am Werktisch unter einer einzigen Lampe gearbeitet wird.
   ═══════════════════════════════════════════════════════════════════ */
@font-face{font-family:'Cinzel';src:url('fonts/cinzel-500-normal-latin.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Cinzel';src:url('fonts/cinzel-600-normal-latin.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Cinzel';src:url('fonts/cinzel-700-normal-latin.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Cormorant';src:url('fonts/cormorant-garamond-500-normal-latin.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant';src:url('fonts/cormorant-garamond-600-normal-latin.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant';src:url('fonts/cormorant-garamond-500-italic-latin.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}

:root{
  --grund:#17120D;
  --tiefer:#0F0C08;
  --schrift:#EFE6D6;
  --dim:rgba(239,230,214,.72);
  --linie:rgba(239,230,214,.18);
  --akzent:#6FA3C7;
  --akzent-auf:#17120D;

  --anzeige:'Cinzel',Georgia,serif;
  --anzeige-gewicht:600;
  --lauf:'Cormorant',Georgia,serif;
  --versal:uppercase;
  --sperr:.03em;

  /* Auf dieser Seite ist alles dunkel — Text im Bild bleibt derselbe Ton. */
  --auf-bild:#EFE6D6;
  --auf-bild-dim:rgba(239,230,214,.86);

  --kopf-schleier:rgba(23,18,13,.8);
  --szene-schleier:linear-gradient(180deg,rgba(23,18,13,.52) 0%,rgba(23,18,13,.10) 38%,rgba(23,18,13,.92) 100%);
  --reveal-scrim:radial-gradient(58% 62% at 50% 50%,rgba(23,18,13,.82) 0%,rgba(23,18,13,.55) 55%,transparent 100%);
  --reveal-tint:rgba(23,18,13,.34);
}

/* Cormorant läuft klein und schmal — die Seite braucht einen Zahn mehr. */
body{font-size:18px;line-height:1.62}
.lauf{font-size:clamp(16.5px,1.6vw,19px)}
.register{font-size:16.5px}
.register .nb{font-size:16px}

/* Der Wert im Scrub ist eine Temperatur: sie darf groß werden. */
.scrub__wert{font-size:clamp(28px,5vw,68px)}

/* Der Randläufer traegt jetzt die laufende Polierscheibe. Das Video ist 16:9,
   das Standbild quadratisch — ohne gemeinsames Bandformat wird das Video
   hineingezoomt, bis der Schriftzug nicht mehr ins Bild passt. */
.randlaeufer img,.randlaeufer video{aspect-ratio:16/7;object-fit:cover;object-position:50% 50%}

/* Die Lötflamme ist die einzige Farbe, die nicht Gold oder Holz ist.
   Deshalb steht die Fortschrittslinie im Flammenblau auf Holzbraun. */
.scrub__leiste{background:rgba(239,230,214,.20)}