/* Rob Ista . org — eigen aanpassingen (2026-07-06) */

/* Header-hero: standaard library-afbeelding, later te vervangen door een echte.
   Achtergrond i.p.v. <img> (overleeft content-blockers), pad relatief zodat
   alias- en hostname-route allebei werken. */
.robista-hero {
  position: relative;
  background: url("../../../../../images/headers/walden-pond.jpg") center / cover no-repeat;
  height: clamp(140px, 22vw, 320px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.robista-hero h1 {
  margin: 0;
  color: #fff;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: 900;
  font-size: clamp(1.4rem, 4.5vw, 3.2rem);
  letter-spacing: .12em;
  white-space: nowrap;
  text-shadow: 0 2px 10px rgba(0,0,0,.9), 0 0 3px rgba(0,0,0,.9);
}
.robista-hero .robista-tagline {
  margin: .3em 0 0 0;
  color: #f0f0f0;
  font-style: italic;
  font-size: clamp(.9rem, 1.8vw, 1.2rem);
  text-shadow: 0 1px 6px rgba(0,0,0,.9);
}