/* =========================================================
   ABOUT PAGE
   ========================================================= */
.about-hero{position:relative;padding:105px 0;background:linear-gradient(90deg,rgba(3,21,47,.97),rgba(3,21,47,.55)),url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=2000&q=85") center/cover;color:#fff}
.about-hero h1{margin:18px 0 10px;max-width:760px;font-size:clamp(46px,5vw,72px);line-height:.95;letter-spacing:-.05em}
.about-hero p{max-width:700px;color:#c5d1dd;font-size:16px}
.about-breadcrumb{display:flex;gap:8px;color:#9eb1c5;font-size:14px}
.about-breadcrumb a:hover{color:#fff}
.about-content{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
.about-image img{width:100%;height:440px;object-fit:cover}
.about-copy h2{margin:8px 0 16px;font-size:clamp(35px,4vw,54px);line-height:1;letter-spacing:-.04em;color:var(--color-navy)}
.about-copy p{color:var(--color-muted);font-size:14px}
.about-points{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}
.about-point{padding:17px;border:1px solid var(--color-line)}
.about-point i{color:var(--color-gold);font-size:18px}
.about-point strong{display:block;margin-top:9px;color:var(--color-navy);font-size:14px}
.about-point span{display:block;margin-top:3px;color:var(--color-muted);font-size:14px}
.about-dark{background:var(--color-deep);color:#fff}
.about-dark h2{color:#fff}
.about-head{max-width:780px;margin-bottom:30px}
.about-head h2{margin:8px 0;font-size:clamp(35px,4vw,54px);line-height:1;letter-spacing:-.04em}
.about-head p{color:#9eb1c5;font-size:14px}
.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.about-principle{padding:25px;border:1px solid rgba(255,255,255,.1);background:#061f3e}
.about-principle i{color:var(--color-gold);font-size:21px}
.about-principle h3{margin:20px 0 7px;font-size:18px}
.about-principle p{margin:0;color:#9eb1c5;font-size:14px}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--color-line)}
.about-stat{padding:28px;border-right:1px solid var(--color-line)}
.about-stat:last-child{border-right:0}
.about-stat strong{display:block;color:var(--color-gold);font-size:28px}
.about-stat span{color:var(--color-muted);font-size:14px}
.about-services{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.about-service{padding:25px;border:1px solid var(--color-line)}
.about-service h3{margin:0 0 8px;color:var(--color-navy);font-size:18px}
.about-service p{margin:0;color:var(--color-muted);font-size:14px}
.about-cta{padding:65px 0;background:linear-gradient(110deg,var(--color-navy),#126b9f);color:#fff}
.about-cta h2{margin:8px 0;font-size:clamp(35px,4vw,54px);line-height:1}
.about-cta p{color:#d1ddea}
@media(max-width:800px){
    .about-content{grid-template-columns:1fr}
    .about-principles{grid-template-columns:1fr}
    .about-stats{grid-template-columns:1fr 1fr}
    .about-stat:nth-child(2){border-right:0}
}
@media(max-width:600px){
    .about-hero{padding:72px 0}
    .about-points,.about-services,.about-stats{grid-template-columns:1fr}
    .about-stat{border-right:0;border-bottom:1px solid var(--color-line)}
    .about-stat:last-child{border-bottom:0}
}