/* ==========================================================
   ABOUT HERO BANNER  (/about/)
   ========================================================== */
.ld-about-hero{background:#f3f9fc;padding:24px 0 40px}
.ld-about-hero-card{position:relative;border-radius:32px;overflow:hidden;min-height:380px;display:flex;align-items:center;justify-content:center}
.ld-about-hero-bg{position:absolute;inset:0}
.ld-about-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,58,82,.55) 0%,rgba(6,58,82,.72) 100%)}
.ld-about-hero-content{position:relative;z-index:1;text-align:center;max-width:760px;padding:40px 32px}
.ld-about-hero-h1{font-family:"Quicksand",sans-serif;font-size:56px;line-height:1.1;font-weight:600;letter-spacing:-1px;color:#fff}
.ld-about-hero-crumb{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.75)}
.ld-about-hero-crumb a{color:rgba(255,255,255,.75)}
.ld-about-hero-crumb a:hover{color:#bbdbf2}
.ld-about-hero-desc{margin-top:24px;font-size:15px;line-height:1.7;color:rgba(255,255,255,.85)}

/* ==========================================================
   ABOUT
   ========================================================== */
.ld-about{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.ld-about-media{position:relative;border-radius:22px;overflow:hidden;height:520px}
.ld-about-badge{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,0.95);border-radius:100px;padding:8px 16px 8px 8px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px rgba(0,0,0,0.15)}
.ld-about-badge-icon{width:32px;height:32px;border-radius:50%;background:#f5a623;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ld-about-badge-text{font-size:12px;font-weight:600;color:#063a52}
.ld-about-eyebrow{font-size:11px;letter-spacing:2px;color:#0078ad;font-weight:700;margin-bottom:16px}
.ld-about-desc{margin-top:20px;font-size:15px;line-height:1.7;color:#66747a;max-width:460px}
.ld-about-actions{display:flex;align-items:center;gap:24px;margin-top:30px}
.ld-about-explore{background:#0078ad;color:#fff;padding:14px 26px;border:0;border-radius:100px;font-weight:700;font-size:14px;font-family:inherit}
.ld-about-explore:hover {color: #fff}
/* ==========================================================
   OUR PHILOSOPHY  (/about/)
   ========================================================== */
.ld-philosophy{background:#f3f9fc;padding:76px 0}
.ld-philosophy-inner{max-width:760px;margin:0 auto;text-align:center}
.ld-philosophy-eyebrow{font-size:11px;letter-spacing:2px;color:#0078ad;font-weight:700;margin-bottom:16px}
.ld-philosophy-desc{margin-top:20px;font-size:15px;line-height:1.7;color:#66747a}
.ld-philosophy-quote{margin-top:28px;font-family:"Quicksand",sans-serif;font-size:22px;font-weight:600;line-height:1.4;color:#063a52}

/* ==========================================================
   WHY CHOOSE US  (/about/)
   ========================================================== */
.ld-choose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:center}
.ld-choose-copy{min-width:0}
.ld-choose-eyebrow{font-size:11px;letter-spacing:2px;color:#0078ad;font-weight:700;margin-bottom:16px}
.ld-choose-quote{margin-top:22px;font-family:"Quicksand",sans-serif;font-size:19px;font-weight:600;line-height:1.5;color:#0078ad}
.ld-choose-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ld-choose-item{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #e4ebef;border-radius:14px;background:#f4f7f9;font-size:14px;font-weight:600;color:#063a52;line-height:1.4}
.ld-choose-check{width:24px;height:24px;border-radius:50%;background:#e7f4fc;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ==========================================================
   RESPONSIVE
   Additive only — mirrors the breakpoint stops in style.css.
   Stops: 900 / 620
   ========================================================== */

@media (max-width:900px){
  .ld-about-hero-card{min-height:340px}
  .ld-about-hero-h1{font-size:44px}
  .ld-about{grid-template-columns:minmax(0,1fr);gap:32px}
  .ld-about-media{height:420px}
  .ld-choose{grid-template-columns:minmax(0,1fr);gap:32px}
  .ld-philosophy{padding:56px 0}
}

@media (max-width:620px){
  .ld-about-hero-card{min-height:300px;border-radius:22px}
  .ld-about-hero-content{padding:32px 24px}
  .ld-about-hero-h1{font-size:32px}
  .ld-about-hero-crumb{font-size:11px}
  .ld-about-hero-desc{font-size:14px}
  .ld-about-media{height:340px}
  .ld-about-actions{flex-wrap:wrap;gap:16px}
  .ld-choose-list{grid-template-columns:minmax(0,1fr)}
  .ld-philosophy-quote{font-size:19px}
  .ld-choose-quote{font-size:17px}
}