:root{color-scheme:light;--run-ink:oklch(22% .045 250);--run-paper:oklch(98.5% .01 88);--run-blue:oklch(55% .16 250);--run-red:oklch(58% .18 28);--run-bg:var(--run-paper);--run-copy:var(--run-ink);--run-muted:oklch(42% .035 250)}.run-page{background:var(--run-bg);min-height:100svh;color:var(--run-copy);color-scheme:light;grid-template-rows:auto 1fr auto;padding:clamp(1.25rem,3vw,3rem);display:grid;position:relative;overflow:clip}.run-page__topline,.run-page__footer,.run-hero__eyebrow{color:var(--run-blue);font:600 .7rem/1.2 var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;display:flex}.run-hero{grid-template-columns:minmax(0,.9fr) minmax(18rem,1.1fr);align-items:center;gap:clamp(2rem,8vw,8rem);width:100%;max-width:90rem;margin:0 auto;display:grid}.run-hero__eyebrow{margin:0 0 1.5rem}.run-hero h1{max-inline-size:100%;font:900 clamp(2.5rem, 8vw, 6.5rem)/.82 var(--font-display,Arial, sans-serif);letter-spacing:-.075em;white-space:nowrap;margin:0}.run-hero h1 em{color:var(--run-red);font-style:normal}.run-hero__lede{max-width:28rem;color:var(--run-blue);margin:2rem 0 .75rem;font-size:clamp(1.15rem,2vw,1.7rem);font-weight:700;line-height:1.1}.run-hero__body{max-width:28rem;color:var(--run-muted);margin:0}.run-hero__runs{isolation:isolate;perspective:52rem;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,42rem);margin:1.5rem 0 0;padding:0 .5rem;list-style:none;display:grid;transform:rotate(-1deg)}.run-hero__runs li{--ticket-layer:1;z-index:var(--ticket-layer);border:2px solid var(--run-blue);background:color-mix(in oklch, var(--run-paper) 92%, var(--run-blue));min-height:6.5rem;color:var(--run-blue);font:700 clamp(.78rem, 1vw, .95rem)/1.2 var(--font-mono,monospace);letter-spacing:.08em;text-align:center;box-shadow:0 .65rem 1.2rem color-mix(in oklch, var(--run-copy) 12%, transparent);transition:transform var(--motion-base,.24s) var(--motion-ease,ease-out), box-shadow var(--motion-base,.24s) var(--motion-ease,ease-out);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 68%,.55rem 50%,0 32%);border-radius:.9rem;grid-template-columns:3.25rem minmax(0,1fr);align-items:center;margin-inline:-.65rem;padding:1rem .8rem 1rem .35rem;display:grid;position:relative;transform:rotateY(-7deg)rotate(-1deg)translateZ(0)}.run-hero__runs li:nth-child(2){--ticket-layer:2;color:var(--run-red);border-color:var(--run-red);transform:rotateY(3deg)rotate(1deg)translateZ(.25rem)}.run-hero__runs li:nth-child(3){--ticket-layer:3;color:var(--run-blue);clip-path:polygon(0 0,100% 0,100% 32%,calc(100% - .55rem) 50%,100% 68%,100% 100%,0 100%,0 0);transform:rotateY(7deg)rotate(-1deg)translateZ(.5rem)}.run-hero__runs li:hover,.run-hero__runs li:focus-within{z-index:10;box-shadow:0 1rem 1.75rem color-mix(in oklch, var(--run-copy) 22%, transparent);transform:translateY(-.65rem)scale(1.05)rotate(0)translateZ(1rem)}.run-ticket__number{writing-mode:vertical-rl;letter-spacing:.1em;border-right:2px dashed;align-self:stretch;place-items:center;font-size:clamp(.8rem,1.1vw,1rem);display:grid;transform:rotate(180deg)}.run-ticket__name{padding-inline:.5rem;font-size:clamp(.9rem,1.35vw,1.15rem);font-weight:800;line-height:1.05}.run-hero__runs li:before,.run-hero__runs li:after{background:var(--run-bg);content:"";border-radius:50%;width:1rem;height:1rem;position:absolute;top:50%;transform:translateY(-50%)}.run-hero__runs li:before{left:-.55rem}.run-hero__runs li:after{right:-.55rem}.run-hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.run-button{color:inherit;font:600 .7rem/1 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid;border-radius:50vw;justify-content:center;align-items:center;gap:.75rem;padding:.8rem 1rem;text-decoration:none;transition:transform .18s ease-out,background-color .18s ease-out;display:inline-flex}.run-button--primary{border-color:var(--run-red);background:var(--run-red);color:var(--run-paper)}.run-button--quiet{color:var(--run-blue)}.run-button:hover,.run-button:focus-visible{transform:translateY(-.15rem)}.run-hero__visual{--run-mask-position:center;--run-mask-size:100% 100%;--run-image-mask:url(/masks/run-blob-feather.svg);aspect-ratio:1;isolation:isolate;-webkit-mask:var(--run-image-mask) var(--run-mask-position) / var(--run-mask-size) no-repeat;mask:var(--run-image-mask) var(--run-mask-position) / var(--run-mask-size) no-repeat;border:0;margin:0;position:relative;overflow:hidden}.run-hero__visual img{object-fit:cover;width:100%;height:100%;display:block}.run-dialog{border:2px solid var(--run-blue);background:var(--run-paper);width:min(36rem,100% - 2rem);max-height:calc(100svh - 2rem);color:var(--run-ink);color-scheme:light;border-radius:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);overflow-y:auto}.run-dialog::backdrop{background:oklch(22% .045 250/.6)}html:has(.run-dialog[open]){overflow:hidden}.run-dialog h2{font:800 clamp(1.75rem, 4vw, 2.5rem)/1.05 var(--font-display,sans-serif);letter-spacing:-.05em;margin:.75rem 2rem 1rem 0}.run-dialog p{margin-block:1rem}.run-dialog .run-dialog__label{color:var(--run-blue);font:500 .7rem/1.5 var(--font-mono,monospace);letter-spacing:.08em;margin-top:0;padding-right:2rem}.run-dialog__close{aspect-ratio:1;width:2.5rem;color:var(--run-blue);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font:400 2rem/1 sans-serif;display:grid;position:absolute;top:.75rem;right:.75rem}.run-dialog__close:hover{background:color-mix(in oklch, var(--run-blue) 10%, transparent)}.run-dialog form{gap:.75rem;display:grid}.run-dialog fieldset{border:0;min-width:0;margin:.5rem 0;padding:0}.run-dialog legend{margin-bottom:.75rem}.run-dialog input[type=text]{border:1px solid var(--run-blue);background:var(--run-paper);width:100%;min-width:0;color:var(--run-ink);font:inherit;border-radius:.5rem;padding:.75rem}.run-distance-options,.run-route-options{gap:.5rem;display:flex}.run-distance-options label{border:1px solid var(--run-blue);color:var(--run-blue);cursor:pointer;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem .5rem;display:flex}.run-distance-options label:has(:checked),.run-route-options [aria-pressed=true]{background:var(--run-blue);color:var(--run-paper)}.run-distance-options input{accent-color:var(--run-red);margin:0}.run-dialog .run-dialog__note{color:var(--run-muted);font-size:.8rem;line-height:1.5}.run-dialog :focus-visible{outline:2px solid var(--run-blue);outline-offset:3px}.run-pass{border:2px dashed var(--run-red);color:var(--run-blue);border-radius:1rem;gap:.5rem;margin-block:1.5rem;padding:1.5rem;display:grid}.run-pass strong{font-size:1.5rem}.run-pass span{font:500 .75rem/1.5 var(--font-mono,monospace)}.run-route-options{color:var(--run-blue);margin-top:1.5rem}.run-route-map{width:100%;height:auto;margin-top:1rem;display:block}.run-route-map path{fill:none;stroke:var(--run-red);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.run-route-map path[hidden]{display:none}.run-route-map .run-route-map__river{stroke:color-mix(in oklch, var(--run-blue) 18%, var(--run-paper));stroke-width:35px}.run-route-map .run-route-map__trail{stroke:color-mix(in oklch, var(--run-blue) 35%, var(--run-paper));stroke-dasharray:3 8;stroke-width:3px}.run-route-map circle{fill:var(--run-blue)}.run-route-map text{fill:var(--run-blue);font:600 10px var(--font-mono,monospace);letter-spacing:.05em}.run-route-caption{min-height:3em;color:var(--run-blue)}.run-page__footer{border-top:1px solid color-mix(in oklch, var(--run-blue) 35%, transparent);align-items:end;padding-top:1rem}.run-decor{z-index:0;pointer-events:none;position:absolute}.run-decor--circle{border:clamp(.75rem, 1.15vw, 1.4rem) solid color-mix(in oklch, var(--run-blue) 62%, transparent);border-radius:50%}.run-decor--circle-a{aspect-ratio:1;width:clamp(10rem,24vw,23rem);top:10%;right:-8%}.run-decor--circle-b{aspect-ratio:1;border-color:color-mix(in oklch, var(--run-red) 58%, transparent);width:clamp(7rem,16vw,15rem);bottom:4%;left:-7%}.run-decor--plus{color:var(--run-red);font:500 clamp(2rem, 4vw, 4rem)/1 var(--font-display,Arial, sans-serif)}.run-decor--plus-a{top:21%;left:45%}.run-decor--plus-b{color:var(--run-blue);bottom:14%;right:39%}.run-hero__copy,.run-hero__visual,.run-page__topline,.run-page__footer{z-index:1;position:relative}@media (width<=48rem){.run-hero{grid-template-columns:1fr;padding-block:4rem}.run-hero__visual{order:-1;width:min(100%,32rem)}.run-hero h1{font-size:clamp(2.5rem,16vw,5.5rem)}.run-hero__runs{grid-template-columns:1fr;width:min(100%,24rem);padding-inline:0}.run-hero__runs li{margin-inline:0}.run-hero__runs li+li{margin-top:-.8rem}}@media (width<=34rem){.run-page__topline span:last-child,.run-page__footer span:nth-child(2){display:none}.run-page__footer{line-height:1.5;display:block}.run-hero{padding-block:2.5rem}.run-hero__visual{width:100%}}@media (prefers-reduced-motion:reduce){.run-button{transition:none}}