/* Extracted from about/index.html block 1. */
/* ===== BREADCRUMBS OVERRIDE ===== */
.breadcrumbs a{color:inherit}

/* ===== ABOUT HERO ===== */
.about-hero{padding:80px 0 40px;background:#FAFAF8}
.about-hero h1{font-weight:700;font-size:44px;line-height:1.15;letter-spacing:-1px;margin-bottom:20px}
.about-hero .lead{font-size:20px;color:#71717A;line-height:1.6;max-width:680px}

/* ===== ABOUT CONTENT ===== */
.about-content{background:#F3F2EE;padding:64px 0}
.about-body{max-width:720px}
.about-body h2{font-weight:700;font-size:28px;margin-bottom:16px;margin-top:40px}
.about-body h2:first-child{margin-top:0}
.about-body p{font-size:17px;color:#1A1A1A;line-height:1.7;margin-bottom:16px}
.about-body p:last-child{margin-bottom:0}
.about-body ul{list-style:none;margin:16px 0;padding:0}
.about-body ul li{font-size:17px;color:#1A1A1A;line-height:1.7;padding:6px 0 6px 24px;position:relative}
.about-body ul li::before{content:'';position:absolute;left:0;top:14px;width:8px;height:8px;background:#7C3AED;border-radius:50%}
.about-body a{color:#7C3AED;font-weight:500;transition:opacity .2s ease}
.about-body a:hover{opacity:.8;text-decoration:underline}

/* ===== CONTACT ===== */
.about-contact{background:#FAFAF8;padding:64px 0}
.contact-card{background:#fff;border:1px solid #E8E6E1;border-radius:20px;padding:32px;max-width:480px;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.contact-card h2{font-weight:700;font-size:24px;margin-bottom:12px}
.contact-card p{font-size:16px;color:#71717A;line-height:1.6;margin-bottom:16px}
.contact-card a.email-link{display:inline-flex;align-items:center;gap:8px;color:#7C3AED;font-weight:500;font-size:17px;transition:opacity .2s ease}
.contact-card a.email-link:hover{opacity:.8}

/* ===== CTA ===== */
.about-cta{background:#F3F2EE;padding:64px 0;text-align:center}
.about-cta h2{font-weight:700;font-size:28px;margin-bottom:16px}
.about-cta p{font-size:17px;color:#71717A;margin-bottom:32px}
.cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;align-items:center}
.cta-buttons .btn-primary{padding:10px 24px;min-height:40px;font-size:15px}

/* ===== TABLET ===== */
@media(max-width:1024px){
  .about-hero h1{font-size:36px}
}

/* ===== MOBILE ===== */
@media(max-width:768px){
  .about-hero{padding:40px 0 24px}
  .about-hero h1{font-size:28px;letter-spacing:-.5px}
  .about-hero .lead{font-size:17px}
  .about-content{padding:48px 0}
  .about-body h2{font-size:22px}
  .about-body p,.about-body ul li{font-size:16px}
  .about-contact{padding:48px 0}
  .about-cta{padding:48px 0}
  .about-cta h2{font-size:22px}
  .cta-buttons{flex-direction:column;align-items:center}
}