/* =======================================================
   Responsive Typography – PTH Project
   Mobile-first type scaling (500% on phones)
   ======================================================= */

/* -------------------------------------------------------
   Base (Desktop & large screens – unchanged)
------------------------------------------------------- */
html {
  font-size: 16px;
}

body {
  line-height: 1.4;
  /* =======================================================
     Responsive Typography – PTH Project
     Mobile-first type scaling (500% on phones)
     ======================================================= */

  /* -------------------------------------------------------
     Base (Desktop & large screens – unchanged)
  ------------------------------------------------------- */
  html {
    font-size: 16px;
  }

  body {
    line-height: 1.4;
