/* About Us page – scoped redesign (loaded only from about.php) */
.about-page{padding-bottom:20px}
.about-page .ttl{font-size:40px}
.about-page .ttl.l{text-align:left}
.about-page .eye.l{text-align:left}
.about-page .bar.l{margin-left:0}

.ap-intro{margin-bottom:70px}
.ap-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:-10px 0 36px}
.ap-stat{background:#0b0b0b;color:#fff;padding:22px 20px;border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.ap-stat b{display:block;font-size:36px;font-weight:600;color:var(--a);line-height:1;margin-bottom:6px}
.ap-stat span{font-size:14px;opacity:.85;letter-spacing:.02em}

.ap-split{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.ap-copy p{margin-bottom:16px;font-size:17px;line-height:1.75;color:#333}
.ap-photo img{width:100%;height:420px;object-fit:cover;border:8px solid #fff;box-shadow:0 14px 40px rgba(0,0,0,.18)}

.ap-video{margin:80px 0}
.ap-yt{max-width:960px;margin:0 auto;border-radius:4px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.22);background:#000}
.ap-yt iframe{width:100%;aspect-ratio:16/9;display:block;border:0;background:#000}

.ap-services{margin:80px 0 40px}
.ap-lead{text-align:center;max-width:720px;margin:-20px auto 36px;font-size:17px;opacity:.85}
.ap-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ap-card{background:#fff;border:1px solid #e6e6e6;padding:28px 24px;box-shadow:0 8px 28px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease}
.ap-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.ap-ico{width:48px;height:48px;color:var(--a2);margin-bottom:14px}
.ap-ico svg{width:48px;height:48px}
.ap-card h3{font-size:20px;font-weight:600;margin-bottom:8px;line-height:1.25}
.ap-card p{font-size:15px;line-height:1.65;color:#444;margin:0}

.ap-gallery{margin:50px 0 70px}
.ap-ggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ap-ggrid img{width:100%;height:180px;object-fit:cover;box-shadow:0 6px 20px rgba(0,0,0,.14)}

.ap-why{margin:40px 0 70px}
.ap-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.ap-why-card{background:linear-gradient(180deg,#0f0f0f,#171717);color:#eee;padding:28px 26px;border-radius:4px;border-left:4px solid var(--a)}
.ap-why-card h3{font-size:22px;font-weight:600;margin-bottom:10px;color:#fff}
.ap-why-card p{font-size:15px;line-height:1.7;opacity:.9;margin:0}

.ap-cta{margin:30px 0 20px}
.ap-cta-inner{background:linear-gradient(135deg,#eef6ea,#f7faf8 55%,#e8f3e4);padding:42px 40px;box-shadow:0 10px 30px rgba(0,0,0,.08);border-radius:4px}
.ap-cta-inner p{max-width:720px;margin-bottom:18px;font-size:17px;line-height:1.7}
.ap-cta-actions{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 18px}
.ap-contact{font-size:14px;opacity:.8;margin:0}
.ap-contact a{color:var(--a2);text-decoration:underline}

@media(max-width:900px){
  .about-page .ttl{font-size:30px}
  .ap-stats{grid-template-columns:1fr;gap:12px}
  .ap-split,.ap-cards,.ap-why-grid,.ap-ggrid{grid-template-columns:1fr}
  .ap-photo img{height:260px}
  .ap-ggrid{grid-template-columns:1fr 1fr}
  .ap-ggrid img{height:140px}
  .ap-cta-inner{padding:28px 20px}
}
@media(min-width:901px) and (max-width:1100px){
  .ap-cards{grid-template-columns:repeat(2,1fr)}
}