@font-face { font-family: Vazirmatn; src: url('fonts/Vazirmatn-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: Vazirmatn; src: url('fonts/Vazirmatn-SemiBold.ttf') format('truetype'); font-weight: 600 900; font-display: swap; }
/* Refined minimal layout: single-line headings on desktop, natural wrapping on mobile. */
@media (min-width: 801px) {
  .hero { grid-template-columns: 1.25fr .75fr; min-height: 700px; }
  .hero h1 { font-size: clamp(44px, 4.8vw, 70px); line-height: 1.15; letter-spacing: -3px; white-space: nowrap; }
  .loom { width: min(390px, 31vw); }
  .section { padding: 105px 0; }
  .section-head { margin-bottom: 48px; }
  .section-head h2,
  .section-head.light h2,
  .knowledge .section-head h2 { font-size: clamp(36px, 3.7vw, 54px); line-height: 1.2; letter-spacing: -2px; white-space: nowrap; }
  .industries h2 { font-size: clamp(32px, 3vw, 46px); line-height: 1.25; letter-spacing: -2px; white-space: nowrap; }
  .quote h2 { font-size: clamp(32px, 3.3vw, 48px); line-height: 1.25; letter-spacing: -2px; white-space: nowrap; }
  .product { min-height: 320px; }
  .dark-section { padding: 100px 0; }
}

@media (max-width: 800px) {
  .hero h1, .section-head h2, .industries h2, .quote h2 { white-space: normal; }
  .hero h1 { font-size: 47px; line-height: 1.2; }
}