/* -------------  Typography ------------- */
body{
    font-family:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    font-weight:300;
    line-height:1.6;
    color:#212529;                 /* Bootstrap body color */
  }
  h1,h2,h3,h4,h5,h6{
    font-family:"Playfair Display", serif;
    font-weight:600;
    letter-spacing:-.5px;
  }
  .lead{
    font-weight:400;               /* slightly lighter than default 500 */
  }
  
  /* Property Story paragraph container */
  .story{
    max-width:60ch;                /* pleasant reading width */
    margin:0 auto;                 /* center within .container */
    text-align:justify;            /* optional – remove if you dislike */
  }
  
  /* Bullet dot stays as-is */
  .bullet{
    display:inline-block;
    width:.6rem;height:.6rem;
    border-radius:50%;
    background:#ffc107;
  }
  
  /* -------------  Responsive tweaks ------------- */
  @media (max-width: 767.98px){    /* Bootstrap breakpoint < md */
    /* Soften hero text a bit on tiny screens */
    header h1{
      font-size:1.75rem;
    }
    header p.lead{
      font-size:1.1rem;
    }
    /* Make stat cards stack in two rows of two on narrow phones */
    .stats-row .col{
      flex:0 0 50%;
      max-width:50%;
      margin-bottom:1rem;
    }
  }
  
  /* Ensure gallery thumbs don’t overflow on very small screens */
  .gallery img{
    object-fit:cover;
  }