/* Inner pages (About, Services, Sectors, Clients, Contact). Builds on home.css tokens + components. */

.A .pg{padding:6.5rem 0}
.A .pg + .pg{padding-top:0}
.A .pg.tint{background:var(--paper-2);padding-top:6.5rem}
.A .lede{color:var(--ink-2);font-size:1.08rem;max-width:40rem;margin-top:1.1rem}
.A .hero.short .tag{margin-top:1.3rem;max-width:34rem;font-size:1.08rem;color:rgba(255,255,255,.85)}
.A .chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.45rem}
.A .chips li{padding:.4rem .85rem;border-radius:999px;background:#fff;border:1px solid var(--hair);font-size:.82rem;font-weight:600}

/* about: intro + fact cards */
.A .intro{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,5vw,5rem);align-items:start;margin-top:2.6rem}
.A .intro p{color:var(--ink-2);font-size:1.08rem}
.A .intro p + p{margin-top:1.2rem}
.A .intro p b{color:var(--ink);font-weight:600}
.A .facts{display:grid;gap:.8rem}
.A .facts div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.2rem;padding:1.2rem 1.4rem;border-radius:18px;background:#fff;border:1px solid var(--hair)}
.A .facts b{font-family:"Instrument Serif";font-weight:400;font-size:2.6rem;line-height:1;min-width:4.6ch;color:var(--terra)}
.A .facts span{font-weight:600}
.A .facts small{display:block;color:var(--mut);font-weight:400;font-size:.84rem}

/* three pillars */
.A .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.6rem}
.A .pillar{padding:1.8rem;border-radius:22px;background:var(--ink);color:#faf7f2}
.A .pillar i.ic{width:48px;height:48px;border-radius:14px;background:var(--terra);display:grid;place-items:center;font-size:1.3rem}
.A .pillar h3{font-family:"Instrument Serif";font-weight:400;font-size:2rem;line-height:1;margin-top:1.4rem}
.A .pillar p{color:#b9b1a6;margin-top:.6rem;font-size:.95rem}

/* journey timeline */
.A .tl{list-style:none;padding:0;margin:3rem 0 0;display:grid;grid-template-columns:repeat(6,1fr);position:relative}
.A .tl::before{content:"";position:absolute;left:0;right:0;top:11px;height:1px;background:var(--hair)}
.A .tl li{position:relative;padding:2.4rem 1.2rem 0 0}
.A .tl li::before{content:"";position:absolute;left:0;top:4px;width:15px;height:15px;border-radius:50%;background:var(--paper);border:2px solid var(--terra)}
.A .tl b{display:block;font-family:"Instrument Serif";font-weight:400;font-size:clamp(2.2rem,3.4vw,3.2rem);line-height:1}
.A .tl h3{font-size:1rem;margin-top:.6rem}
.A .tl p{color:var(--ink-2);font-size:.9rem;margin-top:.35rem}

/* leadership, full bios */
.A .bios{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem}
.A .bio{display:grid;grid-template-rows:auto 1fr;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--hair)}
.A .bio .top{display:grid;grid-template-columns:170px 1fr;gap:1.5rem;align-items:center;padding:1.3rem;background:var(--ink);color:#faf7f2}
.A .bio img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top;border-radius:14px}
.A .bio h3{font-family:"Instrument Serif";font-weight:400;font-size:2.2rem;line-height:1}
.A .bio .r{color:#ffb39f;font-weight:600;font-size:.9rem;margin-top:.45rem}
.A .bio .body{padding:1.6rem 1.6rem 1.8rem;display:flex;flex-direction:column;gap:1.4rem;justify-content:space-between}
.A .bio .body p{color:var(--ink-2)}
.A .bio .txt p + p{margin-top:.9rem}

/* footprint */
.A .fp{display:grid;grid-template-columns:.85fr 1.15fr;gap:1.2rem;margin-top:3rem}
.A .fp-main{padding:clamp(1.6rem,3vw,2.4rem);border-radius:24px;background:var(--ink);color:#faf7f2}
.A .fp-main h3{font-family:"Instrument Serif";font-weight:400;font-size:2.4rem;line-height:1}
.A .fp-main > p{color:#ffb39f;font-style:italic;margin-top:.5rem}
.A .fp-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:2rem 0}
.A .fp-nums div{padding:1rem;border-radius:16px;border:1px solid rgba(255,255,255,.14);text-align:center}
.A .fp-nums b{display:block;font-family:"Instrument Serif";font-weight:400;font-size:2.6rem;line-height:1;color:#ffb39f}
.A .fp-nums span{font-size:.84rem;color:#e7e0d6}
.A .fp-main h4{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:#8d857b;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.12)}
.A .fp-main ul{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;gap:.45rem}
.A .fp-main li{padding:.35rem .8rem;border-radius:999px;background:rgba(255,255,255,.08);font-size:.86rem}
.A .fp-regions{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.A .fp-regions div{padding:1.4rem;border-radius:20px;background:#fff;border:1px solid var(--hair)}
.A .fp-regions b{display:flex;align-items:center;gap:.6rem;font-size:1rem}
.A .fp-regions b::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--terra)}
.A .fp-regions p{color:var(--ink-2);font-size:.88rem;margin-top:.7rem}

/* services detail */
.A .sd{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding:3.5rem 0;border-top:1px solid var(--hair);scroll-margin-top:90px}
.A .sd:nth-of-type(even) .sd-ph{order:2}
.A .sd-ph{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:#efe6da}
.A .sd-ph img{width:100%;height:100%;object-fit:cover}
.A .sd-ph .big{position:absolute;inset:0;display:grid;place-items:center;font-family:"Instrument Serif";font-size:14rem;line-height:1;color:var(--terra);opacity:.22}
.A .sd .no{font-family:"Instrument Serif";font-size:1.2rem;color:var(--terra-2)}
.A .sd h2{font-size:clamp(2.2rem,3.6vw,3.2rem);line-height:1;margin-top:.5rem}
.A .sd p{color:var(--ink-2);font-size:1.05rem;margin-top:1rem;max-width:34rem}
.A .sd ul.ticks{list-style:none;padding:0;margin:1.4rem 0 1.8rem;display:grid;gap:.6rem}
.A .sd ul.ticks li{display:flex;gap:.7rem;align-items:center;font-weight:600}
.A .sd ul.ticks li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:var(--terra) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center/12px no-repeat}

/* recruitment process, 8 steps */
.A .steps{list-style:none;padding:0;margin:3rem 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.A .steps li{padding:1.5rem;border-radius:20px;background:#fff;border:1px solid var(--hair);display:grid;gap:.9rem;align-content:start}
.A .steps .n{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;letter-spacing:.16em;color:var(--mut)}
.A .steps .n b{font-family:"Instrument Serif";font-weight:400;font-size:1.8rem;letter-spacing:0;color:var(--terra)}
.A .steps i.ic{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--terra);display:grid;place-items:center;font-size:1.3rem;color:var(--ink)}
.A .steps h3{font-size:1.05rem}
.A .steps p{color:var(--mut);font-size:.88rem;font-style:italic}

/* sectors grid */
.A .sectors{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}
.A .sector{position:relative;display:flex;flex-direction:column;min-height:340px;border-radius:22px;overflow:hidden;color:#fff;isolation:isolate;scroll-margin-top:90px}
.A .sector img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.A .sector::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(15,12,9,.88),rgba(15,12,9,.15) 70%)}
.A .sector:hover img{transform:scale(1.06)}
.A .sector i.ic{margin:1.2rem;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);display:grid;place-items:center;font-size:1.2rem}
.A .sector .in{margin-top:auto;padding:1.3rem}
.A .sector h3{font-family:"Instrument Serif";font-weight:400;font-size:2rem;line-height:1}
.A .sector p{font-size:.88rem;color:rgba(255,255,255,.85);margin-top:.4rem}
.A .sector .roles{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.9rem}
.A .sector .roles span{padding:.25rem .6rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:.72rem;font-weight:600}

/* clients by sector */
.A .cgroups{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem}
.A .cgroup h3{padding:1rem 1.2rem;border-radius:16px;background:var(--ink);color:#faf7f2;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.A .cgroup:nth-child(even) h3{background:var(--blue)}
.A .cgroup ul{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.6rem}
.A .cgroup li{display:flex;align-items:center;gap:.8rem;padding:1rem 1.1rem;border-radius:14px;background:#fff;border:1px solid var(--hair);font-weight:600;font-size:1rem;line-height:1.2}
.A .cgroup li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--terra) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center/12px no-repeat}

/* closing CTA band */
.A .cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;padding:clamp(2rem,4vw,3.4rem);border-radius:28px;background:var(--ink);color:#faf7f2}
.A .cta h2{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1;max-width:18ch}
.A .cta h2 em{font-style:italic;color:#ffb39f}
.A .cta p{color:#b9b1a6;margin-top:.6rem}
.A .cta .acts{display:flex;gap:.6rem;flex-wrap:wrap}
.A .cta .btn-line{border:1px solid rgba(255,255,255,.3);color:#fff}
.A .cta .btn-line:hover{background:rgba(255,255,255,.1)}

/* contact page map */
.A .map{margin-top:2rem;border-radius:20px;overflow:hidden;border:1px solid var(--hair);aspect-ratio:16/10;background:var(--paper-2)}
.A .map iframe{width:100%;height:100%;border:0;display:block}

@media (max-width:1100px){
  .A .tl{grid-template-columns:repeat(3,1fr);row-gap:2rem}.A .tl::before{display:none}
  .A .sectors,.A .steps,.A .cgroups{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1020px){
  .A .intro,.A .bios,.A .fp,.A .sd,.A .pillars{grid-template-columns:1fr}
  .A .sd:nth-of-type(even) .sd-ph{order:0}
}
@media (max-width:560px){
  .A .tl,.A .sectors,.A .steps,.A .cgroups,.A .fp-regions{grid-template-columns:1fr}
  .A .bio .top{grid-template-columns:110px 1fr}
  .A .pg{padding:4.5rem 0}
}