/* NIGHT of the JUMPs — Reference-accurate V5 landing page (2026-11-11) */
/* This overrides ONLY the public home screen; detail pages + backend stay intact. */
:root{--v5-navy:#031128;--v5-blue:#082457;--v5-red:#f21342;--v5-cyan:#19a8ff;--v5-yellow:#ffe449;--v5-display:"Barlow Condensed",Impact,"Arial Narrow",sans-serif}
body:has(.ref-home) .partner-strip{display:none}
body:has(.ref-home) .footer{background:#020e22!important;border-top:2px solid #34517b}
body:has(.ref-home) .footer .container{max-width:1560px}
body:has(.ref-home) .footer .brand{width:235px}
body:has(.ref-home) .footer .brand img{max-height:78px}
body:has(.ref-home) .footer h4{color:#fff;text-transform:uppercase;font-weight:900;font-size:12px}
body:has(.ref-home) .footer .columns{gap:32px}
body:has(.ref-home) .footer a{color:#d8e5f7}
body:has(.ref-home) .footer a:hover{color:#ff2c58}
body:has(.ref-home) .site-header{height:89px!important;background:#030d20f7!important;border-bottom:2px solid #ffffff22!important;box-shadow:0 4px 28px #03112455}
body:has(.ref-home) .site-header .brand{width:210px!important}
body:has(.ref-home) .site-header .brand img{max-height:73px!important}
body:has(.ref-home) .site-header .main-nav a{font:900 13px var(--v5-display)!important;letter-spacing:.025em;text-transform:uppercase}
body:has(.ref-home) .site-header .header-ticket{font:900 13px var(--v5-display)!important;padding:14px 24px;transform:skew(-9deg);border-radius:3px}
body:has(.ref-home) .site-header .header-ticket:hover{background:#ff315f!important}
.ref-home{background:#030f23!important}
.ref-home .container{width:min(calc(100% - 88px),1500px)!important;max-width:1500px!important}
.ref-home .ref-head{margin:0 0 23px}
.ref-home .ref-head h2{font:900 clamp(48px,4.8vw,77px)/.86 var(--v5-display);font-style:italic;letter-spacing:-.026em;filter:drop-shadow(0 3px 15px #030d2066);padding-left:24px!important}
.ref-home .ref-head h2::before{width:9px!important;background:#fb154c!important;transform:skew(-18deg);top:3px;bottom:1px}
.ref-home .ref-head h2 span{font-size:.57em;font-style:normal;letter-spacing:-.003em;color:#f6fbff}
.ref-home .ref-all{font:900 13px var(--v5-display);text-transform:uppercase;letter-spacing:.025em}
.ref-hero{height:clamp(680px,72svh,880px)!important;min-height:680px!important;background:#020e28!important}
.ref-hero-bg{background-size:cover!important;background-position:73% 36%!important;filter:saturate(1.58) contrast(1.24) brightness(.9)!important}
.ref-hero-shade{background:linear-gradient(90deg,#020e26fe 0%,#041532f4 20%,#072151c9 40%,#06193b45 66%,#04132d32 100%),linear-gradient(0deg,#041127cf 0%,transparent 39%,#040f253a 100%)!important}
.ref-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 45% 50% at 78% 17%,#147aff50,transparent 73%),radial-gradient(ellipse 43% 50% at 96% 85%,#ff186455,transparent 70%),linear-gradient(107deg,transparent 0%,transparent 56%,#ff316a25 58%,transparent 69%);pointer-events:none}
.ref-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071634da 0%,transparent 27%),repeating-linear-gradient(145deg,#ffffff08 0,#ffffff08 1px,transparent 2px,transparent 38px);opacity:.68}
.ref-hero-inner{padding:110px 0 100px!important}
.ref-hero-copy{max-width:735px!important;width:55%!important}
.ref-eyebrow{font:900 16px var(--v5-display)!important;letter-spacing:.24em!important;color:#dceeff!important;display:inline-block;border-left:5px solid #ff2356;padding-left:14px}
.ref-hero h1{font:italic 900 clamp(105px,10.9vw,184px)/.72 var(--v5-display)!important;letter-spacing:-.048em!important;margin:37px 0 43px!important;text-shadow:0 7px 16px #02091aab;max-width:880px;transform:skew(-4deg);white-space:normal}
.ref-hero h1 em{display:inline-block;color:#ff194d!important;font-size:1.03em!important;position:relative;text-shadow:0 5px 8px #14071eaa}
.ref-hero h1 em:after{content:"";display:block;position:absolute;left:-5%;right:9%;bottom:-12px;height:18px;transform:skew(-22deg) rotate(-2deg);background:linear-gradient(90deg,#f51647,#eb1c4c 76%,transparent);clip-path:polygon(0 29%,100% 5%,95% 38%,34% 63%,0 100%)}
.ref-hero-sports{font:900 24px var(--v5-display)!important;letter-spacing:.16em!important;background:#061229d9!important;transform:skew(-7deg);padding:9px 17px!important;border-left:4px solid #ff2859}
.ref-hero-sports i{color:#ff285d!important;padding:0 14px!important}
.ref-hero-copy p{font-size:16px!important;line-height:1.68!important;max-width:520px!important;color:#e4effe!important;margin:25px 0!important;text-shadow:0 1px 3px #0009}
.ref-hero-cta{gap:13px!important}
.ref-btn{font:900 18px var(--v5-display)!important;min-height:60px!important;padding:15px 25px!important;letter-spacing:.03em;border-radius:3px!important}
.ref-primary{background:#f21446!important;clip-path:polygon(5% 0%,100% 0%,95% 100%,0% 100%)!important;box-shadow:0 12px 25px #a30733a1}
.ref-primary:hover{background:#ff2c5f!important}
.ref-ghost{border:2px solid #fff9!important;background:#03153075!important}
.ref-hero-bottom{bottom:25px!important}
.ref-hero-bottom>span,.ref-hero-bottom>span>a{font-size:10px!important;color:#ddeaff!important;opacity:.73}
.ref-home .ref-shows{padding:49px 0 46px;background:linear-gradient(135deg,#061a3c 0%,#05152f 58%,#082650 100%)}
.ref-shows-grid{gap:18px!important}
.ref-show,.ref-show-main{min-height:263px!important}
.ref-show{border:2px solid #4d75ac99!important;border-radius:9px!important}
.ref-show-next{border-color:#fc2b5b!important;box-shadow:0 0 0 1px #ff4d7390,0 15px 38px #e8195a42!important}
.ref-show-bg{filter:saturate(1.46) contrast(1.15) brightness(1.05)!important}
.ref-show:after{background:linear-gradient(90deg,#041128ef,#05173587 64%,#04132d21),linear-gradient(0deg,#020e23b4,transparent 70%)!important}
.ref-show-main{padding:24px 29px!important}
.ref-show h3{font:italic 900 clamp(60px,5vw,89px)/.82 var(--v5-display)!important;text-shadow:0 5px 12px #000a;margin-bottom:12px}
.ref-show p{font-size:14px!important;color:#fff!important;max-width:295px}
.ref-next-pill{font:900 18px var(--v5-display)!important;background:#ffe23f!important;color:#06132d!important;padding:8px 20px!important;clip-path:polygon(7% 0%,100% 0%,95% 100%,0% 100%)}
.ref-ticket{font:900 16px var(--v5-display)!important;text-transform:uppercase;padding:10px 18px!important;background:#ff174b!important;clip-path:polygon(6% 0%,100% 0%,94% 100%,0% 100%);border-radius:0!important}
.ref-show-details{font:900 13px var(--v5-display)!important;color:#fff}
.ref-home .ref-riders{padding:49px 0 40px;background:#061735}
.ref-riders-grid{gap:13px!important}
.ref-rider{height:365px!important;border:2px solid #4870a5a0!important;border-radius:9px!important;box-shadow:0 12px 34px #0004!important}
.ref-rider-img{filter:saturate(1.6) contrast(1.18) brightness(1.26)!important;background-position:center 35%!important}
.ref-rider:after{background:linear-gradient(0deg,#041127f9 1%,#08194a8f 42%,transparent 80%),linear-gradient(130deg,#ec134762,transparent 68%)!important}
.ref-rider:nth-child(2n):after{background:linear-gradient(0deg,#041127f9 1%,#08194a79 42%,transparent 80%),linear-gradient(130deg,#1289fa62,transparent 68%)!important}
.ref-rider-content{bottom:24px!important;left:20px!important;right:12px!important}
.ref-rider h3{font:italic 900 clamp(33px,3vw,49px)/.82 var(--v5-display)!important;margin-bottom:12px!important;text-shadow:0 4px 12px #000b}
.ref-rider p{font-size:13px!important}
.ref-rider>small{font:900 10px var(--v5-display)!important;top:15px;left:17px;color:#e4effe99!important}
.ref-home .ref-rank{padding:48px 0 55px;background:radial-gradient(ellipse at 35% 4%,#144f99 0%,#061631 49%,#03152c 100%);border-top:2px solid #ff1b4d66;border-bottom:2px solid #ffffff4a}
.ref-rank-layout{grid-template-columns:.78fr 1.65fr .8fr!important;gap:14px!important}
.ref-rank-art{min-height:352px!important;background:radial-gradient(circle at 50% 25%,#268aff73,#0b2555 49%,#04112b 79%)!important;border:1px solid #3675b3}
.ref-globe-cup{width:88%!important;height:230px!important;filter:drop-shadow(0 0 23px #30a2ffab)!important}
.ref-rank-art b{font:900 23px var(--v5-display)!important;color:#f5faff;letter-spacing:.14em}
.ref-rank-podium{gap:9px!important}
.ref-rank-top{min-height:352px!important;border:2px solid #8cadd059!important;padding:23px!important;clip-path:polygon(7% 0,100% 0,92% 100%,0% 100%)}
.ref-rank-1{border-color:#ffdc66!important;background:linear-gradient(145deg,#85511b,#0d2b56 63%)}
.ref-rank-2{background:linear-gradient(140deg,#1959ab,#061734 65%)}
.ref-rank-3{background:linear-gradient(140deg,#9a463e,#051731 68%)}
.ref-rank-top:before{opacity:.65!important;filter:contrast(1.3) saturate(1.65) brightness(1.12)}
.ref-rank-top:after{background:linear-gradient(0deg,#06142af5 0%,#061737d6 34%,transparent 78%)}
.ref-rank-position{font:900 clamp(97px,7.8vw,145px)/.82 var(--v5-display)!important;top:17px!important;left:18px!important;transform:skew(-8deg)}
.ref-rank-name h3{font:italic 900 clamp(28px,2.5vw,43px)/.84 var(--v5-display)!important;margin-bottom:13px;text-shadow:0 3px 8px #000c}
.ref-rank-top>strong{font:900 42px var(--v5-display)!important;color:#fff;white-space:nowrap}
.ref-rank-1>strong{color:#ffe454}
.ref-rank-row{min-height:51px!important;padding:12px 11px!important;font-size:13px!important;background:#ffffff13!important;border:1px solid #97b5da44!important}
.ref-rank-row b{font:900 23px var(--v5-display)!important}
.ref-rank-footer{padding:15px 8px!important;font:900 15px var(--v5-display)!important;border:1px solid #ff4b69}
.ref-rank-caveat{font-size:10px!important;margin-top:18px}
.ref-home .ref-experience{min-height:570px!important;background:#041838}
.ref-exp-photo{filter:saturate(1.5) contrast(1.3) brightness(.82)!important}
.ref-exp-gradient{background:linear-gradient(90deg,#04142df0 0%,#061433d3 22%,#081c3f71 52%,#04132b21 100%)!important}
.ref-exp-inner{padding:94px 0!important}
.ref-experience h2{font:italic 900 clamp(106px,9vw,161px)/.76 var(--v5-display)!important;text-shadow:0 8px 23px #02112cc0;letter-spacing:-.035em}
.ref-experience p{font-size:17px!important;max-width:390px!important;color:#fff!important}
.ref-home .ref-media{padding:53px 0 63px;background:linear-gradient(110deg,#051733,#03112a)}
.ref-media-grid{gap:31px!important}
.ref-video-cards{gap:14px!important}
.ref-video-picture{height:260px!important;border:2px solid #597faf8f!important}
.ref-video-picture img{filter:saturate(1.5) contrast(1.12) brightness(1.18)}
.ref-video-picture span{width:72px!important;height:72px!important;border:3px solid white!important;background:#04183588}
.ref-video h3{font:italic 900 28px var(--v5-display)!important;margin-top:13px!important}
.ref-merch{padding-left:31px!important}
.ref-merch-link{min-height:325px!important}
.ref-merch-photo img{filter:saturate(1.35) brightness(1.15)}
.ref-merch-copy{padding:35px!important}
.ref-merch-copy h3{font:italic 900 52px/.87 var(--v5-display)!important}
.ref-merch-copy b{font:900 16px var(--v5-display)!important;padding:12px 24px!important}
.ref-follow{padding:42px 0!important;background:#e7edf7!important}
.ref-follow-inner{grid-template-columns:280px 1fr!important}
.ref-follow-copy h2{font:italic 900 60px/.81 var(--v5-display)!important;color:#081d41}
.ref-follow-picture{height:164px!important;border:2px solid #fff!important}
.ref-follow-picture img{filter:saturate(1.35) contrast(1.08)}
.ref-home .newsletter-feature{background:linear-gradient(110deg,#0b2858,#061a38)!important;color:#fff!important;padding:52px 0!important;border-top:3px solid #ff204e}
.ref-home .newsletter-feature h2{font:italic 900 64px/.88 var(--v5-display)!important;color:white!important}
.ref-home .newsletter-feature p{color:#d1e0f4!important;font-size:13px}
.ref-home .newsletter-feature .eyebrow{color:#ffc5d1!important}
.ref-home .newsletter-coming{color:#bcd1e9!important;border-color:#ffffff3f!important}
@media(max-width:1250px){.ref-hero h1{font-size:clamp(92px,10vw,134px)!important}.ref-rider{height:315px!important}.ref-rank-layout{grid-template-columns:.66fr 1.65fr .9fr!important}.ref-rank-art,.ref-rank-top{min-height:302px!important}.ref-rank-position{font-size:100px!important}.ref-rank-name h3{font-size:29px!important}.ref-video-picture{height:210px!important}.ref-follow-inner{grid-template-columns:240px 1fr!important}}
@media(max-width:950px){.ref-rank-layout{grid-template-columns:1fr 2fr!important}.ref-rank-others{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.ref-rank-art,.ref-rank-top{min-height:280px!important}.ref-rider{height:295px!important}.ref-home .ref-experience{min-height:480px!important}.ref-video-picture{height:190px!important}}
@media(max-width:700px){body:has(.ref-home) .site-header{height:73px!important}.ref-home .container{width:calc(100% - 32px)!important}.ref-hero{height:calc(100svh - 73px)!important;min-height:700px!important;max-height:870px}.ref-hero-bg{background-position:68% 10%!important;background-size:auto 72%!important;background-repeat:no-repeat!important;background-color:#051229!important;filter:saturate(1.5) brightness(.99)!important}.ref-hero-shade{background:linear-gradient(0deg,#021028fd 3%,#03152de6 42%,#03163447 75%,#05163075 100%)!important}.ref-hero-inner{padding:320px 0 100px!important;align-self:flex-end}.ref-hero-copy{width:100%!important;max-width:100%!important}.ref-eyebrow{font-size:12px!important;letter-spacing:.13em!important}.ref-hero h1{font-size:clamp(85px,20.5vw,125px)!important;margin:19px 0 24px!important}.ref-hero-sports{font-size:17px!important;padding:8px!important}.ref-hero-sports i{padding:0 5px!important}.ref-hero-copy p{font-size:13px!important;margin:15px 0!important}.ref-btn{font-size:13px!important;min-height:49px!important;padding:11px 15px!important}.ref-home .ref-head h2{font-size:45px!important}.ref-home .ref-shows,.ref-home .ref-riders,.ref-home .ref-rank,.ref-home .ref-media{padding:37px 0!important}.ref-show,.ref-show-main{min-height:225px!important}.ref-show h3{font-size:68px!important}.ref-show p{font-size:12px!important}.ref-rider{height:250px!important}.ref-rider h3{font-size:33px!important}.ref-rank-layout{grid-template-columns:1fr!important}.ref-rank-art{min-height:170px!important;flex-direction:row!important}.ref-globe-cup{width:126px!important;height:141px!important}.ref-rank-top{min-height:220px!important;padding:12px!important}.ref-rank-position{font-size:80px!important}.ref-rank-name h3{font-size:22px!important}.ref-rank-top>strong{font-size:29px!important}.ref-rank-others{grid-column:1!important;display:flex!important}.ref-rank-row{min-height:40px!important}.ref-home .ref-experience{min-height:500px!important}.ref-exp-inner{padding:65px 0!important}.ref-experience h2{font-size:clamp(82px,18vw,117px)!important}.ref-experience p{font-size:14px!important}.ref-video-picture{height:172px!important}.ref-video h3{font-size:23px!important}.ref-video:last-child .ref-video-picture{height:230px!important}.ref-merch{padding:25px 0 0!important}.ref-merch-link{min-height:290px!important}.ref-merch-copy h3{font-size:44px!important}.ref-follow-inner{grid-template-columns:1fr!important}.ref-follow-picture{height:145px!important}.ref-home .newsletter-feature h2{font-size:49px!important}}
@media(prefers-reduced-motion:reduce){.ref-show-bg,.ref-rider-img,.ref-video-picture img{transition:none!important}}

/* Final extra-small viewport fit: keep cinematic overflow inside horizontal canvas. */
html:has(.ref-home),body:has(.ref-home){max-width:100vw;overflow-x:clip}
.ref-hero,.ref-shows,.ref-riders,.ref-rank,.ref-experience,.ref-media{max-width:100%;overflow-x:clip}
@media(max-width:390px){.ref-hero h1{font-size:clamp(80px,19.5vw,105px)!important}.ref-rank-layout,.ref-rank-podium,.ref-riders-grid{min-width:0!important}.ref-home .container{max-width:calc(100% - 26px)!important}}