/* Larger, clearer event introduction. Kept separate from the established page styles. */
.hero-content{position:relative;text-align:center;justify-self:center;width:100%}
@media(min-width:1000px){.hero-shell{height:auto;min-height:calc(100svh - 134px)}}
.hero-eyebrow{justify-content:center;padding:12px 0 13px;border-bottom:1px solid #7dcbff55;color:#d3efff;font-size:13px;letter-spacing:.17em}
.hero-eyebrow>span:last-child{display:none}
.hero h1{line-height:1.08;letter-spacing:-.045em;text-shadow:5px 7px 0 #020b19,0 0 35px #137cff90}
.hero h1 .hero-title-primary,.hero h1 .hero-title-location{display:block;white-space:nowrap}
.hero h1 .hero-title-primary{color:#fff;font-style:normal;padding-top:.07em;text-shadow:5px 7px 0 #020b19,0 0 35px #137cff90}
.hero h1 .hero-title-location{margin-top:.08em;text-shadow:5px 7px 0 #020b19,0 0 32px #f5174da0}
.hero-lead{color:#f0f6ff;font-size:20px;line-height:1.5;max-width:675px;margin-inline:auto;text-wrap:pretty}
.hero-facts{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;border:0;padding:0}
.hero-facts .fact{min-height:83px;padding:13px 12px 12px;border:1px solid #70baff60;border-top:3px solid var(--red);background:linear-gradient(130deg,#133263b0,#0b1b38c9);box-shadow:inset 0 1px 0 #d5eeff19,0 8px 22px #0209193d}
.hero-facts .fact:nth-child(2){border-top-color:var(--blue)}
.hero-facts .fact strong{font-size:clamp(20px,1.8vw,27px);line-height:1.14}
.hero-facts .fact-label{font-size:13px;color:#9fdcff;margin-bottom:5px}
.hero-actions{justify-content:center;gap:28px}
.hero-actions .btn{min-height:66px;padding:15px 28px;font-size:24px;line-height:1.16;box-shadow:0 0 28px #f40c2e7c,6px 6px 0 #061124}
.hero-link{font-size:21px;line-height:1.2;border-bottom-width:3px}
@media(min-width:1251px) and (min-height:620px){
  .hero-shell{max-width:1600px;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:clamp(30px,3.2vw,60px)}
  .hero-content{max-width:none}
  .hero h1{font-size:clamp(102px,8vw,138px);margin:18px 0 16px}
  .hero-lead{margin-bottom:18px}
  .hero-actions{margin-top:18px}
}
@media(min-width:1101px) and (max-width:1250px) and (min-height:620px){
  .hero-shell{grid-template-columns:minmax(0,1.35fr) minmax(315px,.65fr);gap:30px}
  .hero h1{font-size:clamp(96px,8.5vw,106px);margin:17px 0 15px}
  .hero-lead{font-size:18px;margin-bottom:17px}
  .hero-facts .fact strong{font-size:20px}
  .hero-actions{margin-top:17px}
}
@media(min-width:1000px) and (max-width:1100px) and (min-height:620px){
  .hero-shell{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:24px}
  .hero h1{font-size:clamp(84px,8.5vw,94px);margin:16px 0 14px}
  .hero-lead{font-size:17px;margin-bottom:15px}
  .hero-facts .fact{padding:11px 9px;min-height:76px}
  .hero-facts .fact strong{font-size:18px}
  .hero-actions{margin-top:16px;gap:16px}
  .hero-actions .btn{font-size:20px;padding-inline:18px}
  .hero-link{font-size:18px}
}
@media(min-width:1000px) and (min-height:620px) and (max-height:700px){
  .hero-shell{padding-top:12px;padding-bottom:12px}
  .hero-eyebrow{padding:7px 0;font-size:11px}
  .hero h1{font-size:clamp(82px,7.4vw,98px);margin:11px 0}
  .hero-lead{font-size:16px;line-height:1.4;margin-bottom:14px}
  .hero-facts .fact{min-height:68px;padding-top:8px;padding-bottom:8px}
  .hero-facts .fact strong{font-size:19px}
  .hero-actions{margin-top:15px}
  .hero-actions .btn{min-height:52px;padding-block:10px;font-size:19px}
  .hero-link{font-size:17px}
}
@media(max-width:999px){
  .hero h1{font-size:clamp(72px,9vw,100px);margin:22px 0 18px}
  .hero-lead{font-size:18px;margin-bottom:24px}
  .hero-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-facts .fact:last-child{grid-column:auto}
  .hero-facts .fact strong{font-size:clamp(17px,2.1vw,22px)}
}
@media(max-width:700px){
  .hero h1{font-size:clamp(70px,13vw,100px)}
  .hero-facts .fact{min-height:75px}
  .hero-actions .btn{font-size:21px}
}
@media(max-width:620px){
  .hero-eyebrow{font-size:10px;letter-spacing:.1em}
  .hero h1{font-size:clamp(44px,calc(15vw - 3px),83px);margin:20px 0 17px}
  .hero-lead{font-size:16px;line-height:1.55}
  .hero-facts{grid-template-columns:1fr;gap:7px}
  .hero-facts .fact,.hero-facts .fact:last-child{grid-column:auto;min-height:0;padding:11px 14px}
  .hero-facts .fact strong{font-size:22px}
  .hero-facts .fact-label{font-size:11px;margin-bottom:3px}
  .hero-actions .btn{font-size:20px;min-height:60px}
  .hero-link{font-size:19px}
}
@media(max-width:370px){.hero h1{font-size:clamp(44px,14vw,52px)}.hero-actions .btn{font-size:17px}}