/* Verapath marketing — About page styles (V8 About inline <style>) (design_handoff_v8). */
/* ---- About-specific (light) ---- */
.B.pg-about .statement{padding:120px 0;border-block:1px solid var(--line)}
.B.pg-about .statement .big{font-family:var(--serif);font-size:var(--t-h2);color:var(--forest);line-height:1.1;max-width:24ch;letter-spacing:-.01em}
.B.pg-about .statement .big em{font-style:italic;color:var(--green)}

/* paths trio */
.B.pg-about .paths{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:54px;border:1px solid var(--line);
  border-radius:var(--radius-lg);overflow:hidden;background:var(--line)}
@media(max-width:860px){.B.pg-about .paths{grid-template-columns:1fr}}
.B.pg-about .path{background:#ffffff;padding:38px 34px;position:relative;overflow:hidden;transition:background .5s var(--ease)}
.B.pg-about .path:hover{background:var(--mint-2)}
.B.pg-about .path .k{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);font-weight:650}
.B.pg-about .path h3{font-family:var(--serif);font-size:2.1rem;color:var(--green);margin:.6rem 0 .6rem}
.B.pg-about .path p{color:color-mix(in srgb,var(--ink) 70%,transparent);font-size:.98rem}
.B.pg-about .path .mkbg{position:absolute;right:-28px;bottom:-34px;width:130px;color:rgba(34,48,41,.045);transition:color .5s,transform .6s var(--ease)}
.B.pg-about .path:hover .mkbg{color:color-mix(in srgb,var(--green) 16%,transparent);transform:translateY(-6px)}
.B.pg-about .path .mkbg svg{width:100%;height:auto}

/* team / origin split */
.B.pg-about .origin{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
@media(max-width:920px){.B.pg-about .origin{grid-template-columns:1fr}}
.B.pg-about .origin .ph{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3.4;border:1px solid var(--line)}
.B.pg-about .origin .ph img{width:100%;height:100%;object-fit:cover}
.B.pg-about .origin .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(20deg,rgba(15,22,18,.7) 4%,transparent 52%)}
.B.pg-about .origin .ph .chip{position:absolute;left:18px;bottom:18px;z-index:2;display:flex;align-items:center;gap:12px;
  background:color-mix(in srgb,#0f1612 78%,transparent);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:13px 16px}
.B.pg-about .origin .ph .chip .ic{width:36px;height:36px;border-radius:9px;background:var(--lime);color:var(--forest);display:grid;place-items:center;font-weight:650}
.B.pg-about .origin .ph .chip b{font-weight:650;font-size:.92rem;color:#fff}
.B.pg-about .origin .ph .chip small{display:block;color:rgba(255,255,255,.7);font-size:.78rem}
.B.pg-about .origin .bd p{color:color-mix(in srgb,var(--ink) 72%,transparent);font-size:var(--t-lead);margin-top:1rem}
.B.pg-about .origin .bd p b{color:var(--forest);font-weight:650}

/* mission band */
.B.pg-about .mission{text-align:center;padding:130px 0;position:relative;overflow:hidden}
.B.pg-about .mission .halo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:680px;height:680px;border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb,var(--lime) 22%,transparent), transparent 62%);filter:blur(8px)}
.B.pg-about .mission .shell{position:relative}
.B.pg-about .mission h2{font-family:var(--serif);font-size:var(--t-h1);color:var(--forest);max-width:21ch;margin:0 auto;line-height:1.04}
.B.pg-about .mission h2 em{font-style:italic;color:var(--green)}
.B.pg-about .mission p{color:color-mix(in srgb,var(--ink) 70%,transparent);margin:1.3rem auto 0;max-width:52ch;font-size:var(--t-lead)}

/* ---- Principles & Architecture (interactive diptych) ---- */
.B.pg-about section.pa{position:relative;padding:200px 0 8px}
.B.pg-about .pa-stage{position:relative;margin-top:46px;border-radius:30px;background:rgba(255,255,255,.6);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.72);box-shadow:0 46px 104px -56px rgba(34,48,41,.5);padding:44px;
  display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;gap:0}
@media(max-width:900px){.B.pg-about .pa-stage{grid-template-columns:1fr;padding:26px;gap:6px}}
.B.pg-about .pa-col{display:flex;flex-direction:column;gap:14px;position:relative;z-index:2}
.B.pg-about .pa-colhead{font-family:var(--sans);margin-bottom:6px}
.B.pg-about .pa-colhead .k{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:650;color:var(--green)}
.B.pg-about .pa-colhead .t{display:block;font-family:var(--serif);font-size:1.5rem;color:var(--forest);margin-top:3px}
.B.pg-about .pa-col.bld{text-align:right}
@media(max-width:900px){.B.pg-about .pa-col.bld{text-align:left;margin-top:14px}}
.B.pg-about .pa-item{display:flex;gap:15px;align-items:center;padding:16px 18px;border-radius:16px;
  background:rgba(255,255,255,.46);border:1px solid rgba(34,48,41,.06);transition:opacity .45s var(--ease),transform .45s var(--ease),background .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease);cursor:default}
.B.pg-about .pa-col.bld .pa-item{flex-direction:row-reverse}
@media(max-width:900px){.B.pg-about .pa-col.bld .pa-item{flex-direction:row}}
.B.pg-about .pa-item .n{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--serif);font-size:.95rem;
  background:var(--mint);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 26%,transparent);transition:all .45s var(--ease)}
.B.pg-about .pa-item .tx{font-family:var(--serif);font-size:1.12rem;color:var(--forest);line-height:1.18}
.B.pg-about .pa-item.dim{opacity:.34}
.B.pg-about .pa-item.on{background:#fff;border-color:color-mix(in srgb,var(--green) 48%,transparent);transform:scale(1.02);box-shadow:0 20px 46px -34px rgba(34,48,41,.5)}
.B.pg-about .pa-item.on .n{background:var(--green);color:#fff;box-shadow:0 0 22px -4px color-mix(in srgb,var(--green) 60%,transparent)}
.B.pg-about .pa-core{position:relative;z-index:3;justify-self:center;width:128px;height:128px;border-radius:50%;
  background:radial-gradient(120% 120% at 32% 22%,#fff,#eef4ec);border:1px solid color-mix(in srgb,var(--green) 28%,transparent);
  display:grid;place-items:center;box-shadow:0 26px 64px -38px rgba(34,48,41,.55)}
.B.pg-about .pa-core .ring{position:absolute;inset:-11px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--green) 32%,transparent);animation:paspin 44s linear infinite}
.B.pg-about .pa-core .mk{width:66px;height:42px;color:var(--green)}
.B.pg-about .pa-core .mk svg{width:100%;height:100%}
.B.pg-about .pa-core.pulse{animation:papulse 1s var(--ease)}
@keyframes paspin{to{transform:rotate(360deg)}}
@keyframes papulse{0%{box-shadow:0 26px 64px -38px rgba(34,48,41,.55)}40%{box-shadow:0 0 70px -6px color-mix(in srgb,var(--green) 55%,transparent)}100%{box-shadow:0 26px 64px -38px rgba(34,48,41,.55)}}
@media(max-width:900px){.B.pg-about .pa-core{display:none}}
.B.pg-about .pa-wires{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}
.B.pg-about .pa-wire{fill:none;stroke:color-mix(in srgb,var(--green) 75%,transparent);stroke-width:2;stroke-dasharray:5 8;animation:paflow 1s linear infinite}
@media(max-width:900px){.B.pg-about .pa-wires{display:none}}
@keyframes paflow{to{stroke-dashoffset:-26}}
@media (prefers-reduced-motion:reduce){.B.pg-about .pa-core .ring,.B.pg-about .pa-wire{animation:none}.B.pg-about .pa-item{opacity:1!important}}

/* ===== v6 team ===== */
.B.pg-about .team{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}
@media(max-width:900px){.B.pg-about .team{grid-template-columns:1fr}}
.B.pg-about .tm{border-radius:22px;padding:32px;background:rgba(255,255,255,.72);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 60px -44px rgba(34,48,41,.45);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.B.pg-about .tm:hover{transform:translateY(-5px);box-shadow:0 34px 76px -46px rgba(34,48,41,.5)}
.B.pg-about .tm .init{width:64px;height:64px;border-radius:50%;background:var(--forest);color:var(--lime);display:grid;place-items:center;font-family:var(--serif);font-size:1.4rem;margin-bottom:18px}
.B.pg-about .tm h3{font-family:var(--serif);font-size:1.5rem;color:var(--forest);line-height:1.1}
.B.pg-about .tm .role{color:var(--green);font-weight:650;font-size:.85rem;margin-top:.3rem;letter-spacing:.03em}
.B.pg-about .tm .loc{color:var(--mute);font-size:.8rem;margin-top:.15rem}
.B.pg-about .tm p{color:color-mix(in srgb,var(--ink) 72%,transparent);font-size:.95rem;margin-top:.9rem;line-height:1.55}
.B.pg-about .tm .tmli{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.1rem;color:var(--mute);font-weight:650;font-size:.82rem;transition:color .3s var(--ease)}
.B.pg-about .tm .tmli svg{color:#0a66c2;transition:transform .3s var(--ease)}
.B.pg-about .tm .tmli:hover{color:var(--green)}
.B.pg-about .tm .tmli:hover svg{transform:translateY(-1px)}