/* Super Stubborn — Paginakop
   HANDGESCHREVEN (dit blok komt niet uit de mockup, het is nieuw voor de
   binnenpagina's). Bouwt op de tokens en componenten uit
   assets/css/superstubborn.css; hier alleen de opbouw van deze band. */

.ssx-pagehead{
  /* De sticky header staat er bovenop; deze marge houdt de titel vrij. */
  padding-top:clamp(7rem, 14vw, 11rem);
}

.ssx-pagehead__title{
  margin:var(--ss-sp-4) 0 0;
  max-width:22ch;
}

.ssx-pagehead__foot{
  display:grid;
  gap:var(--ss-sp-5);
  align-items:end;
  margin-top:var(--ss-sp-6);
}

.ssx-pagehead__lead{
  margin:0;
  max-width:52ch;
  color:var(--ss-text-muted);
}

.ssx-pagehead__meta{
  margin:0;
  color:var(--ss-text-faint);
}

.ssx-pagehead__rule{
  margin-top:var(--ss-sp-7);
}

@media (min-width:900px){
  .ssx-pagehead__foot{
    grid-template-columns:1fr auto;
    gap:var(--ss-sp-8);
  }
  .ssx-pagehead__meta{
    text-align:right;
    white-space:nowrap;
  }
}