/* Desktop Problem/Solution composition; touch and mobile keep their accepted layout. */
@media (min-width:901px) {
 html.c-scroll:not(.touch-landscape) main>section.c-story,
 html.c-scroll:not(.touch-landscape) main>section#why.c-story {
  height:auto;min-height:var(--c-view);max-height:none;display:block;overflow:visible;
 }
 html.c-scroll:not(.touch-landscape) .c-story>.c-story-grid {
  height:auto;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;
  align-items:start;align-content:start;column-gap:clamp(24px,4vw,64px);max-width:none;margin:0;
 }
 html.c-scroll:not(.touch-landscape) .c-story-copy {
  width:100%;max-width:none;height:auto;max-height:none;overflow:visible;align-self:start;padding-right:0;
 }
 html.c-scroll:not(.touch-landscape) .c-story-copy>.eyebrow {display:block;margin-top:0;}
 html.c-scroll:not(.touch-landscape) .c-story .problem-media {
  width:100%;max-width:none;height:auto;min-height:0;margin:0;align-self:start;justify-content:flex-start;
 }
 html.c-scroll:not(.touch-landscape) .c-story .problem-gallery {
  width:100%;height:auto!important;min-height:0;max-height:none;aspect-ratio:4/3;flex:0 0 auto;
 }
}
