/* The Halloween banner other pages show while the season runs (templates/now.php, holiday.php; see
   QuarterDetroit\HalloweenPage::promo). Linked from inside the page body, so only pages that show it load it. v1.0.0 */
.hw-promo{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px 24px;margin:0 0 30px;padding:22px 26px;overflow:hidden;isolation:isolate;background:linear-gradient(110deg,#140c1c 0%,#2a1538 58%,#4a1f0c 100%);color:#fff4e2;text-decoration:none;border-left:6px solid #ff7a1a;transition:transform .2s}
.hw-promo:hover{transform:translateY(-3px)}
.hw-promo::after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(255,214,140,.3) 0%,rgba(255,214,140,0) 65%);animation:hwp-glow 5s ease-in-out infinite alternate}
.hw-promo-icon{display:block;width:62px}
.hw-promo-icon svg{display:block;width:100%;height:auto;animation:hwp-bob 3.6s ease-in-out infinite alternate}
.hw-promo-icon .p-fill{fill:#ff8a24;stroke:#3a1a06;stroke-width:2}
.hw-promo-icon .p-line{fill:none;stroke:#c65a10;stroke-width:2}
.hw-promo-icon .p-stem{fill:none;stroke:#3c6b3f;stroke-width:4;stroke-linecap:round}
.hw-promo-icon .p-face{fill:#3a1a06}
.hw-promo b{display:block;font-size:clamp(20px,2vw,28px);letter-spacing:-.6px;line-height:1.15}
.hw-promo span.hw-promo-sub{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:#f0e2c8}
.hw-promo-go{display:flex;align-items:center;gap:12px;font-weight:800;font-size:14px;white-space:nowrap}
.hw-promo-go i{font-style:normal;padding:7px 11px;background:#ff7a1a;color:#140c1c;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}
.hw-promo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 34px}
.hw-promo-pair .hw-promo{margin:0}
.hw-promo-houdini{background:linear-gradient(110deg,#120d0a 0%,#2b1c10 60%,#5e1111 100%);border-left-color:#d9b25c}
.hw-promo-houdini .hw-promo-go i{background:#d9b25c}
.hw-promo-houdini .hw-promo-num{display:block;width:62px;font-family:Georgia,"Times New Roman",serif;font-size:40px;font-weight:700;line-height:1;color:#d9b25c;text-align:center}
@keyframes hwp-bob{from{transform:translate3d(0,3px,0) rotate(-4deg)}to{transform:translate3d(0,-4px,0) rotate(4deg)}}
@keyframes hwp-glow{from{transform:scale(.9);opacity:.7}to{transform:scale(1.15);opacity:1}}
@media(max-width:1050px){.hw-promo-pair{grid-template-columns:1fr}}
@media(max-width:650px){.hw-promo{grid-template-columns:auto minmax(0,1fr);padding:18px}.hw-promo-go{grid-column:1/-1}.hw-promo-icon,.hw-promo-houdini .hw-promo-num{width:46px}.hw-promo-houdini .hw-promo-num{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hw-promo-icon svg,.hw-promo::after{animation:none}}