/* Full-height page: booking floats over the canvas; no reserved band or viewport cutoff. */
.event-page .booking-shelf .floating-book,.event-page[data-view=attend] .booking-shelf .floating-book{display:flex;opacity:1;visibility:visible;pointer-events:auto;transform:none}
.hero-intro{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start}
.hero-intro>.icon{width:20px;height:20px;margin-top:3px;color:var(--gold)}
.hero-facts{grid-template-columns:1fr 1.3fr}
.hero-facts .fact:first-child{grid-column:auto}
@media(max-width:600px){
 .hero-facts{grid-template-columns:1fr 1.2fr;gap:16px;padding-top:14px}
 .hero-intro{grid-template-columns:16px 1fr;gap:9px}
 .hero-intro>.icon{width:16px;height:16px}
 .audience-scene .people-hero{min-height:max(380px,calc(100svh - 176px))}
 .audience-scene .people-caption{position:absolute;left:0;right:0;bottom:76px;margin:0;padding-bottom:0}
 .hero-copy{display:grid;grid-template-columns:1fr auto;padding-bottom:6px}
 .hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-intro{grid-column:1 / -1}
 .hero-actions{grid-column:2;grid-row:4;justify-content:flex-end;margin:0}
 .hero-copy>.booking-note{grid-column:1;grid-row:4;align-self:center;margin:0;max-width:none}
 .hero-facts{padding-top:8px}
 .programme-scene .rail-toolbar{margin-bottom:18px}
 .programme-scene .panel-image{height:clamp(240px,36svh,320px)}
 .programme-scene .panel-copy{padding-top:22px;padding-bottom:26px}
 .programme-scene .table-panel .panel-image{height:clamp(205px,calc(100svh - 530px),460px)}
 .programme-scene .table-panel .panel-copy{padding-top:14px;padding-bottom:20px}
 .table-panel .evening-arc{order:-1;margin:0 0 14px;padding-top:0;border-top:0}
}
@media(max-width:600px) and (max-height:740px){
 .hero-images{aspect-ratio:1.6}
 .hero-copy{margin-top:-44px}
 .hero-copy h1{margin:12px 0 10px;font-size:clamp(30px,9.1vw,37px)}
 .hero-intro{margin:0}
 .programme-scene .table-panel .panel-image{height:205px}
 .programme-scene .table-panel .panel-copy{padding-top:14px}
 .table-panel .evening-arc{margin-bottom:8px}
 /* On short viewports the copy continues beside the floating action, then scrolls. */
 .table-panel .panel-copy>p:not(.panel-label){max-width:calc(100% - 126px)}
}
@media(max-width:600px) and (max-height:620px){
 .audience-scene .audience-art:after{background:linear-gradient(180deg,#102c27f0 0%,#102c27cc 24%,#102c2766 36%,transparent 46%,#102c27b3 64%,#102c27e6 86%,#102c27 100%)}
}