.gop-jny{position:relative;height:calc(100svh + var(--n, 8) * 62svh);color:var(--gop-text);background:#020605}.gop-jny__sticky{position:sticky;top:0;display:grid;grid-template-rows:auto 1fr auto auto;grid-template-columns:minmax(0,1fr);height:100svh;overflow:hidden}.gop-jny__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(55% 40% at 50% 58%,rgba(var(--gop-accent-rgb),.16),transparent 70%),radial-gradient(30% 30% at 12% 20%,rgba(0,140,120,.18),transparent 70%),linear-gradient(180deg,#020605,#03120f 55%,#020605)}.gop-jny__bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(var(--gop-accent-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--gop-accent-rgb),.06) 1px,transparent 1px);background-size:56px 56px;background-position:calc(var(--jx, 0) * -.3px) 0;-webkit-mask-image:radial-gradient(80% 60% at 50% 60%,#000 25%,transparent 80%);mask-image:radial-gradient(80% 60% at 50% 60%,#000 25%,transparent 80%)}.gop-jny__bg:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:conic-gradient(from 0deg at 50% 60%,transparent 0 20%,rgba(var(--gop-accent-rgb),.08) 25%,transparent 32% 70%,rgba(var(--gop-accent-rgb),.06) 76%,transparent 84%);animation:gop-jny-sweep 18s linear infinite}@keyframes gop-jny-sweep{to{rotate:360deg}}.gop-jny__head{position:relative;z-index:2;padding-top:clamp(3rem,7svh,6rem);text-align:center}.gop-jny__head .gop-eyebrow{justify-content:center}.gop-jny__title{margin:.6rem 0 0}.gop-jny__viewport{position:relative;z-index:1;align-self:center;min-width:0;min-height:0}.gop-jny__world{width:max-content;will-change:transform}.gop-jny__card{position:relative;z-index:2;justify-self:center;width:min(92vw,56rem);margin:0 auto 1.4rem;padding:1.6rem 2.2rem;border-radius:var(--gop-radius, 20px);transition:opacity .35s,translate .35s}.gop-jny__card.is-swap{opacity:0;translate:0 8px}.gop-jny__num{margin:0;font-family:var(--font-heading-family);font-size:1.2rem;font-weight:700;letter-spacing:.2em;color:var(--gop-accent)}.gop-jny__h{margin:.4rem 0 0;font-family:var(--font-heading-family);font-size:clamp(2.2rem,3vw,3rem);line-height:1.1;color:var(--gop-text)}.gop-jny__text{margin:.6rem 0 0;font-size:1.5rem;line-height:1.55;color:var(--gop-muted, rgba(234, 255, 251, .75))}.gop-jny__status{display:inline-flex;align-items:center;gap:.8rem;margin:1rem 0 0;padding:.5rem 1.2rem;border-radius:999px;font-size:1.25rem;font-weight:700;letter-spacing:.04em;color:var(--gop-accent);background:rgba(var(--gop-accent-rgb),.1)}.gop-jny__steps{position:relative;z-index:2;display:flex;justify-content:space-between;width:min(92vw,110rem);margin:0 auto clamp(1.6rem,4svh,3.2rem);padding:0;list-style:none}.gop-jny__steps:before{content:"";position:absolute;left:.8rem;right:.8rem;top:.7rem;height:2px;background:linear-gradient(90deg,var(--gop-accent) calc(var(--rp, 0) * 100%),rgba(var(--gop-accent-rgb),.18) 0)}.gop-jny__step{position:relative;display:grid;justify-items:center;gap:.6rem;flex:1 1 0;text-align:center}.gop-jny__dot{width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid rgba(var(--gop-accent-rgb),.4);background:#041d19;transition:background .3s,box-shadow .3s,scale .3s}.gop-jny__step.is-done .gop-jny__dot{background:var(--gop-accent);border-color:var(--gop-accent)}.gop-jny__step.is-active .gop-jny__dot{scale:1.35;background:#d9fffa;box-shadow:0 0 0 5px rgba(var(--gop-accent-rgb),.2),0 0 18px var(--gop-accent)}.gop-jny__label{font-size:1.15rem;font-weight:600;line-height:1.2;color:#eafffb80}.gop-jny__step.is-active .gop-jny__label{color:var(--gop-text)}@media screen and (max-width:749px){.gop-jny__label{display:none}.gop-jny__card{padding:1.3rem 1.6rem}.gop-jny__text{font-size:1.4rem}}.gj{display:block;height:min(54svh,60rem);width:auto;aspect-ratio:5600 / 900;overflow:visible;fill:none;stroke:var(--gop-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.gj *{transform-box:fill-box}.gj-scene{--p: 0}.gj-solid{fill:#041d19;stroke:var(--gop-accent)}.gj-line{fill:none}.gj-soft{opacity:.45}.gj-glowfill{fill:#d9fffa;stroke:none;filter:drop-shadow(0 0 6px var(--gop-accent))}.gj-nums text{font:800 380px var(--font-heading-family),sans-serif;fill:rgba(var(--gop-accent-rgb),.035);stroke:rgba(var(--gop-accent-rgb),.1);stroke-width:2}.gj-label{fill:var(--gop-accent);stroke:none;font:700 20px var(--font-heading-family),sans-serif;letter-spacing:.18em}.gj-label--big{font-size:30px}.gj-logo{fill:var(--gop-accent);stroke:none;font:800 96px var(--font-heading-family),sans-serif;filter:drop-shadow(0 0 10px rgba(var(--gop-accent-rgb),.6))}.gj-logo--sm{font-size:54px}.gj-ground{stroke:rgba(var(--gop-accent-rgb),.3)}.gj-route__base{stroke:rgba(var(--gop-accent-rgb),.2);stroke-dasharray:6 16}.gj-route__fill{stroke-width:5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--rp, 0));filter:drop-shadow(0 0 8px var(--gop-accent))}.gj-node{fill:#041d19;stroke:rgba(var(--gop-accent-rgb),.4);transition:fill .3s}.gj-node.is-reached{fill:var(--gop-accent);stroke:#d9fffa}.gj-head{transform-box:view-box;transform:translate(calc(350px + var(--rp, 0) * 4900px),130px)}.gj-head__halo{fill:url(#gjBurst);stroke:none;transform-box:fill-box;transform-origin:center;animation:gj-pulse 1.6s ease-in-out infinite}.gj-head__box{fill:#d9fffa;stroke:var(--gop-accent)}.gj-smoke circle{fill:rgba(var(--gop-accent-rgb),.12);stroke:rgba(var(--gop-accent-rgb),.35);transform-origin:center;animation:gj-smoke 4.2s ease-out infinite}.gj-smoke circle:nth-child(2){animation-delay:-1.4s}.gj-smoke circle:nth-child(3){animation-delay:-2.8s}.gj-smoke circle:nth-child(4){animation-delay:-.7s}.gj-smoke circle:nth-child(5){animation-delay:-2.1s}.gj-spin{transform-origin:center;animation:gj-rot 6s linear infinite}.gj-conv rect{animation:gj-conv 4.5s linear infinite}.gj-conv rect:nth-child(2){animation-delay:-1.5s}.gj-conv rect:nth-child(3){animation-delay:-3s}.gj-burst{opacity:0}.gj-scene.is-on .gj-burst{animation:gj-flash 2.4s ease-out infinite}.gj-scene.is-on .gj-flashlamp{animation:gj-lamp 2.4s ease-out infinite}.gj-hand{transform-origin:0 0}.gj-draw{stroke-dasharray:1;stroke-dashoffset:max(0,calc(1 - var(--p) * 1.8))}.gj-flap{transform-origin:bottom;transform:scaleY(max(.05,calc(1 - var(--p) * 1.9)))}.gj-tape{stroke:#d9fffa;stroke-width:9;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,(var(--p) - .5) * 2.6,1));filter:drop-shadow(0 0 6px var(--gop-accent))}.gj-stamp{transform-origin:center;opacity:clamp(0,(var(--p) - .78) * 6,1);transform:scale(calc(1.6 - (clamp(0,(var(--p) - .78) * 6,1)*.6))) rotate(-8deg)}.gj-stamp rect{fill:none;stroke:#d9fffa}.gj-stamp text{fill:#d9fffa;stroke:none;font:800 15px var(--font-heading-family),sans-serif}.gj-spark path{fill:#d9fffa;stroke:none;transform-origin:center;animation:gj-twinkle 2s ease-in-out infinite}.gj-spark path:nth-child(2){animation-delay:-1s}.gj-truck{transform-box:view-box;transform:translate(calc(var(--p) * 440px))}.gj-wheel{fill:#020605;transform-origin:center;transform:rotate(calc(var(--p) * 1440deg))}.gj-lane{stroke-dasharray:30 24}.gj-plane{transform-box:view-box;transform:translate(calc(var(--p) * 540px),calc(max(0,var(--p) - .4)*-560px)) rotate(calc(clamp(0,(var(--p) - .4) * 60,13)*-1deg))}.gj-contrail{stroke-width:6;opacity:clamp(0,(var(--p) - .42) * 4,1)}.gj-rwy circle{fill:#d9fffa;stroke:none;opacity:.25;animation:gj-rwy 1.4s linear infinite;animation-delay:calc(var(--k) * .12s)}.gj-ship{transform-box:view-box;transform:translate(calc(var(--p) * 250px))}.gj-box{fill:rgba(var(--gop-accent-rgb),.14);stroke:var(--gop-accent);stroke-width:2}.gj-box--alt{fill:rgba(var(--gop-accent-rgb),.3)}.gj-waves{stroke:rgba(var(--gop-accent-rgb),.4);animation:gj-waves 4s linear infinite}.gj-blink{fill:#ff5a6e;stroke:none;animation:gj-blink 1.4s steps(2,jump-none) infinite}.gj-van{transform-box:view-box;transform:translate(calc(min(var(--p) * 1.3,1)*205px))}.gj-van .gj-wheel{transform:rotate(calc(min(var(--p) * 1.3,1)*900deg))}.gj-parcel{opacity:clamp(0,(var(--p) - .8) * 6,1);transform-origin:bottom;transform:translateY(calc((1 - clamp(0,(var(--p) - .8) * 6,1))*-40px))}.gj-porch{opacity:calc(.25 + var(--p) * .75)}.gj-arms{transform-box:view-box;transform-origin:230px 540px;transform:scaleY(calc(1 - (clamp(0,(var(--p) - .25) * 4,1)*2)))}.gj-lidl{transform-box:view-box;transform-origin:0 0;transform:rotate(calc(clamp(0,var(--p) * 3,1)*-55deg))}.gj-lidr{transform-box:view-box;transform-origin:130px 0;transform:rotate(calc(clamp(0,var(--p) * 3,1)*55deg))}.gj-rise{opacity:clamp(0,(var(--p) - .2) * 3,1);transform-box:view-box;transform:translateY(calc(clamp(0,(var(--p) - .2) * 2,1)*-70px))}.gj-hearts path{fill:rgba(var(--gop-accent-rgb),.8);stroke:none;opacity:0;transform-origin:center}.gj-scene.is-on .gj-hearts path{animation:gj-heart 2.6s ease-out infinite}.gj-scene.is-on .gj-hearts path:nth-child(2){animation-delay:-.9s}.gj-scene.is-on .gj-hearts path:nth-child(3){animation-delay:-1.7s}.gj-gopa{transform-origin:bottom}.gj-scene.is-on .gj-gopa{animation:gj-hop 1.1s ease-in-out infinite}@keyframes gj-pulse{50%{transform:scale(1.35);opacity:.6}}@keyframes gj-rot{to{transform:rotate(360deg)}}@keyframes gj-smoke{0%{transform:translate(0) scale(.6);opacity:0}15%{opacity:1}to{transform:translate(40px,-150px) scale(2.2);opacity:0}}@keyframes gj-conv{0%{transform:translate(-10px);opacity:0}10%,85%{opacity:1}to{transform:translate(200px);opacity:0}}@keyframes gj-flash{0%,60%,to{opacity:0;transform:scale(.6)}66%{opacity:1;transform:scale(1.1)}}@keyframes gj-lamp{0%,60%,to{fill:#d9fffa}64%{fill:#fff;filter:drop-shadow(0 0 16px #fff)}}@keyframes gj-twinkle{50%{transform:scale(.4) rotate(45deg);opacity:.3}}@keyframes gj-rwy{0%,30%{opacity:1}60%,to{opacity:.2}}@keyframes gj-waves{to{transform:translate(80px)}}@keyframes gj-blink{50%{opacity:.15}}@keyframes gj-heart{0%{opacity:0;transform:translateY(20px) scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(-120px) scale(1.2)}}@keyframes gj-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-26px)}}@media(prefers-reduced-motion:reduce){.gop-jny__bg:after,.gj *,.gj-scene.is-on *{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/gop-journey.css.map */