/* Detroit Heart promo card (home, venues, dining, nightlife lists) and the "AED here?" strip on place pages. */
.hp-promo{margin-top:44px;margin-bottom:44px}
.hp-card{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:30px;align-items:center;padding:34px 36px 34px 44px;border-radius:14px;overflow:hidden;background:radial-gradient(120% 140% at 90% 10%,#4a1720 0,#1a0f12 58%);color:#f7ecee;box-shadow:0 22px 60px -30px #000}
.hp-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:#d7263d}
.hp-ecg{position:absolute;left:0;right:0;bottom:-8px;width:100%;height:46px;opacity:.5;pointer-events:none}
.hp-ecg path{fill:none;stroke:#ff4d5e;stroke-width:2.5;stroke-linejoin:round;stroke-dasharray:900 2100;stroke-dashoffset:3000;animation:hp-ecg 6s linear infinite}
.hp-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.hp-tag{font:700 11px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:#ff8a95}
.hp-title{font:400 clamp(34px,4vw,56px)/1.02 Georgia,serif;letter-spacing:-.04em;color:#fff}
.hp-text{font-size:16px;line-height:1.6;color:#e6d0d4;max-width:600px}
.hp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:6px}
.hp-cta{display:inline-block;padding:14px 20px;border-radius:999px;background:#d7263d;color:#fff;font-weight:800;font-size:13px;text-decoration:none;box-shadow:0 10px 26px #d7263d55;transition:transform .2s,background .2s}
.hp-cta:hover{transform:translateY(-2px);background:#e3334a}
.hp-report{color:#fff;font-weight:700;font-size:13px;text-decoration:none;border-bottom:2px solid #ffffff66;padding-bottom:3px}.hp-report span{color:#ff4d5e}
.hp-report:hover{border-bottom-color:#fff}
.hp-cta:focus-visible,.hp-report:focus-visible{outline:3px solid #e9fc82;outline-offset:3px}
.hp-side{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;text-decoration:none;color:inherit}
.hp-sign{width:84px;height:84px;animation:hp-beat 1.2s infinite;transform-origin:50% 60%}
.hp-sign rect,.hs-sign rect{fill:#00875a}.hp-sign path,.hs-sign path{fill:#fff}.hp-sign .hp-bolt,.hs-sign .hp-bolt{fill:#00875a}
.hp-big{font:400 clamp(56px,6vw,86px)/1 Georgia,serif;letter-spacing:-.04em;color:#fff}
.hp-big-label{font-size:13px;line-height:1.45;color:#e6d0d4;max-width:210px}
.hs-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin:32px 0;padding:18px 20px;border-radius:14px;background:#1a0f12;color:#f7ecee;border-left:6px solid #d7263d}
.hs-sign{width:52px;height:52px}
.hs-copy strong{display:block;font-size:18px;letter-spacing:-.3px;margin-bottom:4px;color:#fff}
.hs-copy span{display:block;font-size:13px;line-height:1.55;color:#e6d0d4}
.hs-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.hs-cta{display:inline-block;white-space:nowrap;padding:12px 18px;border-radius:999px;background:#d7263d;color:#fff;font-weight:800;font-size:13px;text-decoration:none}
.hs-cta:hover{background:#e3334a}
.hs-why{font-size:12px;color:#f3dfe2;text-decoration:underline;text-underline-offset:3px}
.hs-cta:focus-visible,.hs-why:focus-visible{outline:3px solid #e9fc82;outline-offset:3px}
@keyframes hp-ecg{to{stroke-dashoffset:0}}
@keyframes hp-beat{0%,100%{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}45%{transform:scale(1.06)}}
@media(max-width:800px){.hp-ecg{display:none}.hp-card{grid-template-columns:1fr;padding:26px 20px 26px 28px;gap:18px}.hp-side{flex-direction:row;text-align:left;gap:14px}.hp-sign{width:60px;height:60px}.hp-big{font-size:48px}
.hs-strip{grid-template-columns:auto minmax(0,1fr);gap:12px 14px}.hs-actions{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.hp-ecg path,.hp-sign{animation:none}.hp-ecg path{stroke-dasharray:none}.hp-cta{transition:none}}