/* Crisis Pathway — 2026-10-29 page-only update.
   The homepage Crisis Pathway, site navigation, Christine, and child pathways are unchanged.
   Reuses the accepted home-crisis-qc15 system, adding stage imagery only here. */

/* Daylight police-contact image, zoomed into the existing hero rather than a separate photograph card.
   Preserve the split hero's readable copy and its existing four-point guidance panel. */
.crisis-pathway-page .crisis-pathway-hero.start-threshold::before {
  background-color:#07111f;
  background-image:
    linear-gradient(90deg,rgba(5,11,19,.96) 0%,rgba(5,11,19,.87) 24%,rgba(5,11,19,.65) 43%,rgba(5,11,19,.10) 67%,rgba(5,11,19,.03) 100%),
    url('eds-police-doorstep-conversation.webp');
  background-position:center,center 44%;
  background-size:100% 100%,cover;
  background-repeat:no-repeat;
  filter:saturate(1.03) contrast(1.00) brightness(1.14);
}
/* Restore the right-side guidance readability against the brighter new daylight scene. */
.crisis-pathway-page .crisis-pathway-hero .start-threshold__status {
  background:rgba(5,11,19,.79);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}

/* In the dedicated page, the homepage pathway is the full content system, not a second timeline. */
.crisis-pathway-page .crisis-pathway-index {
  padding:76px 0 90px;
  background:var(--ivory-100);
}
.crisis-pathway-page .crisis-pathway-index .start-pathways__inner {
  width:min(1380px,calc(100% - 48px));
}
.crisis-pathway-page .crisis-pathway-index .home-crisis-pathway__system {
  max-width:1320px;
}
.crisis-pathway-page .home-crisis-pathway__hero .eds-kicker {
  color:var(--gold-300);
}

/* The shared desktop grid originally predates stage 11 and wraps the last node.
   Keep the homepage untouched; align all eleven nodes to its existing 11-stop pulse here. */
@media(min-width:761px){
  .crisis-pathway-page .home-crisis-pathway__rail {
    grid-template-columns:repeat(11,minmax(0,1fr));
  }
}

/* Image changes with the selected pathway. The first two grid tracks remain the
   homepage stage identity and copy; the third is the dedicated-page visual. */
.crisis-pathway-page .home-crisis-pathway__system .home-crisis-pathway__stage-head {
  display:grid;
  grid-template-columns:128px minmax(0,1fr) minmax(275px,.88fr);
  column-gap:28px;
  align-items:center;
  padding:30px 34px;
}
.crisis-pathway-page .home-crisis-pathway__stage-copy {min-width:0;}
.crisis-page-scene {
  position:relative;
  align-self:stretch;
  min-height:250px;
  margin:0;
  overflow:hidden;
  background:#dcd6ca;
  border:1px solid rgba(165,122,48,.34);
}
.crisis-page-scene img {
  display:block;
  width:100%;height:100%;min-height:250px;
  object-fit:cover;
  object-position:center;
}

/* The mobile guide is created only on this page and inherits the existing
   keyboard/escape/backdrop behavior from the homepage implementation. */
.crisis-page-compact-scene {display:none;}

@media(max-width:1080px){
  .crisis-pathway-page .home-crisis-pathway__system .home-crisis-pathway__stage-head {
    grid-template-columns:95px minmax(0,1fr) minmax(220px,.8fr);
    gap:19px;
    padding:26px;
  }
  .crisis-page-scene,.crisis-page-scene img {min-height:218px;}
}
@media(max-width:800px){
  .crisis-pathway-page .home-crisis-pathway__system .home-crisis-pathway__stage-head {
    grid-template-columns:1fr 1fr;
    align-items:start;
    gap:16px 22px;
  }
  .crisis-pathway-page .home-crisis-pathway__stage-id {
    grid-column:1/-1;
    border-right:0;
    border-bottom:1px solid rgba(165,122,48,.25);
    padding:0 0 12px;
  }
  .crisis-pathway-page .home-crisis-pathway__stage-copy {grid-column:1;}
  .crisis-page-scene {grid-column:2;min-height:210px;}
  .crisis-page-scene img {min-height:210px;}
}
@media(max-width:760px){
  .crisis-pathway-page .crisis-pathway-index {padding:48px 0 64px;}
  .crisis-pathway-page .crisis-pathway-index .start-pathways__inner {width:calc(100% - 30px);}
  .crisis-pathway-page .crisis-pathway-hero.start-threshold::before {
    background-image:
      linear-gradient(180deg,rgba(5,11,19,.67),rgba(5,11,19,.66) 55%,rgba(5,11,19,.79)),
      url('eds-police-doorstep-conversation.webp');
    background-position:center,54% 50%;
  }
  .crisis-pathway-page .home-crisis-pathway__system .home-crisis-pathway__stage-head {
    grid-template-columns:1fr;
    gap:0;
    padding:24px 22px;
  }
  .crisis-pathway-page .home-crisis-pathway__stage-id,
  .crisis-pathway-page .home-crisis-pathway__stage-copy,
  .crisis-page-scene {grid-column:1;}
  .crisis-page-scene {margin-top:21px;min-height:210px;}
  .crisis-page-scene img {min-height:210px;max-height:270px;}
}
@media(max-width:760px), (hover:none) and (pointer:coarse){
  .crisis-page-compact-scene {
    position:relative;display:block;grid-column:1/-1;
    height:135px;margin:0 16px 12px;
    border:1px solid rgba(165,122,48,.30);overflow:hidden;
  }
  .crisis-page-compact-scene img {display:block;width:100%;height:100%;object-fit:cover;}
}
@media(prefers-reduced-motion:reduce){
  .crisis-page-scene img,.crisis-page-compact-scene img {transition:none;}
}
