/* Keep phone reading sizes independent of the artwork's viewport scale. */
@media (max-width:767px) {
  :root {
    --body:1rem;
    --small:.8125rem;
    --display:clamp(1.75rem,7.46269vw,2.625rem);
    --copy-indent:clamp(24px,8vw,48px);
    --copy-inset:calc(var(--gutter) + var(--copy-indent));
  }

  body { line-height:1.85; }
  .page-surface .display { font-size:var(--display); line-height:1.3; }
  .lead { font-size:1.0625rem; line-height:1.8; }
  .approach-copy>p,.approach-introduction p,.home-about-copy>p { line-height:1.85; }
  .section-label,.label-rail>.section-label { font-size:var(--small); }
  .menu-toggle { font-size:.875rem; }
  .hero-title h1 { font-size:1rem; line-height:1.65; }
  .hero-support { font-size:1rem; line-height:1.85; }

  /* Retain the vertical label rail while giving paragraphs more room. */
  .approach-copy { padding-left:var(--copy-indent); }
  .approach-copy>p { width:auto; margin-top:1.5rem; }
  .services-intro-copy,.home-about-copy,.services-heading {
    width:auto;
    margin-left:var(--copy-indent);
  }
  .services-intro { height:auto; min-height:223.881vw; padding-bottom:24vw; }
  .service-row { grid-template-columns:var(--copy-indent) minmax(0,1fr); }
  .service-copy .display { max-width:100%; }
  .service-image,.service-row:nth-child(n+2) .service-image { width:100%; }
  .value { padding-left:var(--copy-indent); }
  .value:last-child { padding-left:var(--copy-indent); }
  .detail-copy,.service-detail.reverse .detail-copy {
    margin-inline:var(--copy-inset) var(--gutter);
  }
  .about-hero,.about-story,.outline { padding-left:var(--copy-inset); }
  .about-story-image { width:100%; }
  .contact-hero { padding-left:var(--copy-inset); }
  .contact-content { padding-inline:var(--gutter); }
  .conversation-notes li { padding-block:.85em; }
  .conversation-notes li>span { flex-shrink:0; font-size:var(--small); }

  .line-link,.contact-destination .line-link { font-size:1rem; gap:1rem; }
  .line-link:not(.footer-next) .link-line { width:2rem; }
  .contact-destination .line-link { max-width:100%; }
  .contact-destination .link-words { min-width:0; }

  .navigation-panel .language-picker>.menu-setting-label,
  .navigation-panel .theme-picker>.theme-label,
  .navigation-panel .navigation-close,
  .navigation-privacy { font-size:.8125rem; }
  .navigation-panel .theme-trigger { font-size:.875rem; }
  .navigation-panel .theme-picker .theme-native { font-size:1rem; }
  .navigation-panel .footer-descriptor,.navigation-panel .footer-bottom { font-size:.75rem; }
}