/* ============================================================ Editorial inner pages — additions on top of redesign-home.css For pages that opt into the homepage redesign via and load the chrome through include.js + partials/header-editorial.html / footer-editorial.html. ============================================================ */ /* The chrome partials are injected into placeholder divs; flatten them so the sticky masthead is laid out against (sticky would otherwise be confined to the placeholder's own height). */ #header-placeholder, #footer-placeholder { display: contents; } /* Page hero: a quieter version of the homepage display heading. */ .page-hero { padding: clamp(36px, 5vw, 64px) 0 clamp(28px, 4vw, 48px); border-bottom: 1px solid var(--rule); } .page-hero h1.display { font-size: clamp(34px, 4.6vw, 56px); margin-bottom: 16px; } .page-hero .lede { font-size: clamp(16px, 1.2vw, 19px); } /* Footer blurb spacing (the homepage uses an inline style for this). */ .foot-blurb { margin-top: 16px; }