/* RC79 — targeted mobile fixes + Edmunds impact metric refinement */

/* HOME:
   styles.css contains a broad mobile `nav` rule. It was leaking into the
   homepage footer nav, positioning LinkedIn / IMDb above the hero. */
@media (max-width:760px){
  body.rc60-home .rc60-footer nav{
    position:static !important;
    inset:auto !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    display:flex !important;
    flex-direction:row !important;
    gap:20px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
  }

  body.rc60-home .rc60-header nav{
    display:none !important;
  }

  body.rc60-home .rc60-header nav.open{
    position:absolute !important;
    top:78px !important;
    left:0 !important;
    right:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    padding:18px 24px 24px !important;
    background:rgba(5,11,18,.98) !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }

  body.rc60-home .rc60-header nav.open a{
    padding:14px 0;
    color:#f7f3eb;
    border-bottom:1px solid rgba(255,255,255,.09);
  }
  body.rc60-home .rc60-header nav.open a:last-child{border-bottom:0}
}

/* LIGHTSTORM:
   rc63 reintroduced a two-column grid after the original mobile breakpoint.
   Force the outcomes chapter back to a true single-column editorial flow. */
@media (max-width:1000px){
  body.impact-lightstorm .growth--outcomes{
    grid-template-columns:1fr !important;
    gap:clamp(54px,8vw,84px) !important;
  }

  body.impact-lightstorm .growth--outcomes > div,
  body.impact-lightstorm .growth--outcomes > aside{
    min-width:0;
    width:100%;
  }

  body.impact-lightstorm .growth--outcomes aside{
    border-left:0 !important;
    border-top:1px solid var(--line);
    padding:clamp(40px,6vw,62px) 0 0 !important;
  }
}

@media (max-width:680px){
  body.impact-lightstorm .growth--outcomes h2{
    font-size:clamp(42px,12vw,58px);
    line-height:1.02;
  }

  body.impact-lightstorm .capability-outcomes{
    grid-template-columns:1fr !important;
  }

  body.impact-lightstorm .capability-outcomes article{
    width:100%;
    border-right:0 !important;
    border-bottom:1px solid var(--line);
  }

  body.impact-lightstorm .capability-outcomes article:last-child{
    border-bottom:0;
  }

  body.impact-lightstorm .growth--outcomes blockquote{
    font-size:clamp(22px,7vw,31px);
    line-height:1.35;
  }
}

/* WET:
   Preserve more of each image crop on phones and tighten the sequence rhythm. */
@media (max-width:700px){
  .rc78-workflow-sequence{
    gap:64px !important;
  }

  .rc78-workflow-stage{
    gap:24px !important;
  }

  .rc78-workflow-stage__media img{
    aspect-ratio:4/3 !important;
    object-fit:cover;
  }

  .rc78-workflow-stage__copy>p:last-child{
    font-size:16px;
    line-height:1.6;
  }

  .rc78-workflow-outcome{
    margin-top:82px !important;
  }
}

/* EDMUNDS:
   Five headline metrics on wide screens; gracefully collapse without tiny cards. */
body.impact-edmunds .executive-impact__metrics{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

@media (max-width:1150px){
  body.impact-edmunds .executive-impact__metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:800px){
  body.impact-edmunds .executive-impact__metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:560px){
  body.impact-edmunds .executive-impact__metrics{
    grid-template-columns:1fr;
  }
}