/* Consistent spacing, navigation labels and embedded event previews. */
:root{--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:200;background:#20213b;color:#fff;border-radius:6px;padding:14px 20px;font-weight:700}.skip-link:focus{top:12px}
.sample-ticket-section{container-type:inline-size}
.upcoming-carousel>.sample-ticket-section{margin:0 1px;padding:32px clamp(22px,3vw,44px);border:1px solid #ded7ca;border-top:0;border-radius:0 0 18px 18px;background:#f8f5ef}
.upcoming-carousel.single-event .upcoming-track{padding-bottom:0}
.upcoming-carousel.single-event .premium-event{border-bottom-left-radius:0;border-bottom-right-radius:0}
.detail-info{position:static}
.detail-info>.sample-ticket-section{margin:0 0 32px;padding-bottom:28px;border-bottom:1px solid #e4dce7}
.detail-info .sample-ticket-heading h3{font-size:22px;line-height:1.3}.detail-info .sample-ticket-heading{gap:12px;margin-bottom:18px}.detail-info .sample-ticket-note{font-size:11px}.detail-info .phone-scene-copy{display:none}.detail-info .phone-event-scene{padding:24px 12px}.detail-info .iphone-device{width:min(100%,330px);transform:none}
.iphone-device{border-radius:52px}.phone-scene-copy>small{color:#b7c6dc}
.premium-event-copy .premium-sale-note{line-height:1.7}.premium-service-strip p,.footer-top p{line-height:1.75}
.detail-copy h2{font-size:clamp(25px,2.6vw,34px);line-height:1.25;margin-bottom:20px}.detail-copy>p{margin:0 0 18px}.detail-copy .organiser-id{margin:26px 0}.detail-info>.eyebrow{margin:0 0 14px}.detail-info>h2{margin:0 0 22px;line-height:1.25}.detail-info .info-row{padding-top:18px;padding-bottom:18px;line-height:1.75}.detail-info .ticket-option{padding:15px 14px;gap:10px;align-items:center}.ticket-option b{margin-left:auto}.detail-info .quantity{margin-top:24px}.detail-info .total{margin:24px 0}.detail-info>.note{line-height:1.75;margin:16px 0}
.footer-top{padding:36px 0}.footer-top>div{gap:12px}.footer-bottom{align-items:center}.footer-bottom .textbutton{padding:8px 0;min-height:44px}.footer-top .textbutton{text-align:left}
.story-stage{min-height:calc(100svh - 84px)}
@container(max-width:760px){.phone-scene-copy{display:none}.phone-event-scene{padding:28px 16px}.iphone-device{width:min(100%,350px);transform:none}}
@media(max-width:700px){
 .mobile-tabs a>span{background:none;padding:0;border-radius:0;font-size:11px;margin:0;line-height:1.3;letter-spacing:0}.mobile-tabs a{gap:5px;padding:6px 2px}.mobile-menu nav{gap:0}
 body[data-mobile-route='detail']{padding-bottom:calc(142px + env(safe-area-inset-bottom,0px))}
 body[data-mobile-route='detail'][data-bookbar-visible='false'] .mobile-bookbar{display:none}
 body[data-mobile-route='detail'][data-bookbar-visible='false']{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .mobile-bookbar{padding:9px 16px;gap:12px}.mobile-bookbar .button{min-height:46px;padding:13px 17px;font-size:13px}.mobile-bookbar strong{font-size:19px}.mobile-bookbar small{font-size:10px;line-height:1.5}
 .footer-top{padding:26px 0;gap:24px}.footer-top>div{gap:5px}.footer-top>div a,.footer-top>div button{padding-top:8px;padding-bottom:8px;line-height:1.6;min-height:44px}.footer-bottom{gap:12px;font-size:11px;line-height:1.7;padding-top:22px;padding-bottom:20px}.footer-bottom>span{flex-basis:100%}.footer-bottom .textbutton{font-size:12px;min-height:44px;margin:0;padding:0}
 .upcoming-carousel>.sample-ticket-section{padding:26px 18px}.sample-ticket-heading h3{max-width:100%}.sample-ticket-note{font-size:11px;line-height:1.75}
 .detail-info{padding:24px 20px}.detail-info>.sample-ticket-section{padding:0 0 24px;margin-bottom:26px}.detail-info .phone-event-scene{padding:24px 12px}.detail-info .iphone-device{width:min(100%,330px)}.detail-info>h2{font-size:27px;margin-bottom:20px}.detail-venue-highlight{margin:18px 0 22px}.detail-info .info-row{font-size:14px;line-height:1.7}.detail-info .ticket-option{min-height:58px;margin-bottom:10px}.detail-info .ticket-option b{font-size:14px}.detail-info .treats-event-note{margin:22px 0;padding:18px}.detail-copy .button{margin-bottom:8px}
 #storyHero[data-slide='0'] .story-stage{min-height:900px;padding-top:330px}
 .premium-events{padding-top:36px;padding-bottom:36px}.treats-section,.crew-section,.crew-rules,.how{padding-top:36px;padding-bottom:36px}
 .premium-organiser{margin-top:28px}.premium-service-strip{padding-bottom:8px}
 .story-proof-strip{padding-top:20px;padding-bottom:20px}.story-proof-strip>span{font-size:10px;line-height:1.65}
 .phone-ticket-stage~.ticket-carousel-controls{flex-wrap:wrap;row-gap:8px}.phone-ticket-stage~.ticket-carousel-controls>button{min-width:40px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

.detail-info>h2{scroll-margin-top:calc(90px + env(safe-area-inset-top,0px))}