/* Production hero only. Approved police photograph, restrained red/blue glow. */
.hero--police23 .gyro{display:none}
/* Dark vignette on desktop (10/03): black edges on three sides plus a radial pool of
   darkness that leaves the patrol car and the headline lit, like the first police hero. */
.hero--police23 .hero__scrim{
  box-shadow:inset 0 150px 110px -80px rgba(4,4,7,.95), inset 170px 0 120px -80px rgba(4,4,7,.92), inset -170px 0 120px -80px rgba(4,4,7,.92);
  background:
    radial-gradient(ellipse 60% 64% at 63% 56%, rgba(6,6,9,0) 34%, rgba(6,6,9,.42) 68%, rgba(6,6,9,.88) 100%),
    linear-gradient(90deg,rgba(12,12,14,.4),rgba(12,12,14,.14) 46%,transparent 72%),
    linear-gradient(180deg,rgba(12,12,14,.3),transparent 40%,rgba(16,16,20,.4) 82%,rgba(16,16,20,.62) 88%,rgba(16,16,20,.86) 93%,rgba(16,16,20,.97) 97%,#101014 100%);
}
/* The bottom fade now lives in the scrim above: the mask on the wrapper forced an offscreen
   surface the size of the hero, re-composited on every frame of the parallax. */
.hero--police23 .hero__imgwrap{-webkit-mask-image:none;mask-image:none}
/* Phone (10/06): the same vignette as desktop, scaled to the portrait photo. Dark edges on
   three sides and a radial pool that keeps the patrol car lit in the middle window. */
@media(max-width:760px),(pointer:coarse) and (max-width:1100px){.hero--police23 .hero__scrim{
  box-shadow:inset 0 130px 80px -60px rgba(4,4,7,.92), inset 80px 0 70px -45px rgba(4,4,7,.86), inset -80px 0 70px -45px rgba(4,4,7,.86);
  background:
    radial-gradient(ellipse 78% 46% at 58% 55%, rgba(6,6,9,0) 32%, rgba(6,6,9,.45) 70%, rgba(6,6,9,.86) 100%),
    linear-gradient(180deg,rgba(12,12,14,.3),rgba(12,12,14,.15) 28%,rgba(16,16,20,.32) 60%,rgba(16,16,20,.66) 84%,#101014 100%)}}
/* Regenerated original police scene: retain the house and the patrol car. */
.hero--police23 .hero__img{object-position:65% 60%;}
@media(max-width:760px), (pointer:coarse) and (max-width:1100px){.hero--police23 .hero__img{object-position:68% center;filter:brightness(1.05);}}

/* Restore the original alternating light bar on the regenerated police scene. */
@media(prefers-reduced-motion:no-preference){
 .hero--police23 .gyro{display:block}
}
/* A soft black halo makes the headline readable without flattening its lettering. */
.hero--police23 h1::before{
 inset:-44px auto -65px -55px;width:min(810px,calc(100% + 90px));
 background:radial-gradient(ellipse closest-side,rgba(0,0,0,.97) 6%,rgba(0,0,0,.79) 47%,rgba(0,0,0,.36) 72%,transparent 100%);
}
.hero--police23 .hero__sub{color:#eeeef2;text-shadow:0 2px 4px #000,0 0 15px #000,0 0 30px #000}
@media(max-width:760px){
 .hero--police23 h1::before{inset:-30px -30px -37px;width:auto;background:radial-gradient(ellipse closest-side,rgba(0,0,0,.98) 10%,rgba(0,0,0,.82) 51%,rgba(0,0,0,.34) 79%,transparent 100%)}
}

/* Moderate police light washes: visible around the car, not across the entire hero. */
.hero--police23 .gyro i{width:154px;height:52px;margin:-26px 0 0 -77px;filter:blur(15px)}
.hero--police23 .gyro::before,
.hero--police23 .gyro::after{width:720px;height:440px;margin:-220px 0 0 -360px}
.hero--police23 .gyro::before{background:radial-gradient(closest-side,rgba(255,38,27,.40),rgba(255,38,27,.14) 45%,transparent 80%)}
.hero--police23 .gyro::after{background:radial-gradient(closest-side,rgba(44,122,255,.43),rgba(44,122,255,.15) 45%,transparent 80%)}
@media(max-width:760px){
 .hero--police23 .gyro i{width:110px;height:40px;margin:-20px 0 0 -55px;filter:blur(13px)}
 .hero--police23 .gyro::before,
 .hero--police23 .gyro::after{width:490px;height:330px;margin:-165px 0 0 -245px}
}



/* Native portrait asset avoids enlarging a narrow crop from a landscape image. */
@media(max-width:760px){.hero--police23 .hero__img{object-position:60% center}}