/* v0.2.214 — mobile editorial text grid.
   This layer intentionally targets copy wrappers only: full-bleed photography,
   dark background bands and gallery media retain their approved edge treatment. */

@media (max-width: 900px) {
  :root { --v214-mobile-text-gutter: 28px; }

  /* SINGLE SESSIONS: keep the black Brand Me Labo band full-width while its
     heading, body copy and CTA align to the established mobile reading grid. */
  .single-menu-page .single-menu-labo > .single-menu-labo__inner {
    width: calc(100% - (var(--v214-mobile-text-gutter) * 2));
    margin-inline: auto;
    min-width: 0;
  }

  /* PHOTOGRAPHY / PERSONAL PHOTO: photographs intentionally remain full-width.
     Only the section heading and the two following information blocks move to
     the shared text grid. */
  .brand-visual-page .brand-visual-personal-photo__head {
    width: calc(100% - (var(--v214-mobile-text-gutter) * 2));
    margin-inline: auto;
  }
  .brand-visual-page .personal-photo-feature__details,
  .brand-visual-page .personal-photo-feature--wedding .personal-photo-feature__details {
    box-sizing: border-box;
    padding-inline: var(--v214-mobile-text-gutter);
  }
  .brand-visual-page .personal-photo-feature__details p:not(.personal-photo-feature__eyebrow) {
    font-size: 14px;
    line-height: 1.86;
  }
  .brand-visual-page .personal-photo-feature__eyebrow {
    font: 500 11px/1.4 var(--font-latin-ui, Arial, sans-serif) !important;
    letter-spacing: .18em !important;
  }
}
