@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f5f3eb;--ink:#293f32;--green:#294f39;--muted:#697261;--line:#d5d9cb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 'DM Sans',Arial,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-underline-offset:4px}:focus-visible{outline:3px solid #a46743;outline-offset:4px}header,footer{padding:23px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:23px;font-weight:600;letter-spacing:-1px}header nav{display:flex;gap:25px;font-size:12px}header nav a{text-decoration:none}main{max-width:1400px;margin:auto;padding:0 5%}.walk-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:48px 0 32px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;margin:0 0 12px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;line-height:1.02}h1{font-size:66px;letter-spacing:-2px;margin-bottom:0}h1 em{color:#697e5d;font-weight:400}.walk-intro>p{color:var(--muted);font-size:13px;max-width:350px}.street-picker{display:flex;align-items:center;gap:22px;background:#e6eadb;padding:19px 24px;border-radius:10px;margin:0 0 25px}label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:600;letter-spacing:.3px;flex:1}select{width:100%;padding:11px 12px;border:1px solid #bfc8b4;border-radius:5px;background:#faf9f1;font-size:12px}.or{font-family:Georgia,serif;font-style:italic;color:#7c826f;padding-top:18px}.street-experience{border:1px solid var(--line);border-radius:14px;background:#faf9f3;overflow:hidden}.street-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 26px 0}.street-marker{font-size:8px;letter-spacing:1.8px;color:var(--muted)}h2{font-size:34px;margin:7px 0}.small-button{padding:9px 15px;background:transparent;border:1px solid #a6b49a;border-radius:30px;font-size:11px;white-space:nowrap}.small-button[aria-pressed=true]{background:var(--green);color:white}.street-description{font-size:11px;color:var(--muted);margin:10px 26px 20px}.scene{height:395px;position:relative;background:#e9ecd9;overflow:hidden;--drift:0px}.sky{position:absolute;inset:0 0 90px;background:linear-gradient(#e0e9e1,#f6f0d8)}.sun{position:absolute;width:65px;height:65px;border-radius:50%;background:#e9cf91;top:25px;right:20%;transform:translateX(var(--drift))}.cloud{position:absolute;width:95px;height:14px;top:35px;background:#f9f8ef;border-radius:50%;opacity:.8;transform:translateX(var(--drift))}.cloud:before{content:'';position:absolute;width:44px;height:22px;border-radius:50%;bottom:2px;left:25px;background:inherit}.cloud-one{left:14%}.cloud-two{left:70%;top:70px}.distant-city{position:absolute;bottom:0;height:100px;left:-150px;right:-150px;opacity:.18;background:repeating-linear-gradient(90deg,#658670 0 45px,transparent 45px 65px,#8fa08c 65px 130px,transparent 130px 160px);clip-path:polygon(0 40%,8% 40%,8% 10%,14% 10%,14% 60%,23% 60%,23% 25%,30% 25%,30% 0,38% 0,38% 45%,48% 45%,48% 15%,56% 15%,56% 35%,70% 35%,70% 0,80% 0,80% 30%,90% 30%,90% 10%,100% 10%,100% 100%,0 100%);transform:translateX(var(--drift))}.promenade{position:absolute;inset:0 0 73px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;z-index:3;cursor:grab;touch-action:pan-x pan-y}.promenade::-webkit-scrollbar{display:none}.promenade.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.street-track{display:flex;align-items:flex-end;gap:60px;padding:72px max(30px,calc(50% - 125px)) 31px;width:max-content;min-width:100%;height:100%}.street-lot{width:250px;flex-shrink:0;scroll-snap-align:center;position:relative;display:flex;justify-content:center;align-items:flex-end;height:220px}.facade-button{position:relative;display:block;width:225px;padding:0;border:0;background:none;text-align:center;transform-origin:bottom;transition:transform .3s,filter .3s;filter:saturate(.65);-webkit-user-drag:none}.street-lot.active .facade-button{filter:saturate(1);transform:scale(1.035)}.facade{position:relative;display:block;background:var(--color);border:3px solid #5b7158;height:158px;box-shadow:13px 8px #6e836a40}.facade:before{content:'';position:absolute;top:-14px;left:-9px;right:-9px;height:17px;border-radius:3px 3px 0 0;background:#405f48}.facade-sign{display:block;margin:15px 12px 0;padding:9px 1px;background:#faf4df;border:1px solid #758665;font-size:11px;font-weight:500;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.awning{position:absolute;top:59px;left:5px;right:5px;height:18px;background:repeating-linear-gradient(90deg,#355840 0 22px,#f2e5c7 22px 44px);border-radius:0 0 5px 5px}.shop-windows{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin:30px 15px 0}.shop-windows i{display:block;background:linear-gradient(125deg,#819e88,#5f8471);height:51px;width:64px;border:4px solid #efe3bd;box-shadow:0 0 0 1px #768263;position:relative}.shop-windows i:after{content:'';position:absolute;left:50%;width:2px;top:0;bottom:0;background:#efdfb9}.shop-windows b{width:34px;height:67px;border:4px solid #f0e4c5;border-bottom:0;background:#456a54}.facade-address{position:absolute;bottom:-25px;left:0;right:0;font-size:9px}.landmark .facade{height:208px;background:linear-gradient(90deg,#b1c6a2,#d8e1c7,#b1c6a2)}.landmark .shop-windows{margin-top:42px}.landmark .shop-windows i{height:80px}.landmark .shop-windows b{height:95px}.landmark .facade-sign{font-size:13px}.landmark .awning{top:64px}.landmark-flag{position:absolute;top:-45px;left:0;right:0;font-size:8px;letter-spacing:1px;color:#466447}.cottage .facade:before{height:28px;top:-28px;clip-path:polygon(0 100%,50% 0,100% 100%)}.street-tree{position:absolute;left:-42px;bottom:0;width:14px;height:70px;background:#8b8162;border-radius:4px;z-index:1}.street-tree:before{content:'';position:absolute;width:54px;height:70px;left:-20px;bottom:42px;border-radius:50% 50% 40% 45%;background:#8ca578;box-shadow:5px 3px #769469}.street-tree:after{content:'';position:absolute;width:40px;height:6px;background:#657c4540;border-radius:50%;bottom:0;left:-12px}.sidewalk{position:absolute;bottom:48px;left:0;right:0;height:70px;background:repeating-linear-gradient(90deg,transparent 0 79px,#d6d4c0 80px 81px),#e9e3cf;border-top:7px solid #c9cbb8;border-bottom:5px solid #f9f5e5}.foreground-road{position:absolute;bottom:0;height:48px;left:0;right:0;background:#aeb7a4;border-bottom:3px solid #929e89;display:flex;align-items:center;justify-content:center}.foreground-road:before{content:'';position:absolute;left:0;right:0;top:50%;border-top:2px dashed #eeeadd}.foreground-road span{background:#aeb7a4;position:relative;font-size:8px;letter-spacing:3px;padding:0 20px}.avatar{position:absolute;left:calc(50% - 9px);bottom:58px;width:18px;height:50px;z-index:4;pointer-events:none;filter:drop-shadow(3px 3px 1px #47514130)}.avatar .head{position:absolute;top:0;left:4px;width:12px;height:12px;background:#b97851;border-radius:50%;border-top:4px solid #514832}.avatar .body{position:absolute;left:4px;top:12px;background:#d48e62;width:13px;height:19px;border-radius:5px 5px 3px 3px}.avatar .arm{position:absolute;top:14px;width:5px;height:20px;background:#c68157;border-radius:4px;transform-origin:top;left:6px}.avatar .arm-right{left:13px;background:#e2a072}.avatar .leg{position:absolute;top:30px;width:5px;height:20px;background:#385647;transform-origin:top;border-radius:1px 1px 3px 3px;left:5px}.avatar .leg-right{left:11px}.avatar span{position:absolute;top:56px;left:-3px;font-size:7px;letter-spacing:1.2px;background:#f5f3e5;padding:2px 5px;border-radius:3px}.walking .avatar .leg-left,.walking .avatar .arm-right{animation:stride .5s ease-in-out infinite alternate}.walking .avatar .leg-right,.walking .avatar .arm-left{animation:stride .5s ease-in-out infinite alternate-reverse}.walking .avatar .body,.walking .avatar .head{animation:bob .25s ease-in-out infinite alternate}@keyframes stride{from{transform:rotate(-25deg)}to{transform:rotate(25deg)}}@keyframes bob{to{translate:0 -1px}}.scene-hint{position:absolute;top:10px;left:15px;font-size:8px;color:#677661;z-index:4;pointer-events:none}.stop-panel{display:flex;align-items:center;gap:23px;padding:25px 24px 17px;border-top:1px solid var(--line)}.step-button{width:40px;height:40px;border:1px solid #c4cbb9;background:transparent;border-radius:50%;font-size:20px;flex-shrink:0}.stop-copy{flex:1;min-width:0}.stop-copy .eyebrow{font-size:8px;margin-bottom:5px}.stop-copy h3{font-size:24px;line-height:1.15;font-weight:500;margin-bottom:7px}.stop-copy>p:not(.eyebrow){font-size:11px;color:var(--muted);margin-bottom:3px}.position{font-size:9px;color:var(--muted)}.enter-button{display:inline-block;text-decoration:none;border:1px solid var(--green);background:var(--green);color:#fff;padding:12px 19px;border-radius:5px;font-size:12px;white-space:nowrap}.street-map{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;padding:8px 24px 10px}.street-map button{border:1px solid #c5cbbd;border-radius:50%;width:25px;height:25px;font-size:9px;background:#f1f1e7}.street-map button[aria-current=true]{background:var(--green);color:white;border-color:var(--green);box-shadow:0 0 0 3px #e1e7d8}.street-map button.visited{border-color:#64815a}.experience-note{text-align:center;color:#7c8373;font-size:9px;margin:8px 20px 20px}.wayfinding{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:50px 0}.wayfinding span{font-size:8px;letter-spacing:1.3px}.wayfinding h3{font-size:19px;font-weight:500;margin:16px 0 10px}.wayfinding p{font-size:12px;color:var(--muted)}.join-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:30px 0 50px}footer{font-size:10px;border-top:1px solid var(--line);border-bottom:0}dialog{width:min(520px,92vw);max-height:85dvh;overflow:auto;padding:36px;border:1px solid #ccd1c1;border-radius:13px;color:var(--ink);background:var(--paper);box-shadow:0 20px 90px #263f3440}dialog::backdrop{background:#243e3166;backdrop-filter:blur(5px)}.close{position:absolute;top:10px;right:10px;width:36px;height:36px;background:none;border:0;font-size:24px}.store-badge{font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:7px 10px;background:#e3e8d9;display:inline-block;margin:15px 0 25px;border-radius:4px}dialog h2{font-size:47px;margin-bottom:20px}dialog p{font-size:13px;line-height:1.8}.store-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.sample-note{font-size:10px!important;color:var(--muted);margin-top:22px}.dialog-status{min-height:20px;font-size:11px;color:var(--muted)}@media(max-width:720px){.brand{font-size:19px}header{padding:20px 5%;gap:15px}header nav{font-size:10px;gap:12px}.walk-intro{display:block;padding-top:32px}.walk-intro h1{font-size:54px}.walk-intro>p{margin:20px 0 0}.street-picker{gap:13px;padding:16px;align-items:stretch;flex-direction:column}.or{display:none}select{font-size:12px}.street-heading{padding:20px 17px 0}h2{font-size:28px}.street-description{margin-left:17px;margin-right:17px;min-height:36px}.scene{height:360px}.promenade{bottom:73px}.street-track{padding-top:50px}.street-lot{height:208px}.landmark .facade{height:192px}.landmark .shop-windows i{height:67px}.landmark .shop-windows b{height:80px}.stop-panel{gap:12px;flex-wrap:wrap;padding:19px 15px 10px}.stop-copy{flex-basis:calc(100% - 105px);order:1}.step-button{order:0;width:34px;height:34px}#next{order:2}.stop-copy h3{font-size:22px}.enter-button#enter{order:3;width:100%;text-align:center}.wayfinding{grid-template-columns:1fr;gap:16px;padding:35px 0}.wayfinding h3{margin-top:8px}.join-banner{align-items:flex-start;flex-direction:column}.join-banner h2{font-size:36px}footer{flex-wrap:wrap;gap:10px}footer span{flex-basis:100%}.street-map{gap:8px}.small-button{font-size:10px;padding:8px 11px}.scene-hint{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:720px){header .brand{white-space:nowrap;font-size:17px}header nav{flex-direction:column;align-items:flex-end;gap:4px}header nav a{white-space:nowrap}.scene-hint{top:auto;bottom:53px;left:10px;background:#e9e3cfe0;padding:2px 5px;border-radius:3px}}