/* Original Race1000 photographs: shown intact; transparency is presentation only. */
:root{--red:#e30613}
.brand img{display:block;width:190px;height:auto;max-width:100%}
footer .brand{display:block;width:190px;flex-shrink:0}
.hero{isolation:isolate;background:#090b0e;border-radius:8px;border-color:#33363b}
.hero-photo{position:absolute;right:0;top:0;height:100%;width:72%;object-fit:contain;object-position:right center;opacity:.62;z-index:-2}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090b0e 0%,#090b0eee 24%,#090b0e7a 52%,#090b0e08 78%);z-index:-1}
.hero-bottom{border:0;text-shadow:0 1px 8px #000}
.event-grid{grid-template-columns:1fr}
.event-card{position:relative;isolation:isolate;min-height:440px;background:#0d1014;border:1px solid #373b42;border-radius:8px;border-left:4px solid var(--red);justify-content:center}
.card-photo{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:contain;object-position:right center;opacity:.68;z-index:-2;transition:opacity .2s}
.event-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d1014 0%,#0d1014f5 23%,#0d101477 43%,transparent 65%);z-index:-1}
.event-card:hover .card-photo{opacity:.82}
.card-top{min-height:0;padding:32px 34px 0;background:none;align-items:center;justify-content:flex-start;gap:20px}
.card-date{font-size:16px;letter-spacing:1px;color:#d8d9dd}
.badge{font-size:9px;background:#0d1014ad;border-color:#7b7e86}
.card-body{padding:28px 34px 34px;flex:0;max-width:46%}
.card-body h3{font-size:clamp(28px,3.4vw,44px);font-weight:900;letter-spacing:-1px;line-height:1.05;margin-bottom:21px}
.card-body p{color:#c5c7cc;line-height:1.7}
.card-link{margin-top:28px;padding:13px 17px;border:1px solid #ffffff45;border-radius:3px;background:#11151bbf;max-width:280px}
.card-link span{color:white}.event-card:hover .card-link{background:var(--red);border-color:var(--red)}
@media(max-width:700px){
 .hero{padding:32px 24px 24px;min-height:550px;display:flex;flex-direction:column;justify-content:space-between}
 .hero-photo{width:100%;height:auto;top:auto;bottom:0;opacity:.48}
 .hero:after{background:linear-gradient(180deg,#090b0e 0%,#090b0ee6 30%,#090b0e22 65%,#090b0e11 100%)}
 .hero-bottom{margin-top:110px;padding-top:0}.hero .intro{max-width:270px}
 .event-card{min-height:0;display:flex;justify-content:flex-start;padding-top:67%;overflow:hidden}
 .card-photo{width:100%;height:auto;top:0;opacity:.78;object-fit:contain}
 .event-card:after{background:linear-gradient(180deg,transparent 0%,transparent 29%,#0d101450 45%,#0d1014 68%)}
 .card-top{padding:22px 22px 0;gap:12px;justify-content:space-between}
 .card-date{font-size:14px}.card-body{max-width:100%;padding:22px}
 .card-body h3{font-size:32px}.card-link{max-width:none;margin-top:20px}
 footer{align-items:flex-start;flex-direction:column;gap:17px}footer p{margin:0}
}
.hero-photo,.card-photo{mask-image:linear-gradient(90deg,transparent,#000 18%)} @media(max-width:700px){.hero-photo,.card-photo{mask-image:none}}
