.gpx{--navy:#202549;--navy-deep:#14173a;--navy-ink:#0c0e26;--panel:#272c58;--line:rgba(150,170,230,.18);--cyan:#03b4ce;--cyan-hi:#5fe3f5;--amber:#ffc82b;--red:#e8303a;--text:#f4f6ff;--muted:#aeb6d8;--paper:#eef1f8;--paper-ink:#1c3867;--f-display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--f-body:"Barlow","Segoe UI",system-ui,sans-serif;--f-data:"IBM Plex Mono",ui-monospace,Menlo,monospace;--ease:cubic-bezier(.2,.9,.2,1);color-scheme:dark;background:var(--navy-ink);color:var(--text);font:400 17px/1.6 var(--f-body);overflow-x:clip;}.gpx *,.gpx *::before,.gpx *::after{box-sizing:border-box}.gpx a{color:inherit}.gpx img{max-width:100%;display:block}.gpx .wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.gpx h1,.gpx h2,.gpx h3{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.01em;line-height:.98;text-wrap:balance;margin:0}.gpx h2{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800;font-style:italic}.gpx h3{font-size:1.35rem;font-weight:700}.gpx p{margin:0}.gpx :focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}.gpx .cheq{height:14px;background: conic-gradient(var(--text) 25%,transparent 0 50%,var(--text) 0 75%,transparent 0) 0 0/14px 14px;opacity:.9}.gpx .btn{position:relative;display:inline-flex;align-items:center;gap:.6em;padding:.9em 1.5em;font:800 1.05rem/1 var(--f-display);font-style:italic;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:2px solid var(--amber);color:var(--navy-ink);background:var(--amber);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);overflow:hidden;isolation:isolate;transition:color .3s var(--ease)}.gpx .btn::before{content:"";position:absolute;inset:0;background:var(--text);transform:translateX(-102%) skewX(-18deg);transform-origin:left;transition:transform .45s var(--ease);z-index:-1}.gpx .btn:hover::before,.gpx .btn:focus-visible::before{transform:translateX(0) skewX(0)}.gpx .btn .arr{transition:transform .3s var(--ease)}.gpx .btn:hover .arr{transform:translateX(5px)}.gpx .speed{position:absolute;inset:0;pointer-events:none;overflow:hidden;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)}.gpx .speed i{position:absolute;left:-40%;height:2px;width:40%;background:linear-gradient(90deg,transparent,var(--cyan-hi));animation:streak 2.8s var(--ease) infinite;opacity:.8}.gpx .speed i:nth-child(1){top:22%;animation-delay:.2s}.gpx .speed i:nth-child(2){top:48%;animation-delay:1.1s;width:55%}.gpx .speed i:nth-child(3){top:71%;animation-delay:1.9s}@keyframes streak{0%{transform:translateX(0)}60%,100%{transform:translateX(360%)}}@keyframes slideIn{from{opacity:.001;transform:translateX(-28px) skewX(-6deg)}to{opacity:1;transform:none}}@keyframes rise{from{opacity:.001;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.gpx *,.gpx *::before,.gpx *::after{animation:none!important;transition:none!important}.gpx .speed{display:none}}.section-preview:has(.gpx){margin:0!important;padding:0!important;border-radius:0!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important}.section-preview:has(.gpx) .grid-preview,.section-preview:has(.gpx) .stack{gap:0!important}.gpx{--f-display:"Good Times","GoodTimes","Good Times Rg","goodtimes","Barlow Condensed","Arial Narrow",sans-serif}.gpx h1,.gpx h2,.gpx h3,.gpx h1 span,.gpx h2 span,.gpx .btn{font-family:"Good Times","GoodTimes","Good Times Rg","goodtimes","Barlow Condensed",sans-serif!important;font-style:normal!important;letter-spacing:.02em}.gpx h2{font-size:clamp(1.45rem,2.7vw,2.25rem)!important;line-height:1.12!important;font-weight:400!important}.gpx h3{font-size:1.05rem!important;line-height:1.2!important;font-weight:400!important}.gpx .btn{font-size:.9rem!important;font-weight:400!important}.gpx h1,.gpx h2,.gpx h3,.gpx p,.gpx li,.gpx li span,.gpx strong{color:#ffffff!important}.gpx p a,.gpx li a{color:#5fe3f5!important}.gpx p a:hover,.gpx li a:hover{color:#ffc82b!important}.gpx .btn{color:#0c0e26!important}.gpx .nofeed{background:repeating-linear-gradient(-45deg,#272c58 0 14px,#202549 14px 28px)!important;display:grid;place-items:center}.gpx .nofeed::before{content:attr(data-alt);font:600 .72rem/1.3 var(--f-data);letter-spacing:.1em;text-transform:uppercase;color:#aeb6d8;padding:10px;text-align:center}.gpx .btn.ghost{background:transparent;border-color:#fff;color:#fff!important}.gpx .btn.ghost::before{background:var(--amber)}.gpx .btn.ghost:hover,.gpx .btn.ghost:focus-visible{color:#0c0e26!important}.gpx .stage{position:relative;background:var(--navy-ink);overflow:hidden}.gpx .stage-img{position:relative;height:clamp(220px,30vw,420px);margin:0;background:#14173a}.gpx .stage-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.6s var(--ease)}.gpx .stage:hover .stage-img img{transform:scale(1.06)}.gpx .stage-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,14,38,0) 40%,#0c0e26 100%)}.gpx .stage .speed{clip-path:none}.gpx .stage-copy{position:relative;z-index:2;margin-top:clamp(-140px,-9vw,-60px);padding-bottom:clamp(36px,5vw,64px)}.gpx .plate{background:var(--navy);border-left:6px solid var(--cyan);padding:clamp(22px,3.4vw,44px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:end;box-shadow:0 40px 80px rgba(0,0,0,.45);clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);animation:rise .8s var(--ease) both}.gpx .plate h1{font-size:clamp(1.7rem,3.2vw,2.75rem)!important;line-height:1.1!important;font-weight:400!important;font-style:normal!important;animation:slideIn .8s .1s var(--ease) both}.gpx .plate h1 .hl{color:var(--cyan)!important;display:block}.gpx .plate .lede{font:500 1.08rem/1.6 var(--f-body)!important;text-transform:none!important;letter-spacing:0!important;color:#fff!important;margin:0}.gpx .plate .side{display:grid;gap:20px}.gpx .plate .acts{display:flex;flex-wrap:wrap;gap:10px}.gpx .blades{list-style:none;margin:clamp(18px,2.4vw,28px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gpx .blades a{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px;background:var(--navy-deep);border:1px solid var(--line);text-decoration:none;color:#fff!important;font:400 1rem/1.1 "Good Times","GoodTimes","Good Times Rg","goodtimes","Barlow Condensed",sans-serif;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);overflow:hidden;isolation:isolate;transition:color .3s}.gpx .blades a::before{content:"";position:absolute;inset:0;background:var(--cyan);transform:translateY(101%);transition:transform .4s var(--ease);z-index:-1}.gpx .blades a::after{content:"\2197";font-family:var(--f-data);color:var(--cyan);transition:transform .3s var(--ease),color .3s}.gpx .blades a:hover,.gpx .blades a:focus-visible{color:#0c0e26!important}.gpx .blades a:hover::before,.gpx .blades a:focus-visible::before{transform:none}.gpx .blades a:hover::after{color:#0c0e26;transform:translate(3px,-3px)}.gpx .sec{padding-block:clamp(56px,7vw,96px)}.gpx .sec.deep{background:var(--navy-deep)}.gpx .bento{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.gpx .bento li:nth-child(1){grid-column:span 4}.gpx .bento li:nth-child(2){grid-column:span 2}.gpx .bento li:nth-child(3){grid-column:span 3}.gpx .bento li:nth-child(4){grid-column:span 3}.gpx .bento li:nth-child(n+3) .bx{height:clamp(260px,24vw,340px)}.gpx .bx{position:relative;height:clamp(300px,34vw,460px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.gpx .bx figure{position:absolute;inset:0;margin:0;background:#202549;overflow:hidden}.gpx .bx figure img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .9s var(--ease),filter .6s}.gpx .bx:hover figure img{transform:scale(1.06);filter:saturate(1.15)}.gpx .bx figure.nofeed{position:absolute}.gpx .bx .txt{position:relative;z-index:1;display:grid;gap:10px;padding:clamp(18px,2.4vw,28px);background:linear-gradient(0deg,rgba(12,14,38,.95) 0%,rgba(12,14,38,.75) 55%,rgba(12,14,38,0) 100%);padding-top:clamp(48px,6vw,90px)!important;justify-items:start}.gpx .bx .txt p{max-width:44ch}.gpx .bx::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);z-index:2}.gpx .bx:hover::after{transform:scaleX(1)}.gpx .bx:hover{border-color:rgba(3,180,206,.6)}.gpx .bento li:nth-child(1) h2{font-size:clamp(1.6rem,3vw,2.5rem)!important}.gpx .bento h2{font-size:clamp(1.15rem,1.8vw,1.5rem)!important;color:#fff!important}.gpx .rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gpx .row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:var(--navy);border:1px solid var(--line);transition:border-color .3s,transform .4s var(--ease),box-shadow .4s}.gpx .row:hover{border-color:var(--amber);transform:translateY(-4px);box-shadow:0 22px 40px rgba(0,0,0,.45)}.gpx .row figure{margin:0;position:relative;overflow:hidden;background:#eef1f8;min-height:200px}.gpx .row figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.gpx .row:hover figure img{transform:scale(1.08)}.gpx .row .b{padding:20px 22px;display:grid;gap:12px;align-content:start;justify-items:start}.gpx .row .b p{font-size:.93rem;line-height:1.55}.gpx .row .btn{font-size:.8rem!important;padding:.7em 1.15em}.gpx .perch{background:var(--amber);position:relative;overflow:hidden}.gpx .perch .cheq{opacity:1}.gpx .perch-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center;padding-block:clamp(44px,6vw,72px)}.gpx .perch h2{color:#0c0e26!important;font-size:clamp(1.8rem,3.6vw,3rem)!important}.gpx .perch p{color:#0c0e26!important;font-size:1.25rem;max-width:36ch}.gpx .perch .copy{display:grid;gap:18px;justify-items:start}.gpx .perch .btn{background:#0c0e26;border-color:#0c0e26;color:#fff!important}.gpx .perch .btn::before{background:#03b4ce}.gpx .perch .btn:hover{color:#0c0e26!important}.gpx .perch figure{margin:0;position:relative;aspect-ratio:4/3;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);background:#0c0e26;overflow:hidden}.gpx .perch figure img{width:100%;height:100%;object-fit:contain;transition:transform .9s var(--ease)}.gpx .perch figure:hover img{transform:scale(1.07) rotate(-1deg)}.gpx .perch .big{position:absolute;right:-1%;top:50%;transform:translateY(-50%);font:400 clamp(6rem,18vw,15rem)/1 "Good Times","GoodTimes","Good Times Rg","goodtimes","Barlow Condensed",sans-serif;color:rgba(12,14,38,.07);pointer-events:none;white-space:nowrap}.gpx .tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gpx .tile{position:relative;display:block;overflow:hidden;aspect-ratio:350/212;background:var(--panel);text-decoration:none;border:1px solid var(--line)}.gpx .tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .6s}.gpx .tile:hover img,.gpx .tile:focus-visible img{transform:scale(1.07);filter:brightness(.6)}.gpx .tile .lab{position:absolute;left:0;bottom:0;padding:12px 16px;background:#0c0e26;color:#fff!important;font:400 .9rem/1.2 "Good Times","GoodTimes","Good Times Rg","goodtimes","Barlow Condensed",sans-serif;text-transform:uppercase;display:flex;gap:12px;align-items:center;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%);padding-right:30px;transition:background .3s,color .3s}.gpx a.tile .lab::after{content:"\2192";color:var(--cyan);transition:transform .3s var(--ease)}.gpx a.tile:hover .lab{background:var(--cyan);color:#0c0e26!important}.gpx a.tile:hover .lab::after{color:#0c0e26;transform:translateX(4px)}.gpx .logos{background:#ffffff;padding-block:clamp(48px,6vw,80px);position:relative}.gpx .logos h2{color:#202549!important;margin-bottom:8px}.gpx .lgrid{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-top:1px solid #dfe4f0;border-left:1px solid #dfe4f0}.gpx .lgrid li{display:grid;place-items:center;aspect-ratio:3/2;padding:14px;border-right:1px solid #dfe4f0;border-bottom:1px solid #dfe4f0;position:relative;transition:background .3s}.gpx .lgrid li::after{content:"";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:#03b4ce;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.gpx .lgrid li:hover{background:#f3f6fc}.gpx .lgrid li:hover::after{transform:scaleX(1)}.gpx .lgrid img{max-height:60px;width:auto;max-width:100%;object-fit:contain;transition:transform .4s var(--ease)}.gpx .lgrid li:hover img{transform:scale(1.08)}.gpx .lgrid li.nofeed{background:#f3f6fc!important}.gpx .lgrid li.nofeed::before{color:#202549}.gpx .br{position:relative;background:var(--panel);border-top:4px solid var(--amber);padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cov h" "cov p" "cov b";column-gap:clamp(24px,5vw,64px);row-gap:16px;justify-items:start;align-content:center;overflow:hidden}.gpx .br h2{grid-area:h;align-self:end}.gpx .br>p{grid-area:p;font-size:1.2rem}.gpx .br>.btn{grid-area:b;align-self:start}.gpx .br-cover{grid-area:cov;align-self:center}.gpx .br-cover{display:block;perspective:900px;margin-top:6px}.gpx .br-cover img,.gpx .br-cover.nofeed{width:200px;max-width:100%;transform:rotateY(-20deg) rotateZ(-3deg);box-shadow:20px 24px 44px rgba(0,0,0,.55);transition:transform .7s var(--ease)}.gpx .br-cover.nofeed{aspect-ratio:247/350}.gpx .br-cover:hover img,.gpx .br-cover:focus-visible img{transform:none}@media (max-width:1000px){.gpx .rows{grid-template-columns:1fr}.gpx .lgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:860px){.gpx .plate{grid-template-columns:1fr}.gpx .blades{grid-template-columns:repeat(2,minmax(0,1fr))}.gpx .bento{grid-template-columns:1fr}.gpx .bento li:nth-child(n){grid-column:auto;grid-row:auto}.gpx .bx,.gpx .bento li:nth-child(n+3) .bx{height:320px}.gpx .perch-grid{grid-template-columns:1fr}}@media (max-width:560px){.gpx .br{grid-template-columns:1fr;grid-template-areas:"h" "p" "cov" "b"}.gpx .row{grid-template-columns:1fr}.gpx .tiles{grid-template-columns:1fr}.gpx .lgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.gpx .logos{background:radial-gradient(900px 420px at 88% 0%,rgba(3,180,206,.3),transparent 62%),radial-gradient(700px 360px at 0% 100%,rgba(255,200,43,.12),transparent 60%),linear-gradient(135deg,#202549 0%,#14173a 100%)!important;border-top:4px solid #03b4ce}.gpx .logos h2{color:#ffffff!important}.gpx .lgrid{border-color:rgba(150,170,230,.22)!important}.gpx .lgrid li{border-color:rgba(150,170,230,.22)!important;background:rgba(255,255,255,.035)!important}.gpx .lgrid li:hover{background:rgba(3,180,206,.16)!important}.gpx .lgrid li::after{background:#ffc82b!important}.gpx .lgrid img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.gpx .lgrid li.nofeed::before{color:#dfe4f7!important}