/* ── Breadcrumb ──────────────────────────── */
.breadcrumb{display:flex;align-items:center;gap:.35rem;padding:.75rem 0;font-size:.75rem;color:var(--ink-soft);}
.breadcrumb a{color:var(--ink-soft);text-decoration:none;transition:color .25s;}
.breadcrumb a:hover{color:var(--royal-blue);}
.breadcrumb-sep{color:var(--ink-soft);}
.breadcrumb-current{color:var(--ink);font-weight:600;}
.dark .breadcrumb-current{color:#e0e0e0;}

/* ── Hero ────────────────────────────────── */
.about-hero{background:linear-gradient(135deg,var(--navy-deep),var(--royal-blue));color:#fff;border-radius:0;padding:2rem 1.5rem;margin-bottom:1.5rem;text-align:center;position:relative;overflow:hidden;}
.about-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0 2px,transparent 2px 48px);pointer-events:none;}
.about-hero h1{font-family:var(--font-serif);font-size:clamp(1.3rem,2.5vw,1.8rem);margin-bottom:.5rem;position:relative;z-index:1;}
.about-hero p{font-size:.85rem;opacity:.85;max-width:600px;margin:0 auto;line-height:1.5;position:relative;z-index:1;}

/* ── Section ─────────────────────────────── */
.about-section{margin-bottom:1.5rem;}
.about-section h2{font-family:var(--font-serif);font-size:1.2rem;margin-bottom:.75rem;padding-bottom:.35rem;border-bottom:2px solid var(--gold);display:inline-block;text-transform:uppercase;letter-spacing:.04em;}
.about-section p{color:var(--ink-soft);line-height:1.6;font-size:.85rem;margin-bottom:.5rem;}
.dark .about-section p{color:#bbb;}

/* ── Mission / Vision ────────────────────── */
.mission-vision{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;}
.mission-card,.vision-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;transition:box-shadow .3s;}
.mission-card:hover,.vision-card:hover{box-shadow:var(--shadow-md);}
.dark .mission-card,.dark .vision-card{border-color:var(--line-dark);}
.mission-card i,.vision-card i{font-size:1.5rem;color:var(--gold);margin-bottom:.5rem;}
.mission-card h3,.vision-card h3{font-family:var(--font-serif);font-size:1rem;margin-bottom:.35rem;color:var(--ink);}
.mission-card p,.vision-card p{color:var(--ink-soft);font-size:.82rem;line-height:1.5;}
.dark .mission-card p,.dark .vision-card p{color:#bbb;}

/* ── Values ──────────────────────────────── */
.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem;margin-bottom:1.5rem;}
.value-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;text-align:center;transition:box-shadow .3s;}
.value-card:hover{box-shadow:var(--shadow-md);}
.dark .value-card{border-color:var(--line-dark);}
.value-card i{font-size:1.5rem;color:var(--gold);margin-bottom:.5rem;}
.value-card h3{font-family:var(--font-serif);font-size:.9rem;margin-bottom:.35rem;color:var(--ink);}
.value-card p{color:var(--ink-soft);font-size:.78rem;line-height:1.4;}
.dark .value-card p{color:#999;}

/* ── Team ────────────────────────────────── */
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;}
.team-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;text-align:center;transition:box-shadow .3s;}
.team-card:hover{box-shadow:var(--shadow-md);}
.dark .team-card{border-color:var(--line-dark);}
.team-card img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:.5rem;border:3px solid var(--gold);}
.team-card h3{font-family:var(--font-serif);font-size:.9rem;margin-bottom:.2rem;color:var(--ink);}
.team-card .role{color:var(--gold-dark);font-size:.75rem;font-weight:600;margin-bottom:.35rem;}
.team-card p{color:var(--ink-soft);font-size:.78rem;line-height:1.4;}
.dark .team-card p{color:#999;}

/* ── Contact Box ─────────────────────────── */
.contact-box{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem;}
.dark .contact-box{border-color:var(--line-dark);}
.contact-box h2{font-family:var(--font-serif);font-size:1rem;margin-bottom:.75rem;color:var(--ink);}
.contact-box .contact-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.82rem;color:var(--ink-soft);}
.dark .contact-box .contact-item{color:#bbb;}
.contact-box .contact-item i{width:1.1rem;text-align:center;color:var(--gold);}

/* ── Responsive ──────────────────────────── */
@media(max-width:768px){
  .mission-vision{grid-template-columns:1fr;}
  .about-hero{padding:1.5rem 1rem;}
  .about-hero h1{font-size:1.3rem;}
  .values-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
  .values-grid{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:1fr;}
}