/* ── PAGE HERO ── */
.page-hero{padding-top:var(--nav-h);background:var(--navy);position:relative;overflow:hidden;min-height:460px;display:flex;align-items:center}
.page-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(154,115,64,.12) 0%,transparent 60%)}
.page-hero-c{position:relative;z-index:2;display:grid;gap:40px;align-items:center;padding:60px 0}
@media(min-width:900px){.page-hero-c{grid-template-columns:1fr 1fr}}
.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.breadcrumb a{font-size:12px;color:rgba(255,255,255,.4);transition:color .2s}
.breadcrumb a:hover{color:rgba(255,255,255,.8)}
.breadcrumb span{font-size:12px;color:rgba(255,255,255,.25)}
.breadcrumb strong{font-size:12px;color:rgba(255,255,255,.6)}
.page-hero-tag{display:inline-flex;align-items:center;gap:10px;font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--caramel2);margin-bottom:16px}
.page-hero-tag::before{content:'';display:block;width:22px;height:1px;background:var(--caramel2)}
.page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,7vw,86px);font-weight:500;line-height:.95;letter-spacing:-.01em;color:rgba(255,255,255,.95);margin-bottom:20px}
.page-hero h1 em{font-style:italic;color:var(--caramel2)}
.page-hero p{font-size:15px;font-weight:300;color:rgba(255,255,255,.5);line-height:1.85;max-width:480px}
.page-hero-visual{display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:24px;backdrop-filter:blur(10px);width:100%;max-width:340px}
.hero-card-row{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.hero-card-icon{width:44px;height:44px;border-radius:10px;background:rgba(154,115,64,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--caramel2)}
.hero-card-icon svg{width:22px;height:22px}
.hero-card-row h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:500;color:rgba(255,255,255,.9)}
.hero-card-row p{font-size:12px;color:rgba(255,255,255,.4)}
.hero-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);border-radius:8px;overflow:hidden}
.hcs{padding:12px 10px;text-align:center;background:rgba(255,255,255,.04)}
.hcs strong{display:block;font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:500;color:var(--caramel2);line-height:1}
.hcs span{font-size:10px;color:rgba(255,255,255,.35);letter-spacing:.05em}
.hero-cert-row{display:flex;gap:8px;flex-wrap:wrap}
.cert-chip{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:7px 13px;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.7)}
.cert-chip svg{width:14px;height:14px;color:var(--caramel2)}

/* ── STORY ── */
.story-sec{padding:88px 0;background:var(--white)}
.story-grid{display:grid;gap:60px;align-items:start}
@media(min-width:960px){.story-grid{grid-template-columns:1fr 1fr;gap:96px}}
.story-img-wrap{position:relative}
.story-img-main{width:100%;aspect-ratio:4/5;max-height:540px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,var(--ivory3) 0%,var(--ivory2) 100%);display:flex;align-items:center;justify-content:center;position:relative}
.story-img-over{position:absolute;bottom:24px;left:-20px;background:var(--white);border:1px solid var(--border2);border-radius:var(--r);padding:18px 20px;box-shadow:0 16px 48px rgba(26,22,18,.1);display:flex;gap:14px;align-items:center;min-width:220px}
@media(min-width:640px){.story-img-over{left:-28px}}
.story-img-over-icon{width:40px;height:40px;border-radius:10px;background:var(--caramel-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--caramel)}
.story-img-over-icon svg{width:20px;height:20px}
.story-img-over p{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:2px}
.story-img-over span{font-size:11.5px;color:var(--ink3)}
.story-img-badge{position:absolute;top:24px;right:-16px;background:var(--caramel);color:var(--white);border-radius:var(--r);padding:16px 20px;text-align:center;box-shadow:0 12px 32px rgba(154,115,64,.3)}
@media(min-width:960px){.story-img-badge{right:-24px}}
.story-img-badge strong{display:block;font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:600;line-height:1}
.story-img-badge span{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.story-content .lead{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;font-style:italic;color:var(--ink2);line-height:1.6;margin-bottom:24px;padding-left:18px;border-left:2px solid var(--caramel)}
.story-content p{font-size:14.5px;font-weight:300;color:var(--ink3);line-height:1.9;margin-bottom:16px}
.story-content p strong{font-weight:600;color:var(--ink2)}
.story-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}
.sv{background:var(--ivory2);border:1.5px solid var(--border2);border-radius:10px;padding:16px;transition:all .2s}
.sv:hover{border-color:var(--border);background:var(--white)}
.sv-icon{width:34px;height:34px;border-radius:8px;background:var(--caramel-dim);display:flex;align-items:center;justify-content:center;color:var(--caramel);margin-bottom:10px}
.sv-icon svg{width:17px;height:17px}
.sv h4{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:3px}
.sv p{font-size:12px;color:var(--ink3);line-height:1.5}

/* ── STATS BAR ── */
.stats-bar{background:var(--ivory2);border-top:1px solid var(--border2);border-bottom:1px solid var(--border2)}
.stats-inner{display:grid;grid-template-columns:repeat(2,1fr);max-width:1280px;margin:0 auto}
@media(min-width:640px){.stats-inner{grid-template-columns:repeat(4,1fr)}}
.si{padding:40px 20px;text-align:center;border-right:1px solid var(--border2);border-bottom:1px solid var(--border2);transition:background .2s}
@media(min-width:640px){.si{border-bottom:none;padding:52px 28px}}
.si:hover{background:rgba(154,115,64,.06)}

/* ── MISSION & VISION ── */
.mv-sec{padding:88px 0;background:var(--white)}
.mv-grid{display:grid;gap:20px;margin-top:52px}
@media(min-width:768px){.mv-grid{grid-template-columns:1fr 1fr;gap:24px}}
.mv-card{border-radius:20px;padding:40px 36px;position:relative;overflow:hidden}
.mv-card.mission{background:var(--navy)}
.mv-card.vision{background:var(--ivory2);border:1.5px solid var(--border2)}
.mv-card::before{content:'';position:absolute;bottom:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:rgba(154,115,64,.07)}
.mv-num{font-family:'Cormorant Garamond',serif;font-size:80px;font-weight:600;line-height:1;position:absolute;top:20px;right:32px;opacity:.08}
.mv-card.mission .mv-num{color:var(--white)}
.mv-card.vision .mv-num{color:var(--caramel)}
.mv-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.mv-card.mission .mv-icon{background:rgba(154,115,64,.2);color:var(--caramel2)}
.mv-card.vision .mv-icon{background:var(--caramel-dim);color:var(--caramel)}
.mv-icon svg{width:26px;height:26px}
.mv-card h3{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:500;margin-bottom:14px}
.mv-card.mission h3{color:rgba(255,255,255,.95)}
.mv-card.vision h3{color:var(--ink)}
.mv-card p{font-size:14.5px;font-weight:300;line-height:1.85}
.mv-card.mission p{color:rgba(255,255,255,.55)}
.mv-card.vision p{color:var(--ink3)}

/* ── TIMELINE ── */
.timeline-sec{padding:88px 0;background:var(--ivory2)}
.timeline{position:relative;margin-top:56px}
.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--border);transform:translateX(-50%);display:none}
@media(min-width:768px){.timeline::before{display:block}}
.tl-item{display:flex;flex-direction:column;gap:0;margin-bottom:48px;position:relative}
@media(min-width:768px){.tl-item{flex-direction:row;align-items:center;gap:0;margin-bottom:56px}.tl-item:nth-child(even){flex-direction:row-reverse}}
.tl-item:last-child{margin-bottom:0}
.tl-dot{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--caramel);border:3px solid var(--ivory2);box-shadow:0 0 0 3px var(--border);z-index:2}
@media(min-width:768px){.tl-dot{display:block}}
.tl-content{flex:1;background:var(--white);border:1.5px solid var(--border2);border-radius:var(--r);padding:28px 32px;transition:all .25s;position:relative}
.tl-content:hover{border-color:var(--border);box-shadow:0 12px 40px rgba(26,22,18,.06)}
@media(min-width:768px){.tl-item:nth-child(odd) .tl-content{margin-right:calc(50% + 32px)}.tl-item:nth-child(even) .tl-content{margin-left:calc(50% + 32px)}}
.tl-year{font-family:'Cormorant Garamond',serif;font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--caramel);text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-bottom:10px}
.tl-year::before{content:'';display:block;width:16px;height:1px;background:var(--caramel)}
.tl-content h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:500;color:var(--ink);margin-bottom:8px}
.tl-content p{font-size:13.5px;color:var(--ink3);line-height:1.75}
@media(max-width:767px){.timeline::before{display:block;left:16px;transform:none}.tl-content{margin-left:36px}.tl-dot{display:block;left:16px;top:32px;transform:translateX(-50%)}}

/* ── TEAM ── */
.team-sec{padding:88px 0;background:var(--white)}
.team-grid{display:grid;gap:20px;margin-top:52px;grid-template-columns:1fr 1fr}
@media(min-width:768px){.team-grid{grid-template-columns:repeat(4,1fr)}}
.team-card{background:var(--ivory);border:1.5px solid var(--border2);border-radius:var(--r);overflow:hidden;transition:all .25s}
.team-card:hover{border-color:var(--border);box-shadow:0 12px 40px rgba(26,22,18,.07);transform:translateY(-4px)}
.team-avatar{height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--ivory3),var(--ivory2));position:relative;overflow:hidden}
@media(min-width:768px){.team-avatar{height:220px}}
.team-avatar-ph{width:80px;height:80px;border-radius:50%;background:var(--white);border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;color:var(--ink3)}
.team-avatar-ph svg{width:36px;height:36px}
.team-body{padding:18px 16px}
.team-body h3{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500;color:var(--ink);margin-bottom:3px}
.team-body .role{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--caramel);display:block;margin-bottom:8px}
.team-body p{font-size:12.5px;color:var(--ink3);line-height:1.6}
.team-social{display:flex;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border2)}
.tsb{width:28px;height:28px;border-radius:7px;border:1px solid var(--border2);color:var(--ink3);display:flex;align-items:center;justify-content:center;transition:all .2s}
.tsb svg{width:13px;height:13px}
.tsb:hover{border-color:var(--caramel);color:var(--caramel);background:var(--caramel-dim)}

/* ── CERTIFICATIONS ── */
.cert-sec{padding:88px 0;background:var(--navy)}
.cert-grid{display:grid;gap:16px;margin-top:52px;grid-template-columns:1fr 1fr}
@media(min-width:1024px){.cert-grid{grid-template-columns:repeat(4,1fr)}}
.cert-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:var(--r);padding:28px 24px;text-align:center;transition:all .25s}
.cert-card:hover{background:rgba(255,255,255,.08);border-color:rgba(154,115,64,.3)}
.cert-card-icon{width:60px;height:60px;border-radius:16px;background:rgba(154,115,64,.15);display:flex;align-items:center;justify-content:center;color:var(--caramel2);margin:0 auto 18px}
.cert-card-icon svg{width:30px;height:30px}
.cert-card h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:500;color:rgba(255,255,255,.9);margin-bottom:8px}
.cert-card p{font-size:12.5px;color:rgba(255,255,255,.4);line-height:1.7}
.cert-card-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--caramel2);border:1px solid rgba(154,115,64,.3);padding:4px 12px;border-radius:100px;margin-top:12px}

/* ── CTA ── */
.cta-sec{padding:96px 0;background:var(--ivory2);position:relative;overflow:hidden}
.cta-sec::before{content:'';position:absolute;right:-200px;top:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(154,115,64,.08),transparent 70%)}
.cta-in{max-width:660px;margin:0 auto;text-align:center;position:relative}
.cta-in h2{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,5.5vw,68px);color:var(--ink);margin-bottom:16px;font-weight:500;line-height:1.05}
.cta-in h2 em{font-style:italic;color:var(--caramel)}
.cta-in p{font-size:15px;color:var(--ink3);margin-bottom:36px;line-height:1.8}
.cta-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* ══ RESPONSIVE FIXES ══ */

/* Story: prevent badge & overlay overflow on mobile */
@media(max-width:959px){
  .story-img-badge{right:12px}
  .story-img-over{left:12px;right:12px;min-width:0}
}

/* Story values: single column on small phones */
@media(max-width:479px){
  .story-values{grid-template-columns:1fr}
}

/* Stats bar: border fixes for 2-column grid on mobile */
@media(max-width:639px){
  .si:nth-child(2n){border-right:none}
  .si:nth-child(3),.si:nth-child(4){border-bottom:none}
}

/* Team: single column on very small screens */
@media(max-width:400px){
  .team-grid{grid-template-columns:1fr}
}

/* Page hero: fix spacing on mobile */
@media(max-width:479px){
  .page-hero-c{padding:40px 0}
  .page-hero h1{font-size:clamp(28px,12vw,60px)}
  .cta-sec{padding:64px 0}
  .cta-btns{flex-direction:column;align-items:stretch}
  .cta-btns .btn-dk,.cta-btns .btn-go{justify-content:center;width:100%}
  .mv-card{padding:28px 24px}
}