@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;800;900&family=Space+Grotesk:wght@400;500;700&display=swap');
:root{--neon:#d4ff00;--display:'Orbitron',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#080a08;color:#fff;font-family:'Space Grotesk',Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid white;outline-offset:6px}.site-header{position:absolute;top:0;left:0;width:100%;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:24px 4vw}.site-header img,footer img{object-fit:contain}.events-link{font-size:11px;letter-spacing:2px;text-decoration:none;color:#d4ff00}.hero{height:220vh;position:relative}.hero-stage{position:sticky;top:0;min-height:760px;height:100svh;overflow:hidden;background:#141914 url('frames_24fps/frame_00000.jpg') center/cover}#hero-canvas,.hero-shade{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.2) 35%,rgba(0,0,0,.8))}.hero-content{position:relative;z-index:2;width:min(1200px,92%);min-height:760px;height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:100px 0 24px}.eyebrow{font-size:11px;letter-spacing:4px;color:#d5d8d1;margin:0 0 20px}h1{font:800 clamp(28px,4vw,56px)/1.2 var(--display);letter-spacing:-1.5px;margin:0}h1 span{color:var(--neon)}.reserve-cta{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:40px;border:1px solid #dfff00;color:#dfff00;background:rgba(15,18,15,.6);padding:10px 25px;margin:30px 0 40px;font:800 13px var(--display);letter-spacing:1.3px;text-decoration:none;transition:background .2s,color .2s}.reserve-cta:hover{background:var(--neon);color:#050505}.arena-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}.arena-card{position:relative;isolation:isolate;min-height:255px;border:1px solid #a5bb4c70;text-decoration:none;text-align:left;padding:22px;overflow:hidden;background:#151b12;transition:border-color .2s,transform .2s}.arena-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0006,#000b),var(--arena-image) center/cover;opacity:.7}.arena-card:hover{border-color:var(--neon);transform:translateY(-5px)}.arena-number{font-size:10px;letter-spacing:2px;color:var(--neon)}.arena-card h3{font:800 clamp(15px,1.8vw,23px) var(--display);margin:12px 0}.arena-card img{position:absolute;width:95%;height:165px;object-fit:contain;bottom:0;left:2%;filter:drop-shadow(0 15px 15px #0009)}.arena-arrow{position:absolute;right:16px;bottom:12px;color:var(--neon);font-size:24px}.hero-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;margin-top:28px;color:#b9bdb3}.hero-bottom a{text-decoration:none}.experiences{position:relative;max-width:1200px;margin:auto;padding:20px 4vw 80px}.experience{padding:65px 0;border-bottom:1px solid #d4ff0030}.experience-heading{display:flex;align-items:center;gap:20px;margin-bottom:25px}.experience-heading span{color:var(--neon);font:12px var(--display)}.experience-heading h2{font:700 clamp(22px,3vw,34px) var(--display);margin:0}.bilingual{display:grid;grid-template-columns:1fr 1fr;gap:60px}.bilingual p{font-size:17px;line-height:1.9;color:#c4c8be;margin:0 0 18px}.bilingual [lang=ar]{font-family:Tahoma,Arial,sans-serif}.bilingual [lang=ar] p{line-height:2;font-size:18px}.bilingual a{color:var(--neon);text-underline-offset:4px}footer{padding:30px 4vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff15}footer a{color:var(--neon);text-decoration:none}@media(min-width:1600px){.arena-card{min-height:310px}.arena-card img{height:210px}}@media(max-width:700px){.site-header{padding:18px 5%}.site-header img{width:105px}.events-link{font-size:8px;letter-spacing:1px}.hero{height:auto}.hero-stage{height:auto;min-height:100svh;position:relative}.hero-content{height:auto;min-height:100svh;padding:120px 0 32px}.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:29px;letter-spacing:-1px}.reserve-cta{margin:25px 0 30px}.arena-grid{grid-template-columns:1fr;gap:14px}.arena-card{min-height:175px;padding:18px}.arena-card h3{font-size:20px;max-width:50%;line-height:1.4}.arena-card img{width:58%;height:150px;left:auto;right:0}.hero-bottom{gap:20px;font-size:8px;line-height:1.8;text-align:left}.bilingual{grid-template-columns:1fr;gap:20px}.experience{padding:45px 0}.experiences{padding:0 6% 40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arena-card{transition:none}}

/* Four arena options, including corporate events. */
.arena-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.arena-card h3{font-size:clamp(15px,1.45vw,21px);line-height:1.4}
.corporate-card img{width:100%;left:0;bottom:0;height:160px;object-fit:cover;object-position:center 67%;mask-image:linear-gradient(transparent,#000 24%)}
@media(min-width:1600px){.corporate-card img{height:205px}}
@media(min-width:701px) and (max-width:1000px){.arena-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-card{min-height:190px}.arena-card img{height:130px}.hero-stage,.hero-content{min-height:850px}}
@media(max-width:700px){.arena-grid{grid-template-columns:1fr;gap:14px}.arena-card h3{font-size:20px}.corporate-card img{width:58%;left:auto;right:0;height:175px;mask-image:linear-gradient(90deg,transparent,#000 30%)}}

/* Language selection and alternating experience sections. */
button:focus-visible{outline:3px solid white;outline-offset:5px}
.header-brand{display:flex;align-items:center;gap:24px;direction:ltr}
.language-switch{display:flex;align-items:center;gap:6px;color:#8e9682;font:700 12px 'Space Grotesk',Arial,sans-serif;letter-spacing:1px}
.language-switch button{font:inherit;letter-spacing:inherit;color:#c4c8be;background:transparent;border:0;padding:10px 5px;cursor:pointer;min-width:32px;min-height:40px}
.language-switch button[aria-pressed=true]{color:var(--neon);text-decoration:underline;text-underline-offset:6px}
h1 [data-en]{color:inherit}h1 .hero-accent{color:var(--neon)}
.reserve-cta{cursor:default}.reserve-cta:hover{background:rgba(15,18,15,.6);color:#dfff00}
html[lang=en] .bilingual>[lang=ar],html[lang=ar] .bilingual>[lang=en]{display:none}
.experience{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'copy media';align-items:center;gap:56px;direction:ltr}
.experience:nth-child(even){grid-template-areas:'media copy'}
.experience-copy{grid-area:copy;min-width:0;direction:ltr;text-align:left}
.experience-media{grid-area:media;margin:0;min-width:0;overflow:hidden;border:1px solid #d4ff0030;background:#121810;aspect-ratio:4/3}
.experience-media img{display:block;width:100%;height:100%;object-fit:cover}
.bilingual{display:block}.bilingual a{display:inline-block;overflow-wrap:anywhere}
html[lang=ar] body{font-family:Tahoma,Arial,sans-serif}
html[lang=ar] h1,html[lang=ar] .arena-card h3,html[lang=ar] .experience-heading h2,html[lang=ar] .reserve-cta{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.5}
html[lang=ar] .site-header{direction:ltr}
html[lang=ar] .arena-card{text-align:right}
html[lang=ar] .arena-arrow{right:auto;left:16px}
html[lang=ar] .eyebrow,html[lang=ar] .arena-number,html[lang=ar] .events-link,html[lang=ar] .hero-bottom{letter-spacing:0}
html[lang=ar] .experience{grid-template-areas:'media copy'}
html[lang=ar] .experience:nth-child(even){grid-template-areas:'copy media'}
html[lang=ar] .experience-copy{direction:rtl;text-align:right}
html[lang=ar] .hero-bottom{direction:rtl;text-align:right}
@media(max-width:700px){
  .header-brand{gap:10px}.language-switch{gap:1px;font-size:11px}.site-header{gap:10px}.events-link{max-width:110px;text-align:right}
  .experience,.experience:nth-child(even),html[lang=ar] .experience,html[lang=ar] .experience:nth-child(even){grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'media';gap:24px}
  html[lang=ar] .arena-card h3{margin-inline-start:auto}
  html[lang=ar] .arena-card img{right:auto;left:0}
  html[lang=ar] .arena-arrow{left:auto;right:16px}
  html[lang=ar] .corporate-card img{mask-image:linear-gradient(270deg,transparent,#000 30%)}
}

/* One shared video layer behind all experience sections. */
.experiences-shell{position:relative;isolation:isolate;background:#080a08}
.sections-backdrop{position:absolute;inset:0;pointer-events:none;overflow:clip;z-index:0}
.sections-backdrop-frame{position:sticky;top:0;height:100svh;background:#080a08 url('sections-poster.jpg') center/cover no-repeat}
.sections-backdrop-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,8,.72),rgba(8,10,8,.82));pointer-events:none}
.sections-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.sections-video.has-frame{opacity:1}
.experiences{z-index:1}
.sections-video-toggle{position:absolute;inset-inline-end:4vw;top:16px;z-index:2;padding:9px 12px;border:1px solid #d4ff0055;background:#080a08d9;color:#d4ff00;font:12px 'Space Grotesk',Tahoma,Arial,sans-serif;cursor:pointer}
.sections-video-toggle[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.sections-video{display:none;transition:none}}

/* Supplied experience photos fill the hero cards and match the sections. */
.arena-card.photo-card img,html[lang=ar] .arena-card.photo-card img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none;filter:none;z-index:-2}
.arena-card.photo-card:before{z-index:-1;opacity:1;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.3) 42%,transparent 68%,rgba(0,0,0,.45))}
.photo-card .arena-number,.photo-card h3{text-shadow:0 2px 8px #0008}

/* Home page gallery. */
.gallery-section{max-width:1200px;margin:auto;padding:70px 4vw 90px}
.gallery-intro{color:#c4c8be;font-size:17px;margin:-5px 0 30px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gallery-item{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid #d4ff0030;background:#121810}
.gallery-item[hidden]{display:none}
.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.gallery-item:hover img{transform:scale(1.04)}
.gallery-item span{position:absolute;bottom:12px;right:12px;background:#080a08cc;color:var(--neon);padding:3px 9px;font-size:22px}
.gallery-more{display:block;margin:30px auto 0;padding:14px 26px;border:1px solid var(--neon);background:transparent;color:var(--neon);font:700 14px 'Space Grotesk',Tahoma,Arial,sans-serif;cursor:pointer}
.gallery-more:hover{background:var(--neon);color:#080a08}.gallery-more[hidden]{display:none}
html[lang=ar] .gallery-section{text-align:right}html[lang=ar] .gallery-section h2{font-family:Tahoma,Arial,sans-serif}
@media(max-width:700px){.gallery-section{padding:45px 6% 60px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(prefers-reduced-motion:reduce){.gallery-item img{transition:none}.gallery-item:hover img{transform:none}}