html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{font-family:var(--font-geist-sans), system-ui, sans-serif}:root{--route-color:#006b5f;--map-ground:#cce8e2;--map-block:#d0eae4;--map-road:#d8eee9;--route-heading-line:calc(clamp(1.9rem, 4vw, 2.25rem) * 1.2)}.hero-copy{isolation:isolate;position:relative}.hero-copy:before{content:"";z-index:-1;background:var(--map-block);box-shadow:0 0 0 var(--block-ring,11px) var(--map-road);position:absolute;inset:-2.25rem -2.75rem}@media (min-width:992px){.hero-copy:before{left:var(--block-left);width:var(--block-width);right:auto;top:var(--block-top)}}.route-gutter{flex:0 0 56px;width:56px;position:relative}.route-line{background:repeating-linear-gradient(to bottom, var(--route-color) 0 7px, transparent 7px 14px);opacity:.55;width:2px;position:absolute;top:0;bottom:0;left:27px}.route-pin{top:calc(3rem + var(--route-mark-inset,0px) + (var(--route-heading-line) / 2) - 14px);background:var(--route-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:600;line-height:1;display:flex;position:absolute;left:14px}.route-pin-end{border:4px solid var(--route-color);background:#fff}.route-gutter-end{--route-heading-line:1.8rem;--route-mark-inset:3rem}.route-gutter-end .route-line{height:calc(3rem + var(--route-mark-inset,0px) + (var(--route-heading-line) / 2) + 2px);bottom:auto}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.route-line{clip-path:inset(0 0 100%);animation:linear both route-draw;animation-timeline:view(0% 25%);animation-range:entry}.route-pin{opacity:0;animation:linear both route-pin-drop;animation-timeline:view(0% 25%);animation-range:cover cover 18%;transform:scale(.6)}}}@keyframes route-draw{to{clip-path:inset(0)}}@keyframes route-pin-drop{to{opacity:1;transform:scale(1)}}.route-start-head{position:absolute;left:0;right:0}.route-start{isolation:isolate;--walk-run:calc((960px - 24px) / 2 - 28px);height:96px}.route-start .route-line{height:300vh;top:14px;bottom:auto}.route-approach{width:calc(var(--walk-run) + 1px);background:repeating-linear-gradient(to right, var(--route-color) 0 7px, transparent 7px 14px);opacity:.55;height:2px;position:absolute;top:14px;left:27px}.route-origin{top:8px;left:calc(28px + var(--walk-run) - 7px);background:var(--route-color);border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 0 5px #006b5f26}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.route-start .route-line{clip-path:none;animation:none}}}.plot-page{background:var(--map-ground);min-height:100vh;color:var(--map-ink,#345c5c);justify-content:center;align-items:center;padding:4rem 1.5rem;display:flex;overflow:clip}.plot-wrap{width:100%;max-width:34rem;position:relative}.plot-grid{pointer-events:none;position:absolute;inset:0}.plot-street-v{background:var(--map-road);height:500vh;position:absolute;top:-200vh}.plot-street-h{background:var(--map-road);width:500vw;position:absolute;left:-200vw}.plot-street-d{background:var(--map-road);height:400vmax;margin-top:-200vmax;position:absolute;top:50%;left:50%}.plot-route{background:repeating-linear-gradient(to right, var(--route-color) 0 7px, transparent 7px 14px);opacity:.55;height:2px;position:absolute;left:-200vw;right:50%}.plot-pin{border:4px solid var(--route-color);background:#fff;border-radius:50%;width:15px;height:15px;margin-left:-7.5px;position:absolute;left:50%}.plot-block{background:var(--map-block);box-shadow:0 0 0 11px var(--map-road);text-align:center;padding:clamp(2rem,5vw,3rem);position:relative}.plot-code{font-family:var(--font-geist-mono), monospace;letter-spacing:.35em;color:var(--route-color);margin:1.5rem 0 .5rem;padding-left:.35em;font-size:.8125rem;font-weight:600}.plot-title{letter-spacing:-.02em;color:#003f46;margin:0 0 .75rem;font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:700;line-height:1.1}.plot-code+.plot-title{margin-top:0}.plot-note{opacity:.85;margin:2.5rem 0 1rem;font-size:.9375rem}.plot-stores{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.plot-message{max-width:26rem;margin:0 auto;line-height:1.6}.plot-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.plot-button{cursor:pointer;border:1px solid var(--route-color);background:var(--route-color);color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:.8rem 1.75rem;font-weight:600;text-decoration:none;display:inline-flex}.plot-button:hover{color:#fff;background:#00544a;border-color:#00544a}.plot-button-ghost{color:var(--route-color);background:0 0}.plot-button-ghost:hover{background:var(--route-color);color:#fff}