/* components/page-head.css — global. Inner page header, then a full-bleed photograph. */
.page-head{padding:clamp(64px,9vw,128px) 0 clamp(48px,6vw,80px)}
.crumbs{display:flex;gap:10px;font-size:var(--t-xs);letter-spacing:.04em;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.page-head-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px clamp(40px,7vw,120px);align-items:end;margin-top:28px}
.page-head h1{max-width:15ch}
.page-head .lede{max-width:44ch;padding-bottom:10px}
.page-band{position:relative;height:clamp(320px,58vh,640px);overflow:hidden;background:var(--linen)}
.page-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-head .more{margin-top:36px}
.error-detail{margin-top:32px;padding:16px;background:var(--linen);font-size:var(--t-xs);white-space:pre-wrap;overflow:auto}
@media (max-width:860px){.page-head-grid{grid-template-columns:1fr}.page-band{height:clamp(240px,48vw,420px)}}