/* =========================================================
   HERO — 100vh, zentriert, Input = Fixpunkt
   ========================================================= */
.hero{
  min-height:100svh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:120px 32px;
}
/* Seitenweites fixiertes Hintergrundvideo (dezent, particles).
   Ausgenommen Angebots-Section — dort überdeckt .site-bg-cover. */
.site-bg-video{
  position:fixed;inset:0;width:100%;height:100%;
  object-fit:cover;z-index:-2;pointer-events:none;
}
.site-bg-cover{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:#235519;            /* Angebots-Grün — verdeckt das Video */
  opacity:0;
  transition:opacity .6s var(--ease);
}
.site-bg-cover.is-on{opacity:1}
.hero-inner{max-width:1100px;width:100%;display:flex;flex-direction:column;align-items:center}

.hero-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:13px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--olive-bright);font-weight:600;margin-bottom:40px;
}
.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}

.hero h1{
  font-size:clamp(56px,9vw,128px);font-weight:700;letter-spacing:-.04em;
  max-width:18ch;margin-bottom:52px;
}
.hero h1 .y{color:var(--accent)}
.hero h1 .thin{font-weight:400}
.hero h1 .h1-line{display:block}
.hero h1 .h1-line:first-child{font-size:.72em}
.hero h1 .h1-accent{
  color:var(--accent);
  font-family:var(--serif);
  font-weight:600;
  font-size:1.12em;
  line-height:1.1;
  display:inline-block;
  transform:rotate(-2.5deg);
  transform-origin:left center;
  margin-top:.04em;
}
.hero h1 .h1-serif{
  position:relative;display:inline-block;isolation:isolate;
}
.hero h1 .h1-serif::after{
  content:"";position:absolute;left:-0.04em;right:-0.04em;bottom:-0.04em;
  height:0.22em;background:var(--underline);border-radius:0.08em;
  opacity:.6;transform:scaleX(0);transform-origin:left center;
  transition:transform .9s var(--ease);z-index:-1;pointer-events:none;
}
.hero h1 .h1-serif.underlined::after{transform:scaleX(1)}

.hero-sub{
  font-size:clamp(17px,1.8vw,22px);color:var(--muted);max-width:62ch;
  margin-top:32px;margin-bottom:0;line-height:1.55;
}
.hero-sub b{color:var(--fg);font-weight:600}

/* ===== Big URL form — Zentrum / Fixpunkt ===== */