/* Desktop editorial home. Mobile retains its compact race entry. */
.desktop-hero-kicker,.desktop-hero-lead,.desktop-hero-explore,.desktop-discover{display:none}
@media(min-width:960px){
 body.mobile-hub.midnight{background:#071725;color:#f2f8ff}
 body.mobile-hub.midnight main>#join:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr);gap:0;background:transparent;border:0;box-shadow:none;overflow:visible}
 body.mobile-hub.midnight #join .compact-hero.world-tour{box-sizing:border-box;position:relative;width:100%;height:clamp(485px,58svh,680px);min-height:485px;aspect-ratio:auto!important;border-radius:18px;align-self:auto;background:#061b30!important;overflow:hidden}
 body.mobile-hub.midnight #join .world-tour .midnight-art{width:100%;height:100%;object-fit:cover!important;object-position:center center!important}
 body.mobile-hub.midnight #join .world-tour::after{background:linear-gradient(90deg,#031426 0%,#031426ef 17%,#031426bf 37%,#03142617 70%),linear-gradient(0deg,#03142655,transparent 38%)}
 body.mobile-hub.midnight #join .hero-names{display:none}
 body.mobile-hub.midnight #join .desktop-hero-kicker{display:block;position:absolute;left:6%;top:19%;z-index:2;margin:0;font-size:12px;font-weight:800;letter-spacing:3px;color:#63e6ef}
 body.mobile-hub.midnight #join .world-tour #join-title{top:27%;left:6%;width:46%;max-width:46%!important;padding:0;margin:0;transform:none;filter:none;font-style:normal;font-size:clamp(42px,4.3vw,68px)!important;font-weight:850;line-height:1.12;letter-spacing:-1.4px;text-shadow:0 3px 18px #00111e}
 body.mobile-hub.midnight #join .world-tour #join-title .slogan-line{line-height:1.15}
 body.mobile-hub.midnight #join .world-tour #join-title .slogan-second{margin-top:6px}
 body.mobile-hub.midnight #join .desktop-hero-lead{display:block;position:absolute;left:6%;top:54%;width:min(35%,480px);z-index:2;margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:#e1eef6;text-shadow:0 2px 12px #00121b}
 body.mobile-hub.midnight #join button.hero-join{display:inline-flex;align-items:center;justify-content:center;left:6%;bottom:15%;width:auto;min-width:215px;min-height:54px;padding:12px 24px;border-radius:8px;font-size:17px;box-shadow:none}
 body.mobile-hub.midnight #join .desktop-hero-explore{display:inline-flex;align-items:center;position:absolute;left:calc(6% + 245px);bottom:calc(15% + 16px);z-index:2;color:#f4fbff;text-decoration:none;font-size:15px;font-weight:700;border-bottom:1px solid #7dd9eb;padding-bottom:3px}
 body.mobile-hub.midnight #join .join-surface.nameball-card{display:none!important}
 body.mobile-hub.midnight #join.signup-open .join-surface.nameball-card{display:flex!important;box-sizing:border-box;width:min(100%,820px);margin:24px auto 0;padding:28px!important;box-shadow:0 16px 42px #0003}
 body.mobile-hub.midnight #join .desktop-showcase{display:block;grid-column:1;margin:30px 0 0}
 body.mobile-hub.midnight #join .showcase-heading{margin-bottom:16px}
 body.mobile-hub.midnight #join .showcase-heading>div>span{color:#71c8df}
 body.mobile-hub.midnight #join .showcase-heading h2{color:#f6faff;font-size:28px;margin:5px 0 0}
 body.mobile-hub.midnight #join .showcase-heading>a{color:#9be8ee}
 body.mobile-hub.midnight #join .showcase-grid{gap:14px}
 body.mobile-hub.midnight #join .showcase-card{min-height:210px;aspect-ratio:1.85;border-radius:12px}
 body.mobile-hub.midnight #join .showcase-card>div{bottom:17px;left:17px;right:36px}
 body.mobile-hub.midnight #join .desktop-discover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 30px}
 body.mobile-hub.midnight #join .desktop-discover a{position:relative;min-width:0;min-height:142px;box-sizing:border-box;padding:22px 24px;border-radius:12px;border:1px solid #31516c;background:linear-gradient(145deg,#0c2940,#081d31);color:#ecf8ff;text-decoration:none}
 body.mobile-hub.midnight #join .desktop-discover a>span{display:block;color:#59d9ea;font-size:11px;letter-spacing:2px;font-weight:800;margin-bottom:10px}
 body.mobile-hub.midnight #join .desktop-discover strong{display:block;font-size:19px;line-height:1.3;padding-right:22px}
 body.mobile-hub.midnight #join .desktop-discover p{margin:8px 0 0;font-size:13px;line-height:1.45;color:#bbd1df}
 body.mobile-hub.midnight #join .desktop-discover b{position:absolute;top:20px;right:22px;color:#57dceb;font-size:19px}
 body.mobile-hub.midnight #join .desktop-discover a:hover,body.mobile-hub.midnight #join .desktop-discover a:focus-visible{border-color:#54d5e6;background:#10334a}
}
@media(min-width:960px) and (max-width:1199px){
 body.mobile-hub.midnight #join .world-tour #join-title{width:55%;max-width:55%!important;font-size:clamp(38px,4.5vw,54px)!important}
 body.mobile-hub.midnight #join .desktop-hero-lead{top:61%;width:48%;font-size:16px}
 body.mobile-hub.midnight #join button.hero-join{bottom:12%}
 body.mobile-hub.midnight #join .desktop-hero-explore{bottom:calc(12% + 16px)}
 body.mobile-hub.midnight #join .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){body.mobile-hub.midnight #join .showcase-card img{transition:none}}