/* =========================================================================================
   Phones — one pass over every page for screens up to 600px wide, loaded last on every page,
   so the phone layout is settled in one place. Smaller pictures, the same words, the same calm:
   where a grid of cards would turn into a wall of text, the cards become a shelf to swipe or a tighter grid.
   ========================================================================================= */
@media (max-width:600px){

  /* reading size a step down (brand: body 17px on phones) */
  body{font-size:1.0625rem}

  /* rhythm: sections sit closer, headlines a step down */
  .section{padding-block:clamp(3rem,12vw,3.8rem)}
  .section-head{margin-bottom:1.6rem}
  .d2{font-size:clamp(1.8rem,7.6vw,2.2rem)}
  .lede{font-size:1.1rem}

  /* hero: the statement a size down (long names like Dallas–Fort Worth must fit the line) */
  .hero--foot .hero__title{font-size:clamp(2.2rem,10.2vw,2.75rem)}
  .hero--foot .hero__inner{padding-bottom:2.6rem}

  /* home: the places two across, each picture over its name */
  .place-grid{gap:1.3rem .8rem}
  .place-card{gap:.55rem}
  .place-card__name{font-size:1.06rem;line-height:1.25}
  .places__more .btn{width:100%}

  /* the promise figures two by two (Home's own three stand on a flight of steps: home.css 4) */
  .promise__fig{font-size:clamp(2.6rem,13vw,3.4rem)}
  .promise__label{font-size:.95rem}

  /* lists and columns: tighter rows */
  .numbered__item,.column__item,.feature{padding-block:.95rem 1.05rem}
  .numbered__d,.column__d,.feature__d{font-size:.98rem}

  /* steps in cards: a size down */
  .step{padding:1.3rem}

  /* forms: the button full width */
  .form__foot .btn{width:100%}

}