/* Explicitly fictional, ephemeral previews; dialogs use native keyboard focus. */
body.demo-open{overflow:hidden}.principles button{cursor:pointer}.principles button:hover{filter:brightness(1.06)}
.site-demo{width:min(960px,calc(100% - 34px));max-height:calc(100dvh - 36px);margin:auto;padding:38px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--pink);overflow:auto;overscroll-behavior:contain}.site-demo::backdrop{background:#180829c9}.site-demo h2{font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1.1;letter-spacing:-1.7px;margin:0 35px 18px 0}.demo-close{position:absolute;right:15px;top:13px;border:2px solid var(--ink);background:var(--acid);color:var(--ink);width:39px;height:39px;display:grid;place-items:center;font-size:29px;line-height:1;cursor:pointer;z-index:5}.demo-close:hover{background:var(--pink)}.demo-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;line-height:1.6;color:#79257d;margin:0 35px 16px 0}.demo-disclosure{font-size:14px;line-height:1.8;max-width:740px;margin-bottom:25px;color:var(--muted)}.demo-bottom-note{font-size:12px;line-height:1.7;margin:22px 0 0;color:var(--muted)}
.bleep-demo{width:min(560px,calc(100% - 34px));background:#481186;color:var(--paper);text-align:center;padding:45px 36px 35px}.bleep-cloud{position:relative;isolation:isolate;background:var(--teal);border-radius:70px;margin:45px 10px 28px;padding:27px 15px 25px;box-shadow:7px 8px 0 var(--pink);transform:rotate(-3deg)}.bleep-cloud:before,.bleep-cloud:after{content:'';position:absolute;border-radius:50%;background:var(--teal);z-index:-1}.bleep-cloud:before{width:44%;height:96%;left:12%;top:-30px}.bleep-cloud:after{width:43%;height:100%;right:10%;top:-19px}.bleep-cloud h2{font-size:clamp(59px,13vw,103px);font-style:italic;letter-spacing:-4px;margin:0;color:var(--ink);position:relative}.bleep-demo>p{font-size:17px;line-height:1.7;margin-bottom:25px}.bleep-demo>.button{background:var(--acid);color:var(--ink);border:2px solid var(--ink);min-width:175px;box-shadow:4px 4px 0 var(--pink)}
.gps-demo-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.demo-map{position:relative;min-width:0;min-height:375px;overflow:hidden;border:3px solid var(--ink);background-color:#daf9ee;background-image:linear-gradient(#24104012 1px,transparent 1px),linear-gradient(90deg,#24104012 1px,transparent 1px);background-size:30px 30px}.map-label{position:absolute;font-size:9px;font-weight:800;letter-spacing:1px;z-index:3}.map-north{top:13px;right:13px;background:var(--acid);padding:7px}.map-street{bottom:12px;left:12px;background:var(--paper);border:1px solid var(--ink);padding:5px 7px}.map-park{position:absolute;left:9%;top:12%;width:135px;height:120px;border:2px solid #24104022;background:#16ead655;border-radius:40% 60% 35% 50%;transform:rotate(20deg)}.map-road{position:absolute;background:#fffdf7;border:2px solid #c5d5cc;pointer-events:none}.road-one{width:130%;height:29px;top:49%;left:-15%;transform:rotate(-23deg)}.road-two{height:130%;width:28px;top:-15%;left:60%;transform:rotate(19deg)}.road-three{width:120%;height:23px;left:-10%;top:20%;transform:rotate(7deg)}.map-pin{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;color:var(--ink);padding:0;cursor:pointer;max-width:42%;font-size:11px;font-weight:750}.map-pin b{width:39px;height:39px;border:3px solid var(--ink);border-radius:50%;transform:none;background:var(--pink);display:grid;place-items:center;font-size:13px;box-shadow:3px 3px 0 #24104033}.map-pin span{background:var(--paper);border:2px solid var(--ink);padding:4px 7px;white-space:nowrap}.map-pin[aria-pressed=true] b{background:var(--acid);outline:5px solid #ff409e66;outline-offset:2px}.pin-yard{left:13%;top:46%}.pin-studio{left:52%;top:23%}.pin-picnic{left:55%;top:68%}.demo-radio-panel{min-width:0}.demo-radio-panel .demo-eyebrow{margin-right:0}.demo-radio-list{display:grid;gap:10px}.demo-radio-list button{background:white;border:2px solid var(--ink);color:var(--ink);padding:11px 13px;text-align:left;font-size:13px;font-weight:650;cursor:pointer;min-height:44px}.demo-radio-list button[aria-pressed=true]{background:var(--pink);box-shadow:3px 3px 0 var(--ink)}.radio-demo-detail{margin-top:24px;background:var(--ink);color:var(--paper);padding:21px}.radio-demo-detail h3{font-size:22px;font-weight:750}.radio-demo-detail p{font-size:13px;line-height:1.7;margin-bottom:15px}.radio-demo-detail>span{font-size:9px;letter-spacing:1.6px;font-weight:800;color:var(--teal)}
@media(max-width:720px){.site-demo{padding:27px 20px;width:calc(100% - 24px);max-height:calc(100dvh - 26px);box-shadow:5px 5px 0 var(--pink)}.site-demo h2{font-size:32px;margin-right:25px;letter-spacing:-1.3px}.demo-close{right:9px;top:9px;width:34px;height:34px;font-size:25px}.demo-eyebrow{font-size:9px;letter-spacing:1px;margin-right:32px}.demo-disclosure{font-size:13px}.gps-demo-grid{grid-template-columns:1fr;gap:23px}.demo-map{min-height:330px}.demo-radio-list{grid-template-columns:1fr}.radio-demo-detail{margin-top:18px}.demo-bottom-note{font-size:11px}.bleep-demo{padding:43px 20px 29px}.bleep-cloud{margin:38px 6px 27px;padding-inline:10px}.bleep-cloud h2{font-size:clamp(58px,15vw,87px);margin:0;letter-spacing:-3px}.bleep-demo>p{font-size:16px}.map-street{font-size:7px;letter-spacing:.5px}.map-pin span{font-size:10px;padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.site-demo *{animation:none!important;transition:none!important}}