/* DayFlo brochureware polish — targeted wide-screen corrections for the control.
 * Visual A owns its art direction entirely in visual-a.css so the comparison remains isolated.
 */
@layer layout {
  @media (min-width:1280px) {
    .washed-page:not(.visual-a-page) .wh-hero-copy::before {
      display:none;
    }

    .washed-page:not(.visual-a-page) .wh-hero-photo {
      width:min(69vw,1440px);
      -webkit-mask-image:linear-gradient(90deg,#000 0 56%,rgb(0 0 0 / .98) 64%,rgb(0 0 0 / .78) 75%,rgb(0 0 0 / .38) 87%,rgb(0 0 0 / .08) 96%,transparent 100%);
      mask-image:linear-gradient(90deg,#000 0 56%,rgb(0 0 0 / .98) 64%,rgb(0 0 0 / .78) 75%,rgb(0 0 0 / .38) 87%,rgb(0 0 0 / .08) 96%,transparent 100%);
    }

    .washed-page:not(.visual-a-page) .wh-hero-copy {
      width:min(46%,580px);
    }

    .washed-page:not(.visual-a-page) .story-head h2 {
      max-width:21ch;
    }

    .washed-page:not(.visual-a-page) .stakes-copy h2 {
      max-width:24ch;
    }

    .washed-page:not(.visual-a-page) .proof-copy h2 {
      max-width:18ch;
    }
  }

  @media (min-width:1500px) {
    .washed-page:not(.visual-a-page) .wh-shell,
    .washed-page:not(.visual-a-page) .washed-header-inner,
    .washed-page:not(.visual-a-page) .washed-footer-inner {
      width:min(1360px,calc(100% - 96px));
    }

    .washed-page:not(.visual-a-page) .wh-hero-photo {
      left:calc((100vw - min(1360px,calc(100vw - 96px)))/-2);
    }

    .washed-page:not(.visual-a-page) .story-head {
      grid-template-columns:minmax(0,1.03fr) minmax(360px,.62fr);
      gap:72px;
    }

    .washed-page:not(.visual-a-page) .stakes-layout {
      grid-template-columns:minmax(0,1.05fr) minmax(560px,1fr);
      gap:78px;
    }
  }
}