/* Miniatures of the existing gold-edged photographic What's On tiles. */
.overture .ov-pin,html:not(.js) .overture .ov-pin{position:relative;height:auto;min-height:100svh;overflow:hidden;align-items:flex-start}
.overture .ov-inner{gap:26px;max-width:100%;width:100%;padding-top:clamp(180px,25svh,280px);padding-bottom:72px}
.overture .ov-word{width:min(380px,42vw)}
.tonight{margin-top:32px}
.tonight{padding:0;width:min(100%,510px);font-family:var(--font-body);text-shadow:none}
.tonight-title{margin:0 0 8px;font-weight:inherit;text-transform:uppercase}
.tonight-date{display:block;margin:0 0 12px;color:var(--brand-soft);font-size:13px;font-weight:400;letter-spacing:.06em}
.tonight ul{list-style:none;margin:0;padding:0 0 6px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;scrollbar-width:thin;scrollbar-color:var(--rule-quiet) transparent;text-align:left}
.tonight-card{flex:1 0 0;min-width:0;display:flex;flex-direction:column;background:var(--glass-tint-deep);border:var(--border-w) solid var(--rule-quiet);border-radius:var(--r-card);overflow:hidden;scroll-snap-align:start}
.tonight-card:only-child{flex:0 1 248px;margin-inline:auto}
.tonight-photo{width:100%;height:96px;object-fit:cover;display:block;opacity:.9}
.tonight-body{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.tonight-body h3{font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.1;letter-spacing:.02em;color:var(--cream);margin:0}
.tonight-body p{font-size:13px;line-height:1.4;color:var(--brand-soft);margin:0}
.tonight-more{align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 15px;margin-top:auto;border:1px solid var(--rule-quiet);border-radius:var(--r-control);font-size:13px;line-height:1.2;color:var(--cream);text-decoration:none;background:var(--card-glass)}
.tonight-more:hover{border-color:var(--brand);background:var(--deep-3)}
.tonight-more:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.tonight-time{white-space:nowrap}
@media(max-width:600px){
 .overture .ov-inner{padding-top:clamp(160px,25svh,240px);padding-bottom:56px}
 .tonight ul{gap:12px}
 .tonight-card{flex:0 0 230px}
 .tonight-more{min-height:44px}
}