/* ════════════════════════════════════════════
   ABOUT & CONTACT PAGE CSS
══════════════════════════════════════════════ */

/* ABOUT */
.about-hero{
  max-width:820px;margin:0 auto;padding:5rem 2.5rem 3rem;
  border-bottom:1px solid #efefef
}
.about-h{
  font-family:'Fraunces',serif;font-size:clamp(2.5rem,5vw,4rem);
  font-weight:400;line-height:1.05;letter-spacing:-.025em;
  color:#1c1c1c;margin-bottom:1.25rem
}
.about-h em{font-style:italic;color:#888}
.about-lead{font-size:1.0625rem;color:#555;line-height:1.85;font-weight:300;margin-bottom:1rem}
.about-lead strong{font-weight:500;color:#1c1c1c}
.about-content{max-width:820px;margin:0 auto;padding:3rem 2.5rem}
.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}
.about-col h3{
  font-family:'Fraunces',serif;font-size:1.25rem;
  font-weight:500;color:#1c1c1c;margin-bottom:1rem
}
.about-col ul{list-style:none}
.about-col li{
  padding:.625rem 0;border-bottom:1px solid #f0f0f0;
  font-size:.9375rem;color:#444
}
.about-col li:last-child{border-bottom:none}
.about-timeline{margin-top:2.5rem}
.tl-item{
  display:grid;grid-template-columns:140px 1fr;
  gap:2rem;padding:1.25rem 0;
  border-bottom:1px solid #f0f0f0
}
.tl-date{
  font-size:.8125rem;color:#888;font-weight:500;letter-spacing:.04em
}
.tl-content h4{
  font-size:1rem;font-weight:600;color:#1c1c1c;margin-bottom:.25rem
}
.tl-content .tl-company{
  font-size:.875rem;color:#1565C0;font-weight:500;margin-bottom:.5rem
}
.tl-content p{font-size:.875rem;color:#555;line-height:1.7;font-weight:300}

/* CONTACT */
.contact-hero{
  max-width:820px;margin:0 auto;padding:5rem 2.5rem 2rem
}
.contact-h{
  font-family:'Fraunces',serif;font-size:clamp(2.5rem,5vw,4rem);
  font-weight:400;line-height:1.05;letter-spacing:-.025em;
  color:#1c1c1c;margin-bottom:1.25rem
}
.contact-h em{font-style:italic;color:#888}
.contact-sub{
  font-size:1.0625rem;color:#555;line-height:1.85;
  font-weight:300;max-width:580px;margin-bottom:2.5rem
}
.contact-grid{
  max-width:820px;margin:0 auto;padding:2rem 2.5rem 5rem;
  display:grid;grid-template-columns:1fr 1fr;gap:2.5rem
}
.contact-card{
  padding:2rem;background:#fafafa;border-radius:10px;
  border:1px solid #efefef
}
.contact-card-h{
  font-family:'Fraunces',serif;font-size:1.25rem;
  font-weight:500;color:#1c1c1c;margin-bottom:1.25rem
}
.contact-list{list-style:none}
.contact-list li{
  display:flex;align-items:center;gap:.875rem;
  padding:.75rem 0;border-bottom:1px solid #efefef;
  font-size:.9375rem;color:#1c1c1c
}
.contact-list li:last-child{border-bottom:none}
.contact-list a:hover{color:#1565C0;border-bottom:1px solid #1565C0}
.contact-list-label{font-weight:500;color:#888;font-size:.8125rem;flex-shrink:0;width:80px}
.contact-list-value{font-weight:500}
.contact-open{
  margin-top:2rem;padding:1.5rem;background:#E1F5EE;
  border:1px solid #5DCAA5;border-radius:8px
}
.contact-open-h{
  font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;
  color:#0F6E56;font-weight:700;margin-bottom:.5rem
}
.contact-open-text{font-size:.9375rem;color:#0F6E56;line-height:1.65;font-weight:400}

@media(max-width:780px){
  .about-cols,.contact-grid{grid-template-columns:1fr;gap:2rem}
  .tl-item{grid-template-columns:1fr;gap:.5rem}
}