:root{
    --ab-navy:#0b1b34;
    --ab-gold:#c89424;
    --ab-text:#14213a;
    --ab-muted:#617087;
    --ab-border:#dfe5ed;
}
.about-page{color:var(--ab-text)}
.about-hero{
    min-height:540px;display:flex;align-items:center;position:relative;overflow:hidden;
    background:
      linear-gradient(90deg,rgba(8,24,47,.95) 0%,rgba(8,24,47,.82) 48%,rgba(8,24,47,.35) 100%),
      url('/assets/images/hero/study-abroad.jpg') center/cover no-repeat;
}
.about-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(200,148,36,.15),transparent 28%)}
.about-hero-inner{position:relative;z-index:2}
.about-hero-copy{max-width:760px;padding:75px 0;color:#fff}
.about-kicker{display:inline-block;color:var(--ab-gold);font-weight:800;letter-spacing:2px;font-size:.77rem;margin-bottom:13px}
.about-hero h1{margin:0 0 18px;color:#fff;font-size:clamp(2.8rem,5vw,5rem);line-height:1.03;letter-spacing:0}
.about-hero h1 span{color:#e4b54d}
.about-hero p{max-width:640px;margin:0;color:rgba(255,255,255,.84);font-size:1.05rem;line-height:1.75}
.about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.about-outline{border:1px solid rgba(255,255,255,.5);color:#fff;background:transparent}
.about-outline:hover{background:#fff;color:var(--ab-navy)}
.about-story{padding-top:82px}
.about-story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}
.about-story-copy h2,.about-heading h2,.about-process-copy h2,.about-cta h2{margin:0 0 14px;font-size:clamp(2rem,3.7vw,3.15rem);line-height:1.08;letter-spacing:0}
.about-story-copy p,.about-heading p,.about-process-copy p,.about-cta p{color:var(--ab-muted);line-height:1.75}
.about-story-card{padding:38px;border-radius:20px;background:linear-gradient(145deg,#0b1b34,#173b66);color:#fff;box-shadow:0 24px 48px rgba(11,27,52,.15)}
.about-quote-mark{font-size:4rem;line-height:.7;color:#d9ac49}
.about-story-card p{font-size:1.15rem;line-height:1.7;margin:12px 0 28px;color:rgba(255,255,255,.88)}
.about-signature{display:flex;flex-direction:column;gap:4px}
.about-signature strong{font-size:.95rem}
.about-signature span{font-size:.73rem;letter-spacing:1.5px;color:#ddb251}
.about-pillars{margin-top:20px}
.about-heading{max-width:700px;margin-bottom:34px}
.about-heading-center{margin-left:auto;margin-right:auto;text-align:center}
.about-pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.about-pillar{position:relative;padding:27px;background:#fff;border:1px solid var(--ab-border);border-radius:17px;box-shadow:0 10px 27px rgba(11,27,52,.045)}
.about-pillar-no{position:absolute;right:20px;top:19px;color:#adb7c5;font-size:.72rem;font-weight:900}
.about-pillar-icon{width:48px;height:48px;border-radius:14px;background:#fbf0d5;display:grid;place-items:center;color:var(--ab-gold);font-size:1.35rem;font-weight:900;margin-bottom:22px}
.about-pillar h3{margin:0 0 7px;font-size:1.07rem}
.about-pillar p{margin:0;color:var(--ab-muted);font-size:.9rem;line-height:1.6}
.about-services{padding-top:80px}
.about-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.about-service{display:block;text-decoration:none;color:inherit;padding:25px;border:1px solid var(--ab-border);border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(11,27,52,.04);transition:.2s ease}
.about-service:hover{transform:translateY(-3px);border-color:#d9bd7b;box-shadow:0 16px 30px rgba(11,27,52,.08)}
.about-service>span{color:var(--ab-gold);font-weight:900;font-size:.78rem}
.about-service h3{margin:14px 0 7px;font-size:1.12rem}
.about-service p{margin:0 0 13px;color:var(--ab-muted);font-size:.9rem;line-height:1.6}
.about-service b{font-size:.82rem;color:#1c4b7e}
.about-process{margin-top:20px}
.about-process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.about-process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--ab-border)}
.about-process-steps>div{padding:22px 18px 0;border-right:1px solid var(--ab-border)}
.about-process-steps>div:first-child{padding-left:0}
.about-process-steps>div:last-child{padding-right:0;border-right:0}
.about-process-steps strong{color:var(--ab-gold);font-size:.84rem}
.about-process-steps h3{margin:14px 0 6px;font-size:1rem}
.about-process-steps p{margin:0;color:var(--ab-muted);font-size:.86rem;line-height:1.55}
.about-cta{padding-top:76px}
.about-cta-box{padding:42px 46px;border-radius:22px;background:#f8f1df;display:flex;align-items:center;justify-content:space-between;gap:35px}
.about-cta-box h2{max-width:720px;margin-bottom:10px}
.about-cta-box p{margin:0}
.about-disclaimer{padding:21px 0;background:#edf3f8;border-top:1px solid var(--ab-border);font-size:.78rem;line-height:1.55;color:#5e6b7d}
.about-disclaimer strong{color:#26374e}
@media(max-width:980px){
    .about-story-grid,.about-process-grid{grid-template-columns:1fr}
    .about-pillar-grid{grid-template-columns:1fr 1fr}
    .about-service-grid{grid-template-columns:1fr 1fr}
    .about-process-grid{gap:35px}
    .about-cta-box{align-items:flex-start;flex-direction:column}
}
@media(max-width:650px){
    .about-hero{min-height:600px;background:
      linear-gradient(180deg,rgba(8,24,47,.78) 0%,rgba(8,24,47,.94) 82%),
      url('/assets/images/hero/study-abroad.jpg') center/cover no-repeat}
    .about-hero-copy{padding:56px 0}
    .about-hero h1{font-size:clamp(2.45rem,12vw,3.45rem)}
    .about-hero p{font-size:.95rem}
    .about-story,.about-services,.about-cta{padding-top:62px}
    .about-story-card{padding:28px}
    .about-pillar-grid,.about-service-grid,.about-process-steps{grid-template-columns:1fr}
    .about-process-steps>div{border-right:0;border-bottom:1px solid var(--ab-border);padding:20px 0!important}
    .about-process-steps>div:last-child{border-bottom:0}
    .about-cta-box{padding:30px 24px}
}