/* First Light 0.5.65+: final homepage fundraising composition + strict reduced-motion behavior. */

/* Desktop fundraising should read as one intentional composition, not two stacked blocks. */
@media(min-width:901px){
  body.fls-v0558-home .fls-home-give .fl-col-group{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:clamp(34px,4vw,64px)!important;
  }
  body.fls-v0558-home .fls-home-give__visual{
    width:38%!important;
    flex:0 0 38%!important;
    float:none!important;
  }
  body.fls-v0558-home .fls-home-give__content{
    width:62%!important;
    flex:1 1 62%!important;
    float:none!important;
  }
  body.fls-v0558-home .fls-home-give__visual>.fl-col-content{
    padding:0!important;
  }
  body.fls-v0558-home .fls-home-give__visual .pp-photo-container{
    width:min(430px,34vw)!important;
    margin:0 auto!important;
  }
  body.fls-v0558-home .fls-home-give__content>.fl-col-content{
    padding:0!important;
  }
  body.fls-v0558-home .fls-home-give__card .pp-infobox{
    padding:clamp(34px,4.1vw,56px)!important;
  }
  body.fls-v0558-home .fls-home-give__card .pp-infobox-title{
    max-width:650px!important;
  }
}

/* A reduced-motion preference means no parallax and no residual zoom transform. */
@media(prefers-reduced-motion:reduce){
  html body.fls-v0558-page:not(.fls-v0561-top-level) .fls-v0558-hero-media img,
  html body.fls-v0558-page .fls-v0558-supporting-photo img,
  html body.fls-v0558-home .fls-home-give__visual img,
  html body.fls-v0558-home .fls-home-give__image img{
    transform:none!important;
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
  }
  html body.fls-v0561-top-level .fls-v0561-background-hero>.fl-row-content-wrap{
    background-position:center center!important;
    transition:none!important;
    animation:none!important;
  }
}
