.hero>*{min-width:0}.hero-art .jackikor-illustration{width:min(100%,620px);max-width:100%;height:auto}
@media(max-width:1100px){.hero-art{transform:none}}
/* Mobile layout: readable content, reachable controls, and a single event column. */
@media(max-width:850px){
 nav{gap:10px;flex-wrap:wrap;padding:16px max(16px,env(safe-area-inset-left));}
 nav>.brand{min-width:0;flex:1 1 calc(100% - 64px);order:0}
 nav>.menu-toggle{order:1;flex:0 0 44px;min-height:44px}
 nav>.nav-login,nav>.nav-cta{order:2;flex:1 1 0;min-width:0;min-height:46px;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere;font-size:12px;padding:12px 10px}
 nav>.navlinks{order:3;top:100%;left:16px;right:16px;z-index:20;max-height:65dvh;overflow-y:auto}
 nav>.navlinks a{min-height:44px;display:flex;align-items:center;justify-content:center}
 .hero,.section-inner,.hero-copy,.hero-art,.intro-grid>*,.lineup-layout>*,.ticket-box>*,.organizer-dashboard-body>*{min-width:0}
 .hero{min-height:0;padding:24px 20px 48px;grid-template-columns:minmax(0,1fr)}
 .hero-art{height:clamp(240px,90vw,390px);min-height:0}.hero-art .jackikor-illustration{width:min(100%,390px)}
 .hero h1{font-size:clamp(76px,22vw,150px)}
 .section{padding:52px 20px}
 .intro-grid,.lineup-layout,.organizer-intro,.organizer-dashboard-body{grid-template-columns:minmax(0,1fr);gap:24px}
 .intro-copy{font-size:16px;padding:20px;line-height:1.7}
 .section h2,.private-events-title,.organizer-intro h2{overflow-wrap:anywhere}
 .info-card,.note-card,.lineup-poster,.ticket-box{min-width:0}
 .jk-event-showcase{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;padding:24px 16px!important}
 .jk-event-showcase>.jk-event-copy{grid-column:1!important;grid-row:auto!important;order:0!important}
 .jk-event-showcase>.jk-event-visual{grid-column:1!important;grid-row:auto!important;order:1!important;border:0!important;padding:8px 0!important;min-height:0!important}
 .jk-event-showcase>.jk-event-checkout{grid-column:1!important;grid-row:auto!important;order:2!important;width:100%!important;min-width:0!important;padding:16px!important}
 .jk-event-showcase .jk-ticket-stage{width:min(100%,360px)!important;max-width:360px!important;left:0!important;padding:0!important}
 .jk-event-showcase .jk-ticket-art{height:auto!important;max-height:none!important;transform:none!important;will-change:auto!important}
 .jk-event-checkout .jk-ticket-buy-row{display:flex!important;flex-direction:column!important}
 .jk-event-checkout .jk-ticket-actions{grid-column:auto!important;grid-row:auto!important;width:100%!important}
 .jk-event-showcase .jk-event-description{font-size:15px!important;line-height:1.65!important}
 .jk-event-showcase .jk-event-facts strong,.jk-event-showcase .jk-event-facts span{overflow-wrap:anywhere}
 .jk-event-checkout .jk-ticket-actions select{font-size:16px!important;min-height:48px!important}
 .jk-event-checkout .jk-ticket-actions .jk-buy-button{font-size:15px!important;min-height:52px!important}
 .private-event-card{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 18px}
 .private-event-sticker{width:130px;justify-self:center}
 .organizer-dashboard-head{flex-wrap:wrap;padding:20px}
 .organizer-stat{padding:16px 10px;min-width:0;overflow-wrap:anywhere}
 .organizer-stat strong{font-size:30px}
 .ticket-modal{padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));overscroll-behavior:contain}
 .ticket-modal-card{width:100%;max-height:calc(100dvh - 32px);padding:52px 20px 24px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-top:64px}
 .ticket-modal-close{width:44px;height:44px;top:10px;right:10px;z-index:2}
 .ticket-modal-card h2{font-size:clamp(34px,8vw,54px);line-height:1.05;overflow-wrap:anywhere;margin-top:8px}
 .ticket-modal-card input,.ticket-modal-card select,.ticket-modal-card textarea{font-size:16px!important;max-width:100%;min-width:0;min-height:46px}
 .ticket-modal-card .btn{min-height:48px;white-space:normal}
 .ticket-modal-card form,.jackikor-account-form{min-width:0}
 .ticket-modal-card p,.ticket-modal-card small{overflow-wrap:anywhere}
 .footer-inner,.footer-bottom{align-items:flex-start;min-width:0}
 .footer-meta{overflow-wrap:anywhere}
 .toast{max-width:calc(100vw - 32px);width:max-content;white-space:normal;text-align:center;bottom:max(20px,env(safe-area-inset-bottom))}
 #jk-cinematic-intro .jk-intro-scroll-hint{max-width:calc(100% - 32px);white-space:normal;padding:12px 16px;min-height:48px;bottom:max(24px,env(safe-area-inset-bottom))}
 #jk-cinematic-intro .jk-intro-hint-detail{line-height:1.5}
}
@media(max-width:380px){
 .section{padding:44px 16px}.hero{padding-inline:16px}
 .brand-copy{font-size:11px}.brand-credit{font-size:8px}
 .jk-event-showcase{padding:20px 12px!important;box-shadow:4px 4px 0 #21152d!important}
 .jk-event-checkout{padding:12px!important}
 .organizer-stats{grid-template-columns:minmax(0,1fr)}
 .organizer-stat{border-right:0;border-bottom:1px solid var(--ink)}
 .organizer-stat:last-child{border-bottom:0}
 .ticket-box{padding:20px}.ticket-modal-card{padding-inline:16px}
}
@media(max-height:500px) and (orientation:landscape){
 #jk-cinematic-intro .jk-intro-scene{inset:0 0 72px}
 #jk-cinematic-intro .jk-intro-scroll-hint{bottom:12px}
 .ticket-modal-card{max-height:calc(100dvh - 24px)}
}