.ckrow{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 26px;padding:0;list-style:none;position:relative}
.ckrow li{font:700 24px/1 Teko,sans-serif;text-transform:uppercase;letter-spacing:.05em;padding:12px 18px 9px;border-radius:999px;border:2px solid;white-space:nowrap}
.ckrow .a{background:#c8ff3d;border-color:#c8ff3d;color:#111}.ckrow .b{border-color:#E8B330;color:#E8B330}.ckrow .c{border-color:#ff4a63;color:#ff6b80}
@media (max-width:600px){.ckrow{gap:6px}.ckrow li{font-size:16px;letter-spacing:.03em;padding:8px 10px 5px}}
.hero .photo{position:absolute;left:0;right:0;top:0;height:820px;background:#070707 url(img/tunnel.jpg) center 35%/cover no-repeat}
.hero .photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,7,var(--s,.9)) 0%,rgba(7,7,7,var(--s,.9)) 70%,#070707 100%)}
.hero .tag{position:absolute;z-index:2;right:24px;top:16px;font:600 11px Inter,sans-serif;color:#c4c4c4;background:rgba(0,0,0,.78);padding:3px 7px;border-radius:4px}
.hero .streak{display:none}
.hero h1 .gold{background-image:linear-gradient(180deg,#FFE08A,#E8B330 50%,#B8861B)}
.site-nav{justify-content:flex-end}
.s1{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(50% 45% at 50% 50%,#17130a 0%,#070707 70%);overflow:hidden}
.s1 .mark{position:relative;width:min(620px,78vw)}
.s1 .mark img{display:block;width:100%;height:auto}
.s1 .cue{position:absolute;left:50%;bottom:28px;width:44px;height:44px;margin-left:-22px;display:grid;place-items:center;border-radius:50%;opacity:.55}
.s1 .cue span{width:12px;height:12px;border-right:2px solid #E8B330;border-bottom:2px solid #E8B330;transform:rotate(45deg) translate(-3px,-3px)}
.s1 .cue:focus-visible{outline:2px solid #E8B330;opacity:1}
@media (prefers-reduced-motion:reduce){}
.ph.shot .scr{background:#000}.ph.shot .scr img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.plabel{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);white-space:nowrap;font:600 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#E8B330;background:#070707;border:1px solid #6b5418;padding:6px 10px;border-radius:999px;z-index:4}
.fan .ph .plabel{display:none}
.fan .ph.shot:nth-child(2) .plabel{display:block;bottom:auto;top:-30px}
.hero .fan{margin-top:110px}@media (max-width:600px){.hero .fan{margin-top:80px}}
/* screen one fire + smoke (CSS only) */
.s1{isolation:isolate}

.fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.fx i{position:absolute;display:block;border-radius:50%;will-change:transform,opacity}
.fx .f1{left:50%;bottom:-26%;width:min(1100px,150vw);height:50%;margin-left:max(-550px,-75vw);background:radial-gradient(closest-side,rgba(200,60,10,.55),rgba(120,20,8,.35) 55%,transparent);filter:blur(40px);animation:rise 9s ease-in-out infinite alternate}
.fx .f2{left:50%;bottom:-16%;width:min(620px,95vw);height:36%;margin-left:max(-310px,-47.5vw);background:radial-gradient(closest-side,rgba(232,140,30,.55),rgba(190,60,12,.3) 60%,transparent);filter:blur(30px);animation:rise 7s ease-in-out infinite alternate-reverse}
.fx .f3{left:50%;bottom:-6%;width:min(300px,55vw);height:26%;margin-left:max(-150px,-27.5vw);background:radial-gradient(closest-side,rgba(255,190,80,.4),rgba(232,120,30,.18) 60%,transparent);filter:blur(24px);animation:lick 5s ease-in-out infinite alternate}
.fx .sm{width:min(1000px,150vw);height:22%;left:50%;margin-left:max(-450px,-70vw);background:radial-gradient(closest-side,rgba(120,112,104,.34),rgba(60,56,52,.2) 55%,transparent);filter:blur(36px)}
.fx .sm1{bottom:12%;animation:drift 16s ease-in-out infinite alternate}
.fx .sm2{bottom:26%;opacity:.7;animation:drift 21s ease-in-out infinite alternate-reverse}
.fx .em{left:50%;bottom:4%;width:2px;height:2px;background:transparent;box-shadow:-180px -20px 0 0 rgba(255,170,60,.8),-90px -70px 0 0 rgba(255,140,40,.6),-30px -40px 0 1px rgba(255,190,90,.7),40px -100px 0 0 rgba(255,150,50,.55),110px -60px 0 0 rgba(255,170,60,.75),200px -85px 0 0 rgba(255,130,40,.5),-240px -110px 0 0 rgba(255,160,60,.45),150px -10px 0 1px rgba(255,190,90,.6);animation:embers 8s linear infinite}
.fx .f3:before,.fx .f3:after{content:"";position:absolute;bottom:20%;width:34%;height:105%;border-radius:50% 50% 40% 40%/70% 70% 30% 30%;background:radial-gradient(50% 60% at 50% 70%,rgba(255,170,60,.55),rgba(220,80,20,.25) 60%,transparent);filter:blur(10px)}
.fx .f3:before{left:14%;transform:rotate(-8deg)}.fx .f3:after{right:14%;height:85%;transform:rotate(9deg)}
@keyframes rise{0%{transform:translateY(0) scale(1);opacity:.85}100%{transform:translateY(-4%) scale(1.06);opacity:1}}
@keyframes lick{0%{transform:translate(-3%,0) scaleY(1);opacity:.8}100%{transform:translate(3%,-6%) scaleY(1.12);opacity:1}}
@keyframes drift{0%{transform:translate(-6%,0)}100%{transform:translate(6%,-10%)}}
@keyframes embers{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-120px);opacity:0}}
@media (prefers-reduced-motion:reduce){.fx i{animation:none!important}.fx .em{opacity:.8;transform:translateY(-50px)}}