/* The panel over a popup video's last frame: the 25 Years film's 365 offer on /history/, the 2026 highlights' tickets
   offer on /attend/. Its own file, loaded by just those two pages, so it doesn't count against every page's budget. */
#lc27 .video-end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;background:#0b1928;color:#fff;text-align:center}
#lc27 .video-end img{width:min(260px,50%);height:auto}
#lc27 .video-end img.video-end-badge{width:auto;height:min(150px,30%)}
#lc27 .video-end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 20px;align-items:center}
#lc27 .video-end-actions .text-link{color:#fff;border-bottom-color:#ffffff80}
#lc27 .video-end-again{background:transparent;border:0;color:#b9c8d3;font:inherit;font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#lc27 .video-end-again:hover{color:#fff}
@media (max-width:600px){#lc27 .video-end{gap:10px;padding:12px}#lc27 .video-end img{width:150px}#lc27 .video-end img.video-end-badge{width:auto;height:64px}#lc27 .video-end .btn{min-height:44px;padding:10px 16px;gap:16px}#lc27 .video-end-actions{gap:8px 16px}}
/* End panel: a headline over the two 365 doors, sized to fill the video frame. */
#lc27 .video-end{gap:clamp(10px,2.2vw,22px)}
#lc27 .video-end img.video-end-badge{height:min(118px,20%)}
#lc27 .video-end-eyebrow{margin:0;font-size:clamp(.62rem,1.1vw,.78rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
#lc27 .video-end-title{margin:-4px 0 4px;font-size:clamp(1.3rem,3.6vw,2.6rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:#fff;text-wrap:balance}
#lc27 .video-end-actions .btn{font-size:clamp(.85rem,1.4vw,1rem);min-height:clamp(44px,5vw,60px);padding:14px 26px}
#lc27 .video-end-actions .text-link{font-size:clamp(.85rem,1.4vw,1rem)}
#lc27 .video-end-line{margin:-6px 0 6px;max-width:34ch;font-size:clamp(.85rem,1.5vw,1.05rem);line-height:1.4;color:#c9d4dd}
@media (max-width:600px){#lc27 .video-end img.video-end-badge{display:none}#lc27 .video-end-eyebrow{display:none}#lc27 .video-end-line{display:none}}
/* End panel in two columns: the badge large on the left, the offer on the right. One column on phones. */
#lc27 .video-end{flex-direction:row;gap:clamp(24px,5vw,64px);text-align:left;padding:clamp(16px,4vw,48px)}
#lc27 .video-end img.video-end-badge{height:min(62%,300px);width:auto;flex:none}
#lc27 .video-end-copy{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px,1.6vw,16px);max-width:min(520px,52%)}
#lc27 .video-end-copy .video-end-title{font-size:clamp(1.3rem,3.8vw,3rem);margin:0}
#lc27 .video-end-copy .video-end-line{margin:0;max-width:30ch}
#lc27 .video-end-copy .video-end-actions{justify-content:flex-start;margin-top:4px}
#lc27 .video-end-copy .video-end-again{padding:0}
@media (max-width:600px){#lc27 .video-end{flex-direction:column;text-align:center}#lc27 .video-end-copy{align-items:center;max-width:none}#lc27 .video-end-copy .video-end-actions{justify-content:center}#lc27 .video-end-copy .video-end-title{font-size:1.15rem}}
/* "Watch again" sits apart at the bottom centre of the frame, out of the offer's way. */
#lc27 .video-end-copy .video-end-again{position:absolute;left:50%;bottom:clamp(10px,2.4vw,24px);transform:translateX(-50%);white-space:nowrap}
@media (max-width:600px){#lc27 .video-end-copy .video-end-again{position:static;transform:none}}
