:root {
  --ink: #0d1027;
  --navy: #111638;
  --blue: #3757e8;
  --violet: #6c45d8;
  --coral: #f45b68;
  --sun: #ffca46;
  --cream: #f7f2e8;
  --paper: #fffdf8;
  --muted: #6e7080;
  --radius: 0.4rem;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
a { color: inherit; text-decoration: none; }
img { max-width:100%; height:auto; }
[hidden] { display:none !important; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link:focus { position:fixed; z-index:99999; top:8px; left:8px; width:auto; height:auto; padding:12px 16px; margin:0; clip:auto; background:white; color:var(--ink); }

.site-header { height: 82px; padding: 0 clamp(22px, 5vw, 78px); display: flex; align-items: center; justify-content: space-between; gap: 32px; position: absolute; inset: 0 0 auto; z-index: 20; color: white; border-bottom: 1px solid rgb(255 255 255 / .22); }
.brand { display: flex; align-items: center; min-width: 210px; align-self:stretch; }
.brand>img { display:block; width:178px; height:72px; object-fit:contain; object-position:left center; }
.brand-mark { width: 42px; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; font-weight: 950; letter-spacing: -.08em; background: linear-gradient(135deg,var(--coral),var(--sun)); color: var(--navy); box-shadow: inset 0 0 0 3px rgb(255 255 255 / .75); }
.brand strong,.brand em { display:block; line-height:.9; font-style:normal; }
.brand strong { font-size: 17px; letter-spacing:.04em; }
.brand em { margin-top:6px; font-size:9px; letter-spacing:.19em; }
nav { display:flex; gap:clamp(18px,3vw,42px); font-size:13px; font-weight:750; }
nav a:hover { color:var(--sun); }
.desktop-nav .menu,.mobile-menu .menu,.footer-links .menu { list-style:none; margin:0; padding:0; }
.desktop-nav .menu { display:flex; gap:clamp(18px,3vw,42px); }
.mobile-menu .menu { display:flex; flex-direction:column; }
.ticket-button,.primary-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:999px; font-weight:850; }
.ticket-button { background:white; color:var(--navy); padding:12px 18px; font-size:13px; }
.primary-button { background:var(--sun); color:var(--navy); padding:16px 23px; }

.hero { min-height: 760px; height: min(90vh,900px); position:relative; overflow:hidden; color:white; background:var(--navy); }
.hero>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 35%; filter:saturate(1.12) contrast(1.06); }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,11,35,.94) 0%,rgba(12,15,49,.65) 46%,rgba(10,9,25,.16) 76%),linear-gradient(0deg,rgba(12,15,45,.48),transparent 58%); }
.confetti { position:absolute; inset:0; opacity:.55; background-image:linear-gradient(75deg,transparent 49%,#f7d04d 50%,transparent 52%),linear-gradient(125deg,transparent 48%,#f46176 50%,transparent 52%); background-size:137px 173px,197px 131px; mix-blend-mode:screen; mask-image:linear-gradient(90deg,black,transparent 65%); }
.hero-content { position:relative; z-index:2; width:min(660px,82vw); padding:clamp(145px,21vh,220px) 0 120px clamp(24px,8vw,126px); }
.eyebrow,.section-number,.card-kicker { text-transform:uppercase; letter-spacing:.15em; font-weight:850; font-size:11px; }
.eyebrow { display:flex; align-items:center; gap:8px; color:#fbd766; margin-bottom:24px; }
h1 { margin:0; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size:clamp(68px,8.8vw,134px); line-height:.77; letter-spacing:.005em; font-weight:900; }
h1 span { color:transparent; -webkit-text-stroke:2px rgba(255,255,255,.88); }
.hero-content>p { max-width:520px; margin:30px 0; font-size:18px; line-height:1.6; color:#e3e1ef; }
.hero-actions { display:flex; gap:23px; align-items:center; flex-wrap:wrap; }
.play-link { display:flex; align-items:center; gap:10px; font-weight:750; }
.play-link span { width:43px; aspect-ratio:1; display:grid; place-items:center; border:1px solid rgb(255 255 255 / .5); border-radius:50%; }
.event-card { position:absolute; z-index:3; right:clamp(22px,5vw,78px); bottom:42px; width:min(490px,calc(100% - 44px)); padding:22px 24px; display:grid; grid-template-columns:auto 1fr auto; gap:20px; align-items:center; background:rgba(16,21,55,.9); border:1px solid rgb(255 255 255 / .25); backdrop-filter:blur(14px); }
.event-card>.card-kicker { position:absolute; top:-24px; color:white; }
.event-date { display:flex; align-items:center; gap:10px; border-right:1px solid rgb(255 255 255 / .28); padding-right:20px; }
.event-date strong { font-size:44px; line-height:1; color:var(--sun); }
.event-date span { font-size:11px; line-height:1.2; font-weight:850; letter-spacing:.1em; }
.event-details p { margin:5px 0; display:flex; align-items:center; gap:8px; font-size:12px; color:#eeeef7; }
.event-card>a { color:var(--sun); }
.intro-strip { min-height:82px; padding:20px clamp(24px,8vw,126px); display:flex; align-items:center; justify-content:space-between; gap:20px; background:var(--sun); font-weight:900; }
.intro-strip p { letter-spacing:.08em; }
.intro-strip p span { color:var(--coral); }
.intro-strip a { display:flex; gap:7px; align-items:center; font-size:13px; border-bottom:2px solid currentColor; padding-bottom:3px; }
.first-look { padding:100px clamp(24px,8vw,126px); display:grid; grid-template-columns:.85fr 1.4fr; gap:clamp(40px,8vw,120px); background:var(--cream); }
.section-number,.card-kicker { color:var(--violet); }
h2 { font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; margin:18px 0 0; font-size:clamp(48px,6vw,84px); line-height:.88; letter-spacing:.01em; text-transform:uppercase; }
.program-preview { display:grid; grid-template-columns:minmax(180px,.75fr) 1fr; gap:38px; align-items:center; }
.program-cover { aspect-ratio:.72; min-height:370px; padding:26px; color:white; display:flex; flex-direction:column; justify-content:flex-end; background:radial-gradient(circle at 70% 25%,#f46973 0 9%,transparent 10%),radial-gradient(circle at 22% 38%,#ffcc48 0 6%,transparent 7%),linear-gradient(145deg,#7149df,#2d47c7 55%,#11173d); box-shadow:17px 20px 0 var(--sun),0 25px 60px rgb(21 24 60 / .25); transform:rotate(-2deg); }
.program-cover span { font-size:20px; font-weight:900; color:var(--sun); }
.program-cover strong { font-family:Impact,sans-serif; font-size:40px; line-height:.92; margin:8px 0 14px; }
.program-cover small { letter-spacing:.12em; }
.program-preview h3 { font-size:32px; margin:14px 0; }
.program-preview p { color:var(--muted); line-height:1.7; }
.program-preview a { display:inline-flex; align-items:center; gap:7px; margin-top:14px; color:var(--violet); font-weight:850; }

button,input,textarea { font:inherit; }
button { color:inherit; }
.site-header.solid { position:relative; background:var(--navy); }
.menu-button { display:none; border:0; background:transparent; color:white; padding:8px; cursor:pointer; }
.menu-button>span:not(.screen-reader-text) { display:block; width:25px; height:2px; margin:5px 0; background:currentColor; }
.mobile-menu { display:none; }
.experience-section,.archive-feature,.faq-section,.sponsor-value,.sponsor-options,.inquiry-section { padding:110px clamp(24px,8vw,126px); }
.section-heading { display:grid; grid-template-columns:1fr 1.35fr; align-items:end; gap:20px 70px; margin-bottom:56px; }
.section-heading .section-number { grid-column:1/-1; }
.section-heading h2 { margin:0; }
.section-heading p { color:var(--muted); font-size:18px; line-height:1.65; max-width:480px; }
.experience-grid { display:grid; grid-template-columns:1.35fr .65fr; grid-template-rows:1fr 1fr; gap:18px; min-height:620px; }
.experience-grid article { position:relative; overflow:hidden; }
.experience-grid article span { font-size:10px; font-weight:900; letter-spacing:.15em; }
.experience-grid article h3 { margin:10px 0 8px; font-size:31px; }
.experience-grid article p { margin:0; line-height:1.6; }
.experience-main { grid-row:1/3; min-height:590px; color:white; }
.experience-main>img { width:100%; height:100%; object-fit:cover; }
.experience-main::after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(10,12,36,.95)); }
.experience-main>div { position:absolute; z-index:2; left:36px; right:36px; bottom:34px; max-width:580px; }
.experience-side { padding:38px; display:flex; flex-direction:column; justify-content:flex-end; }
.experience-side a { display:inline-flex; gap:8px; align-items:center; font-weight:850; margin-top:22px; }
.finale-card { background:var(--coral); }
.walkthrough-card { background:var(--sun); }
.schedule-section { padding:120px clamp(24px,8vw,126px); display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(50px,8vw,120px); background:var(--navy); color:white; }
.section-number.light { color:var(--sun); }
.schedule-copy h2 { margin:22px 0 30px; }
.schedule-copy>p { color:#c8c9d7; line-height:1.7; max-width:420px; }
.location-note { display:flex; gap:16px; align-items:flex-start; margin-top:50px; padding-top:30px; border-top:1px solid rgb(255 255 255 / .2); color:#d8d8e3; line-height:1.55; font-size:13px; }
.location-note svg { color:var(--sun); flex:none; }
.schedule-list { display:flex; flex-direction:column; gap:10px; }
.schedule-row { min-height:82px; display:grid; grid-template-columns:55px 1.1fr 1fr 1fr; align-items:center; gap:12px; padding:14px 22px; color:var(--ink); }
.schedule-row>span,.schedule-row>small { font-size:10px; font-weight:900; letter-spacing:.08em; }
.schedule-row>strong { font-size:24px; }
.schedule-row>em { font-style:normal; font-weight:800; }
.schedule-row>small { text-align:right; }
.schedule-row.yellow { background:var(--sun); }
.schedule-row.violet { background:#a898ff; }
.schedule-row.coral { background:var(--coral); }
.schedule-row.blue { background:#aec8ff; }
.schedule-row.dark { background:white; }
.schedule-row.dark small { color:#d52f49; }
.stream-row { min-height:86px; display:grid; grid-template-columns:auto 1fr auto; gap:16px; align-items:center; padding:18px 22px; border:1px solid rgb(255 255 255 / .25); }
.stream-row>svg { color:var(--sun); }
.stream-row div { display:flex; flex-direction:column; gap:4px; }
.stream-row span { color:#aeb0c3; font-size:12px; }
.stream-row a { display:flex; gap:5px; align-items:center; color:var(--sun); font-size:12px; font-weight:800; }
.archive-feature { display:grid; grid-template-columns:.8fr 1.35fr; gap:clamp(50px,8vw,120px); background:var(--cream); align-items:center; }
.archive-feature>div>p { color:var(--muted); line-height:1.7; max-width:440px; font-size:17px; }
.ink-button { display:inline-flex; align-items:center; gap:8px; margin-top:20px; background:var(--navy); color:white; padding:15px 21px; border-radius:999px; font-weight:850; }
.program-cover-link { display:block; transform:rotate(-2deg); box-shadow:18px 20px 0 var(--sun),0 22px 60px rgb(20 23 56 / .2); }
.program-cover-link img { display:block; width:100%; }
.watch-banner { min-height:270px; padding:55px clamp(24px,8vw,126px); background:var(--violet); color:white; display:grid; grid-template-columns:auto 1fr auto; gap:36px; align-items:center; }
.watch-icon { width:82px; aspect-ratio:1; border-radius:50%; background:var(--sun); color:var(--ink); display:grid; place-items:center; }
.watch-banner span { color:var(--sun); font-size:10px; font-weight:900; letter-spacing:.14em; }
.watch-banner h2 { font-size:clamp(42px,5vw,68px); margin:10px 0; }
.watch-banner p { margin:0; color:#e6e0ff; }
.watch-banner>a { display:flex; gap:8px; align-items:center; padding:15px 20px; border:1px solid rgb(255 255 255 / .45); border-radius:999px; font-weight:850; }
.sponsor-marquee { padding:95px 0 100px; overflow:hidden; background:var(--paper); }
.sponsor-marquee-heading { padding:0 clamp(24px,8vw,126px); margin-bottom:48px; display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:35px 70px; }
.sponsor-marquee-heading h2 { margin-top:15px; font-size:clamp(46px,5.5vw,76px); }
.sponsor-marquee-heading p { max-width:460px; margin:0 0 5px; color:var(--muted); font-size:17px; line-height:1.7; }
.sponsor-logo-rail { width:100%; overflow:hidden; cursor:grab; }
.sponsor-logo-rail:active { cursor:grabbing; }
.sponsor-logo-track { display:flex; width:max-content; animation:sponsor-logo-scroll 34s linear infinite; will-change:transform; }
.sponsor-logo-rail:hover .sponsor-logo-track,.sponsor-logo-rail:focus-within .sponsor-logo-track { animation-play-state:paused; }
.sponsor-logo-set { display:flex; gap:18px; padding-right:18px; }
.sponsor-logo-slot { width:245px; height:135px; flex:none; padding:22px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #d9d3c9; background:white; box-shadow:0 12px 30px rgb(17 22 56 / .08); text-align:center; scroll-snap-align:start; }
.sponsor-logo-slot span { margin-bottom:8px; color:var(--muted); font-size:9px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.sponsor-logo-slot strong { color:var(--navy); font-size:20px; letter-spacing:.04em; text-transform:uppercase; }
.sponsor-logo-slot:nth-child(4n + 1) { border-bottom:5px solid var(--sun); }
.sponsor-logo-slot:nth-child(4n + 2) { border-bottom:5px solid var(--coral); }
.sponsor-logo-slot:nth-child(4n + 3) { border-bottom:5px solid var(--violet); }
.sponsor-logo-slot:nth-child(4n + 4) { border-bottom:5px solid #72c794; }
@keyframes sponsor-logo-scroll {
  from { transform:translateX(0); }
  to { transform:translateX(-50%); }
}
.sponsor-section { display:grid; grid-template-columns:1.05fr .95fr; background:var(--navy); color:white; }
.sponsor-copy { padding:110px clamp(24px,8vw,126px); padding-right:clamp(40px,7vw,100px); }
.sponsor-copy h2 { margin:22px 0; }
.sponsor-copy p { line-height:1.75; color:#c9cad8; max-width:550px; margin-bottom:30px; }
.sponsor-stats { display:grid; grid-template-columns:1fr 1fr; }
.sponsor-stats article { min-height:245px; padding:40px; display:flex; flex-direction:column; justify-content:flex-end; color:var(--ink); }
.sponsor-stats article:nth-child(1) { background:var(--sun); }
.sponsor-stats article:nth-child(2) { background:var(--coral); }
.sponsor-stats article:nth-child(3) { background:#a898ff; }
.sponsor-stats article:nth-child(4) { background:#aee2c0; }
.sponsor-stats svg { margin-bottom:auto; }
.sponsor-stats strong { font-size:25px; margin-bottom:6px; }
.sponsor-stats span { font-size:13px; }
.faq-section { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(50px,8vw,110px); }
.faq-list { border-top:2px solid var(--ink); }
.faq-item { border-bottom:1px solid #c8c4bd; }
.faq-item button { width:100%; min-height:76px; padding:20px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; text-align:left; border:0; background:transparent; font-weight:850; cursor:pointer; }
.faq-item p { margin:0 50px 26px 0; color:var(--muted); line-height:1.7; }
footer { background:#090c22; color:white; padding:70px clamp(24px,8vw,126px) 30px; display:grid; grid-template-columns:1.2fr .8fr 1fr; gap:45px; }
.footer-brand { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.footer-brand>img { width:230px; height:auto; display:block; }
.footer-brand>span { font-size:12px; color:#aeb0c2; }
.footer-links { display:grid; grid-template-columns:1fr 1fr; gap:14px; font-size:13px; }
.footer-contact { display:flex; flex-direction:column; gap:10px; }
.footer-contact span { font-size:9px; letter-spacing:.15em; color:var(--sun); font-weight:900; }
.footer-contact a { font-weight:800; font-size:13px; }
footer>p { grid-column:1/-1; border-top:1px solid rgb(255 255 255 / .15); padding-top:25px; margin:20px 0 0; color:#797c91; font-size:11px; }

/* Inner pages */
.inner-page { min-height:100vh; background:var(--cream); }
.inner-hero,.program-intro { padding:95px clamp(24px,8vw,126px) 80px; background:var(--navy); color:white; }
.inner-hero>span,.program-intro>span,.sponsor-hero>div>span,.sponsor-value>div>span,.sponsor-options>div>span,.inquiry-section>div>span { color:var(--sun); font-size:10px; font-weight:900; letter-spacing:.16em; }
.inner-hero h1,.program-intro h1,.sponsor-hero h1 { font-size:clamp(70px,9vw,128px); margin:25px 0; }
.inner-hero p,.program-intro p { max-width:650px; color:#c8c9d7; font-size:18px; line-height:1.65; }
.year-archive { padding:80px clamp(24px,8vw,126px); display:flex; flex-direction:column; gap:16px; }
.year-card { position:relative; min-height:310px; padding:40px; display:grid; grid-template-columns:.55fr 1.2fr .45fr; gap:35px; align-items:center; overflow:hidden; }
.year-card.y0 { background:var(--sun); }
.year-card.y1 { background:#a898ff; }
.year-card.y2 { background:var(--coral); }
.year-card.y3 { background:#aee2c0; }
.year-number { font-family:Impact,sans-serif; font-size:clamp(80px,10vw,150px); line-height:1; color:transparent; -webkit-text-stroke:2px var(--ink); }
.year-content>span { font-size:9px; font-weight:900; letter-spacing:.14em; }
.year-content h2 { font-family:inherit; text-transform:none; font-size:31px; margin:9px 0; }
.year-content p { max-width:570px; line-height:1.65; }
.year-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:25px; }
.year-actions a { display:flex; align-items:center; gap:8px; padding:12px 16px; background:var(--navy); color:white; border-radius:999px; font-size:12px; font-weight:850; }
.year-actions svg { width:16px; }
.year-card>img { width:155px; transform:rotate(3deg); box-shadow:9px 11px 0 rgb(255 255 255 / .85); }
.archive-note { margin:0 clamp(24px,8vw,126px) 90px; padding:42px; background:var(--navy); color:white; display:grid; grid-template-columns:.7fr 1.3fr auto; gap:28px; align-items:center; }
.archive-note p { color:#c8c9d7; line-height:1.6; }
.archive-note a { color:var(--sun); display:flex; gap:6px; align-items:center; font-weight:850; }
.simple-footer { display:flex; justify-content:space-between; gap:20px; padding:30px clamp(24px,8vw,126px); background:#090c22; color:#aeb0c2; font-size:12px; }
.simple-footer a { color:white; }

/* Flipbook */
.program-intro { padding-bottom:55px; }
.flipbook-shell { position:relative; margin:0; padding:22px clamp(14px,4vw,60px) 30px; background:#080b1d; color:white; min-height:760px; overflow:hidden; }
.flipbook-shell:fullscreen { width:100vw; height:100vh; display:flex; flex-direction:column; }
.flipbook-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 0 20px; border-bottom:1px solid rgb(255 255 255 / .15); }
.flipbook-toolbar>div:first-child { display:flex; flex-direction:column; gap:5px; }
.flipbook-toolbar span { color:var(--sun); font-size:9px; letter-spacing:.14em; font-weight:900; }
.flipbook-toolbar strong { font-size:14px; }
.flipbook-tools { display:flex; gap:7px; }
.flipbook-tools button,.flipbook-tools a { width:40px; aspect-ratio:1; border:1px solid rgb(255 255 255 / .25); background:transparent; display:grid; place-items:center; cursor:pointer; }
.flipbook-tools svg { width:18px; }
.book-stage { min-height:640px; display:grid; grid-template-columns:48px 1fr 48px; align-items:center; gap:12px; padding:34px 0; user-select:none; touch-action:pan-y; }
.book { display:flex; justify-content:center; perspective:2200px; filter:drop-shadow(0 28px 28px rgb(0 0 0 / .45)); transition:transform .2s ease; }
.book.turn-next { transform:translateX(-18px) rotateY(-8deg); opacity:.65; }
.book.turn-prev { transform:translateX(18px) rotateY(8deg); opacity:.65; }
.book-page { margin:0; width:min(38vw,470px); background:white; overflow:hidden; transform-origin:right center; }
.book-page.second { transform-origin:left center; box-shadow:inset 13px 0 20px rgb(0 0 0 / .15); }
.book-page img { width:100%; display:block; pointer-events:none; }
.book-page canvas { display:block; max-width:100%; height:auto; background:white; pointer-events:none; }
.book-arrow { width:46px; aspect-ratio:1; border-radius:50%; border:1px solid rgb(255 255 255 / .28); background:#131731; color:white; display:grid; place-items:center; cursor:pointer; }
.book-arrow:disabled,.flipbook-footer button:disabled { opacity:.25; cursor:not-allowed; }
.flipbook-footer { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:15px; padding-top:18px; border-top:1px solid rgb(255 255 255 / .15); }
.flipbook-footer button { display:flex; gap:7px; align-items:center; border:0; background:transparent; cursor:pointer; }
.flipbook-footer button:last-child { justify-self:end; }
.flipbook-footer span { font-size:10px; font-weight:900; letter-spacing:.1em; color:#b8bac9; }
.thumbnail-drawer { position:absolute; z-index:10; inset:0 0 0 auto; width:min(430px,100%); padding:25px; background:#151936; box-shadow:-20px 0 50px rgb(0 0 0 / .5); overflow:auto; }
.thumbnail-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.thumbnail-heading button { background:transparent; border:0; cursor:pointer; }
.thumbnail-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.thumbnail-grid button { position:relative; border:3px solid transparent; padding:0; background:white; cursor:pointer; }
.thumbnail-grid button.active { border-color:var(--sun); }
.thumbnail-grid img { display:block; width:100%; }
.thumbnail-grid canvas { display:block; width:100%; height:auto; }
.thumbnail-grid span { position:absolute; right:5px; bottom:5px; width:24px; aspect-ratio:1; display:grid; place-items:center; background:var(--navy); color:white; font-size:10px; }

/* Sponsorship page */
.sponsor-hero { min-height:690px; padding:100px clamp(24px,8vw,126px); display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; color:white; background:radial-gradient(circle at 80% 40%,#6c45d8 0 16%,transparent 17%),linear-gradient(130deg,#111638 0 62%,#f45b68 62%); }
.sponsor-hero p { max-width:610px; color:#d4d5e1; font-size:18px; line-height:1.7; }
.sponsor-orbit { width:min(390px,38vw); aspect-ratio:1; margin:auto; border-radius:50%; display:grid; place-items:center; text-align:center; background:var(--sun); color:var(--ink); box-shadow:0 0 0 28px rgb(255 202 70 / .15),0 0 0 55px rgb(255 255 255 / .08); transform:rotate(5deg); }
.sponsor-orbit span { font-family:Impact,sans-serif; font-size:clamp(50px,6vw,88px); line-height:.83; }
.sponsor-value { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; }
.value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#d5d0c6; }
.value-grid article { min-height:280px; padding:28px; display:flex; flex-direction:column; background:var(--paper); }
.value-grid svg { color:var(--violet); margin-bottom:auto; }
.value-grid strong { font-size:20px; margin:25px 0 8px; }
.value-grid p { color:var(--muted); line-height:1.6; font-size:13px; }
.sponsor-options { display:grid; grid-template-columns:1fr 1fr; gap:80px; background:var(--navy); color:white; }
.sponsor-options ul { list-style:none; padding:0; margin:32px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.sponsor-options li { display:flex; gap:10px; align-items:center; }
.sponsor-options li svg { width:19px; color:var(--sun); }
.sponsor-contact-card { padding:38px; background:var(--coral); color:var(--ink); display:flex; flex-direction:column; align-items:flex-start; }
.sponsor-contact-card>svg { margin-bottom:50px; }
.sponsor-contact-card>span { font-size:9px; font-weight:900; letter-spacing:.14em; }
.sponsor-contact-card>strong { font-size:30px; margin:10px 0; }
.sponsor-contact-card>a { font-weight:850; border-bottom:2px solid currentColor; }
.inquiry-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }
.inquiry-section>div>p { color:var(--muted); line-height:1.65; max-width:420px; }
.sponsor-form { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.sponsor-form label { display:flex; flex-direction:column; gap:8px; font-weight:800; font-size:12px; }
.sponsor-form label span { color:var(--coral); }
.sponsor-form .full { grid-column:1/-1; }
.sponsor-form input,.sponsor-form textarea { width:100%; border:1px solid #bcb8af; background:white; padding:14px; color:var(--ink); outline:none; }
.sponsor-form input:focus,.sponsor-form textarea:focus { border-color:var(--violet); box-shadow:0 0 0 3px rgb(108 69 216 / .12); }
.sponsor-form button { justify-self:start; border:0; background:var(--sun); padding:15px 20px; border-radius:999px; font-weight:900; cursor:pointer; }
.sponsor-form small { align-self:center; color:var(--muted); line-height:1.45; }

@media (max-width: 860px) {
  nav { display:none; }
  .ticket-button { margin-left:auto; }
  .menu-button { display:block; }
  .mobile-menu { display:flex; position:absolute; top:100%; left:0; right:0; padding:22px; flex-direction:column; gap:0; background:var(--navy); color:white; border-top:1px solid rgb(255 255 255 / .16); box-shadow:0 20px 40px rgb(0 0 0 / .22); }
  .mobile-menu>a { padding:16px 4px; display:flex; justify-content:space-between; border-bottom:1px solid rgb(255 255 255 / .14); font-weight:850; }
  .mobile-menu .mobile-ticket { margin-top:14px; padding:15px 18px; background:var(--sun); color:var(--ink); border:0; justify-content:center; }
  .hero { min-height:800px; height:auto; }
  .hero-content { padding-top:150px; }
  .event-card { left:22px; right:auto; bottom:28px; }
  .first-look { grid-template-columns:1fr; }
  .section-heading,.schedule-section,.archive-feature,.sponsor-section,.faq-section,.sponsor-value,.sponsor-options,.inquiry-section { grid-template-columns:1fr; }
  .section-heading .section-number { grid-column:auto; }
  .experience-grid { grid-template-columns:1fr 1fr; grid-template-rows:1.5fr 1fr; }
  .experience-main { grid-column:1/-1; grid-row:auto; }
  .schedule-row { grid-template-columns:44px 1fr 1fr; }
  .schedule-row small { grid-column:2/-1; text-align:left; }
  .sponsor-copy { padding:90px 24px; }
  .sponsor-marquee-heading { grid-template-columns:1fr; align-items:start; }
  .watch-banner { grid-template-columns:auto 1fr; }
  .watch-banner>a { grid-column:2; justify-self:start; }
  footer { grid-template-columns:1fr 1fr; }
  .footer-contact { grid-column:1/-1; }
  .year-card { grid-template-columns:.6fr 1.4fr; }
  .year-card>img { display:none; }
  .archive-note { grid-template-columns:1fr; }
  .sponsor-hero { grid-template-columns:1fr; background:linear-gradient(145deg,#111638 0 68%,#f45b68 68%); }
  .sponsor-orbit { width:min(370px,75vw); }
  .value-grid { grid-template-columns:1fr 1fr 1fr; }
}
@media (max-width: 580px) {
  .site-header { height:72px; padding-inline:18px; }
  .brand { min-width:0; }
  .brand>img { width:130px; height:66px; }
  .ticket-button { display:none; }
  .hero-content { width:auto; padding:135px 22px 285px; }
  h1 { font-size:64px; }
  .hero-content>p { font-size:16px; }
  .event-card { grid-template-columns:auto 1fr; gap:15px; }
  .event-card>a { display:none; }
  .event-details p { align-items:flex-start; }
  .intro-strip { align-items:flex-start; flex-direction:column; }
  .program-preview { grid-template-columns:1fr; }
  .program-cover { width:min(290px,82vw); margin:auto; }
  .experience-section,.archive-feature,.faq-section,.sponsor-value,.sponsor-options,.inquiry-section { padding:78px 22px; }
  .section-heading { margin-bottom:35px; }
  .experience-grid { display:flex; flex-direction:column; min-height:0; }
  .experience-main { min-height:490px; }
  .experience-side { min-height:275px; }
  .schedule-section { padding:85px 22px; }
  .schedule-row { grid-template-columns:40px 1fr; }
  .schedule-row em { grid-column:2; }
  .schedule-row small { grid-column:2; }
  .stream-row { grid-template-columns:auto 1fr; }
  .stream-row>a { grid-column:2; }
  .archive-feature { padding-bottom:95px; }
  .program-cover-link { width:min(300px,80vw); margin:auto; }
  .watch-banner { grid-template-columns:1fr; text-align:left; }
  .watch-banner>a { grid-column:auto; }
  .sponsor-marquee { padding:72px 0 78px; }
  .sponsor-marquee-heading { padding:0 22px; margin-bottom:32px; gap:20px; }
  .sponsor-marquee-heading p { font-size:15px; }
  .sponsor-logo-rail { padding:0 22px 14px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scrollbar-width:thin; }
  .sponsor-logo-track { animation:none; }
  .sponsor-logo-set { gap:14px; padding-right:0; }
  .sponsor-logo-set[aria-hidden="true"] { display:none; }
  .sponsor-logo-slot { width:205px; height:120px; }
  .sponsor-stats article { min-height:205px; padding:25px; }
  footer { grid-template-columns:1fr; }
  .footer-contact { grid-column:auto; }
  .inner-hero,.program-intro { padding:70px 22px 55px; }
  .inner-hero h1,.program-intro h1,.sponsor-hero h1 { font-size:64px; }
  .year-archive { padding:45px 16px; }
  .year-card { grid-template-columns:1fr; padding:28px; }
  .year-number { font-size:88px; }
  .year-actions { flex-direction:column; align-items:flex-start; }
  .archive-note { margin:0 16px 55px; padding:28px; }
  .simple-footer { flex-direction:column; }
  .book-stage { grid-template-columns:38px 1fr 38px; min-height:480px; gap:5px; }
  .book-page { width:min(70vw,420px); }
  .book-page.second { display:none; }
  .book-arrow { width:36px; }
  .flipbook-toolbar>div:first-child strong { max-width:180px; }
  .flipbook-footer span { text-align:center; }
  .flipbook-footer button { font-size:0; }
  .flipbook-footer button svg { width:22px; }
  .sponsor-hero { padding:80px 22px; }
  .value-grid { grid-template-columns:1fr; }
  .sponsor-options ul { grid-template-columns:1fr; }
  .sponsor-form { grid-template-columns:1fr; }
  .sponsor-form .full { grid-column:auto; }
}

@media (prefers-reduced-motion: reduce) {
  .sponsor-logo-track { animation:none; }
  .sponsor-logo-rail { overflow-x:auto; }
  .sponsor-logo-set[aria-hidden="true"] { display:none; }
}

/* WordPress integration and dynamic content */
.admin-bar .site-header { top:32px; }
.page-editor-content { margin-top:24px; max-width:720px; color:#d4d5e1; line-height:1.7; }
.page-editor-content p:last-child { margin-bottom:0; }
.footer-links .menu { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.footer-links .menu a { font-size:13px; }
.sponsor-logo-slot img { width:100%; height:78px; object-fit:contain; }
.sponsor-logo-slot img+span { margin-top:9px; margin-bottom:0; }
.sponsor-logo-slot:has(img) strong { display:none; }
.faq-item { border-bottom:1px solid #c8c4bd; }
.faq-item summary { min-height:76px; padding:20px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; font-weight:850; cursor:pointer; list-style:none; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary b { font-size:25px; font-weight:400; transition:transform .2s ease; }
.faq-item[open] summary b { transform:rotate(45deg); }
.faq-answer { margin:0 50px 26px 0; color:var(--muted); line-height:1.7; }
.faq-answer p { margin:0; }
.year-actions button,.standing-video { display:flex; align-items:center; gap:8px; padding:12px 16px; border:0; border-radius:999px; background:var(--navy); color:white; font:inherit; font-size:12px; font-weight:850; cursor:pointer; }
.year-card>img { aspect-ratio:.72; object-fit:cover; }
.program-description { max-width:720px; color:#c8c9d7; font-size:18px; line-height:1.65; }
.program-description p { margin-bottom:0; }
.flipbook-loading { min-height:620px; display:grid; place-items:center; color:#d7d8e4; }
.flipbook-loading.error { color:#ff9fa8; }
.book-page[hidden] { display:none !important; }
.flipbook-shell:fullscreen .book-stage { flex:1; min-height:0; }
.generic-page .page-content { min-height:45vh; padding:80px clamp(24px,8vw,126px); font-size:17px; line-height:1.75; }
.generic-page .page-content>article { max-width:850px; }

.sponsor-directory { padding:100px clamp(24px,8vw,126px); background:var(--cream); }
.sponsor-directory h2 { max-width:850px; }
.sponsor-directory-grid { margin-top:50px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.sponsor-directory-grid a { min-height:220px; padding:28px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; background:white; border:1px solid #ded9d0; text-align:center; transition:transform .2s ease,box-shadow .2s ease; }
.sponsor-directory-grid a:hover { transform:translateY(-5px); box-shadow:0 20px 45px rgb(17 22 56 / .12); }
.sponsor-directory-grid img { width:100%; height:105px; object-fit:contain; }
.sponsor-directory-grid strong { font-size:17px; }
.sponsor-directory-grid span { color:var(--violet); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }

.video-lightbox { position:fixed; z-index:99998; inset:0; padding:30px; }
.video-lightbox-backdrop { position:absolute; inset:0; background:rgb(5 7 22 / .92); backdrop-filter:blur(8px); }
.video-lightbox-dialog { position:relative; width:min(1100px,94vw); margin:3vh auto; color:white; }
.video-lightbox-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:13px; }
.video-lightbox-heading h2 { margin:0; font-family:inherit; font-size:19px; text-transform:none; }
.video-lightbox-heading button { width:44px; height:44px; border:1px solid rgb(255 255 255 / .35); border-radius:50%; background:transparent; color:white; font-size:30px; cursor:pointer; }
.video-lightbox-frame { aspect-ratio:16/9; background:black; box-shadow:0 30px 80px rgb(0 0 0 / .55); }
.video-lightbox-frame iframe,.video-lightbox-frame video { display:block; width:100%; height:100%; border:0; }
body.lightbox-open { overflow:hidden; }

.standings-hero { min-height:520px; background:linear-gradient(120deg,var(--navy),#302b72); }
.standings-browser { padding:70px clamp(18px,6vw,100px) 100px; background:var(--cream); }
.standings-controls { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:58px; }
.standings-controls form { display:flex; flex-direction:column; gap:8px; }
.standings-controls label { font-size:10px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.standings-controls select { min-width:190px; padding:14px 42px 14px 15px; border:2px solid var(--ink); background:white; color:var(--ink); font:inherit; font-size:18px; font-weight:850; }
.standings-controls>div { display:flex; align-items:center; gap:22px; }
.standings-controls>div span { color:var(--muted); font-size:13px; }
.standings-controls a { color:var(--violet); font-size:13px; font-weight:850; border-bottom:2px solid currentColor; }
.standings-heading-row { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:25px; }
.standings-heading-row>span { color:var(--violet); font-size:10px; font-weight:900; letter-spacing:.14em; }
.standings-heading-row h2 { margin:0; font-size:clamp(48px,6vw,78px); }
.standings-table-wrap { overflow-x:auto; background:white; box-shadow:0 18px 55px rgb(17 22 56 / .08); }
.standings-table { width:100%; min-width:1050px; border-collapse:collapse; }
.standings-table th { padding:17px 15px; background:var(--navy); color:white; text-align:left; font-size:10px; letter-spacing:.09em; text-transform:uppercase; }
.standings-table td { padding:17px 15px; border-bottom:1px solid #e5e0d8; font-size:13px; vertical-align:top; }
.standings-table tbody tr:nth-child(even) { background:#faf8f3; }
.standings-table td:first-child strong { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--sun); }
.standings-table small { display:block; margin-top:5px; color:var(--coral); }
.standings-table .standing-video { padding:8px 12px; white-space:nowrap; }
.standings-credit { margin:25px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.standings-credit a { color:var(--violet); text-decoration:underline; }

@media (max-width:860px) {
  .admin-bar .site-header { top:46px; }
  .desktop-nav { display:none; }
  .mobile-menu .menu { width:100%; }
  .mobile-menu .menu li { width:100%; }
  .mobile-menu .menu a { padding:16px 4px; display:flex; border-bottom:1px solid rgb(255 255 255 / .14); }
  .sponsor-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .standings-controls { align-items:flex-start; flex-direction:column; }
  .standings-controls>div { flex-wrap:wrap; }
}

@media (max-width:580px) {
  .admin-bar .site-header { top:46px; }
  .sponsor-directory { padding:75px 22px; }
  .sponsor-directory-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .sponsor-directory-grid a { min-height:165px; padding:18px; }
  .sponsor-directory-grid img { height:75px; }
  .video-lightbox { padding:14px; }
  .video-lightbox-dialog { margin:8vh auto; width:100%; }
  .standings-browser { padding:55px 14px 75px; }
  .standings-heading-row { align-items:flex-start; flex-direction:column; }
  .standings-table-wrap { overflow:visible; background:transparent; box-shadow:none; }
  .standings-table { min-width:0; }
  .standings-table thead { display:none; }
  .standings-table,.standings-table tbody,.standings-table tr,.standings-table td { display:block; width:100%; }
  .standings-table tr { margin-bottom:16px; padding:13px 16px; background:white !important; box-shadow:0 10px 26px rgb(17 22 56 / .08); }
  .standings-table td { display:grid; grid-template-columns:105px 1fr; gap:12px; padding:9px 0; border-bottom:1px solid #ece7df; }
  .standings-table td::before { content:attr(data-label); color:var(--muted); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
  .standings-table td:last-child { border-bottom:0; }
  .standings-table td:first-child strong { margin-top:-6px; }
}
