/* The index reads like a table of contents, with consistent illustrated panels. */
.hub-hero{max-width:1380px;margin:auto;padding:calc(var(--bar) + 60px) var(--g) 0;gap:20px}
.hub-hero h1{font-size:clamp(56px,8vw,112px);line-height:.95;max-width:15ch;letter-spacing:-.035em}
.hub-hero h1 em{color:var(--sig)}
.hub-hero .sub{max-width:54ch;font:400 17px/1.65 var(--sans)}
.hub-hero .go{margin:4px 0 8px}
#lineup{max-width:960px;margin:20px auto 0}
.contact-sheet{padding-top:36px}
.hub-section-title{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-top:1px solid var(--ink);align-items:baseline}
.hub-section-title p{margin:0;font:400 14px/1.5 var(--sans);color:var(--muted)}
.hub-section-title .label{font-size:11px}
.panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}
.panel{border:0;overflow:visible}
.panel .win{border:1px solid #cbc9c2;background:white;aspect-ratio:16/10;transition:transform .3s}
.panel .cap2{padding:17px 0 0;gap:8px;background:var(--paper)}
.panel .cap2 h2{margin:0;font:400 27px/1.12 var(--disp)}
.panel .cap2 .p{margin:0;color:var(--muted);font:400 14px/1.6 var(--sans)}
.panel .cap2 .row{gap:10px;flex-wrap:wrap}
.panel .cap2 .label{font-size:9px}
.panel.wide{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:center;padding-bottom:32px;border-bottom:1px solid var(--rule)}
.panel.wide .win{aspect-ratio:2/1}
.panel.wide .cap2 h2{font-size:44px}
.panel.wide .cap2 .p{font-size:17px}
.panel:hover .win{transform:translateY(-3px)}
.panel:hover .cap2 h2{color:var(--sig)}
.hub-foot{gap:32px}.hub-foot .go{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.hub-foot .agenda{font:400 15px/1.6 var(--sans);max-width:48ch}
.no-ink .panel .win{display:none}.no-ink #lineup{display:none}
@media(max-width:900px){.panels{grid-template-columns:repeat(2,minmax(0,1fr))}.panel.wide{gap:24px}.panel.wide .cap2 h2{font-size:36px}}
@media(max-width:600px){.hub-hero{padding-top:calc(var(--bar) + 34px);gap:16px}.hub-hero h1{font-size:62px}.hub-hero .sub{font-size:15px}.hub-hero .go{gap:18px}.hub-hero .btn{font-size:13px}.panels{grid-template-columns:1fr;gap:30px}.panel.wide{display:block}.panel.wide .win{aspect-ratio:16/10}.panel.wide .cap2 h2{font-size:30px}.panel .win{aspect-ratio:16/10}.hub-section-title{display:block}.hub-section-title .label{margin-bottom:8px}.hub-foot{margin-top:36px}.hub-foot .go{gap:20px}}

.panel.flagged .cap2 h2{background:linear-gradient(transparent 62%,var(--lime) 62%,var(--lime) 92%,transparent 92%)}