/* About page — light, understated layout matching the Home page system.
   Loaded on about.html only, after styles.css and site-nav.css. */

.about-section{
  display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center;
  max-width:1320px; margin:0 auto; padding:18px 44px;
}
.about-section .about-copy h2{
  font-size:clamp(1.6rem, 2vw, 1.95rem);
  color:var(--brand-navy);
  margin:0 0 10px;
}
.about-rule{width:44px; height:1px; background:var(--brand-gold); margin:-2px 0 14px;}
.about-section .about-copy p{
  font-family:'Inter', sans-serif; font-size:1.05rem; line-height:1.7;
  color:var(--text-muted); margin:0 0 10px;
}
.about-section .about-copy p:last-child{margin-bottom:0;}

.about-section .about-photo img{
  width:100%; height:230px;
  object-fit:cover; display:block;
}
.about-bottom .about-photo img{height:200px;}

.about-divider{
  max-width:1320px; margin:0 auto; height:1px; background:var(--border);
}

@media (max-width:900px){
  .about-section{grid-template-columns:1fr; gap:24px; padding:28px 22px;}
  .about-bottom .about-photo{order:0;}
}