:root{--ink:#061a18;--ink2:#0b2924;--lime:#b9ef20;--yellow:#ffc817;--cream:#f3eddd;--white:#fffdf3;--line:rgba(255,255,255,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font-family:'Barlow Condensed',sans-serif;overflow-x:hidden}
.nav{height:86px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;gap:44px;position:absolute;inset:0 0 auto;z-index:10;background:linear-gradient(#061a18bb,transparent)}
.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;min-width:210px}
.brand span:last-child{display:flex;flex-direction:column}
.brand b{font:26px/1 'Bangers';letter-spacing:1px}
.brand small{color:var(--lime);font:700 11px 'Barlow Condensed';letter-spacing:3px}
.zebra-disc{display:grid;place-items:center;width:45px;height:45px;border:2px solid white;border-radius:50%;font:25px 'Bangers';background:repeating-linear-gradient(130deg,#fff 0 4px,#111 5px 9px);color:var(--lime);text-shadow:1px 1px #000}
.nav nav{display:flex;justify-content:center;gap:34px;flex:1}
.nav nav a{color:white;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:13px}
.nav nav a:hover,.nav nav a.active{color:var(--lime)}
.nav-register{display:none}
.language-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(6,26,24,.52);backdrop-filter:blur(10px)}
.language-switch button{min-width:38px;padding:7px 10px;border:0;border-radius:999px;background:transparent;color:white;font:800 11px 'Barlow Condensed';letter-spacing:.06em;cursor:pointer}
.language-switch button:hover,.language-switch button:focus-visible{color:var(--lime);outline:none}
.language-switch button[aria-pressed="true"]{background:var(--lime);color:#071410}
.pill{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:#071410;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:13px;padding:15px 27px;border-radius:9px;box-shadow:0 0 30px rgba(185,239,32,.16);transition:.2s;white-space:nowrap}
.pill:hover{transform:translateY(-3px);filter:brightness(1.08)}
.menu{display:none;background:none;border:0;width:38px}
.menu i{display:block;height:3px;background:white;margin:6px}
.hero{min-height:780px;height:100vh;position:relative;background:url('assets/hero-zebra-mauritius-v2.webp') center/cover no-repeat;display:flex;align-items:center;padding:105px clamp(28px,5vw,76px) 150px}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,13,.96),rgba(2,15,13,.75) 25%,rgba(2,15,13,.12) 59%),linear-gradient(0deg,rgba(2,15,13,.65),transparent 38%)}
.hero-copy{position:relative;z-index:2;width:min(650px,49vw)}
.micro{font-weight:800;font-size:12px;letter-spacing:.14em;margin:0 0 16px}
.lime{color:var(--lime)}
h1,h2,h3{margin:0}
.hero h1,.section-title h2,.initiative h2,.gallery h2,.register-banner h2,.faq h2{font-family:'Bangers',sans-serif;letter-spacing:1.5px}
.hero h1{font-size:clamp(72px,7.5vw,122px);line-height:.84;text-shadow:3px 5px #0006}
.hero h1 em{font-style:normal;color:var(--lime)}
.hero-lead{font-size:24px;line-height:1.18;font-weight:700;margin:30px 0 16px}
.hero-body{font-size:18px;line-height:1.45;max-width:470px;color:#e7eee8}
.actions{display:flex;gap:16px;margin-top:30px}
.pill-large{padding:18px 36px}
.outline-pill{border:2px solid var(--lime);border-radius:9px;color:white;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:13px;padding:16px 28px}
.outline-pill span{color:var(--lime);margin-right:10px}
.stamp{position:absolute;z-index:2;left:31%;top:23%;width:130px;height:130px;border:3px solid var(--lime);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.12em;transform:rotate(-12deg);box-shadow:inset 0 0 0 6px #b9ef2020}
.stamp b{font-size:34px}
.facts{position:absolute;z-index:3;left:clamp(28px,5vw,76px);bottom:28px;display:grid;grid-template-columns:repeat(4,1fr);width:min(900px,74vw);background:#051311e8;border:1px solid #b9ef2047;border-radius:20px;backdrop-filter:blur(12px);overflow:hidden}
.facts>div{padding:18px 24px;display:flex;align-items:center;gap:16px;border-right:1px solid var(--line)}
.facts>div:last-child{border:0}
.facts>div>span{font-size:31px;color:var(--lime)}
.facts p{display:flex;flex-direction:column;margin:0}
.facts b{font-size:24px}
.facts small{font-size:10px;letter-spacing:.08em}
.section-dark{background:var(--ink);padding:85px clamp(24px,5vw,76px)}
.section-title{display:flex;align-items:end;justify-content:space-between}
.section-title h2{font-size:58px}
.section-title>p{color:#afc0b7}
.stage-deck{display:grid;grid-template-columns:repeat(8,minmax(130px,1fr));gap:12px;margin-top:35px}
.play-card{min-height:410px;border-radius:17px;overflow:hidden;position:relative;padding:18px;background-image:linear-gradient(0deg,#000 0,transparent 65%),url('assets/hero-zebra-mauritius-v2.webp');background-size:auto 100%,auto 100%;border:1px solid #ffffff2e;transition:.25s}
.play-card:hover{transform:translateY(-9px);box-shadow:0 18px 40px #0008}
.play-card:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#ffffff1f,transparent 25%);pointer-events:none}
.play-card .num{position:absolute;top:15px;left:15px;font:36px 'Bangers';color:white}
.play-card .rank{position:absolute;right:12px;top:12px;background:var(--cream);color:#111;border-radius:5px;padding:5px 7px;font:26px 'Bangers';box-shadow:2px 3px #000}
.play-card .rank.red{color:#bd251c}
.play-card>div{position:absolute;left:18px;right:16px;bottom:16px;z-index:2}
.play-card h3{font:25px/.94 'Bangers';letter-spacing:.7px}
.play-card small{display:block;color:#dbe7df;font-size:11px;margin:10px 0}
.play-card b{font:35px 'Bangers';color:var(--lime)}
.play-card b em{font-style:normal;font-size:15px;margin-left:3px}
.c1{background-position:center,49% center}
.c2{background-position:center,57% center}
.c3{background-position:center,65% center}
.c4{background-position:center,73% center}
.c5{background-position:center,81% center}
.c6{background-position:center,89% center}
.c7{background-position:center,97% center}
.play-card:before{content:"";position:absolute;inset:0;mix-blend-mode:color;opacity:.25}
.c1:before{background:#ffc917}
.c2:before{background:#29cde5}
.c3:before{background:#52a269}
.c4:before{background:#f25d22}
.c5:before{background:#d0df75}
.c6:before{background:#46b9dd}
.c7:before{background:#9b6dc7}
.initiative{min-height:680px;display:grid;grid-template-columns:1.25fr .75fr;background:#071e1b}
.initiative-image{background:url('assets/hero-zebra-mauritius-v2.webp') 72% center/cover no-repeat;min-height:550px}
.initiative-copy{padding:80px clamp(30px,5vw,80px);display:flex;justify-content:center;flex-direction:column}
.initiative h2{font-size:75px;line-height:.85}
.initiative .big{font-size:24px;font-weight:700;line-height:1.25}
.initiative-copy>p:not(.micro,.big){font-size:17px;line-height:1.55;color:#bfd0c7}
.outline-pill.light{width:max-content;margin-top:25px}
.gallery{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px}
.gallery h2{font-size:82px;line-height:.82}
.gallery-copy>p:last-child{font-size:18px;line-height:1.5;color:#b8c9c0}
.gallery-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;min-height:370px}
.gallery-panels div{border-radius:16px;position:relative;background:url('assets/hero-zebra-mauritius-v2.webp') center/cover no-repeat;border:1px solid var(--line)}
.gallery-panels div:nth-child(1){background-position:63% center}
.gallery-panels div:nth-child(2){background-position:76% center}
.gallery-panels div:nth-child(3){background-position:96% center}
.gallery-panels span{position:absolute;bottom:15px;left:15px;font:25px 'Bangers';text-shadow:2px 2px #000}
.register-banner{background:var(--yellow);color:#0b1d17;display:flex;align-items:center;gap:50px;justify-content:space-between;padding:60px clamp(24px,7vw,105px)}
.register-banner h2{font-size:70px}
.register-banner>p{font-size:20px}
.register-banner .pill{background:var(--ink);color:white}
.faq{background:#0b2924;padding:80px clamp(24px,20vw,320px)}
.faq h2{font-size:55px;margin-bottom:25px}
.faq details{border-top:1px solid #5a7166;padding:18px 0}
.faq summary{font-size:20px;font-weight:700;cursor:pointer}
.faq details p{color:#bacbc3}
footer{padding:35px clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:#030d0c;font-size:12px;letter-spacing:.1em}
.register-page .nav{position:relative}

@media(max-width:1100px){.nav nav{gap:18px}
.stage-deck{grid-template-columns:repeat(4,1fr)}
.play-card{min-height:360px}
.gallery{grid-template-columns:1fr}
.stamp{display:none}
}
@media(max-width:760px){.nav{height:74px;padding:0 20px;justify-content:space-between}
.nav .brand{min-width:0}
.nav nav,.nav>.pill{display:none}
.nav nav.open{display:flex;position:absolute;top:70px;left:20px;right:20px;background:#071e1bf5;padding:22px;flex-direction:column;border-radius:12px;gap:18px;border:1px solid rgba(185,239,32,.24);box-shadow:0 18px 45px rgba(0,0,0,.38);backdrop-filter:blur(14px)}
.nav nav.open .nav-register{display:inline-flex;color:#071410;background:var(--lime);align-self:flex-start;padding:12px 18px;border-radius:8px}
.menu{display:block}
.menu[aria-expanded="true"] i:nth-child(1){transform:translateY(9px) rotate(45deg)}
.menu[aria-expanded="true"] i:nth-child(2){opacity:0}
.menu[aria-expanded="true"] i:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.menu i{transition:transform .2s,opacity .2s}
.hero{height:auto;min-height:720px;padding:125px 20px 130px;background-position:68% center}
.hero-shade{background:linear-gradient(90deg,#020f0df2,#020f0d61),linear-gradient(0deg,#061a18,transparent 42%)}
.hero-copy{width:92%}
.hero h1{font-size:68px}
.hero-lead{font-size:20px}
.hero-body{font-size:16px}
.facts{left:20px;right:20px;width:auto;bottom:18px;grid-template-columns:repeat(2,1fr)}
.facts>div{padding:11px}
.facts>div>span{font-size:20px}
.facts b{font-size:17px}
.facts small{font-size:8px}
.section-dark{padding:60px 20px}
.stage-deck{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}
.play-card{min-width:72vw;scroll-snap-align:start}
.section-title>p{display:none}
.initiative{grid-template-columns:1fr}
.initiative-image{min-height:420px}
.initiative-copy{padding:55px 25px}
.gallery-panels{min-height:500px}
.register-banner{align-items:flex-start;flex-direction:column;gap:15px}
.faq{padding:60px 25px}
footer{align-items:flex-start;flex-direction:column;gap:18px}
}
@media(max-width:480px){.hero h1{font-size:59px}
.actions{align-items:stretch;flex-direction:column;width:230px;text-align:center}
.gallery-panels{grid-template-columns:1fr}
.gallery-panels div{min-height:220px}
.gallery h2{font-size:65px}
.register-banner h2{font-size:55px}
.brand b{font-size:21px}
}