*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;min-width:0}
html{scroll-behavior:auto}
body{overflow-x:hidden;background:#090909}
a,a:hover{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3,h4,p,span,a,li,label{overflow-wrap:break-word;word-break:break-word;hyphens:auto}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
[data-r]{opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.nav-a{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(244,244,240,.8);position:relative;padding-bottom:2px;transition:color .2s}
.nav-a:hover{color:#F4F4F0}
.nav-a::after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:1px;background:#F4F4F0;transition:width .35s cubic-bezier(.16,1,.3,1)}
.nav-a:hover::after{width:100%}
.game-row{display:flex;align-items:center;justify-content:space-between;padding:clamp(18px,2.5vw,28px) 0;border-bottom:1px solid rgba(9,9,9,.12);cursor:default;transition:color .25s,letter-spacing .3s;font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(24px,4vw,58px);color:#090909;text-transform:uppercase;letter-spacing:-.02em}
.game-row:first-child{border-top:1px solid rgba(9,9,9,.12)}
.game-row:hover{color:#D4AF37;letter-spacing:.01em}
.game-num{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:400;letter-spacing:2px;color:rgba(9,9,9,0.55);transition:color .25s;flex-shrink:0}
.game-row:hover .game-num{color:#D4AF37}
.car-slide{flex:0 0 100%;height:clamp(280px,60vh,680px);overflow:hidden}
.img-cover{width:100%;height:100%;object-fit:cover;display:block}
.gal-img{overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.12)}
.gal-img img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.1);transition:transform 7s ease}
.gal-img:hover img{transform:scale(1.16)}
.fi{background:transparent;border:none;border-bottom:1px solid rgba(9,9,9,.3);outline:none;width:100%;font-family:'Space Grotesk',sans-serif;font-size:15px;color:#090909;padding:12px 0;transition:border-color .2s}
.fi:focus{border-color:#090909}
.fi::placeholder{color:rgba(9,9,9,0.55);font-size:12px;letter-spacing:1.5px;text-transform:uppercase}
.circ{border-radius:50%;overflow:hidden;flex-shrink:0;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.circ:hover{transform:scale(1.04)}
@media(max-width:900px){
  .dnav{display:none!important}.mnav-btn{display:flex!important}
  .h-corner{display:none!important}
  .about-row{flex-direction:column!important}
  .card-grid{grid-template-columns:1fr!important}
  .pelit-row{flex-direction:column!important}
  .gal-grid{grid-template-columns:repeat(2,1fr)!important}
  .ct-row{flex-direction:column!important}
  .ft-row{flex-direction:column!important;gap:24px!important}
  .ft-row > div:last-child{text-align:left!important;align-items:flex-start!important}
  .event-card{min-height:auto!important}
  .form-grid{grid-template-columns:1fr!important;gap:22px!important}
  /* .gal-img sits inside .pelit-row, whose flex-direction flips to column above --
     its flex-basis (which sized WIDTH in row mode) would otherwise size HEIGHT
     instead and collapse the image. Reset it to a plain full-width block. */
  .pelit-row .gal-img{flex:none!important;width:100%!important;height:clamp(220px,60vw,320px)!important}
  .ev-right{text-align:left!important;margin-left:0!important;margin-right:0!important}
}
@media(max-width:600px){
  .gal-grid{grid-template-columns:1fr!important}
  .car-btn{width:38px!important;height:38px!important;font-size:16px!important}
  .car-label{font-size:9px!important;left:16px!important;top:14px!important}
}
@media(max-width:480px){
  #hl1,#hl2,#hl3,#hl4{font-size:8.5vw!important}
  .hero-h1-tight{font-size:8vw!important}
}
.gtab{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:10px 20px;border:1px solid rgba(244,244,240,.22);background:transparent;color:rgba(244,244,240,0.5);cursor:pointer;transition:all .22s;white-space:nowrap}
.gtab:hover{color:#F4F4F0;border-color:rgba(244,244,240,.5)}
.gtab.gactive{background:#F4F4F0;color:#090909;border-color:#F4F4F0}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(9,9,9,.55);border:1px solid rgba(244,244,240,.18);color:#F4F4F0;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;backdrop-filter:blur(8px);z-index:5;line-height:1;flex-shrink:0}
.car-btn:hover{background:rgba(9,9,9,.88);border-color:rgba(244,244,240,.5)}
.car-dot{width:24px;height:24px;box-sizing:border-box;padding:8.5px;border-radius:50%;background-color:rgba(255,255,255,.28);background-clip:content-box;border:none;cursor:pointer;transition:background-color .25s,transform .25s;flex-shrink:0}
.car-dot.cdot-active{background-color:#F4F4F0;transform:scale(1.15)}
.car-label{position:absolute;top:20px;left:24px;z-index:6;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(244,244,240,.5);pointer-events:none}