/* ---------- generic inner page (used by page.php for any page that
   isn't one of the six designed pages) ---------- */
.subhero{position:relative;background:var(--pur-deep);color:var(--white);overflow:hidden;
  padding:150px 0 78px;isolation:isolate}
.subhero h1{font-size:clamp(2.2rem,4.4vw,3.4rem);max-width:20ch;margin-bottom:0}

.prose{max-width:68ch}
.prose p{font-size:15.5px;color:var(--ink-soft);font-weight:300;line-height:1.8;margin-bottom:18px}
.prose h2,.prose h3{font-weight:700;color:var(--pur);letter-spacing:-0.02em;margin-bottom:16px}
.prose img{border-radius:14px;margin-bottom:18px}
.prose ul,.prose ol{margin:0 0 18px 22px}
.prose a{color:var(--pur);text-decoration:underline}

@media(max-width:640px){
  .subhero{padding:120px 0 60px}
}