@property --p1{syntax:"<number>";inherits:true;initial-value:0}@property --p2{syntax:"<number>";inherits:true;initial-value:0}@property --p3{syntax:"<number>";inherits:true;initial-value:0}@keyframes smap-p1{0%{--p1:0}}@keyframes smap-p2{0%{--p2:0}}@keyframes smap-p3{0%{--p3:0}}.smap{background:var(--color-pearl);color:var(--color-navy);flex-direction:column;margin:0;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.smap.has-play{animation:var(--play)}}.smap-canvas{min-height:var(--map-min,18rem);background:var(--color-pearl);isolation:isolate;flex-direction:column;flex:auto;justify-content:flex-end;display:flex;position:relative;overflow:clip}.smap-canvas img{user-select:none;width:auto;max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 6% 94%,#0000);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:border-box,border-box;mask-origin:border-box,border-box;mask-composite:intersect;mask-mode:match-source,match-source}.smap-layer{width:0;height:0;position:absolute;top:50%;left:50%}.smap-d{display:none}@media (width>=37.5rem){.smap-m:not(.smap-only){display:none}.smap-d{display:block}}.smap-label{font:600 .6875rem/1 var(--font-body);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:color-mix(in oklab, var(--color-navy) 62%, var(--color-pearl));text-shadow:0 0 3px var(--color-pearl), 0 0 3px var(--color-pearl), 0 0 6px var(--color-pearl);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}@media (width>=37.5rem){.smap-label{font-size:.75rem}}@media (width>=64rem){.is-over .smap-label.is-under{display:none}}@media (width<=100rem){.smap-label.is-edge{display:none}}.smap-dot{background:var(--color-navy);width:10px;height:10px;box-shadow:0 0 0 2.5px var(--color-pearl);opacity:calc(1 - .58 * var(--p1) - .2 * var(--p2));border-radius:50%;margin:-5px 0 0 -5px;position:absolute}.smap-dot.is-source{opacity:calc(1 - .58 * var(--p1) + .58 * clamp(0, (var(--p2) - .45) * 2, 1))}.smap-links{pointer-events:none;position:absolute;overflow:visible}.smap-links line{stroke:var(--color-navy);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0, (var(--p2) - .45) * 3 - var(--n) * .1, 1));opacity:calc(.55 * clamp(0, (var(--p2) - .45) * 12, 1))}.smap-you{z-index:2;width:0;height:0;position:absolute}.smap-you .ring,.smap-you .pin{border-radius:50%;width:44px;height:44px;position:absolute;top:-22px;left:-22px}.smap-you .ring{border:2px dashed color-mix(in oklab, var(--color-navy) 62%, var(--color-pearl));background:color-mix(in oklab, var(--color-pearl) 70%, transparent);opacity:calc(1 - var(--p1))}.smap-you .pin{color:var(--color-navy);background:var(--color-champagne);border:2.5px solid var(--color-navy);opacity:var(--p1);transform:scale(calc(.35 + .65 * var(--p1)));place-items:center;padding-top:1px;display:grid;box-shadow:0 8px 18px -6px #0c23408c}.smap-you .tag{font:700 .75rem/1 var(--font-body);letter-spacing:.1em;color:var(--color-pearl);background:var(--color-navy);white-space:nowrap;border-radius:2px;padding:.3rem .5rem .28rem;position:absolute;top:0;left:30px;transform:translateY(-50%)}.smap-route{pointer-events:none;opacity:clamp(0, (var(--p3) - .45) * 12, 1);position:absolute;overflow:visible}.smap-route polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0, (var(--p3) - .45) / .55, 1))}.smap-route .casing{stroke:var(--color-pearl);stroke-width:7px}.smap-route .line{stroke:var(--color-brass);stroke-width:3px}@media (prefers-reduced-motion:no-preference){.smap-you .ring{animation:24s linear infinite smap-turn}.is-ripple .smap-ripple{width:0;height:0;position:absolute}.is-ripple .smap-ripple:before{content:"";border:1.5px solid var(--color-navy);border-radius:50%;width:12px;height:12px;animation:2.6s linear .6s both smap-ripple;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.is-ripple .smap-dot{animation:smap-ping .7s var(--ease-out) calc(.6s + var(--d)) both}}@keyframes smap-turn{to{rotate:1turn}}@keyframes smap-ripple{0%{opacity:.9;width:12px;height:12px}to{opacity:0;width:1040px;height:1040px}}@keyframes smap-ping{0%,to{transform:scale(1)}35%{transform:scale(1.7)}}.smap-cap{padding:1rem var(--pad) 1.25rem;background:var(--color-pearl);border-top:1px solid var(--color-rule);gap:.9rem;display:grid}.smap-says{text-wrap:pretty;font-size:1.0625rem;font-weight:500;line-height:1.4;display:grid}.smap-says .say{grid-area:1/1}.smap-legend{color:var(--color-ink-muted);flex-wrap:wrap;gap:.35rem 1.1rem;font-size:.875rem;line-height:1.35;display:flex}.smap-legend .key{align-items:center;gap:.45rem;display:inline-flex}.smap-legend .credit a{text-decoration-color:color-mix(in oklab, currentColor 40%, transparent)}.k-you,.k-dot{border-radius:50%;flex:none;width:.8rem;height:.8rem}.k-you{background:var(--color-champagne);box-shadow:inset 0 0 0 2px var(--color-navy)}.k-dot{background:var(--color-navy);width:.55rem;height:.55rem}.is-scroll .say{--on1:clamp(0, (var(--p1) - .5) * 16, 1);--on2:clamp(0, (var(--p2) - .5) * 16, 1);--on3:clamp(0, (var(--p3) - .5) * 16, 1)}.is-scroll [data-say="0"]{opacity:calc(1 - var(--on1))}.is-scroll [data-say="1"]{opacity:min(var(--on1), calc(1 - var(--on2)))}.is-scroll [data-say="2"]{opacity:min(var(--on2), calc(1 - var(--on3)))}.is-scroll [data-say="3"]{opacity:var(--on3)}@media (width>=64rem){.smap.is-over .smap-cap{z-index:3;border:1px solid var(--color-rule);border-radius:4px;width:min(29rem,100% - 3rem);padding:1.1rem 1.25rem 1.15rem;position:absolute;bottom:1.5rem;left:1.5rem;box-shadow:0 18px 40px -24px #0c23408c}.smap.is-over.cap-right .smap-cap{left:auto;right:1.5rem}}