/* Phone sizing only: preserve desktop design, content, image formats and controls. */
@media(max-width:600px){
 html{scroll-padding-top:84px}
 html body .site-nav{min-height:76px;padding:8px 18px!important;gap:16px}
 html body .site-nav .brand img{width:72px;height:52px}
 html body .site-nav .menu-toggle{min-height:44px;padding:8px 12px;font-size:15px;gap:10px}
 html body .site-nav nav{max-height:calc(100dvh - 76px);overflow-y:auto;padding:12px 18px}
 html body .site-nav nav>a,html body .site-nav .nav-ticket,html body .site-nav .venue-menu>summary,html body .site-nav .venue-menu>div>a{box-sizing:border-box;min-height:44px;padding-block:10px!important;font-size:15px!important;line-height:1.5}
 html body #main :is(.wrap,.container,.fan-shell),html body .barn-footer>.wrap{padding-inline:18px!important}
 html body #main :is(p,li,td,th,address){font-size:16px!important;line-height:1.6!important}
 html body #main p{margin-bottom:14px}
 html body #main h1,html body #main .barn-detail-page h1,html body #main .edm-card-heading h1{font-size:32px!important;line-height:1.1!important}
 html body #main h2,html body #main .barn-detail-page h2,html body #main #fan-selected-title{font-size:26px!important;line-height:1.16!important}
 html body #main h3{font-size:22px!important;line-height:1.2!important}
 html body #main :is(.eyebrow,.editorial-eyebrow,.calendar-kicker,.cn-schedule,.em-date){font-size:13px!important;line-height:1.5!important}
 html body #main .barn-detail-page :is(.eyebrow,.event-eyebrow){font-size:11px!important}
 html body #main .barn-detail-page :is(.detail-story,.barn-event-story,.em-story,.archive-body) :is(p,li){font-size:16px!important;line-height:1.6!important}
 html body #main .edm-detail-consistent .edm-card-heading>p:last-child,html body #main .edm-detail-consistent .edm-story .em-story>p:not(.eyebrow){font-size:16px!important;line-height:1.6!important}
 html body #main :is(.barn-post-title,.editorial-category h1){font-size:32px!important}

 /* Shorter page introductions and section gaps, with comfortable outer gutters. */
 html body #main .page-banner-area{padding-block:22px!important}
 html body #main .page-banner-content{min-height:0!important;padding-block:20px!important}
 html body #main .page-banner-content :is(h1,h2){font-size:32px!important}
 html body #main :is(.em-hero,.cn-hero,.fq-hero,.ld-hero,.fan-hero){padding-block:24px 20px!important;gap:20px}
 html body #main .pe-hero{min-height:360px!important}
 html body #main .pe-hero-content{padding-block:32px 40px!important}
 html body #main .editorial-category{padding-block:24px!important}
 html body #main .editorial-topic-grid{gap:16px;margin-top:20px}
 html body #main .editorial-topic-grid article{padding:18px}
 html body #main .editorial-topic-grid article h2{font-size:24px!important}
 html body #main .barn-detail-page :is(.detail-feature,.nd-main),html body #main .barn-detail-page .barn-event-artist>.container>.row{gap:20px;padding-block:24px}
 html body #main .barn-detail-page :is(.em-booking,.artists-details-info),html body #main .edm-summary{padding:18px}
 html body #main .barn-detail-page .em-booking h2{font-size:25px!important;margin-bottom:16px!important}
 html body #main .events-modern .em-card h2{font-size:23px!important}
 html body #main :is(.em-card-copy,.cn-copy){padding:16px}
 html body #main .club-modern .cn-grid{max-width:340px;gap:20px}
 html body #main .club-modern .cn-copy h3{font-size:22px!important;margin-bottom:16px}
 html body #main .club-modern .cn-details{min-height:44px;padding:11px 14px;font-size:14px}

 /* Compact first screen; the enlarged sign still clears the headline and intro. */
 html body #main .astral-one .banner-area{padding:108px 0 28px!important}
 html body #main .astral-one .banner-content h1{font-size:clamp(28px,calc((100vw - 54px - var(--home-mark-size) - 26px) * .198),62px)!important;min-height:calc(var(--home-mark-size) + 8px);margin-bottom:16px!important}
 html body #main .astral-one .one-kicker{font-size:9px!important;margin-bottom:14px}
 html body #main .astral-one .one-intro{font-size:16px!important;line-height:1.6!important}
 html body #main .astral-one .one-hero-actions{gap:10px 16px;margin-block:18px 20px}
 html body #main .astral-one .one-hero-actions .barn-btn{min-height:44px;padding:10px 13px;font-size:13px}
 html body #main .astral-one .one-text-link{font-size:13px}
 html body #main .astral-one .play-single-card{padding:14px 12px}
 html body #main .astral-one .play-single-card h3{font-size:21px!important;margin-bottom:8px}
 html body #main .astral-one .top-music-playlist-area,html body #main .astral-one #club-nights,html body #main .astral-one .podcasts-and-more-area{padding-block:24px!important}
 html body #main .astral-one .top-music-playlist-area .section-title h2,html body #main .astral-one #club-nights .section-title h2,html body #main .astral-one .podcasts-and-more-area .section-title h2,html body #main .astral-one .home-real-nights h2,html body #main .astral-one .newsletter-intro h2,html body #main .astral-one .home-visit-photo h2{font-size:26px!important}
 html body #main .astral-one .one-event-grid{gap:18px}
 html body #main .astral-one .one-event-grid .top-music-playlist-content{padding:16px!important}
 html body #main .astral-one .one-event-grid .top-music-playlist-content h3,html body #main .astral-one #club-nights .cn-copy h3,html body #main .astral-one .one-news-card h3{font-size:22px!important}
 html body #main .astral-one #club-nights .row{max-width:340px;gap:20px}
 html body #main .astral-one #club-nights .cn-copy{padding:16px 16px 8px}
 html body #main .astral-one #club-nights .cn-schedule{font-size:13px!important;line-height:1.5!important}
 html body #main .astral-one .one-news-grid{gap:18px}
 html body #main .astral-one .one-news-card h3{padding:14px 16px}
 html body #main .astral-one .home-real-nights{padding-block:22px 24px}
 html body #main .astral-one .home-real-nights.visit-updates-inner,html body #main .astral-one .visit-updates,html body #main .astral-one .home-visit-panel>.container{padding-inline:18px!important}
 html body #main .astral-one .visit-updates>.visit-updates-inner{padding:22px 18px;gap:18px}
 html body #main .astral-one .visit-updates .newsletter-form{padding-top:18px!important}
 html body #main .astral-one .home-visit-panel{padding-block:24px 28px}

 /* Keep editable text at16px and direct actions at least44px high. */
 html body #main .inquiry-form label,html body #main .fan-lookup label{font-size:14px!important}
 html body #main .inquiry-form :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea),html body #main .fan-lookup input,html body #main .fan-filter-row select{font-size:16px!important;line-height:1.4!important;min-height:44px;padding:10px 12px}
 html body #main .inquiry-form :is(button,.barn-btn),html body #main .fan-lookup button,html body #main .barn-btn{box-sizing:border-box;min-height:44px;padding:11px 16px;font-size:14px}
 html body #main .fan-browser{padding-top:22px}
 html body #main .fan-browser .fan-lookup{padding:14px;gap:10px}
 html body #main .fan-browser .fan-selected-gallery{padding-top:18px;margin-top:18px}
 html body #main .faq-modern .fq-item>summary{min-height:44px;font-size:15px;line-height:1.45;padding:13px 14px}
 html body #main .faq-modern .fq-item .fq-answer{padding:14px}
 html body #main .faq-modern .fq-item[open] .fq-answer{padding-top:14px}
 html body #main .barn-calendar .calendar-toolbar{padding:16px;gap:12px}
 html body #main .barn-calendar .calendar-toolbar p{font-size:14px!important;line-height:1.5!important}
 html body #main .barn-calendar .calendar-month h2{font-size:26px!important;padding:14px 16px}
 html body #main .barn-calendar:not(.lesson-calendar) .calendar-month td{font-size:15px!important;line-height:1.4!important}
 html body #main .barn-calendar:not(.lesson-calendar) .calendar-month th{font-size:11px!important;line-height:1.4!important}
 html body #main .lesson-calendar .lesson-heading h2{font-size:26px!important}
 html body #main .lesson-calendar .lesson-date-picker th{font-size:11px!important;line-height:1.3!important}
 html body #main .lesson-calendar :is(.lesson-picker-hint,.lesson-source){font-size:13px!important;line-height:1.5!important}
 html body #main .lesson-controls #calendar-current-month{min-height:44px}
 html body .calendar-event-dialog{padding:22px}
 html body .calendar-event-dialog h2{font-size:26px}
 html body .calendar-event-dialog>button{min-width:44px;min-height:44px}
 html body .table-request-dialog{padding:22px 18px!important}
 html body .private-new .table-request-dialog h2{font-size:28px!important}
 html body .table-request-dialog .table-request-close{min-width:44px;min-height:44px}
 html body #footer-nl-dialog{padding:22px 18px!important}
 html body #footer-nl-dialog #footer-nl-title{font-size:28px!important}
 html body #footer-nl-dialog #footer-nl-description{font-size:15px!important;line-height:1.55!important;margin-bottom:18px}
 html body #footer-nl-dialog :is(.inquiry-form,.footer-nl-fields){gap:12px!important}
 html body #footer-nl-dialog input:not([type=checkbox]){min-height:44px!important;padding:10px 12px!important;font-size:16px!important}
 html body #footer-nl-dialog .barn-btn{min-height:44px!important;padding:10px 16px!important}
 html body .club-footer .footer-link-groups a{font-size:18px!important;line-height:1.4!important}

 /* Keep the private-event scroll link below the actions, never over a button. */
 html body #main .private-new .pe-hero{display:block}
 html body #main .private-new .pe-hero-content{padding-bottom:12px!important}
 html body #main .private-new .pe-scroll{position:static;display:inline-flex;align-items:center;min-height:44px;margin:0 18px 20px;font-size:14px}
 html body #main .private-new .pe-reservation-actions{flex-wrap:wrap;gap:10px 14px}
 html body #main .private-new .pe-reservation-actions .barn-btn{max-width:100%;white-space:normal;gap:10px}
 html body #main .private-new .pe-event-link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;font-size:14px;white-space:normal}
 html body #main .astral-one .home-visit-info h2{font-size:26px!important}
 html body #main .astral-one .home-visit-options a{min-height:44px;padding-block:11px;font-size:14px}
}