/* INTEGRATED V3 — exact header CTA color.
   The shared direct-nav rule applies opacity:.80 to links; this CTA must not inherit it. */


/* V16 — mid-width editorial headline overlap for dog + cat */
@media (min-width:900px) and (max-width:1349px){
  .rescue-hero{
    grid-template-columns:minmax(0,1fr) 430px !important;
    grid-template-areas:
      "headline headline"
      "sub photo"
      "strong photo"
      "cta photo";
    row-gap:18px;
    align-items:start;
  }
  .rescue-hero-copy{display:contents;}
  .rescue-hero h1{
    grid-area:headline;
    max-width:920px;
    margin:0 0 6px;
  }
  .rescue-hero .hero-sub{
    grid-area:sub;
    max-width:620px;
    margin:0;
  }
  .rescue-hero .hero-strong{
    grid-area:strong;
    max-width:650px;
    margin:0;
  }
  .rescue-hero .primary{
    grid-area:cta;
    margin-top:2px;
    align-self:start;
    justify-self:start;
  }
  .rescue-hero-media{
    grid-area:photo;
    align-self:start;
    margin-top:8px !important;
  }

  .rescue-adoption{
    grid-template-columns:430px minmax(0,1fr) !important;
    grid-template-areas:
      "headline headline"
      "photo p1"
      "photo p2"
      "photo p3"
      "photo p4"
      "photo p5";
    row-gap:16px;
    align-items:start;
  }
  .rescue-adoption-copy{display:contents;}
  .rescue-adoption h2{
    grid-area:headline;
    max-width:900px;
    margin:0 0 8px;
  }
  .rescue-adoption-copy > p{margin:0; max-width:640px;}
  .rescue-adoption-copy > p:nth-of-type(1){grid-area:p1;}
  .rescue-adoption-copy > p:nth-of-type(2){grid-area:p2;}
  .rescue-adoption-copy > p:nth-of-type(3){grid-area:p3;}
  .rescue-adoption-copy > p:nth-of-type(4){grid-area:p4;}
  .rescue-adoption-copy > p:nth-of-type(5){grid-area:p5;}
  .rescue-adoption-media{
    grid-area:photo;
    align-self:start;
    margin-top:6px !important;
  }
}

@media (min-width:1100px) and (max-width:1349px){
  .rescue-hero{grid-template-columns:minmax(0,1fr) 470px !important;}
  .rescue-hero h1{max-width:980px;}
  .rescue-hero-media{width:470px !important;}

  .rescue-adoption{grid-template-columns:470px minmax(0,1fr) !important;}
  .rescue-adoption h2{max-width:940px;}
  .rescue-adoption-media{width:470px !important;}
}