/* The design's own stylesheet, from Moxie New Landing */
html{scroll-behavior:smooth}body{margin:0;background:#07070A;color:#fff;font-family:Rubik,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#FFD21F;text-decoration:none}a:hover{color:#FF3D8A}
input::placeholder{color:rgba(20,22,51,.35)}
@media (max-width:900px){
[data-r="navlinks"]{display:none!important}
[data-zchips]{display:none!important}
[data-pchip]{display:none!important}
[data-nav]{max-width:100%!important}
}
@media (max-width:900px){
#focus{padding-bottom:560px!important;align-items:flex-start!important}
[data-fimgbox],[data-r="fringbox"]{top:auto!important;bottom:-1%!important;height:800px!important;right:auto!important;left:50%!important;margin-left:-225px!important}
[data-r="fringbox"] [data-rv]{zoom:.78}
[data-r="fringbox"] > div{left:30%!important;top:60%!important;margin-left:max(0px,calc(96px - 30vw))}
#pro{background:#07070A!important}
[data-r="proimg"]{width:100%!important;height:640px!important;object-position:50% 20%!important}
[data-r="prograd"]{background:linear-gradient(180deg,rgba(7,7,10,0) 0%,rgba(7,7,10,0) 55%,rgba(7,7,10,.85) 82%,#07070A 100%)!important;height:640px!important;bottom:auto!important}
#pro [data-r="p280"]{padding-top:120px!important;gap:40px!important}
#pro [data-prostage]{zoom:.9}
}
@media (max-width:640px){
[data-r="p280"]{padding-top:130px!important;padding-bottom:130px!important}
[data-r="p200"]{padding-top:120px!important;padding-bottom:120px!important}
#line{padding-bottom:180px!important}
#board{padding-top:120px!important;padding-bottom:140px!important}
[data-r="bust"]{left:50%!important;top:-6%!important;height:118%!important}
[data-zcopy]{bottom:88px!important}
[data-zcopy] h1{font-size:44px!important}
[data-zintro]{bottom:18px!important}
[data-zintro] > div:first-child{display:none!important}
#line [data-route] > div:first-child{display:none!important}
#line [data-route] > div:nth-child(2){grid-template-columns:1fr 1fr!important;row-gap:56px!important}
#line [data-route]{margin-top:56px!important}
#streaks [data-tilt]{zoom:1!important}
[data-r="ppzoom"]{zoom:.9!important}
[data-r="wstage"]{max-width:none!important}
[data-phstage]{height:560px!important}
[data-phstage] [data-ph]{zoom:.82}
[data-phstage] [data-ph="-1"],[data-phstage] [data-ph="1"]{opacity:.55!important}
h2{text-wrap:balance}
}

@keyframes f6-letter{0%{opacity:0;transform:translateY(45%) scale(1.7)}65%{opacity:1;transform:translateY(-3%) scale(.97)}100%{opacity:1;transform:none}}
@keyframes f6-lamp{0%,100%{opacity:.75;transform:translate(-50%,-50%) scale(1)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}55%{opacity:.85}}
@keyframes mx-bloom{from{opacity:0;transform:translate(-50%,0) scale(.7)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes mx-settle{from{transform:translateX(-50%) scale(1.07)}to{transform:translateX(-50%) scale(1)}}
@keyframes mx-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes mx-ring{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@keyframes v2-zoom{from{transform:scale(1.18)}to{transform:scale(1)}}
@keyframes v2-rise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes v2-fade{from{opacity:0}to{opacity:1}}
@keyframes v2-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes v2-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes v2-cue{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(8px);opacity:1}}
@keyframes v2-dash{from{stroke-dashoffset:440}to{stroke-dashoffset:150}}
@keyframes v2-dash2{from{stroke-dashoffset:440}to{stroke-dashoffset:0}}
@keyframes v2-pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}
@keyframes v2-up{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translateY(-160px) scale(1.1)}}
@keyframes v2-spark{0%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1}100%{opacity:0;transform:translateY(-150px) scale(.3)}}
@keyframes v2-ring{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(2.6)}}
@keyframes v2-light{from{background:rgba(255,255,255,.08)}to{background:#FF8A1F}}
@keyframes v2-stamp{0%{opacity:0;transform:scale(2.6)}55%{opacity:1;transform:scale(.9)}75%{transform:scale(1.04)}100%{opacity:1;transform:scale(1)}}
@keyframes v2-spin{to{transform:rotate(360deg)}}
@keyframes v2-unspin{to{transform:rotate(-360deg)}}
@keyframes v2-sheet{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.08)}}
@keyframes v2-profly{0%{transform:translateY(0) scale(1);color:#C99532}100%{transform:translateY(-250px) scale(.42);color:#FFD21F}}
@keyframes v2-frame{0%{opacity:0;transform:scale(1.35)}60%{opacity:1;transform:scale(.96)}100%{opacity:1;transform:scale(1)}}
@keyframes v2-lockout{0%{opacity:1;transform:none}100%{opacity:0;transform:scale(.5)}}
@keyframes v2-shackle{0%{transform:none}100%{transform:translateY(-5px) rotate(-24deg)}}
@keyframes v2-ink{from{color:#6a6a76}to{color:#fff}}
@keyframes v2-flicker{0%,100%{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.05,1.09) rotate(1.5deg)}}
@keyframes mx-holo{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes v2-sheen{0%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(420%) skewX(-18deg)}}
@keyframes v2-proin{0%{opacity:0;transform:scale(.86)}100%{opacity:1;transform:scale(1)}}
@keyframes v2-rays{0%{opacity:0;transform:rotate(0) scale(.6)}30%{opacity:1}100%{opacity:0;transform:rotate(50deg) scale(1.3)}}
@keyframes v2-profly2{0%{transform:translate(var(--fx,0px),var(--fy,0px)) scale(1);color:#C99532}100%{transform:translate(var(--tx,0px),var(--ty,0px)) scale(.42);color:#FFD21F}}
@keyframes v2-glow{0%,100%{opacity:.6;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@keyframes b4-zoom{from{transform:scale(1.22)}to{transform:scale(1)}}
@keyframes b4-rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes b4-blink{0%,55%{opacity:1}56%,100%{opacity:.15}}
@keyframes b4-pulse{0%{box-shadow:0 0 0 0 rgba(255,61,138,.7)}100%{box-shadow:0 0 0 14px rgba(255,61,138,0)}}
@keyframes b4-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes b4-spin{to{transform:rotate(360deg)}}
@keyframes b4-sheen{0%{transform:translateX(-120%) skewX(-18deg)}60%,100%{transform:translateX(320%) skewX(-18deg)}}
@keyframes b4-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes b4-in{0%{opacity:0;transform:translateY(-26px) scale(.94)}100%{opacity:1;transform:none}}
@keyframes b4-check{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@keyframes b4-ring{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(2.4)}}
@keyframes b5-cue{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(8px);opacity:1}}
@keyframes b5-rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes b5-spin{to{transform:rotate(360deg)}}
@keyframes b5-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes b5-blob1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(12vw,-8vh) scale(1.2)}}
@keyframes b5-blob2{0%,100%{transform:translate(0,0) scale(1.1)}50%{transform:translate(-14vw,10vh) scale(.9)}}
@keyframes b5-pulse{0%{box-shadow:0 0 0 0 rgba(255,210,31,.55)}100%{box-shadow:0 0 0 40px rgba(255,210,31,0)}}
@keyframes b5-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes b5-blink{0%,55%{opacity:1}56%,100%{opacity:.2}}
@keyframes lp-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes lp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes lp-glow{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:.85;transform:scale(1.05)}}
@keyframes lp-moxie{from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}

/* Hover and press states from the design (style-hover / style-active) */
.p0:hover{background:rgba(255,255,255,.1) !important;color:#fff !important}
.p1:hover{background:#ffe066 !important;color:#111 !important}
.p2:hover{color:#fff !important;background:#000 !important}
.p3:hover{background:rgba(255,255,255,.18) !important;color:#fff !important}
.p4:hover{background:rgba(255,210,31,.24) !important}
.p5:active{transform:scale(.96) !important}
.p6:hover{background:rgba(255,255,255,.14) !important}