/*! LifeLearn — guide hero v1. Loaded on guide pages only. */
/* ── Guide heroes, one height ─────────────────────────────────────────────
   Guide titles run from 22 characters to 101, so the heroes ranged from 394
   pixels to 735 and every guide felt like a different site. The type scale is
   brought down so even the longest title fits three lines, and the block is
   centred in a fixed space, so a short title and a long one open the same way.
   Nothing is hidden or cut: the space is set to hold the longest case.
   ────────────────────────────────────────────────────────────────────────── */
.ll-resource .hero-in { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:445px; }
.ll-resource .hero h1 { font-size:clamp(30px,3.6vw,46px); line-height:1.12; max-width:900px; margin:0 auto 14px; }
.ll-resource .hero-sub { font-size:clamp(15px,1.5vw,17px); line-height:1.65; max-width:640px; }
@media(max-width:640px){
  .ll-resource .hero { padding-top:28px; }
  .ll-resource .hero-in { min-height:420px; padding-bottom:28px; }
  .ll-resource .hero h1 { font-size:clamp(25px,6.6vw,32px); }
}