/* Phone layouts: give group photographs their own space above the copy. */
@media (max-width: 850px) {
  .solutions .solutions-layout { min-width: 0; }
  .solutions .solution-grid { width: 100%; min-width: 0; margin-inline: auto; }
  .solutions .experience-tile,
  .solutions .experience-tile:hover,
  .solutions .experience-tile:focus-visible {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    background-color: var(--deep);
    background-image: none;
  }
  .solutions .experience-tile::before {
    position: relative;
    inset: auto;
    z-index: 0;
    display: block;
    flex: none;
    width: 100%;
    aspect-ratio: 4 / 3;
    background-image: var(--tile-photo);
    background-size: cover;
    background-position: center;
  }
  .solutions .tile-moms::before { background-size: cover; background-position: right center; }
  .solutions .tile-legacy::before { aspect-ratio: 3 / 2; }
  .solutions .experience-tile::after { display: none; }
  .solutions .experience-tile > div {
    width: 100%;
    max-width: none;
    padding: 22px 18px 24px;
    text-align: center;
  }
  .solutions .experience-tile h3 { font-size: clamp(1.65rem, 6vw, 2.15rem); }
  .solutions .experience-tile p { max-width: 34rem; margin-inline: auto; line-height: 1.55; }

  /* Remove the desktop enlargement and the padding around journal images. */
  .journal-card a > .editorial-photo,
  .journal-stories > .journal-card .editorial-photo {
    padding: 0;
    height: auto;
    aspect-ratio: 4 / 3;
    width: 100%;
  }
  .journal-page .journal-card .editorial-photo > img,
  .journal-page .journal-grid .editorial-photo > img[src*="women-white-dunes-v2"],
  .journal-stories > .journal-card .editorial-photo > img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center;
  }
  .journal-page .journal-grid .editorial-photo > img[src*="women-white-dunes-v2"] { object-position: right center; }

  .beyond-box { width: 100%; margin-inline: auto; }
  .beyond-photo.editorial-photo {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
  }
  .beyond-photo.editorial-photo > img[src*="women-white-dunes-v2"] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: right center;
  }

  /* A full-width photo and centered copy keep faces clear on small screens. */
  .social-strip { display: block; padding: 0; overflow: hidden; background-color: var(--deep); }
  .social-strip::before {
    position: relative;
    inset: auto;
    z-index: 0;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: right center;
    mask-image: none;
  }
  .social-strip::after { display: none; }
  .social-strip .social-inner { width: 100%; padding: 28px 20px 32px; margin: 0; }
  .social-strip h2 { max-width: 100%; padding-inline: 0; font-size: clamp(1.3rem, 5vw, 1.8rem); letter-spacing: .08em; }
  .social-strip p { max-width: 32rem; margin: 0 auto 22px; }
  .social-links { justify-content: center; }
  .footer-grid { text-align: center; gap: 32px; }
  .footer-wordmark { margin-inline: auto; }
  .footer-grid > div:first-child > p { max-width: 34rem; margin-inline: auto; }
  .footer-bottom { align-items: center; text-align: center; }
}
@media (max-width: 600px) {
  .solutions { padding-inline: 14px; }
  .solutions .solutions-layout { width: 100%; padding: 18px 14px; }
  .solutions .solution-grid { gap: 18px; }
  .journal-card a > div:not(.editorial-photo) { padding: 22px; }
}

/* Give the women a definite frame so the subject crop applies on phones. */
@media (max-width: 850px) {
  .journal-article .article-photo.empty-nest-photo,
  .journal-page .journal-grid .journal-card[data-category="moms"] .editorial-photo {
    position: relative;
    height: auto;
    aspect-ratio: 13 / 10;
    overflow: hidden;
  }
  .journal-article .article-photo.empty-nest-photo > img,
  .journal-page .journal-grid .journal-card[data-category="moms"] .editorial-photo > img[src*="women-white-dunes-v2"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    object-fit: cover;
    object-position: right center;
  }
}

/* Match the approved subject-centered phone composition on desktop. */
@media (min-width: 851px) {
  .journal-article .article-photo.empty-nest-photo,
  .journal-page .journal-grid .journal-card[data-category="moms"] a > .editorial-photo {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 13 / 10;
    padding: 0;
    overflow: hidden;
  }
  .journal-article .article-photo.empty-nest-photo > img,
  .journal-page .journal-grid .journal-card[data-category="moms"] .editorial-photo > img[src*="women-white-dunes-v2"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    object-fit: cover;
    object-position: right center;
  }
}