/* ============================================================ THEME CONFIG — swap these variables each year to retheme! ============================================================ 2026 Theme: Hunger Games Fonts: Cinzel Decorative (headline), Cinzel (subhead), Raleway (body) Next year: swap --theme-gold, --theme-accent, fonts, --theme-hero-tagline ============================================================ */ :root{ --g:#C9A84C; --gl:#E8C96B; --gd:#8B6914; --dark:#0A0905; --char:#1A1710; --mid:#2A2418; --red:#8B1A1A; --fire:#E8441A; --txt:#F0E6CC; --muted:#A89060; --hf:'Cinzel Decorative',serif; --bf:'Cinzel',serif; --sf:'Raleway',sans-serif; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{background:var(--dark);color:var(--txt);font-family:var(--sf);font-weight:300;line-height:1.7;overflow-x:hidden} /* ---- NAV ---- */ nav{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;align-items:center;justify-content:space-between;padding:1rem 3rem;transition:background .3s,border .3s} nav.scrolled{background:rgba(10,9,5,.97);border-bottom:1px solid rgba(201,168,76,.2)} .nav-logo{font-family:var(--hf);font-size:.9rem;color:var(--g);text-decoration:none;display:flex;align-items:center;gap:.6rem} .nav-logo img{height:36px;width:auto} .nav-links{display:flex;gap:1.8rem;list-style:none} .nav-links a{font-family:var(--bf);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s} .nav-links a:hover,.nav-links a.active{color:var(--g)} .nav-cta{background:var(--g)!important;color:var(--dark)!important;padding:.45rem 1.2rem;font-weight:700!important} .nav-cta:hover{background:var(--gl)!important} /* Hamburger */ .nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem} .nav-hamburger span{display:block;width:24px;height:2px;background:var(--g);transition:all .3s} .nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)} .nav-hamburger.open span:nth-child(2){opacity:0} .nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} /* Mobile nav drawer */ .nav-mobile{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,9,5,.98);z-index:200;flex-direction:column;align-items:center;justify-content:center;gap:2rem} .nav-mobile.open{display:flex} .nav-mobile a{font-family:var(--bf);font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s} .nav-mobile a:hover{color:var(--g)} .nav-mobile .nav-cta{background:var(--g);color:var(--dark);padding:.6rem 2rem;font-weight:700} /* ---- BUTTONS ---- */ .btn-p{display:inline-block;padding:.9rem 2.4rem;background:var(--g);color:var(--dark);font-family:var(--bf);font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:all .25s;border:none;cursor:pointer} .btn-p:hover{background:var(--gl);transform:translateY(-2px)} .btn-s{display:inline-block;padding:.9rem 2.4rem;border:1px solid rgba(201,168,76,.5);color:var(--g);font-family:var(--bf);font-size:.78rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:all .25s;background:none;cursor:pointer} .btn-s:hover{border-color:var(--g);background:rgba(201,168,76,.08);transform:translateY(-2px)} /* ---- SECTION BASE ---- */ section{padding:5.5rem 2rem;position:relative} .si{max-width:1100px;margin:0 auto} .ey{font-family:var(--bf);font-size:.65rem;letter-spacing:.4em;text-transform:uppercase;color:var(--g);margin-bottom:.8rem} .st{font-family:var(--hf);font-size:clamp(1.7rem,4vw,2.8rem);color:var(--gl);line-height:1.1;margin-bottom:1.2rem} .dv{width:60px;height:1px;background:var(--g);opacity:.45;margin:1.2rem auto} .center{text-align:center} /* ember particles */ .embers{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1} .ember{position:absolute;bottom:-10px;border-radius:50%;animation:float-up linear infinite;opacity:0} @keyframes float-up{0%{transform:translateY(0) translateX(0) scale(1);opacity:.9}50%{opacity:.5;transform:translateY(-45vh) translateX(var(--dx)) scale(.7)}100%{transform:translateY(-95vh) translateX(calc(var(--dx)*1.5)) scale(.2);opacity:0}} /* fire ring */ .fire-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:680px;height:680px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(201,168,76,.1) 0%,rgba(139,26,26,.15) 30%,rgba(139,26,26,.05) 55%,transparent 70%);animation:pr 4s ease-in-out infinite;pointer-events:none;z-index:0} @keyframes pr{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.07);opacity:1}} /* ---- HERO ---- */ .hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 6rem;overflow:hidden;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url('pics/shimmer.png');background-size:cover;background-position:center;background-repeat:no-repeat} .hero-content{position:relative;z-index:2} .h-ey{font-family:var(--bf);font-size:1.5rem;letter-spacing:.45em;text-transform:uppercase;color:var(--g);margin-bottom:1.5rem;animation:fi 1s ease .2s both} .h-t1{font-family:var(--hf);font-size:clamp(2.8rem,7vw,5.5rem);line-height:1.05;color:var(--gl);text-shadow:0 0 80px rgba(201,168,76,.5),0 4px 20px rgba(0,0,0,.8);margin-bottom:.4rem;animation:fi 1s ease .4s both} .h-t2{font-family:var(--hf);font-size:clamp(1.1rem,2.5vw,1.9rem);color:var(--red);letter-spacing:.08em;margin-bottom:2rem;animation:fi 1s ease .6s both} .h-tag{font-family:var(--bf);font-style:italic;font-size:1.5rem;color:var(--muted);letter-spacing:.1em;margin-bottom:3rem;animation:fi 1s ease .8s both} .h-badge{display:inline-flex;flex-direction:column;align-items:center;border:1px solid rgba(201,168,76,.4);padding:1.1rem 2.8rem;margin-bottom:2.8rem;animation:fi 1s ease 1s both} .h-badge .dl{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--g);margin-bottom:.25rem} .h-badge .dm{font-family:var(--bf);font-size:1.35rem;color:var(--txt);letter-spacing:.07em} .h-badge .dloc{font-size:1rem;color:var(--muted);letter-spacing:.2em;margin-top:.15rem} .h-btns{display:flex;gap:1.1rem;flex-wrap:wrap;justify-content:center;animation:fi 1s ease 1.2s both} @keyframes fi{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} .scroll-arrow{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);animation:bounce 2s ease infinite;color:var(--g);font-size:1.4rem;cursor:pointer;z-index:2} @keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}} /* ---- COUNTDOWN ---- */ .cd-sec{background:var(--char);border-top:1px solid rgba(201,168,76,.084);border-bottom:1px solid rgba(201,168,76,.15);padding:2.8rem 2rem} .cd-grid{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap} .cd-unit{text-align:center;min-width:80px} .cd-num{font-family:var(--hf);font-size:5rem;color:var(--g);line-height:1;display:block} .cd-lbl{font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-top:.3rem} .cd-sep{font-family:var(--hf);font-size:2.5rem;color:rgba(201,168,76,.25);align-self:center;padding-bottom:.4rem} /* ---- ABOUT ---- */ .about-sec{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url('pics/flames.jpg');background-size:cover;background-position:center;background-repeat:no-repeat} .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center} .about-frame{border:1px solid rgba(201,168,76,.28);padding:2.5rem 2rem;position:relative} .about-frame::before{content:'';position:absolute;top:-8px;left:-8px;right:8px;bottom:8px;border:1px solid rgba(201,168,76,.1);pointer-events:none} .sn{font-family:var(--hf);font-size:2.4rem;color:var(--g);display:block} .sd{font-size:.82rem;color:var(--muted)} .si-stat{margin-bottom:1.8rem} .about-text p{color:rgba(240,230,204,.8);margin-bottom:1.1rem;font-size:.93rem} /* fire torch divider */ .torch-div{display:flex;align-items:center;gap:1.2rem;margin-bottom:.6rem} .tl{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.28),transparent)} .tf{font-size:1.3rem} /* ---- EXPERIENCES ---- */ .exp-sec{background:linear-gradient(rgba(0,0,0,.603),rgba(0,0,0,.584)),url('pics/arena.png');background-size:cover;background-position:center;background-repeat:no-repeat} .exp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:1.4rem;margin-top:2.8rem} .exp-card{border:1px solid rgba(201,168,76,.18);padding:1.8rem;position:relative;overflow:hidden;transition:border-color .3s,transform .3s;background:rgba(57,44,9,.349)} .exp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--fire),var(--g),var(--gl));transform:scaleX(0);transition:transform .35s;transform-origin:left} .exp-card:hover{border-color:rgba(201,168,76,.696);transform:translateY(-4px)} .exp-card:hover::before{transform:scaleX(1)} .exp-icon{font-size:1.9rem;margin-bottom:.9rem;display:block} .exp-title{font-family:var(--bf);font-size:.85rem;letter-spacing:.1em;color:var(--gl);margin-bottom:.7rem;text-transform:uppercase} .exp-desc{font-size:.83rem;color:rgba(240,230,204,.68);line-height:1.6} /* ---- PEOPLE / JUDGES ---- */ .judges-sec{background:var(--char);position:relative;overflow:hidden} .judges-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(139,26,26,.14) 0%,transparent 65%);pointer-events:none} .mentors-sec{background:var(--dark);position:relative;overflow:hidden} .mentors-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(201,168,76,.08) 0%,transparent 65%);pointer-events:none} .sec-phoenix{position:absolute;right:-60px;top:50%;transform:translateY(-50%);opacity:.04;pointer-events:none;animation:feather-pulse 6s ease-in-out infinite} .sec-phoenix-l{position:absolute;left:-60px;top:50%;transform:translateY(-50%) scaleX(-1);opacity:.04;pointer-events:none;animation:feather-pulse 6s ease-in-out 1s infinite} .people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.4rem;margin-top:2.5rem} .person-card{border:1px solid rgba(201,168,76,.17);background:rgba(201,168,76,.02);overflow:hidden;transition:transform .3s,border-color .3s;position:relative;display:flex;flex-direction:column} .person-card:hover{transform:translateY(-6px);border-color:rgba(201,168,76,.48)} .person-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--fire) 20%,var(--g) 50%,var(--gl) 75%,transparent);transform:scaleX(0);transition:transform .4s;transform-origin:left} .person-card:hover::after{transform:scaleX(1)} .p-avatar{width:100%;aspect-ratio:1;background:var(--mid);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden} .p-avatar img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0} .p-initials{position:absolute;font-family:var(--hf);font-size:1.8rem;color:var(--g);z-index:1;letter-spacing:.05em} .p-avatar-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1a1710 0%,#2a2418 50%,#1a1710 100%);background-size:200% 200%;animation:shimmer 3.5s ease infinite} @keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} .p-fire-bar{position:absolute;bottom:0;left:0;right:0;height:36px;background:linear-gradient(to top,rgba(139,26,26,.55),rgba(232,68,26,.15),transparent);z-index:2} .p-info{padding:1.1rem 1.1rem 1.3rem;flex:1} .p-role{font-family:var(--bf);font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--g);margin-bottom:.25rem} .p-name{font-family:var(--bf);font-size:.95rem;color:var(--txt);font-weight:600;margin-bottom:.35rem;line-height:1.2} .p-spec{font-size:.76rem;color:var(--muted);line-height:1.5;margin-bottom:.55rem} .p-tag{display:inline-block;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:.16rem .55rem;border:1px solid;font-family:var(--bf)} .p-tag.jt{border-color:rgba(139,26,26,.5);color:#c97070} .p-tag.mt{border-color:rgba(201,168,76,.4);color:var(--g)} .p-tag.at{border-color:rgba(90,155,90,.4);color:#7aaa7a} .add-card{border:1px dashed rgba(201,168,76,.22);background:transparent;align-items:center;justify-content:center;min-height:280px;text-align:center;padding:2rem;cursor:default} .add-card:hover{border-color:rgba(201,168,76,.45);background:rgba(201,168,76,.03)} .add-card::after{display:none} .add-icon{font-size:2.2rem;color:rgba(201,168,76,.28);margin-bottom:.7rem;display:block;font-family:var(--bf)} .add-lbl{font-family:var(--bf);font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);line-height:1.8} .sub-lbl{margin-top:3rem;margin-bottom:.2rem;font-family:var(--bf);font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;display:flex;align-items:center;gap:1rem} .sub-lbl::before,.sub-lbl::after{content:'';flex:1;height:1px;background:rgba(201,168,76,.15)} .sub-lbl.red{color:var(--red)} .sub-lbl.gold{color:var(--g)} .sub-lbl.green{color:#7aaa7a} /* ---- PASSES ---- */ .passes-sec{background:var(--dark);position:relative} .passes-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(139,26,26,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(201,168,76,.06) 0%,transparent 50%);pointer-events:none} .passes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:1.4rem;margin-top:2.8rem;align-items:stretch} .pass-card{border:1px solid rgba(201,168,76,.2);padding:2.3rem 1.8rem;display:flex;flex-direction:column;position:relative;transition:transform .3s;background:var(--char)} .pass-card:hover{transform:translateY(-5px)} .pass-card.feat{border-color:var(--g);background:var(--mid);transform:scale(1.025)} .pass-card.feat:hover{transform:scale(1.025) translateY(-5px)} .pass-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--g);color:var(--dark);font-family:var(--bf);font-size:.58rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:.3rem 1.4rem;white-space:nowrap} .pass-dist{font-family:var(--bf);font-size:.58rem;letter-spacing:.3em;color:var(--red);text-transform:uppercase;margin-bottom:.4rem} .pass-name{font-family:var(--hf);font-size:1.3rem;color:var(--gl);margin-bottom:.4rem;line-height:1.1} .pass-tag{font-size:.78rem;color:var(--muted);font-style:italic;margin-bottom:1.3rem;padding-bottom:1.3rem;border-bottom:1px solid rgba(201,168,76,.13)} .pass-price{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.4rem} .pass-cur{font-size:1.1rem;color:var(--g);font-family:var(--bf)} .pass-amt{font-family:var(--hf);font-size:2.8rem;color:var(--g);line-height:1} .pass-save{font-size:.72rem;color:var(--red);margin-bottom:1.3rem;font-family:var(--bf);letter-spacing:.04em} .pass-feats{list-style:none;flex:1;margin-bottom:1.8rem} .pass-feats li{font-size:.8rem;color:rgba(240,230,204,.8);padding:.45rem 0;border-bottom:1px solid rgba(201,168,76,.06);display:flex;gap:.55rem;align-items:flex-start} .pass-feats li::before{content:'◆';color:var(--g);font-size:.48rem;margin-top:.32rem;flex-shrink:0} .pass-feats li.dim{color:rgba(240,230,204,.28)} .pass-feats li.dim::before{color:rgba(201,168,76,.18)} .pass-cta{display:block;text-align:center} .urgency{text-align:center;margin-top:2.5rem;font-family:var(--bf);font-size:.73rem;letter-spacing:.14em;color:var(--red);text-transform:uppercase} /* ---- PASS SWIPER ---- */ .swiper-outer{position:relative;display:flex;align-items:center;gap:.8rem;margin-top:.5rem} .swiper-track-wrap{overflow:hidden;flex:1;cursor:grab;user-select:none} .swiper-track-wrap:active{cursor:grabbing} .swiper-track{display:flex;gap:1.4rem;transition:transform .42s cubic-bezier(.25,.8,.25,1);will-change:transform;align-items:stretch} .swiper-slide{flex:0 0 calc(33.333% - .94rem);min-width:0;display:flex;flex-direction:column} .swiper-slide .pass-card{flex:1} .swiper-btn{flex-shrink:0;width:65px;height:65px;border-radius:50%;background:rgba(229, 198, 107, 0.12);border:1px solid rgba(194, 160, 67, 0.35);color:var(--g);font-size:1.6rem;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:2} .swiper-btn:hover{background:rgba(231, 182, 48, 0.28);border-color:var(--g)} .swiper-btn:disabled{opacity:.25;cursor:default;pointer-events:none} .swiper-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1.4rem} .swiper-dot{width:8px;height:8px;border-radius:50%;background:rgba(201,168,76,.25);border:none;cursor:pointer;transition:all .25s;padding:0} .swiper-dot.active{background:var(--g);transform:scale(1.3)} /* ---- SCHEDULE ---- */ .sched-sec{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url('pics/smoke.png');background-size:cover;background-position:center;background-repeat:no-repeat} .sched-tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid rgba(201,168,76,.2)} .stab{font-family:var(--bf);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;padding:.7rem 1.4rem;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none} .stab.active{color:var(--g);border-bottom-color:var(--g)} .stab:hover{color:var(--gl)} .spanel{display:none} .spanel.active{display:block} .sitems{display:flex;flex-direction:column;gap:.7rem} .sitem{display:grid;grid-template-columns:95px 1fr auto;align-items:center;gap:1.4rem;padding:.9rem 1.3rem;border:1px solid rgba(201,168,76,.1);background:rgba(201,168,76,.02);transition:border-color .2s} .sitem:hover{border-color:rgba(201,168,76,.3)} .stime{font-family:var(--bf);font-size:.73rem;color:var(--g);letter-spacing:.1em} .sname{font-size:.86rem;color:var(--txt)} .sname small{display:block;font-size:.73rem;color:var(--muted)} .stype{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:.18rem .65rem;border:1px solid} .stype.w{color:var(--g);border-color:rgba(201,168,76,.4)} .stype.c{color:#f88181;border-color:rgba(245, 98, 98, 0.5)} .stype.s{color:#5a9a5a;border-color:rgba(90,154,90,.4)} .stype.d{color:#7a7aaa;border-color:rgba(122,122,170,.4)} .stype.e{color:#5959f9;border-color:rgba(88, 88, 245, 0.4)} .stype.f{color:#c846f3;border-color:rgba(217, 85, 241, 0.4)} /* ---- TESTIMONIALS ---- */ .testi-sec{background:var(--dark)} .tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.4rem;margin-top:2.8rem} .tcard{border-left:2px solid var(--g);padding:1.4rem 1.8rem;background:rgba(201,168,76,.03)} .tcard::before{content:'"';color:var(--g);font-size:2rem;line-height:0;vertical-align:-.5em;margin-right:.2rem;font-family:var(--hf)} .ttext{font-style:italic;font-size:.88rem;color:rgba(240,230,204,.82);line-height:1.8;margin-bottom:.9rem} .tauthor{font-family:var(--bf);font-size:.68rem;letter-spacing:.14em;color:var(--g);text-transform:uppercase} /* ---- FAQ ---- */ .faq-sec{background:var(--char)} .faq-list{margin-top:2.8rem;max-width:760px;margin-left:auto;margin-right:auto} .faq-item{border-bottom:1px solid rgba(201,168,76,.14)} .faq-q{font-family:var(--bf);font-size:1rem;letter-spacing:.04em;color:var(--txt);padding:1.2rem 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.9rem;background:none;border:none;width:100%;text-align:left;transition:color .2s} .faq-q:hover{color:var(--g)} .faq-arr{color:var(--g);font-size:.68rem;transition:transform .2s;flex-shrink:0} .faq-q.open .faq-arr{transform:rotate(180deg)} .faq-a{font-size:.83rem;color:rgba(240,230,204,.68);line-height:1.8;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;padding:0} .faq-a.open{max-height:300px;padding-bottom:1.4rem} /* ---- FINAL CTA ---- */ .fcta{background:var(--mid);border-top:1px solid rgba(201,168,76,.2);border-bottom:1px solid rgba(201,168,76,.2);text-align:center;padding:7rem 2rem;position:relative;overflow:hidden} .fcta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(201,168,76,.09) 0%,transparent 65%);pointer-events:none} .fcta-t{font-family:var(--hf);font-size:clamp(2rem,5vw,3.8rem);color:var(--gl);margin-bottom:.9rem} .fcta-s{font-size:.97rem;color:rgba(240,230,204,.68);max-width:540px;margin:0 auto 2.3rem} /* ---- FOOTER ---- */ footer{background:#050503;padding:2.8rem 2rem;text-align:center;border-top:1px solid rgba(201,168,76,.1)} .flogo{font-family:var(--hf);font-size:1.1rem;color:var(--g);margin-bottom:.9rem;display:flex;align-items:center;justify-content:center;gap:.6rem} .flogo img{height:28px;width:auto} .flinks{display:flex;gap:1.8rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.3rem;list-style:none} .flinks a{font-size:.73rem;letter-spacing:.1em;color:var(--muted);text-decoration:none;transition:color .2s} .flinks a:hover{color:var(--g)} .fcopy{font-size:.7rem;color:rgba(168,144,96,.38);letter-spacing:.04em} .detailed-schedule-btn{background:rgba(171,33,33,.14);color:rgba(201,168,76,.5);font-family:var(--bf);font-size:.85rem;padding:.8rem 1.5rem;border:1px solid #C9A84C;border-radius:5px;text-transform:uppercase;text-decoration:none;display:inline-block;transition:all .3s ease} .detailed-schedule-btn:hover{background:#C9A84C;color:#0A0905;transform:translateY(-2px)} /* ---- RESPONSIVE ---- */ /* Tablet: 600–768px */ @media(max-width:768px){ /* Nav */ nav{padding:1rem 1.4rem} .nav-links{display:none} .nav-hamburger{display:flex} /* Hero */ .hero{padding:6rem 1.2rem 4rem} .h-ey{font-size:.85rem;letter-spacing:.2em} .h-tag{font-size:1rem;letter-spacing:.06em} .h-badge{padding:.9rem 1.4rem} .h-badge .dm{font-size:1.05rem} .h-badge .dloc{font-size:.8rem;letter-spacing:.1em} .h-btns{gap:.7rem} .btn-p,.btn-s{padding:.75rem 1.6rem;font-size:.7rem;letter-spacing:.12em} /* Countdown */ .cd-sec{padding:2rem 1rem} .cd-num{font-size:3rem} .cd-sep{display:none} .cd-grid{gap:1rem} .cd-unit{min-width:60px} /* About */ .about-grid{grid-template-columns:1fr;gap:2rem} .about-sec{padding:4rem 1.2rem} /* Experiences */ .exp-sec{padding:4rem 1.2rem} .exp-grid{grid-template-columns:1fr} /* Schedule */ .sched-sec{padding:4rem 1.2rem} .sched-tabs{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch} .stab{padding:.6rem .9rem;font-size:.62rem;white-space:nowrap;flex-shrink:0} .sitem{grid-template-columns:75px 1fr;gap:.8rem;padding:.75rem .9rem} .stype{display:none} .stime{font-size:.65rem} .sname{font-size:.8rem} .sname small{font-size:.68rem} /* Passes */ .passes-sec{padding:4rem 1.2rem} .passes-grid{grid-template-columns:1fr;gap:1.2rem} .pass-card.feat{transform:scale(1)} .pass-card{padding:1.8rem 1.4rem} /* Director cards — stack photo above bio on mobile */ .director-card{grid-template-columns:1fr !important;text-align:center} .director-card .director-avatar{max-width:180px;margin:0 auto} .director-card>div:last-child{text-align:left} /* Swiper — 1 card visible on mobile */ .swiper-slide{flex:0 0 calc(100% - 0px)} .swiper-btn{width:34px;height:34px;font-size:1.2rem} /* People / judges grid */ .people-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem} /* Testimonials */ .tgrid{grid-template-columns:1fr} /* Sections — reduce section padding globally on mobile */ section{padding:4rem 1.2rem} /* Decorative elements */ .sec-phoenix,.sec-phoenix-l{display:none} .fire-ring{width:320px;height:320px} /* Final CTA */ .fcta{padding:4rem 1.2rem} .fcta-s{font-size:.86rem} /* Footer */ .flinks{gap:1rem} } /* Small phones: under 420px */ @media(max-width:420px){ .h-ey{font-size:.72rem;letter-spacing:.12em} .cd-num{font-size:2.4rem} .cd-unit{min-width:48px} .btn-p,.btn-s{width:100%;text-align:center;display:block} .h-btns{flex-direction:column;align-items:center} .pass-card{padding:1.4rem 1rem} .pass-amt{font-size:2.2rem} .sched-tabs{flex-wrap:nowrap} .people-grid{grid-template-columns:repeat(2,1fr)} .faq-q{font-size:.85rem} }
Ignite Country Fusion Presents
The Games Begin In
May the odds be ever in your favor
About The Event
Enter the arena. Utah Dance Fest is Utah's first ever country swing convention that started in September of 2024. It is a premier country swing and line dance convention — four days of non-stop dancing, learning, competing, and connecting with the best in the region.
With Country Swing and Line Dance as our main events, we are now adding West Coast Swing, Progressive, Slotted, and Zouk — if you love dancing and learning, this is your event. Come ready to sweat, laugh, learn from world-class instructors, and make memories that last all year.
This year's theme? The Hunger Games. Districts named. Champions crowned. The dance floor is your arena!
Volunteer as Tribute →What Awaits You
Country Swing, Progressive, West Coast Swing, and more — taught by nationally recognized instructors.
Beginner to advanced line dance choreography. Learn new dances and master the classics across multiple levels and styles.
Partner or line dance divisions. All skill levels from newcomer through champion. GA pass required to compete.
After workshops and competitions, the real magic begins. Good music, late-night socials, and hours of dancing with your fellow tributes.
Watch world-class performers bring down the house with demo performances that will leave you breathless and inspired.
Find your district and become part of Utah's fastest-growing country dance community. Create a network of dancers across the nation and spread the love of dancing. This is your tribe.
The Arena Schedule
Choose Your Fate
Every tribute must choose their path into the arena. Swipe to explore all options — full passes are limited to 40 per month.
🔥 Register online and save — prices go up at the door 🔥
View every pass on Danceplace
Register directly and secure your spot before the month's 40 passes sell out.
View All Tickets on Danceplace →Questions? Call or text Loretta: (330) 663-4310 · @utah_dancefest
The Capitol
Behind every great Games is a team who built the arena. Meet the people who pour their heart into making Utah Dance Fest an unforgettable experience year after year.
From the Districts
I've been to conventions all over and Utah Dance Fest blew me away. The instructors were the best, the social dances went all night, and the community is so welcoming.
Came as a complete beginner and left with new friends, and I can't wait to be back.
The competition energy was amazing. Competing was one of the most fun things I've ever done.
Tribute Briefing
The Reaping Is Now
Four days. Hundreds of dancers. One unforgettable weekend in Provo, Utah. Don't let someone else claim your spot on the floor.
September 17–20, 2026 · Provo, Utah · Organized by Ignite Country Fusion