.pin-demo{margin:0;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--ink);color:var(--paper);min-width:0}.pin-demo-top{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.pin-demo-top span{font-size:11px;letter-spacing:1.3px;font-weight:600;color:var(--lime)}.pin-replay{background:transparent;border:1px solid #77877c;color:var(--paper);font:inherit;font-size:12px;padding:8px 12px;border-radius:3px;cursor:pointer}.pin-replay:hover{background:#ffffff15}.pin-aerial{position:relative;aspect-ratio:1;overflow:hidden}.pin-aerial>img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.79)}.pin-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pin-outline{fill:#d6f36a0c;stroke:var(--lime);stroke-width:1.1;stroke-dasharray:3 2}.pin-dot{fill:var(--lime);stroke:#172b2a;stroke-width:.8}.pin-halo{fill:#d6f36a22;stroke:var(--lime);stroke-width:.35}.pin-marker text{font:700 3.6px 'DM Sans',sans-serif;fill:#172b2a;text-anchor:middle;dominant-baseline:central}.pin-compass{position:absolute;top:14px;right:17px;color:white;font-size:11px;text-align:center;line-height:1.6}.pin-compass svg{display:block;width:16px;height:22px;margin:auto}.pin-map-label{position:absolute;bottom:15px;left:15px;padding:7px 10px;background:#172b2ae6;color:white;font-size:11px;letter-spacing:.4px}.pin-scan{position:absolute;left:0;right:0;top:0;height:18%;opacity:0;background:linear-gradient(transparent,#d6f36a22);border-bottom:1px solid #d6f36a99;pointer-events:none}.pin-demo figcaption{padding:21px 22px 23px}.pin-demo h2{font-size:25px;letter-spacing:-.8px;line-height:1.25;margin:0 0 12px}.pin-demo p{font-size:14px;line-height:1.65;color:#d1dbcc;margin:0}.pin-demo .pin-disclaimer{font-size:12px;line-height:1.6;margin-top:15px;padding-top:15px;border-top:1px solid #4b5b52;color:#b9c7b9}.is-playing .pin-marker{animation:pin-appear .45s both;transform-box:fill-box;transform-origin:center}.is-playing .pin-marker:nth-of-type(1){animation-delay:.6s}.is-playing .pin-marker:nth-of-type(2){animation-delay:1.4s}.is-playing .pin-marker:nth-of-type(3){animation-delay:2.2s}.is-playing .pin-marker:nth-of-type(4){animation-delay:3s}.is-playing .pin-outline{animation:pin-outline .8s 3.7s both}.is-playing .pin-scan{animation:pin-sweep 3.4s .1s both}@keyframes pin-appear{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes pin-outline{from{opacity:0}to{opacity:1}}@keyframes pin-sweep{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(560%);opacity:0}}@media(prefers-reduced-motion:reduce){.is-playing .pin-marker,.is-playing .pin-outline,.is-playing .pin-scan{animation:none}.pin-scan{display:none}.pin-replay{display:none}}@media(max-width:760px){.pin-demo{max-width:540px;width:100%;margin:auto}.pin-demo h2{font-size:25px}}