/* IMPACT 2.4 public cinematic entry / premium red-accent release.
 * Obsidian, champagne-gold and white remain the brand foundation. Crimson
 * denotes damage/impact and a discreet red taillight on the comeback.
 * Bright accent red (#f56168) is >6:1 against #090807 for small labels.
 */
:root{--impact-red:#f56168;--impact-crimson:#b71e31;--impact-red-halo:rgba(245,57,74,.28)}

/* Stop a repeat visitor from seeing an overlay flash while deferred JS boots.
 * The Replay handler removes this class before opening the cinema again. */
html.impact24-intro-watched .cinema-intro{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* Preserve the recognizable gold and white logo, with a signature red cut. */
.site-header .brand small{padding-left:9px;border-left:2px solid var(--impact-red)}
.cinema-mark::after{content:"";display:block;width:24px;height:2px;background:var(--impact-red);box-shadow:0 0 16px rgba(245,79,93,.7);align-self:center;margin-left:5px}
.cinema-fast-estimate{padding:11px 13px;border:1px solid rgba(241,197,125,.66);font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap;color:#f3d5a5;background:rgba(8,7,6,.65)}
.cinema-fast-estimate:hover,.cinema-fast-estimate:focus-visible{background:#33200f;color:#fff3dd}
.impact-hero .eyebrow-rule{background:var(--impact-red);box-shadow:0 0 11px var(--impact-red-halo)}
.impact-hero #hero-title span{color:#e8092e} /* Aggressive large-format collision red; gold remains the repair promise. */
.impact-hero .small-gold-rule{width:78px;background:linear-gradient(90deg,var(--impact-red) 0 31%,#e3ba7e 31%)}

/* A short, non-strobing crimson bloom only during the collision beat. */
.cinema-intro::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0}
.cinema-intro.is-impact::after{opacity:.9;background:radial-gradient(ellipse at 67% 52%,rgba(230,38,52,.39),rgba(110,5,20,.12) 28%,transparent 63%);animation:cinema-red-impact .52s ease-out both}
@keyframes cinema-red-impact{from{opacity:.16}40%{opacity:.9}to{opacity:.42}}
.cinema-intro.is-comeback::after{opacity:.55;background:radial-gradient(ellipse at 73% 64%,rgba(227,28,42,.32),transparent 38%),linear-gradient(90deg,transparent 65%,rgba(127,8,17,.07))}
.cinema-intro .intro-track span{background:linear-gradient(90deg,#a91d31 0%,var(--impact-red) 35%,#f4d29a 95%);box-shadow:0 0 12px rgba(245,97,104,.38)}
.cinema-intro .alive{background:var(--impact-red);box-shadow:0 0 0 3px rgba(245,97,104,.15),0 0 12px var(--impact-red)}
.cinema-intro.is-impact .cinema-overline{color:#ff9c96}
.cinema-intro .cinema-intro-top{border-color:rgba(240,105,112,.34)}
.cinema-intro .cinema-intro-footer{border-color:rgba(236,149,135,.43)}

/* Damage is crimson; repair and the primary estimate CTA stay champagne-gold. */
.impact-hero .phase[data-phase="1"] span{color:var(--impact-red)}
.impact-hero.is-impact .phase[data-phase="1"] b{color:#ff8589;text-shadow:0 0 13px rgba(245,81,91,.4)}
.impact-hero .phase[data-phase="1"] i::before{background:var(--impact-red)}
.impact-hero.is-comeback .phase[data-phase="3"] span{color:var(--impact-red)}
.section-rail a[aria-current=true]{border-right-color:var(--impact-red)}
.repair-card .comp-tag-before{background:rgba(74,6,17,.78);border-left:2px solid var(--impact-red);padding:7px 10px;color:#ffe5e6}
.repair-card .comp-tag-after{background:rgba(15,13,9,.8);border-left:2px solid #e8bd7f;padding:7px 10px;color:#f4dbb6}
.repair-index a:hover,.repair-index a:focus-visible{border-color:var(--impact-red)}
.final-cta{background:radial-gradient(ellipse at 90% 10%,rgba(126,11,26,.12),transparent 45%),radial-gradient(ellipse at center,rgba(188,116,31,.23),transparent 60%),#090806}

/* Only an explicit Replay click may override a device motion preference. */
@media(prefers-reduced-motion:reduce){
  .cinema-intro.is-impact::after{animation:none;opacity:.15}
  body.motion-user-requested .cinema-intro video{display:block}
}
@media(max-width:600px){
  .cinema-intro-actions{gap:9px}
  .cinema-fast-estimate{font-size:8px;padding:7px 8px}
}