/* BERBIN V8.4 — mobile type scale across the public website */
@media (max-width: 767px) {
  /* Fluid, legible body size and headline rhythm, preserving editorial hierarchy */
  body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  .v4-feature h1, html[dir='rtl'] .v4-feature h1 {
    font-size: clamp(28px, 7.8vw, 42px) !important;
    line-height: 1.35 !important;
    letter-spacing: -.035em !important;
    overflow-wrap: anywhere;
  }
  html[dir='rtl'] .v4-feature h1 { letter-spacing: 0 !important; line-height: 1.65 !important; }
  .v4-feature p, html[dir='rtl'] .v4-feature p { font-size: clamp(13px, 3.6vw, 15px) !important; line-height: 1.85 !important; }
  .hero h1, .hero-phrase { font-size: clamp(38px, 10vw, 56px) !important; line-height: 1.16 !important; }
  .xl-title, html[dir='rtl'] .xl-title {
    font-size: clamp(27px, 7.6vw, 39px) !important;
    line-height: 1.42 !important;
    letter-spacing: -.035em !important;
    overflow-wrap: anywhere;
  }
  html[dir='rtl'] .xl-title { letter-spacing: 0 !important; line-height: 1.65 !important; }
  .intro h2, .expertise h2, .work h2, .furniture h2, .partners h2, .client-section h2, .contact h2,
  .quote-section h2 { max-width: 100%; }
  .intro-copy p, .section-heading-line p, .work-intro p, .furniture-head p,
  .partners-flex p, .contact-cols p, .client-note {
    font-size: clamp(13px, 3.5vw, 15px) !important;
    line-height: 1.85 !important;
    overflow-wrap: break-word;
  }
  .service-row h3, .v2-service h3 { font-size: clamp(17px, 4.7vw, 21px) !important; line-height: 1.55 !important; }
  .service-row p, .project-summary, .v3-detail p, .v2-card p { font-size: clamp(12px, 3.3vw, 14px) !important; line-height: 1.8 !important; }
  .project-card h3, .v2-card h3, .v3-detail h3 { font-size: clamp(16px, 4.4vw, 20px) !important; line-height: 1.45 !important; }
  .v2 h1, html[dir='rtl'] .v2 h1 { font-size: clamp(30px, 8vw, 43px) !important; line-height: 1.55 !important; overflow-wrap: anywhere; }
  .v2 h2, html[dir='rtl'] .v2 h2 { font-size: clamp(23px, 6vw, 32px) !important; line-height: 1.55 !important; overflow-wrap: anywhere; }
  .v2-lead, .v2-section > p, .v3-rich > p { font-size: clamp(13px, 3.65vw, 16px) !important; line-height: 1.9 !important; }
  .article-wrap h1, .journal-wrap h1, html[dir='rtl'] .article-wrap h1 { font-size: clamp(27px, 7.3vw, 40px) !important; line-height: 1.5 !important; overflow-wrap: anywhere; }
  .article-lead { font-size: clamp(14px, 3.9vw, 17px) !important; line-height: 1.8 !important; }
  .journal-wrap h2, .article-wrap h2 { font-size: clamp(21px, 5.6vw, 29px) !important; line-height: 1.5 !important; }
  .v4-feature-links a, .v4-light-button, .v4-link-soft { font-size: clamp(12px, 3.2vw, 14px) !important; }
  /* Existing navigation contrast + animation remain unchanged. */
}
@media(max-width: 390px) {
  .xl-title {font-size: clamp(25px, 7.4vw, 30px) !important;}
  .v2 h1, html[dir='rtl'] .v2 h1 {font-size: clamp(27px, 7.6vw, 32px) !important;}
  .v2 h2, html[dir='rtl'] .v2 h2 {font-size: clamp(22px, 5.7vw, 26px) !important;}
  .v4-feature h1, html[dir='rtl'] .v4-feature h1 {font-size: clamp(26px, 7.5vw, 32px) !important;}
}