/* =========================================================
   ABOUT — matches sections/about.html
   ========================================================= */
.about{background:var(--cream);}
.about-grid{display:grid; grid-template-columns:0.85fr 1.15fr; gap:64px; align-items:center;}
.about-img{border-radius:20px; overflow:hidden; border:1px solid var(--line); box-shadow:0 30px 60px -30px rgba(20,40,35,0.35);}
.about-img img{width:100%; height:420px; object-fit:cover;}
.about-text .eyebrow{color:var(--primary-mid);}
.about-text h2{font-size:clamp(28px,3.4vw,38px); color:var(--primary-dark); margin-bottom:20px;}
.about-text p{font-size:16px; line-height:1.75; color:#4d5850; margin-bottom:16px;}
.about-signature{margin-top:26px; font-family:var(--font-display); font-style:italic; color:var(--primary-mid); font-size:19px;}

@media (max-width: 900px){
  .about-grid{grid-template-columns:1fr;}
  .about-img img{height:280px;}
}