/* ── Page Header ─────────────────────────────────────────── */
.page-header-section { background: var(--gradient-hero); padding: 3.5rem 0 2.5rem; position: relative; overflow: hidden; }
.page-header-section::after { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); pointer-events:none; }
.page-header-section .breadcrumb { background:none; padding:0; margin-bottom:.75rem; }
.page-header-section .breadcrumb-item a { color:rgba(255,255,255,.65); font-size:.82rem; transition:color var(--transition); }
.page-header-section .breadcrumb-item a:hover { color:var(--color-accent); }
.page-header-section .breadcrumb-item+.breadcrumb-item::before { color:rgba(255,255,255,.35); }
.page-header-section .breadcrumb-item.active { color:var(--color-accent); font-size:.82rem; }
.page-header-title { font-family:var(--font-heading); font-size:clamp(1.6rem,3.5vw,2.4rem); color:#fff; font-weight:700; margin-bottom:.5rem; }
.page-header-subtitle { color:rgba(255,255,255,.70); font-size:.95rem; max-width:600px; margin:0; }

/* ── Section helpers ─────────────────────────────────────── */
.section-label { display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--color-accent); margin-bottom:.5rem; }
.section-title { font-family:var(--font-heading); font-size:clamp(1.4rem,2.8vw,2rem); color:var(--color-primary); font-weight:700; margin-bottom:.4rem; }
.divider-gold  { width:48px; height:3px; background:var(--gradient-gold); border-radius:3px; margin-bottom:1.5rem; }

/* ── Story section ───────────────────────────────────────── */
.about-story { padding:5rem 0; background:var(--color-bg); }
.story-img-wrap { border-radius:var(--border-radius); overflow:hidden; box-shadow:var(--shadow-lg); position:relative; }
.story-img-wrap img { width:100%; height:420px; object-fit:cover; display:block; }
.story-img-badge { position:absolute; bottom:20px; left:20px; background:var(--gradient-gold); color:var(--color-primary-dark); font-family:var(--font-heading); padding:.85rem 1.3rem; border-radius:var(--border-radius-sm); box-shadow:var(--shadow-gold); }
.story-img-badge .badge-num  { font-size:2rem; font-weight:700; line-height:1; display:block; }
.story-img-badge .badge-text { font-size:.75rem; font-weight:600; letter-spacing:.5px; }
.story-body { padding-left:2rem; }
@media (max-width:991.98px) { .story-body { padding-left:0; margin-top:2rem; } }
.story-lead { font-size:1.05rem; color:var(--color-primary); font-weight:600; margin-bottom:1rem; line-height:1.65; }
.story-text { color:var(--color-text); line-height:1.85; font-size:.92rem; }

/* ── Mission Vision ──────────────────────────────────────── */
.mv-section { padding:5rem 0; background:var(--color-secondary); }
.mv-card { background:var(--color-white); border-radius:var(--border-radius); box-shadow:var(--shadow-sm); padding:2.25rem; border-top:4px solid var(--color-accent); height:100%; transition:transform var(--transition), box-shadow var(--transition); }
.mv-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }
.mv-icon { width:56px; height:56px; background:rgba(201,168,76,.12); border-radius:var(--border-radius-sm); display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:var(--color-accent); margin-bottom:1.25rem; }
.mv-title { font-family:var(--font-heading); font-size:1.2rem; font-weight:700; color:var(--color-primary); margin-bottom:.85rem; }
.mv-text { color:var(--color-text-light); line-height:1.8; font-size:.9rem; }

/* ── Stats ───────────────────────────────────────────────── */
.stats-section { padding:5rem 0; background:var(--color-primary); position:relative; overflow:hidden; }
.stats-section::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M40 40h40v40H40zm-40 0h40v40H0z'/%3E%3C/g%3E%3C/svg%3E"); pointer-events:none; }
.stat-card { text-align:center; padding:2rem 1.5rem; position:relative; }
.stat-card::after { content:''; position:absolute; right:0; top:20%; height:60%; width:1px; background:rgba(255,255,255,.12); }
.stat-card:last-child::after { display:none; }
.stat-num { font-family:var(--font-heading); font-size:clamp(2.2rem,4vw,3rem); font-weight:700; color:var(--color-accent); line-height:1; display:block; margin-bottom:.4rem; }
.stat-desc { color:rgba(255,255,255,.75); font-size:.875rem; font-weight:500; }
@media (max-width:767.98px) { .stat-card::after { display:none; } }

/* ── Why Choose Us ────────────────────────────────────────── */
.why-section { padding:5rem 0; background:var(--color-bg); }
.why-card { background:var(--color-white); border-radius:var(--border-radius); box-shadow:var(--shadow-sm); padding:2rem 1.75rem; height:100%; border:1px solid var(--color-secondary-dark); transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.why-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-md); border-color:rgba(201,168,76,.30); }
.why-icon { width:52px; height:52px; background:var(--color-primary); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.1rem; color:var(--color-accent); margin-bottom:1.1rem; }
.why-title { font-family:var(--font-heading); font-size:1rem; font-weight:700; color:var(--color-primary); margin-bottom:.6rem; }
.why-text { color:var(--color-text-light); font-size:.85rem; line-height:1.75; margin:0; }

/* ── Team section ─────────────────────────────────────────── */
.team-section { padding:5rem 0; background:var(--color-secondary); }
.team-card { background:var(--color-white); border-radius:var(--border-radius); box-shadow:var(--shadow-sm); overflow:hidden; text-align:center; border:1px solid var(--color-secondary-dark); transition:transform var(--transition), box-shadow var(--transition); }
.team-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-md); }
.team-img-wrap { background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%); padding:2rem 2rem 0; }
.team-img { width:110px; height:110px; border-radius:50%; border:4px solid var(--color-accent); object-fit:cover; object-position:center top; display:block; margin:0 auto; box-shadow:0 4px 20px rgba(0,0,0,.25); }
.team-img-placeholder { width:110px; height:110px; border-radius:50%; border:4px solid var(--color-accent); background:rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center; margin:0 auto; font-size:2.5rem; color:rgba(255,255,255,.60); }
.team-body { padding:1.25rem 1.5rem 1.5rem; }
.team-name { font-family:var(--font-heading); font-size:1.05rem; font-weight:700; color:var(--color-primary); margin-bottom:.2rem; }
.team-role { font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.8px; color:var(--color-accent); margin-bottom:.7rem; }
.team-bio  { font-size:.82rem; color:var(--color-text-light); line-height:1.7; margin:0; }

/* ── CTA strip ────────────────────────────────────────────── */
.cta-strip { padding:4rem 0; background:var(--gradient-hero); }
.cta-strip-title { font-family:var(--font-heading); font-size:clamp(1.4rem,3vw,2rem); color:#fff; font-weight:700; margin-bottom:.6rem; }
.cta-strip-sub { color:rgba(255,255,255,.70); font-size:.95rem; margin-bottom:0; }
.btn-cta-gold { display:inline-flex; align-items:center; gap:.5rem; background:var(--gradient-gold); color:var(--color-primary-dark); font-weight:700; font-size:.925rem; padding:.85rem 2rem; border-radius:50px; border:none; box-shadow:var(--shadow-gold); transition:transform var(--transition), filter var(--transition); text-decoration:none; }
.btn-cta-gold:hover { transform:translateY(-2px); filter:brightness(1.06); color:var(--color-primary-dark); }
.btn-cta-outline { display:inline-flex; align-items:center; gap:.5rem; background:transparent; color:#fff !important; font-weight:700; font-size:.925rem; padding:.8rem 2rem; border-radius:50px; border:2px solid rgba(255,255,255,.50); transition:border-color var(--transition), background-color var(--transition); text-decoration:none; }
.btn-cta-outline:hover { border-color:var(--color-accent); background:rgba(201,168,76,.15); }