.hero-traffic-film { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -3; pointer-events: none; }
.billboard-hero .hero-billboard-photo { mask-image: linear-gradient(#000 0 88%, transparent 100%); }
.hero-right-stack { margin-top: clamp(340px, 26vw, 620px); display: flex; flex-direction: column; align-items: flex-end; width: 100%; }
.billboard-hero .hero-right-stack .question { margin-top: 0; }
.hero-road-sign { width: 190px; max-width: 48%; margin: 0 0 16px; overflow: hidden; border-radius: 3px; box-shadow: 0 5px 18px #0005; }
.hero-road-sign svg { display: block; width: 100%; height: auto; }
.hero-traffic-toggle { position: absolute; top: 20px; right: 6vw; border: 1px solid #ffffff80; background: #10251fc9; color: white; padding: 10px 14px; cursor: pointer; font: 12px Arial, sans-serif; }
.mini-billboard { width: 250px; max-width: 100%; margin: 18px 0 24px; border: 1px solid #d5ba7a66; box-shadow: 0 8px 22px #0003; }
.mini-billboard .ad-face small { font-size: 6px; }
.mini-billboard .ad-face b { font-size: 14px; }
.mini-billboard .ad-face span, .mini-billboard .ad-face em { font-size: 3px; }
.billboard-message .sticky > .highway-legal-note { font: 13px/1.6 Arial, sans-serif; color: #d3ddcf; }
@media(max-width:950px) {
  .hero-right-stack { margin-top: 0; align-items: flex-start; }
  .hero-road-sign { width: 180px; align-self: flex-end; }
}
@media(prefers-reduced-motion:reduce) { .hero-traffic-toggle { display: none; } }