/* Hollin & Pye v2 — The Issue */
.lb-hd{display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,4vw,64px);align-items:start;padding:clamp(28px,4vw,56px) 0 clamp(40px,5vw,72px);border-bottom:6px solid var(--ink)}
.lb-hd .h1{font-size:clamp(52px,8vw,128px)}
.lb-intro{display:grid;gap:22px}
.lb-toc{border-top:1px solid var(--ink)}
.lb-toc a{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:18px}
.lb-toc a:hover{color:var(--acc)}
.lb-toc .num{font-size:12px;color:var(--acc)}
.lb-toc .c{color:var(--ink-2)}
.lb-spread{padding:clamp(56px,7vw,104px) 0}
.lb-spread.tint{background:var(--proof)}
.lb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(14px,2vw,28px);row-gap:28px;align-items:start}
.lb-photo{grid-column:1/9}
.lb-photo.tall{grid-column:1/7}
.lb-side{grid-column:9/13;display:grid;gap:18px;position:sticky;top:120px}
.lb-photo.tall+.lb-side{grid-column:8/13}
.flip .lb-photo{grid-column:6/13;grid-row:1}
.flip .lb-side{grid-column:1/6;grid-row:1}
.flip .lb-photo.tall{grid-column:7/13}
.flip .lb-photo.tall+.lb-side{grid-column:1/6}
@media (max-width:960px){.lb-hd{grid-template-columns:1fr}.lb-photo,.lb-photo.tall,.flip .lb-photo,.flip .lb-photo.tall,.lb-side,.lb-photo.tall+.lb-side,.flip .lb-side,.flip .lb-photo.tall+.lb-side{grid-column:1/-1;grid-row:auto}.lb-side{position:static}}
