:root{--black:#0a0d0f;--paper:#f5f3ee;--teal:#13b7b9;--gold:#fdb314;--orange:#ff6e20;--coral:#ea3b74;--muted:#aeb9b8;--line:#293335}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--black);color:var(--paper);font:16px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a,button,input,summary,textarea{outline-offset:5px}header,main,footer{max-width:1400px;margin:auto}header{padding:28px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{width:200px;height:36px;object-fit:cover;object-position:50% 46.7%;background:#000;display:block}nav{display:flex;gap:35px;font-size:14px;font-weight:700}.intro{text-align:center;padding:70px 6% 65px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;margin:0 0 18px}.teal{color:var(--teal)}.gold{color:var(--gold)}h1,h2,h3{font-family:Fredoka,'Trebuchet MS',sans-serif;font-weight:500;line-height:1.08;margin:0}h1{font-size:clamp(50px,6vw,82px);letter-spacing:-2px}h1 span{color:var(--teal)}.intro>p:not(.eyebrow){color:#c2ccca;font-size:18px;margin:23px 0}.actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.button{border-radius:30px;padding:13px 24px;border:1px solid transparent;font-size:14px;font-weight:800;display:inline-block}.primary{background:var(--orange);color:#160e08}.secondary{border-color:#566461;background:transparent;color:var(--paper)}.button:hover{filter:brightness(1.1)}.tracking{padding:10px 6% 65px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-title .eyebrow{margin-bottom:9px}h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.6px}.pill{padding:6px 12px;border:1px solid #465552;border-radius:20px;color:#c9d3cf;font-size:12px;white-space:nowrap}.tracking-app{border:1px solid #3a4743;border-radius:17px;overflow:hidden;background:#10171a}.app-header{padding:19px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.app-header strong{font-family:Fredoka,sans-serif;font-size:23px;font-weight:500}.app-header span{font-size:12px;margin-left:15px;color:var(--muted)}.app-header p{margin:0;font-size:12px;color:var(--muted)}.app-body{display:grid;grid-template-columns:310px 1fr}.runner-panel{padding:23px;min-height:610px}label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}input,textarea{width:100%;padding:12px;border:1px solid #45554f;border-radius:9px;background:#1a2425;color:var(--paper);margin-bottom:16px;font-size:14px}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button{font-size:12px;padding:7px 11px;border:1px solid var(--line);border-radius:20px;background:none;color:var(--muted)}.tabs button[aria-pressed=true]{background:#e0e8da;color:#182321;border-color:#e0e8da}.tabs span{font-family:'JetBrains Mono',monospace;margin-left:4px}#results{display:grid;gap:8px}.runner{display:flex;align-items:center;text-align:left;gap:10px;background:transparent;color:var(--paper);border:1px solid var(--line);padding:11px;border-radius:10px;width:100%}.runner.active{border-color:var(--teal);background:#13b7b912}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#101918;font-size:12px;font-weight:800;flex-shrink:0}.runner strong{display:block;font-size:14px}.runner small{display:block;color:var(--muted);font-size:11px}.runner .distance{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}#detail{border-top:1px solid var(--line);margin-top:23px;padding-top:21px}#detail h3{font-size:24px}#detail .status{font-size:12px;color:var(--teal);margin:10px 0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.metrics strong{font-family:Fredoka,sans-serif;font-size:29px;display:block;line-height:1.2}.metrics span{font-size:10px;color:var(--muted);letter-spacing:.7px}.progress{height:5px;background:#2b3836;border-radius:5px}.progress span{display:block;background:var(--teal);height:100%;border-radius:5px}.last-update{font-family:'JetBrains Mono',monospace;color:var(--muted);font-size:10px;margin:12px 0}.follow-button{background:transparent;border:1px solid #4d665f;color:var(--paper);border-radius:20px;padding:8px 13px;font-size:12px;width:100%}.map{position:relative;background:#e1e8d9;overflow:hidden;min-width:0}.map svg{width:100%;height:100%;min-height:610px;display:block}.map-toolbar{position:absolute;z-index:2;top:17px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;color:#34483b;font-size:12px}.map-toolbar>span{background:#f5f3eee6;border-radius:8px;padding:7px 12px}.map-toolbar>div{display:flex;box-shadow:0 3px 12px #15251f12;border-radius:8px;overflow:hidden}.map-toolbar button{background:var(--paper);color:#263d31;border:0;border-right:1px solid #d2d9cc;padding:7px 12px;font-size:16px;min-width:35px}.map-toolbar #reset{font-size:12px}.map-label{position:absolute;left:20px;bottom:62px;padding:10px 15px;background:#0c1e19;color:var(--paper);border-radius:10px;font-size:13px;box-shadow:0 5px 15px #15382322;pointer-events:none}.map-label span{color:#baccc1;font-size:11px;margin-left:9px}.map-legend{position:absolute;bottom:15px;left:18px;right:18px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:10px;color:#395442;background:#f5f3eee6;border-radius:8px;padding:7px 10px}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend span:last-child{margin-left:auto}.route-key{display:block;width:20px;height:3px;background:#536457}.dot-key{width:8px;height:8px;background:var(--teal);border-radius:50%}.marker{cursor:pointer;outline:none}.marker:focus circle{stroke:#000;stroke-width:5}.empty{font-size:13px;color:var(--muted)}.demo-note{font-size:12px;color:var(--muted);margin:12px 0 0}.kit{margin:0 6% 65px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.kit-photo{position:relative;border-radius:15px;overflow:hidden;background:#141d1c;aspect-ratio:3/2}.kit-photo img{width:100%;height:100%;object-fit:cover}.photo-caption{position:absolute;bottom:14px;left:17px;font:10px 'JetBrains Mono',monospace;background:#0a0d0fbb;padding:7px 10px;border-radius:6px}.kit-copy h2 span{color:var(--gold)}.kit-copy p:not(.eyebrow){font-size:15px;color:#c2cbc7;margin:24px 0}.kit-copy p.quiet{color:var(--muted);font-size:14px}.event-section{margin:0 6%;padding:45px 0 55px;display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line)}.event-section h2{font-size:36px}.event-section p:not(.eyebrow){color:var(--muted);margin-bottom:0}.event-section .button{flex-shrink:0}footer{padding:28px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}footer .logo{width:150px;height:28px}footer p{color:var(--muted);font-size:14px}footer>span{font:10px 'JetBrains Mono',monospace;color:var(--muted)}dialog{width:calc(100% - 30px);max-width:560px;background:#11191c;color:var(--paper);border:1px solid #45615d;border-radius:20px;padding:35px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:34px}.close{position:absolute;right:15px;top:10px;border:0;background:none;color:var(--paper);font-size:28px}dialog>p{color:var(--muted)}dialog form{margin-top:25px}.small{font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1050px){.map{height:610px}}@media(max-width:900px){.app-body{grid-template-columns:270px 1fr}.runner-panel{padding:18px}.app-header p{display:none}.kit{gap:30px}.map-legend span:last-child{margin-left:0}.event-section h2{font-size:30px}}@media(max-width:650px){header{padding:22px 6%}.logo{width:145px;height:27px}nav{gap:16px;font-size:12px}.intro{padding:45px 6%}h1{font-size:51px;letter-spacing:-1px}.intro>p:not(.eyebrow){font-size:16px}.eyebrow{font-size:10px;letter-spacing:1.3px}.actions{gap:9px;flex-wrap:wrap}.button{font-size:12px;padding:12px 17px}.section-title{display:block}.pill{display:inline-block;margin-top:15px;font-size:11px}.tracking{padding-bottom:40px}.app-header{padding:15px 18px}.app-header span{font-size:11px}.app-body{display:flex;flex-direction:column}.runner-panel{min-height:0;padding:18px}#results{grid-template-columns:repeat(3,1fr);gap:6px}.runner{display:block;text-align:center;padding:10px 5px}.avatar{margin:0 auto 5px;width:28px;height:28px}.runner strong{font-size:12px}.runner .distance{display:block;margin-top:5px}#detail{padding-top:17px;margin-top:17px;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}#detail h3{font-size:22px}.status{grid-column:1}.metrics{grid-column:2;grid-row:1/3;margin:0;gap:10px;align-self:center}.metrics strong{font-size:26px}.metrics span{font-size:9px}.progress{grid-column:1/3}.last-update{grid-column:1;align-self:center}.follow-button{grid-column:2;align-self:center}.map{height:410px}.map svg{min-height:0;height:410px}.map-label{bottom:66px;left:12px;font-size:12px;padding:8px 11px}.map-legend{left:10px;right:10px;gap:7px 12px;font-size:9px}.map-legend span:last-child{width:100%}.map-toolbar{left:12px;right:12px;top:12px}.kit{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.kit-copy p:not(.eyebrow){margin:18px 0}.event-section{display:block;padding:35px 0}.event-section .button{margin-top:23px}footer{flex-wrap:wrap;gap:12px}footer p{margin:0}footer>span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Floating navigation and image-led arrival. */
html{scroll-padding-top:120px}header{position:fixed;z-index:20;top:20px;left:50%;transform:translateX(-50%);width:88%;max-width:1232px;margin:0;padding:18px 26px;border:1px solid #46534d;border-radius:60px;background:#0a0d0feb;backdrop-filter:blur(18px);box-shadow:0 12px 35px #0005}header .logo{width:178px;height:32px}main{padding-top:115px}.intro{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:45px;padding:30px 6% 65px;text-align:left}.intro h1{font-size:clamp(48px,5.1vw,72px)}.hero-copy>p:not(.eyebrow){font-size:18px;color:#c2ccca;margin:25px 0}.hero-copy .hero-footnote{font-size:12px!important;color:var(--muted)!important;max-width:330px;margin-top:26px}.actions{justify-content:flex-start}.hero-photo{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:#192422}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:35% 50%;display:block}.arrival{position:fixed;inset:0;z-index:100;background:#0a0d0f;display:grid;place-items:center;animation:arrival-exit .35s ease 2.65s forwards}.arrival-content{text-align:center}.arrival .logo{width:240px;height:44px;margin:0 auto 30px}.arrival-icon{width:64px;height:64px;border:1px solid #36504b;border-radius:20px;margin:auto;display:grid;place-items:center;color:var(--teal)}.arrival-icon svg{width:38px;height:38px;animation:arrival-lift 1s ease-in-out infinite}.arrival p{color:#b6c5be;font-size:14px;letter-spacing:.6px;margin:20px 0}.arrival-progress{height:3px;width:160px;background:#1e2c29;border-radius:5px;margin:25px auto 0;overflow:hidden}.arrival-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#13b7b9,#7bb24a,#fdb314,#ff6e20,#ea3b74);transform-origin:left;animation:arrival-fill 2.65s ease-out both}@keyframes arrival-lift{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}@keyframes arrival-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes arrival-exit{to{opacity:0;visibility:hidden;pointer-events:none}}@media(max-width:900px){.intro{gap:25px}.intro h1{font-size:49px}.hero-photo{aspect-ratio:3/4}.actions{flex-wrap:wrap}.hero-copy>p:not(.eyebrow){font-size:16px}}@media(max-width:650px){header{width:92%;top:12px;padding:15px 18px}header .logo{width:130px;height:24px}nav{gap:14px;font-size:11px}main{padding-top:90px}.intro{grid-template-columns:1fr;padding:20px 6% 40px;gap:26px}.intro h1{font-size:52px}.hero-copy>p:not(.eyebrow){margin:19px 0}.hero-copy .hero-footnote{margin-top:20px;max-width:none}.hero-photo{aspect-ratio:4/3}.photo-caption{font-size:9px;left:12px;bottom:12px}.actions{margin-top:22px}html{scroll-padding-top:95px}}@media(prefers-reduced-motion:reduce){.arrival-icon svg{animation:none}.arrival-progress span{animation:none}.arrival{animation-duration:.01s;animation-delay:.1s}}
/* Ymlaen's colour is carried through the people and the kit. */
.hero-copy h1 span{background:linear-gradient(95deg,#13b7b9 5%,#7bb24a 35%,#fdb314 62%,#ff6e20 80%,#ea3b74);background-clip:text;-webkit-background-clip:text;color:transparent}.button svg{width:18px;height:18px;vertical-align:-4px;margin-right:8px}.hero-copy .hero-footnote{max-width:390px}.hero-photo{border:1px solid #48615b}.hero-sticker{position:absolute;right:16px;top:22px;background:var(--gold);color:#192018;font-family:Fredoka,sans-serif;font-size:21px;line-height:1.05;padding:17px 18px;border-radius:19px;transform:rotate(7deg);box-shadow:0 7px 18px #0004}.people-band{margin:0 6% 52px;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:18px;background:linear-gradient(105deg,#13b7b9,#7bb24a 35%,#fdb314 65%,#ff6e20 85%,#ea3b74);color:#101813}.people-band>span{display:flex;align-items:center;gap:12px;font:500 32px/1.1 Fredoka,sans-serif}.people-band svg{height:29px;width:29px;flex-shrink:0}.people-band p{font-size:13px;font-weight:700;margin:0;max-width:260px}.benefits{padding:0 6% 65px}.benefit-heading{margin-bottom:25px}.benefit-heading .eyebrow{margin-bottom:10px}.benefit-heading h2{font-size:38px}.supporter-benefits .benefit-heading h2 span{color:var(--teal)}.organiser-benefits .benefit-heading h2 span{color:var(--gold)}.benefit-heading>p:not(.eyebrow){color:var(--muted);font-size:15px;margin-bottom:0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{padding:26px;border-radius:18px;background:linear-gradient(150deg,var(--tint),#11191b 75%);border:1px solid var(--edge);border-top:3px solid var(--accent);color:var(--paper)}.c-teal{--accent:#13b7b9;--tint:#123634;--edge:#2a5550}.c-gold{--accent:#fdb314;--tint:#35301a;--edge:#5a5030}.c-coral{--accent:#ea3b74;--tint:#361c2a;--edge:#583042}.c-green{--accent:#7bb24a;--tint:#26351c;--edge:#405335}.c-orange{--accent:#ff6e20;--tint:#3b271b;--edge:#5b4030}.c-purple{--accent:#ea3b74;--tint:#321c2d;--edge:#553345}.benefit-icon{display:grid;place-items:center;background:var(--accent);color:#141b17;width:48px;height:48px;border-radius:14px;transform:rotate(-5deg);margin-bottom:23px}.benefit-icon svg{width:25px;height:25px;transform:rotate(5deg)}.benefit h3{font-size:23px;line-height:1.15}.benefit p{font-size:14px;color:#c3cdca;margin:14px 0 0}.organiser-benefits{padding-top:15px}.app-header{border-top:3px solid var(--teal)}.app-header strong{color:var(--gold)}nav a:hover{color:var(--teal)}.arrival-icon{border-color:#7bb24a;color:#fdb314}.event-section{border-top:1px solid #495d51}.event-section .button{box-shadow:0 4px 25px #ff6e201a}@media(max-width:900px){.benefit{padding:20px}.benefit h3{font-size:21px}.people-band>span{font-size:28px}.hero-sticker{font-size:17px;padding:13px;right:12px}}@media(max-width:650px){.people-band{margin-bottom:35px;padding:20px;display:block}.people-band>span{font-size:29px}.people-band p{margin:10px 0 0;font-size:12px;max-width:none}.benefits{padding-bottom:40px}.benefit-grid{grid-template-columns:1fr;gap:12px}.benefit{padding:22px}.benefit-icon{width:42px;height:42px;margin-bottom:16px}.benefit h3{font-size:24px}.benefit-heading h2{font-size:32px}.hero-sticker{top:16px;font-size:19px}.hero-copy>p:not(.eyebrow){font-size:15px}.organiser-benefits{padding-top:0}}
/* Two complete viewing concepts, including the race map. */
:root{color-scheme:dark;--map-ground:#14281f;--map-grid:#385243;--map-route-halo:#253e31;--map-route:#8ba991;--map-checkpoint:#263d30;--map-label-text:#c2d8c6}.map{background:var(--map-ground)}.map-toolbar{color:#d4e1d4}.map-toolbar>span{background:#152b22eb}.map-toolbar button{background:#172d24;color:#e0eadc;border-color:#405547}.map-legend{background:#152b22ed;color:#c4d8c6}.route-key{background:var(--map-route)}.theme-switch{display:flex;gap:3px;padding:4px;background:#192521;border:1px solid #3b5147;border-radius:30px;flex-shrink:0}.theme-switch button{background:none;border:0;color:#becdc4;border-radius:20px;padding:6px 10px;font-size:12px;display:flex;align-items:center;gap:6px}.theme-switch svg{width:15px;height:15px}.theme-switch button[aria-pressed=true]{background:#fdb314;color:#172019}.theme-switch button:hover{outline:1px solid #789684}.theme-switch button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}header nav{gap:24px}.map-toolbar button:disabled{opacity:.4;cursor:default}
html[data-theme=day]{color-scheme:light;--black:#f3f7f4;--paper:#132c28;--muted:#536962;--line:#c7d7cf;--map-ground:#e1e8d9;--map-grid:#b9c5b4;--map-route-halo:#f5f3ee;--map-route:#526154;--map-checkpoint:#f5f3ee;--map-label-text:#3b5141}
html[data-theme=day] body{background:#f3f7f4;color:#132c28}html[data-theme=day] header{background:#f3f7f4ed;border-color:#bccfc4;box-shadow:0 8px 25px #274a3314}html[data-theme=day] header>a{background:#000;border-radius:10px;padding:7px 9px}html[data-theme=day] .theme-switch{background:#e0ebe4;border-color:#c4d4ca}html[data-theme=day] .theme-switch button{color:#435e51}html[data-theme=day] .theme-switch button[aria-pressed=true]{background:#116968;color:#fff}html[data-theme=day] .hero-copy>p:not(.eyebrow){color:#3d5b50}html[data-theme=day] .hero-copy h1 span{background-image:linear-gradient(95deg,#087579,#416c22 35%,#8a5f00 62%,#a43d0a 80%,#b51d50)}html[data-theme=day] .secondary{color:#26483b;border-color:#789c88}html[data-theme=day] .hero-footnote{color:#536962!important}html[data-theme=day] .photo-caption{color:#f5f3ee}html[data-theme=day] .teal{color:#076e70}html[data-theme=day] .gold{color:#835c08}html[data-theme=day] .pill{color:#3d594c;border-color:#9fb9a8}html[data-theme=day] .tracking-app{background:#fff;border-color:#a2bcab}html[data-theme=day] .app-header{background:#e9f1eb}html[data-theme=day] .app-header strong{color:#27543f}html[data-theme=day] input,html[data-theme=day] textarea{background:#f4f8f5;color:#193f30;border-color:#9ab5a4}html[data-theme=day] .runner-panel{background:#fff}html[data-theme=day] .tabs button{color:#426150;border-color:#b4cbbb}html[data-theme=day] .tabs button[aria-pressed=true]{background:#116968;color:#fff;border-color:#116968}html[data-theme=day] .runner{color:#193c2d}html[data-theme=day] .runner.active{background:#e1f3ee;border-color:#0b8280}html[data-theme=day] #detail .status{color:#0a716b}html[data-theme=day] .progress{background:#d5e3da}html[data-theme=day] .progress span{background:#09847f}html[data-theme=day] .follow-button{color:#29513e;border-color:#749b83}html[data-theme=day] .map-toolbar{color:#34483b}html[data-theme=day] .map-toolbar>span{background:#f5f3eee6}html[data-theme=day] .map-toolbar button{background:#f5f3ee;color:#263d31;border-color:#d2d9cc}html[data-theme=day] .map-label{background:#0c1e19;color:#f5f3ee}html[data-theme=day] .map-legend{color:#395442;background:#f5f3eeeb}html[data-theme=day] .benefit{background:linear-gradient(150deg,var(--day-tint),#ffffff 85%);border-color:var(--day-edge);border-top-color:var(--accent);color:#16372b}html[data-theme=day] .benefit p{color:#425b4e}html[data-theme=day] .c-teal{--day-tint:#daf3ee;--day-edge:#a6d6ca}html[data-theme=day] .c-gold{--day-tint:#fff1c4;--day-edge:#dfce92}html[data-theme=day] .c-coral{--day-tint:#ffe0eb;--day-edge:#e5b7c9}html[data-theme=day] .c-green{--day-tint:#e6f4d8;--day-edge:#bdd3a8}html[data-theme=day] .c-orange{--day-tint:#ffe7d7;--day-edge:#dfbea5}html[data-theme=day] .c-purple{--day-tint:#ffe3ef;--day-edge:#e2b9cf}html[data-theme=day] .supporter-benefits .benefit-heading h2 span{color:#076e70}html[data-theme=day] .organiser-benefits .benefit-heading h2 span{color:#835c08}html[data-theme=day] footer .logo{border-radius:6px}html[data-theme=day] dialog{background:#f3f7f4;color:#153d2b;border-color:#8caa98}html[data-theme=day] .close{color:#2a4e3b}html[data-theme=day] .arrival{background:#f3f7f4}html[data-theme=day] .arrival-content>.logo{border-radius:8px}html[data-theme=day] .arrival p{color:#3d5b4d}html[data-theme=day] .arrival-icon{color:#835c08;border-color:#a9c4b2}html[data-theme=day] .arrival-progress{background:#d7e4db}@media(max-width:900px){header{padding:15px 20px}header .logo{width:150px;height:28px}header nav{gap:15px;font-size:12px}.theme-switch button{padding:6px 8px;font-size:11px}}@media(max-width:650px){header{flex-wrap:wrap;gap:9px 15px;border-radius:25px;padding:13px 17px}header>a{order:1}header .logo{width:130px;height:24px}header .theme-switch{order:2;margin-left:auto}header nav{order:3;width:100%;justify-content:center;gap:35px;font-size:12px}main{padding-top:135px}html{scroll-padding-top:140px}html[data-theme=day] header>a{padding:5px 7px}}
/* Transparent brand artwork is shared by both viewing modes. */
.logo,header .logo,footer .logo,.arrival .logo{background:transparent;object-fit:contain;object-position:center;height:auto;max-width:100%;border-radius:0}header>a,html[data-theme=day] header>a{background:transparent;border-radius:0;padding:0}html[data-theme=day] footer .logo,html[data-theme=day] .arrival-content>.logo{border-radius:0}
/* Responsive spacing follows the floating menu's actual height. */
html{scroll-padding-top:calc(var(--floating-menu-height,90px) + 40px)}main{padding-top:calc(var(--floating-menu-height,90px) + 45px)}.intro>*{min-width:0}.benefit-grid>*{min-width:0}.app-header>div{min-width:0}.photo-caption{max-width:calc(100% - 32px);white-space:normal}.close{min-width:44px;min-height:44px}.button{min-height:44px}dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}dialog input,dialog textarea{font-size:16px}#enquirytext{resize:vertical}header nav a{min-height:44px;display:flex;align-items:center}.theme-switch button{min-height:38px}.map-toolbar button{min-height:44px;min-width:44px}.map-toolbar #reset{min-width:55px}.follow-button{min-height:44px}.tabs button{min-height:40px}.runner{min-height:48px}.benefit p{font-size:16px;line-height:1.65}.app-header p{font-size:14px}.runner small,.runner .distance{font-size:12px}.demo-note{font-size:13px}.section-title .pill{white-space:normal}.arrival-content{max-width:85vw}.arrival .logo{max-width:100%}@media(max-width:1000px) and (min-width:651px){header{width:94%;padding:12px 18px;gap:18px}header .logo{width:140px}header nav{gap:15px}.intro h1{font-size:clamp(40px,5vw,49px)}.benefit-grid{gap:12px}.benefit{padding:20px}.app-body{grid-template-columns:270px minmax(0,1fr)}}@media(max-width:650px){header{width:94%;top:10px;padding:11px 12px;gap:4px 10px;border-radius:23px}header .logo{width:110px}header nav{gap:30px}header nav a{min-height:40px}.theme-switch{padding:3px;gap:1px}.theme-switch button{min-height:38px;padding:6px 8px;font-size:12px}.theme-switch svg{width:14px;height:14px}main{padding-top:calc(var(--floating-menu-height,108px) + 30px)}html{scroll-padding-top:calc(var(--floating-menu-height,108px) + 25px)}.intro{padding-top:10px}.intro h1{font-size:clamp(38px,10.5vw,52px);letter-spacing:-.9px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-copy .hero-footnote{font-size:13px!important}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.actions .button{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 10px;font-size:13px;line-height:1.35}.button svg{flex-shrink:0;margin-right:6px;vertical-align:0}.hero-photo{aspect-ratio:4/3}.hero-photo img{object-position:44% 50%}.hero-sticker{font-size:17px;right:13px;top:14px;padding:12px}.photo-caption{font-size:10px;line-height:1.5;max-width:calc(100% - 24px)}.people-band>span{font-size:clamp(24px,7vw,29px);gap:9px}.people-band>span svg{width:25px;height:25px}.people-band p{font-size:14px}.benefit-heading h2{font-size:clamp(28px,8vw,34px)}.tracking-app{border-radius:13px}.app-header{padding:14px 16px}.app-header>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 12px}.app-header span{margin-left:0;font-size:12px}.runner-panel{padding:16px}#search{font-size:16px;min-height:46px}.tabs button{min-height:44px;font-size:13px}.runner{padding:11px 4px}.runner strong{font-size:14px}.runner small{font-size:12px}.runner .distance{font-size:12px}#detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px}#detail h3{font-size:22px}#detail .status{font-size:13px;line-height:1.4}.metrics{gap:9px}.metrics strong{font-size:25px}.metrics span{font-size:10px}.last-update{font-size:11px}.follow-button{font-size:13px;padding:9px 7px}.map{height:440px}.map svg{height:440px}.map-toolbar{gap:9px}.map-toolbar>span{font-size:12px;padding:8px}.map-label{font-size:13px}.map-label span{display:block;margin:2px 0 0;font-size:12px}.map-legend{font-size:11px;bottom:10px;gap:3px 12px;padding:8px}.map-label{bottom:78px}.event-section h2{font-size:32px}.event-section .button{font-size:14px;max-width:100%;width:100%}footer{align-items:center}footer>span{font-size:11px;line-height:1.5}dialog{padding:27px 20px;width:calc(100% - 24px)}dialog h2{font-size:30px;padding-right:15px}dialog .eyebrow{padding-right:26px}dialog .button{width:100%;font-size:14px}dialog label{font-size:15px}}@media(max-width:360px){.actions{grid-template-columns:1fr}.hero-sticker{font-size:15px;padding:10px}.runner-panel{padding:12px}.metrics strong{font-size:22px}.metrics span{font-size:9px}header nav{gap:22px}}@media(max-height:500px) and (orientation:landscape){header{position:sticky;top:8px;margin:8px auto 0;left:auto;transform:none}main{padding-top:15px}.intro{grid-template-columns:1fr 1fr}.hero-photo{aspect-ratio:1/1}dialog{max-height:calc(100dvh - 16px)}}
@media(max-width:650px){.marker-hit{r:64px}}
.arrival-icon.location-pin{border-color:#3a5550}.arrival-icon.location-pin svg{width:46px;height:46px;animation:pin-beacon 1.6s ease-in-out infinite}@keyframes pin-beacon{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.arrival-icon.location-pin svg{animation:none}}