/* The upcoming event joins the full-screen hero, with its complete official flyer. */
.experience-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
#storyHero[data-slide="0"] .story-visual:before{content:'';position:absolute;inset:-20px;background:url('/assets/ejanla-poster.jpg') center/cover;filter:blur(22px) brightness(.35);z-index:0}
#storyHero .story-visual>img.ejanla-hero-art{width:66%;left:auto;right:0;object-fit:contain;object-position:right center;transform:none;padding:12px 4vw 100px 0;z-index:1}
#storyHero[data-slide="0"] .story-visual:after{z-index:2;background:linear-gradient(90deg,#081323f2 0%,#081323d9 30%,#08132330 58%,transparent 80%),linear-gradient(0deg,#081323ed,transparent 25%)}
#storyHero[data-slide="0"] .story-copy{max-width:520px}
#storyHero[data-slide="0"] .scene-caption{bottom:135px}
/* Ticket carousel is embedded within the festival's details. */
.premium-event>.sample-ticket-section{grid-column:1/-1;margin:0;padding:32px clamp(22px,3vw,44px);border-top:1px solid #ffffff26;background:#f8f5ef;color:#251b34;width:100%;min-width:0}
.detail-layout .sample-ticket-section{margin-top:30px}
.sample-ticket-section .sample-ticket-heading h3{font:800 26px/1.25 Manrope,Arial,sans-serif;color:#251b34;margin:8px 0 0;letter-spacing:-.7px}
.sample-ticket-section .sample-ticket-heading{flex-wrap:wrap}
.sample-ticket-section .sample-ticket-gallery.ticket-slide-stage{display:block;width:100%}
.ticket-slide-stage>.sample-ticket[hidden]{display:none!important}
.ticket-slide-stage>.sample-ticket:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) 280px;animation:ticket-arrive .4s ease both;width:100%;max-width:none;height:auto;cursor:pointer}
.ticket-slide-stage .sample-ticket-body{padding:30px 35px}
.ticket-slide-stage .sample-brand{width:210px}
.ticket-slide-stage .sample-ticket-body h4{font-size:36px}
.ticket-slide-stage .sample-attendee strong{font-size:29px}
.ticket-slide-stage .sample-qr-stub{padding:28px 22px}
.ticket-slide-stage .sample-qr-stub img{width:230px}
.ticket-slide-stage .sample-qr-label{font-size:9px}
.ticket-slide-stage .sample-venue strong{font-size:24px}
.ticket-carousel-controls{display:flex;align-items:center;gap:10px;margin-top:20px}
.ticket-carousel-controls>button{width:44px;height:44px;border-radius:50%;border:1px solid #d8ccbc;background:#fff;color:#2a354b;font-size:20px;cursor:pointer}
.ticket-carousel-controls>button[data-ticket-pause]{font-size:13px}
.ticket-carousel-dots{display:flex;gap:3px}
.ticket-carousel-dots button{display:grid;place-items:center;width:30px;height:44px;border:0;background:transparent;cursor:pointer}
.ticket-carousel-dots button span{width:7px;height:7px;border-radius:50%;background:#c6bbac}
.ticket-carousel-dots button[aria-current] span{background:#d6582e;transform:scale(1.3)}
.ticket-carousel-position{font-size:12px;color:#806d82;font-variant-numeric:tabular-nums;margin-left:6px}
.ticket-carousel-hint{font-size:11px;color:#88758a;margin:12px 0 0;line-height:1.6}
.sample-ticket-section:focus-visible,.ticket-carousel-controls button:focus-visible{outline:3px solid #da633d;outline-offset:4px}
.sample-ticket-section{touch-action:pan-y}
@keyframes ticket-arrive{from{opacity:.4;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:701px) and (max-width:1000px){#storyHero .story-visual>img.ejanla-hero-art{width:62%;padding-right:1vw}#storyHero[data-slide="0"] .story-copy{max-width:450px}.detail-layout .ticket-slide-stage>.sample-ticket:not([hidden]){grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:700px){.experience-tabs{gap:8px;left:18px;right:18px}.experience-tabs button b{font-size:10px}.experience-tabs button small{font-size:8px}.experience-tabs button{gap:7px}#storyHero[data-slide="0"] .story-stage{padding-top:340px;min-height:960px}#storyHero .story-visual>img.ejanla-hero-art{width:100%;height:55%;padding:0 0 0;object-position:center top}#storyHero[data-slide="0"] .story-visual:after{background:linear-gradient(0deg,#081323 0%,#081323f2 42%,#08132330 70%,transparent 90%)}#storyHero[data-slide="0"] .story-copy{max-width:none}#storyHero[data-slide="0"] .story-copy h1{font-size:43px}#storyHero[data-slide="0"] .scene-caption{bottom:100px}.premium-event>.sample-ticket-section{padding:26px 18px}.sample-ticket-section .sample-ticket-heading h3{font-size:24px}.sample-ticket-section .sample-ticket-heading{gap:12px}.sample-ticket-section .sample-status{font-size:8px;padding:8px 10px}.ticket-slide-stage>.sample-ticket:not([hidden]){grid-template-columns:minmax(0,1fr)}.ticket-slide-stage .sample-ticket-body{padding:25px 22px}.ticket-slide-stage .sample-qr-stub img{width:230px}.ticket-slide-stage .sample-ticket-body h4{font-size:32px}.ticket-slide-stage .sample-attendee strong{font-size:26px}.ticket-carousel-controls{gap:5px;justify-content:center}.ticket-carousel-controls>button{width:44px;height:44px;flex-shrink:0}.ticket-carousel-dots{gap:0}.ticket-carousel-dots button{width:24px}.ticket-carousel-position{font-size:11px;margin-left:3px}.ticket-carousel-hint{text-align:center;font-size:10px}}
@media(prefers-reduced-motion:reduce){.ticket-slide-stage>.sample-ticket:not([hidden]){animation:none}}