/* Shared editorial layout for the hub and the book pages. */
:root{--editorial-gap:clamp(18px,2.4vw,36px);--editorial-radius:10px}
.hero{min-height:clamp(620px,91svh,850px);padding-bottom:clamp(42px,6vw,88px)}
.hero h1{font-size:clamp(64px,11.7vw,172px)}
.hero-bottom .muted{max-width:52ch}
.editorial-heading{display:grid;gap:12px;justify-content:start}
.editorial-heading h2{font-size:clamp(40px,5vw,72px);max-width:22ch}
.initiative-grid,.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--editorial-gap)}
.initiative,.person{min-width:0;display:flex;flex-direction:column;border:1px solid #d3cec4;border-radius:var(--editorial-radius);overflow:hidden}
.initiative{background:#faf8f3}
.initiative-media{aspect-ratio:16/9;background:#161616;overflow:hidden}
.initiative-media img,.person img{width:100%;height:100%;object-fit:cover}
.initiative-media img[src*="the-dan"]{object-position:50% 43%}
.initiative-type{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(15px,2vw,29px);color:var(--paper)}
.initiative-type>span{font-size:10px;letter-spacing:.14em;color:#c0bdb6}
.initiative-type strong{font-size:clamp(24px,3.2vw,52px);line-height:.94;letter-spacing:-.05em}
.initiative-type .red{color:var(--red)}
.initiative-copy,.person-copy{display:flex;flex-direction:column;flex:1;align-items:flex-start;padding:clamp(16px,2vw,28px)}
.initiative-copy h3,.person-copy h3{margin:0 0 10px;font-size:clamp(24px,2.6vw,36px)}
.initiative-copy p,.person-copy p,.team-note p{font-size:16px;line-height:1.55;margin-bottom:16px}
.initiative-status{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px;font-size:14px}
.initiative-status .status{display:block;text-transform:uppercase;font-size:10px}
.initiative-copy .text-link,.person-copy .text-link{margin-top:auto}
.editorial-team{background:#111}
.person{background:#171717;border-color:#333}
.person img{height:auto;aspect-ratio:4/3}
.person-aymane{object-position:50% 43%}
.person-alexis{object-position:50% 44%}
.person-dan{object-position:50% 45%}
.person-copy .eyebrow{margin-bottom:10px;color:#ff756e}
.person-copy p,.team-note p{color:#c8c4bd}
.team-note{margin-top:var(--editorial-gap);padding:clamp(20px,3vw,40px);border:1px solid #383838;border-radius:var(--editorial-radius);display:flex;gap:16px 36px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.team-note h3{margin:8px 0}
.team-note p{margin-bottom:0;max-width:63ch}
.editorial-feature,.book-lead{gap:clamp(24px,5vw,72px)}
.editorial-feature .radio-photo{aspect-ratio:4/3;object-position:50% 44%;border-radius:var(--editorial-radius)}
.book-lead{padding-top:calc(var(--nav) + clamp(36px,5vw,78px))}
.book-lead h1{font-size:clamp(47px,6.5vw,104px);line-height:.95;margin:15px 0 18px}
.book-lead .status{color:#ff756e;text-transform:uppercase}
.book-lead .book-subtitle{font-weight:650;color:var(--paper);margin-bottom:8px}
.book-lead .lead-visual{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 44%;border-radius:var(--editorial-radius)}
.book-lead .masked-photo{border-radius:var(--editorial-radius)}
.book-details details{border-top:1px solid var(--line);padding:16px 0}
.book-details summary{cursor:pointer;font-weight:650;padding:8px 0}
.book-details details p{color:var(--muted);margin:8px 0}
.book-credits img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--editorial-radius);margin-bottom:18px}
@media(max-width:800px){
  .hero{min-height:auto;gap:34px;padding-bottom:44px}
  .hero h1{font-size:clamp(48px,15.5vw,116px)}
  .initiative-grid,.people-grid{grid-template-columns:1fr}
  .initiative-type strong{font-size:clamp(32px,9vw,62px)}
  .hero-bottom .muted{font-size:16px}
}
@media print{
  .hero{min-height:0}
  .initiative,.person,.team-note{break-inside:avoid;background:white;color:black}
  .person-copy p,.team-note p{color:black}
}