/* These refinements apply only to phone layouts. */
@media (max-width: 767px) {
  /* Keep language choices visible even when the navigation menu is closed. */
  .swl-global-header .header-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    gap: 6px 10px !important;
    padding-bottom: 10px !important;
  }
  .swl-global-header .brand { grid-column: 1; grid-row: 1; }
  .swl-global-header .menu-btn { grid-column: 2; grid-row: 1; margin: 0 !important; }
  .swl-global-header .main-nav { display: contents !important; }
  .swl-global-header .main-nav > ul,
  .swl-global-header .main-nav > .inquire-link,
  .swl-global-header .main-nav > .login-link { display: none !important; }
  .swl-global-header .main-nav.open > ul {
    display: grid !important; grid-column: 1 / -1; grid-row: 3;
    margin: 6px 0 0 !important; padding: 10px 0 !important;
    border-top: 1px solid rgba(255,255,255,.18);
  }
  .swl-global-header .main-nav.open > .inquire-link {
    display: flex !important; grid-column: 1 / -1; grid-row: 4;
  }
  .swl-global-header .main-nav .lang-switch {
    display: flex !important; grid-column: 1 / -1; grid-row: 2;
    justify-content: center !important; gap: 5px !important;
    padding: 0 !important; margin: 0 !important; width: 100% !important;
  }
  .swl-global-header .lang-btn { min-width: 44px !important; height: 44px !important; }
  .nav .nav-inner { flex-wrap: wrap !important; }
  .nav .lang-switcher {
    display: flex !important; flex: 1 0 100% !important;
    justify-content: center !important; gap: 5px !important;
  }
  .nav .lang-btn { min-width: 44px !important; min-height: 44px !important; }

  /* Grid overlays start below the face and contribute their full height. */
  .swl-story-hero-media,
  .swl-character-photo {
    display: grid !important; grid-template-columns: minmax(0,1fr);
    align-items: start !important; padding-top: 0 !important;
  }
  .swl-story-hero-media > img,
  .swl-character-photo > img { grid-area: 1 / 1; align-self: start !important; }
  .swl-story-hero-media .editorial-note--hero,
  .swl-character-photo .editorial-note--intro {
    grid-area: 1 / 1; align-self: start !important;
    position: relative !important; inset: auto !important;
    top: auto !important; bottom: auto !important;
    left: auto !important; right: auto !important;
    width: min(58%,240px) !important; max-width: 240px !important;
    margin: min(72%,330px) 0 8px 4px !important; z-index: 4;
  }
  .swl-character-photo .editorial-note--intro { justify-self: end; margin: min(72%,330px) 4px 8px 0 !important; }

  /* Framed portraits follow the section heading, before the body copy. */
  .coach-section .split,
  .origin .split,
  .lisa .split,
  .dark-section .mentor-grid { display: flex !important; flex-direction: column !important; gap: 24px !important; }
  .coach-section .coach-copy,
  .origin .split > div:last-child,
  .lisa .split > div:last-child,
  .dark-section .mentor-grid > div:last-child { display: contents !important; }
  .coach-section .coach-copy > *,
  .origin .split > div:last-child > *,
  .lisa .split > div:last-child > *,
  .dark-section .mentor-grid > div:last-child > * { order: 3; }
  .coach-section .coach-copy > .pre,
  .origin .split > div:last-child > .eyebrow,
  .lisa .split > div:last-child > .eyebrow,
  .dark-section .mentor-grid > div:last-child > .kicker { order: 0; margin-bottom: 0 !important; }
  .coach-section .coach-copy > h2,
  .origin .split > div:last-child > h2,
  .lisa .split > div:last-child > h2,
  .dark-section .mentor-grid > div:last-child > h2 { order: 1; margin-bottom: 0 !important; }
  .coach-section .coach-photo,
  .origin .split > div:first-child,
  .lisa .split > div:first-child,
  .dark-section .mentor-grid > .photo-card,
  .dark-section .mentor-grid > .coach-photo-stack { order: 2; width: 100%; min-width: 0; }
  .dark-section .coach-handwritten { display: none !important; }
  .service-index-card { display: flex !important; flex-direction: column !important; }
  .service-index-card > .service-index-title { order: 1; }
  .service-index-card > .service-index-visual { order: 2; }
  .after-book-card { display: flex !important; flex-direction: column !important; }
  .after-book-copy { display: contents !important; }
  .after-book-copy > * { order: 3; }
  .after-book-copy > .after-book-number { order: 0; }
  .after-book-copy > h3 { order: 1; }
  .after-book-card > .after-book-media { order: 2; }
  .who-section .card,
  .work-section .card,
  .discipline-card { display: flex; flex-direction: column; }
  .who-section .card > *,
  .work-section .card > *,
  .discipline-card > * { order: 3; }
  .who-section .card > h3,
  .work-section .card > h3,
  .discipline-card > h3 { order: 1; }
  .who-section .card > img,
  .work-section .card > img,
  .discipline-card > img { order: 2; }

  /* The subject is on the right of this landscape photo. */
  .method .method-image { min-height: 0 !important; height: auto !important; aspect-ratio: 4 / 3; }
  .method .method-image img {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; object-position: 85% 20% !important;
  }
}