/* Desktop typography audit. Keep the approved phone composition independent. */
@media (min-width: 901px) {
  .ornament-label,
  .contact-banner .contact-label,
  .location-copy .line-label {
    font-family: var(--serif);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 3.5px;
    color: #765a3e;
    gap: 20px;
  }
  .ornament-label::before, .ornament-label::after,
  .contact-banner .contact-label::before, .contact-banner .contact-label::after,
  .location-copy .line-label::before, .location-copy .line-label::after {
    width: var(--section-rule-length);
    flex: 0 0 var(--section-rule-length);
    height: 1px;
    background: #af9166;
  }
  .location-copy .line-label { justify-content: flex-start; }

  .language-bar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 12px 28px;
  }
  .language-bar > p:not(.languages) {
    font-size: .75rem;
    line-height: 1.5;
    color: #6b5540;
  }
  .language-bar > p:first-child { justify-self: start; text-align: left; }
  .language-bar .languages { justify-self: center; text-align: center; font-size: clamp(1.375rem, 1.8vw, 1.625rem); }
  .language-bar .appointment-note { display: block; justify-self: end; text-align: right; }

  /* Let the text determine the minimum section height on small laptops. */
  .meet-masha { aspect-ratio: auto; min-height: 600px; }
  .meet-copy h2, .offering-card h3, .opening h1 > span { white-space: normal; }
  .meet-intro { line-height: 1.35; }
  .meet-personal { line-height: 1.4; }
  .opening-actions { flex-wrap: wrap; }

  .location-copy { text-align: left; }
  .location-copy > p:not(.eyebrow) { font-family: var(--serif); font-size: 1.375rem; line-height: 1.4; }
  .location-copy p.location-detail { font-size: 1.1875rem; color: #66503b; }
  .location-copy .text-link { font-family: var(--serif); font-size: 1.125rem; }

  .contact-banner .inquiry-field label,
  .contact-banner .inquiry-extra { font-size: .875rem; line-height: 1.5; }
  .contact-banner .inquiry-note,
  .contact-banner .appointment-confirmation { font-size: .8125rem; line-height: 1.5; }
  .compact-footer { flex-wrap: wrap; }
  .compact-footer .footer-copyright { font-size: .875rem; }

  /* Real lettering stays on the original pen, with stronger ink contrast. */
  .portrait-pen-inscription { color: #4a311b; }
}

@media (min-width: 1200px) {
  .meet-masha { min-height: 50vw; }
}