/* ============================================================
   ABOUT PAGE STYLES — loaded only on about.html
   ============================================================ */

.about-hero{
  position:relative;
  background:var(--bar-bg);
  min-height:560px;
  display:flex; align-items:center;
  overflow:hidden;
}
.about-hero-texture{
  position:absolute; right:-4%; bottom:-6%; z-index:0;
  width:min(46vw,620px); opacity:.55;
  pointer-events:none;
}
.about-hero .wrap{ position:relative; z-index:1; max-width:var(--max); }
.about-hero-inner{ max-width:640px; padding:90px 0; }
.about-hero-inner h1{
  font-size:clamp(38px,5.4vw,66px); font-weight:800; line-height:1.05; letter-spacing:-.02em;
  color:var(--navy); margin:0 0 24px;
}
.about-hero-inner p{
  font-size:16.5px; line-height:1.8; color:var(--text-muted); max-width:480px; margin:0;
}

@media (max-width:900px){
  .about-hero{ min-height:auto; }
  .about-hero-inner{ padding:64px 0 200px; }
  .about-hero-texture{ width:80vw; right:-10%; bottom:-4%; opacity:.4; }
}
@media (max-width:600px){
  .about-hero-inner{ padding:52px 0 160px; }
  .about-hero-inner h1{ font-size:clamp(30px,10vw,40px); }
  .about-hero-inner p{ font-size:15px; }
}

/* ---------------- ABOUT: CONNECTED COMMUNITY CTA BAND ---------------- */
.about-cta-band{
  background:var(--navy);
  padding:88px 0;
}
.about-cta-band .wrap{
  display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;
}
.about-cta-band-copy h2{
  font-size:clamp(26px,3.2vw,38px); font-weight:800; letter-spacing:-.01em;
  color:#fff; margin:0 0 20px;
}
.about-cta-band-copy p{
  font-size:15.5px; line-height:1.8; color:rgba(255,255,255,.75); max-width:440px; margin:0;
}
.about-cta-band .cta-btn{ margin-left:0; flex:0 0 auto; }

@media (max-width:700px){
  .about-cta-band{ padding:64px 0; }
  .about-cta-band .wrap{ flex-direction:column; align-items:flex-start; }
  .about-cta-band .cta-btn{ width:100%; justify-content:center; }
}

/* ---------------- ABOUT: TEXT / IMAGE SPLIT ---------------- */
.about-split{
  display:grid; grid-template-columns:1fr 1fr;
  min-height:520px;
}
.about-split-content{
  background:var(--bar-bg);
  display:flex; flex-direction:column; justify-content:center;
  padding:64px 72px;
}
.about-split-content h2{
  font-size:clamp(26px,3.2vw,38px); font-weight:800; line-height:1.2; letter-spacing:-.01em;
  color:var(--navy); margin:0 0 24px; max-width:420px;
}
.about-split-content p{
  font-size:15.5px; line-height:1.85; color:var(--text-muted); max-width:440px; margin:0;
}
.about-split-image{
  background:url('https://images.unsplash.com/photo-1500534623283-312aade485b7?q=80&w=1200&auto=format&fit=crop') center/cover no-repeat;
  min-height:320px;
}

@media (max-width:900px){
  .about-split{ grid-template-columns:1fr; }
  .about-split-image{ order:-1; min-height:280px; }
  .about-split-content{ padding:48px 28px; }
}
@media (max-width:600px){
  .about-split-content h2{ font-size:clamp(22px,7vw,28px); }
}

/* ---------------- ABOUT: CLOSING STATEMENT ---------------- */
.about-statement{
  background:var(--bar-bg);
  padding:100px 0;
  text-align:center;
}
.about-statement h2{
  font-size:clamp(24px,3vw,34px); font-weight:700; line-height:1.5; letter-spacing:-.01em;
  color:var(--navy); max-width:840px; margin:0 auto 36px;
}

@media (max-width:600px){
  .about-statement{ padding:72px 0; }
  .about-statement h2{ font-size:clamp(20px,6vw,24px); }
}