/* New Year Classic – static rebuild of the Divi site */
:root{
  --orange:#fe5c21;
  --orange-2:#ff6600;
  --black:#000;
  --ink:#333;
  --body:#666;
  --light:#e9e9e9;
  --off:#f4f4f4;
  --head:"Bakbak One",Impact,"Arial Narrow Bold",sans-serif;
  --text:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --nav:"Titillium Web",var(--text);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#000;color:var(--body);font:500 16px/1.7 var(--text);overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4,h5{margin:0;font-weight:500}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
.orange{color:var(--orange-2)}
.center{text-align:center}
.wrap{width:90%;margin:0 auto}
.wrap-narrow{max-width:1080px}
section[id]{scroll-margin-top:20px}

/* Buttons */
.btn{display:inline-block;font:700 16px/1.7 var(--text);color:#fff;background:var(--orange);border:2px solid var(--orange);border-radius:10px;padding:8px 16px;text-decoration:none;transition:background .2s,color .2s}
.btn:hover{background:#e04a14;border-color:#e04a14}
.btn-outline{background:transparent;color:var(--orange)}
.btn-outline:hover{background:var(--orange);color:#fff;border-color:var(--orange)}
.btn-sm{font-size:13px;font-weight:800;padding:8px 13px}
.btns{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}

/* Header */
.site-header{background:#000;padding:54px 0 20px}
.header-row{display:flex;align-items:center;gap:24px;padding:27px 0}
.logo img{width:215px}
.main-nav{flex:1}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 22px}
.main-nav a{font:700 12.5px/14px var(--nav);color:#fff;text-transform:uppercase;text-decoration:none;letter-spacing:.02em;transition:color .2s}
.main-nav a:hover{color:var(--orange)}
.header-btns{display:flex;gap:12px;flex-shrink:0}
.header-rule{width:95%;margin:0 auto;border-top:2px solid #fff}
.menu-toggle{display:none;background:none;border:0;padding:6px;cursor:pointer;margin-left:auto}
.menu-toggle span{display:block;width:26px;height:3px;background:var(--orange);margin:5px 0;transition:transform .2s,opacity .2s}
.menu-open .menu-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-open .menu-toggle span:nth-child(2){opacity:0}
.menu-open .menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* Hero */
.hero{background:#000;color:#f4f4f4}
.hero-row{display:grid;grid-template-columns:60fr 40fr;align-items:center;min-height:556px}
.hero .kicker{font:500 24px/1 var(--text);letter-spacing:.5px;text-transform:uppercase;margin:0 0 18px}
.hero h1{font:400 93px/96px var(--head);margin:0 0 20px}
.hero .tagline{font:400 28.8px/1 var(--head);letter-spacing:.5px;color:#f4f4f4;margin:0 0 18px}
.hero .kicker-reg{font-size:22.4px;color:#fff;margin:36px 0 0}
.hero .btns{margin-top:22px}
.hero-img img{width:100%;max-width:513px;margin-left:auto}

/* Sections */
.sec{padding:81px 0}
.sec-white{background:#fff}
.sec-black{background:#000;color:var(--light)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:71px}
.align-center{align-items:center}
.eyebrow{font:700 18px/1 var(--head);color:var(--orange-2);letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
.sec h2{font:700 30px/33px var(--head);color:var(--ink);letter-spacing:1px;text-transform:uppercase;margin-bottom:22px}
.sec-black h2{color:var(--light)}
.lead{font-size:18px;line-height:30px;letter-spacing:1px;text-transform:uppercase}
.sec-black .lead,.sec-black p{color:var(--light)}
.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sec h2{overflow-wrap:break-word}
#about .two-col>div:last-child{padding-top:30px}
.read-more{max-height:200px;overflow:hidden;transition:max-height .3s ease-out}
.read-more.open{max-height:2000px;transition:max-height .3s ease-in}
.read-more-btn{background:none;border:0;padding:.5em .5em .5em 0;margin-top:8px;font:800 16px/27px var(--text);color:var(--orange);cursor:pointer}
.read-more-btn span{display:inline-block;margin-left:4px;transition:transform .2s}
.read-more-btn[aria-expanded="true"] span{transform:rotate(180deg)}
.badge img{width:100%;max-width:401px;margin:0 auto}

/* Values */
.values{background:linear-gradient(rgba(255,255,255,.67),rgba(255,255,255,0)),url(img/core-values-bg.webp) center/cover no-repeat,var(--off)}
.values-intro{padding-bottom:27px}
.values-intro .lead{max-width:1000px;margin:0 auto}
.cards{display:grid;gap:40px;margin:0 auto}
.cards-3{grid-template-columns:repeat(3,1fr);padding-bottom:15px}
.cards-2{grid-template-columns:repeat(2,minmax(0,364px));justify-content:center;gap:40px 242px;padding-top:27px}
.card{background:#000;border:1px solid #ebebeb;border-radius:10px;padding:30px;text-align:center;color:var(--light);margin:0 20px}
.cards-2 .card{margin:0}
.card img{width:200px;margin:0 auto 10px}
.card h3{font:800 20px/1 var(--head);color:var(--orange);text-transform:uppercase;padding-bottom:10px}
.card h3.lg{font-size:22px}
.card p{font-size:16px;line-height:27px}

/* Sponsors */
.sponsors{background:var(--light);color:var(--ink)}
.sponsors-title{color:#000!important;font-size:29px!important;letter-spacing:0!important}
.sponsor img{margin:10px auto 22px}
.sponsor h4{font:400 18px/1 var(--head);text-transform:uppercase;margin-bottom:12px}
.sponsor-phone{font:400 18px/1 var(--head);margin-bottom:12px}
.sponsor-phone a{color:var(--ink);text-decoration:none}
.sponsor-phone a:hover{color:var(--orange)}
.sponsor-addr{color:var(--body)}

/* Coming soon */
.coming-soon{background:var(--orange);padding:47px 0}
.coming-soon h4{font:700 18px/32.4px var(--head);color:#fff}
.coming-soon h2{font:800 90px/90px var(--head);color:var(--ink)}
.rego{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;margin:28px auto 0;max-width:820px}
.rego-field{display:flex;flex-direction:column;gap:6px;text-align:left;flex:1 1 220px}
.rego-field span{font:700 13px/1 var(--text);color:#fff;letter-spacing:.5px;text-transform:uppercase}
.rego select{appearance:none;-webkit-appearance:none;width:100%;font:500 16px/1.4 var(--text);color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23333' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;border:2px solid #fff;border-radius:10px;padding:10px 40px 10px 14px;cursor:pointer}
.rego select:focus{outline:3px solid var(--ink);outline-offset:2px}
.btn-dark{background:var(--ink);border-color:var(--ink);color:#fff;padding:10px 20px}
.btn-dark:hover{background:#000;border-color:#000}
.rego-msg{color:#fff;font-weight:700;margin:14px 0 0}
.rego-list{margin:22px auto 0;color:#fff;max-width:520px}
.rego-list summary{cursor:pointer;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.rego-list ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.rego-list li{display:flex;justify-content:center;align-items:center;gap:14px}
.rego-list li strong{width:40px;text-align:right;font-family:var(--head);font-weight:400}
.rego-list a{color:#fff;font-weight:700}
.rego-list a:hover{color:var(--ink)}

/* Contact + footer */
.contact{background:#000;padding:57px 0 27px}
.contact h3{font:400 22px/33px var(--head);color:#fff;margin-bottom:30px}
.contact-email{font:400 24px/1 var(--head);margin:0}
.contact-email a{color:var(--orange);text-decoration:none}
.contact-email a:hover{text-decoration:underline}
.contact-rule{width:162px;border-top:1px solid var(--light);margin:40px auto 0}
.site-footer{background:#000;color:#fff}
.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0}
.footer-row img{width:35px}
.footer-row p{text-align:right;font-size:16px;line-height:23.8px}

/* Tablet */
@media (max-width:1180px){
  .header-btns{display:none}
  .hero h1{font-size:72px;line-height:76px}
}
@media (max-width:980px){
  .site-header{padding:20px 0 10px;position:relative}
  .header-row{padding:12px 0}
  .logo img{width:150px}
  .menu-toggle{display:block}
  .main-nav{position:absolute;left:0;right:0;top:100%;background:#000;z-index:50;border-top:2px solid var(--orange);display:none}
  .menu-open .main-nav{display:block}
  .main-nav ul{flex-direction:column;gap:0;padding:10px 5%}
  .main-nav li a{display:block;font:500 18px/26px var(--text);text-transform:none;padding:12px 0;border-bottom:1px solid #222}
  .header-rule{display:none}
  .hero-row{grid-template-columns:1fr;text-align:center;padding:30px 0 0;min-height:0}
  .hero .btns{justify-content:center}
  .hero-img img{margin:30px auto 0}
  .sec{padding:80px 0}
  .two-col{grid-template-columns:minmax(0,1fr);gap:30px}
  #about .two-col>div:last-child{padding-top:0}
  #about .two-col>div:first-child{text-align:center}
  .cards-3,.cards-2{grid-template-columns:1fr;gap:30px}
  .card{margin:0;max-width:420px;width:100%;justify-self:center}
}
/* Phone */
@media (max-width:600px){
  .hero .kicker{font-size:14.4px;line-height:1.2}
  .hero h1{font-size:53px;line-height:50px}
  .hero .tagline{font-size:22.4px;line-height:1.1}
  .hero .kicker-reg{font-size:17.6px;margin-top:24px}
  .coming-soon h2{font-size:64px;line-height:66px}
  .footer-row img{width:44px}
}