/* ── ABOUT HERO ── */
.about-hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:var(--hero-bg);padding:112px 0 96px}
.about-hero-bg{position:absolute;inset:0;z-index:2;background:linear-gradient(105deg,rgba(12,15,20,.97) 0%,rgba(12,15,20,.88) 45%,rgba(12,15,20,.55) 70%,rgba(12,15,20,.30) 100%),url("https://boltrack.in/wp-content/uploads/2018/03/about-us-background-1.jpg") center/cover no-repeat}
.about-hero-image-wrap{position:absolute;right:4%;bottom:0;width:42%;height:95%;overflow:visible;z-index:3;display:flex;align-items:flex-end;justify-content:center}
.about-hero-img{width:auto;height:100%;max-height:90vh;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 0 60px rgba(200,136,10,.18))}
.about-hero-content{position:relative;z-index:10;padding:0 56px;max-width:680px}

/* ── SPACING TOKENS ── */
/* section-label → title: 14px (via section-label margin-bottom in head.php)  */
/* title → body/intro: 24px                                                    */
/* between paragraphs: 20px                                                    */
/* section header block → grid/content: 64px                                  */
/* section vertical padding: 120px 56px                                        */

/* ── WHO ARE WE ── */
.about-who-section{padding:96px 56px;background:var(--bg)}
.about-who-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.about-who-visual{position:relative}
.about-who-img-wrap{width:100%;aspect-ratio:4/3;overflow:visible;background:var(--surface-2);display:flex;align-items:flex-end;justify-content:center}
.about-who-img{width:100%;height:100%;object-position:bottom center;padding:0}
.about-who-badge{position:absolute;top:36px;right:-28px;background:var(--amber);color:#fff;padding:18px 26px;display:flex;flex-direction:column;align-items:center}
.about-badge-num{font-family:var(--fd);font-size:42px;line-height:1;color:#fff}
.about-badge-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-top:4px;font-weight:600}
.about-who-tag{position:absolute;bottom:-18px;right:-18px;background:var(--ink);color:#8d96a4;font-size:12px;font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;padding:14px 22px;border-left:3px solid var(--amber)}
.about-who-content .section-title{margin-bottom:24px}
.about-who-body{font-size:17px;font-weight:400;color:var(--muted);line-height:1.82;max-width:38rem}
.about-who-body+.about-who-body{margin-top:20px}
.about-quote-inline{border-left:3px solid var(--amber);padding:20px 24px;background:var(--amber-bg);margin:36px 0;display:flex;gap:14px;align-items:flex-start}
.about-quote-mark{font-family:var(--fd);font-size:64px;color:var(--amber);line-height:.7;flex-shrink:0}
.about-quote-inline p{font-family:var(--fd);font-size:26px;letter-spacing:.08em;color:var(--ink);line-height:1.2}
.about-stats-row{display:flex;gap:0;margin-top:36px;border:1px solid var(--border-mid)}
.about-stat{flex:1;padding:24px 20px;text-align:center;border-right:1px solid var(--border-mid)}
.about-stat:last-child{border-right:none}
.about-stat-num{font-family:var(--fd);font-size:36px;color:var(--amber);line-height:1}
.about-stat-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-family:var(--fm)}

/* ── QUALITY / STANDARDS ── */
.about-quality-section{padding:96px 56px;background:var(--ink);position:relative;overflow:hidden}
.about-quality-section::before{content:'QUALITY';position:absolute;right:-80px;top:50%;transform:translateY(-50%) rotate(90deg);font-family:var(--fd);font-size:200px;color:rgba(200,136,10,.04);pointer-events:none;white-space:nowrap}
.about-quality-header{max-width:680px;margin-bottom:48px}
.about-quality-header .section-title{margin-bottom:24px}
.about-quality-intro{font-size:17px;font-weight:400;color:#9ba4b2;line-height:1.8;max-width:40rem}
.about-quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;background:rgba(255,255,255,.06)}
.about-qual-card{background:var(--ink);padding:44px;border:1px solid rgba(255,255,255,.06);border-left:3px solid transparent;transition:border-left-color .3s,background .3s}
.about-qual-card:hover{border-left-color:var(--amber-light);background:rgba(255,255,255,.04)}
.about-qual-icon{width:52px;height:52px;background:rgba(200,136,10,.1);border:1px solid rgba(200,136,10,.25);display:grid;place-items:center;margin-bottom:24px}
.about-qual-icon svg{width:24px;height:24px;stroke:var(--amber-light)}
.about-qual-title{font-size:18px;font-weight:600;color:#e8ecf2;margin-bottom:12px}
.about-qual-text{font-size:15px;font-weight:400;color:#9ba4b2;line-height:1.74}

/* ── SECTION TITLE FLEX ── */
.about-who-section .section-title{display:flex;gap:10px}

/* ── CLIENT LOGOS ── */
.about-clients-section{padding:92px 56px;background:var(--bg-alt)}
.about-clients-header{max-width:680px;margin-bottom:48px}
.about-clients-header .section-title{margin-bottom:24px}
.about-clients-intro{font-size:17px;font-weight:400;color:var(--muted);line-height:1.78;max-width:38rem}
.clients-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;background:var(--border-mid)}
.client-logo-item{background:var(--surface);display:flex;align-items:center;justify-content:center;padding:16px 14px;aspect-ratio:2/1;transition:background .25s}
.client-logo-item:hover{background:var(--amber-bg)}
.client-logo-item img{max-width:90%;max-height:80px;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:filter .3s,opacity .3s}
.client-logo-item:hover img{filter:grayscale(0%);opacity:1}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .about-hero{padding:104px 0 88px}
  .about-hero-content{padding:0 28px}
  .about-hero-image-wrap{width:46%;opacity:.7}
  .about-who-section,.about-quality-section,.about-clients-section{padding:90px 28px}
  .about-who-inner{grid-template-columns:1fr;gap:56px}
  .about-who-badge{left:0}
  .about-who-tag{right:0}
  .about-quality-grid{grid-template-columns:1fr}
  .clients-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .about-hero{min-height:auto;padding:104px 0 72px}
  .about-hero-image-wrap{opacity:.15;width:100%}
  .clients-grid{grid-template-columns:repeat(2,1fr)}
  .about-stats-row{flex-direction:column}
  .about-stat{border-right:none;border-bottom:1px solid var(--border-mid)}
  .about-stat:last-child{border-bottom:none}
}