/* ==========================================================================
   Module: emergency-cta — compact warm near-black 24/7 response strip
   Matches the reworked "#emergency" band: a 5px accent edge, a pulsing dot,
   eyebrow + heading on the left, dispatch phone + CTA on the right.
   ========================================================================== */

@keyframes m-emergency-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(190, 58, 43, .55); }
  70%  { box-shadow: 0 0 0 8px rgba(190, 58, 43, 0); }
  100% { box-shadow: 0 0 0 0 rgba(190, 58, 43, 0); }
}

.m-emergency {
  position: relative;
  padding: clamp(28px, 5vh, 52px) var(--pad-x);
  overflow: hidden;
}
.m-emergency__rule {
  position: absolute; left: 0; top: 0; bottom: 0; width: 5px;
  background: var(--accent);
}

.m-emergency__inner {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: clamp(20px, 3vw, 52px);
}

/* Left: dot + (eyebrow / heading) */
.m-emergency__lead {
  flex: 1 1 420px; min-width: 260px;
  display: flex; align-items: center; gap: clamp(18px, 2.4vw, 34px);
}
.m-emergency__dot {
  flex: 0 0 auto;
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--accent);
  animation: m-emergency-pulse 2.4s ease-in-out infinite;
}
.m-emergency__eyebrow {
  font-family: var(--font-mono);
  font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--light-6); margin-bottom: 7px;
}
.m-emergency__title {
  margin: 0;
  font-family: var(--font-serif); font-weight: 600;
  font-size: clamp(1.5rem, 2.6vw, 2.3rem); line-height: 1.04; letter-spacing: -.012em;
  color: var(--light);
}

/* Right: dispatch phone + CTA, on one row */
.m-emergency__action {
  flex: 0 1 auto;
  display: flex; flex-wrap: wrap; align-items: center;
  gap: clamp(20px, 2.4vw, 40px);
}
.m-emergency__dispatch { display: flex; flex-direction: column; gap: 4px; }
.m-emergency__dispatch-label {
  font-family: var(--font-mono);
  font-size: 11px; letter-spacing: .18em; text-transform: uppercase;
  color: var(--light-5);
}
.m-emergency__phone {
  font-family: var(--font-serif); font-weight: 500;
  font-size: clamp(1.5rem, 2.3vw, 2.1rem); letter-spacing: -.01em;
  color: var(--light);
  transition: color var(--t-base);
}
.m-emergency__dispatch:hover .m-emergency__phone { color: var(--accent-alt); }