/* ABOUT — page-specific styles */
/* ---- about page specific ---- */
.nav-links a.active{color:#fff;position:relative}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;
  border-radius:2px;background:var(--grad)}
.hero.about{padding:172px 0 96px}
.hero.about .hero-in{max-width:880px}
/* story */
.story{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:start}
.story h2{font-family:var(--display);font-weight:700;font-size:clamp(28px,3.8vw,44px);
  line-height:1.05;letter-spacing:-1px}
.story .lead-line{width:54px;height:4px;border-radius:3px;background:var(--grad);margin-top:22px}
.story .body p{font-size:17px;color:var(--ink-soft);margin-bottom:18px}
.story .body p:last-child{margin-bottom:0}
.story .body strong{color:var(--ink);font-weight:600}
.story .body .gr{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
/* values */
.values{background:var(--paper)}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.value{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;
  padding:26px 24px 24px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.value::before{content:"";position:absolute;left:0;top:0;height:3px;width:46px;background:var(--grad);
  border-radius:0 0 3px 0}
.value:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(46,60,120,.1)}
.value .vic{width:42px;height:42px;border-radius:12px;background:var(--grad-soft);display:grid;
  place-items:center;margin-bottom:16px}
.value .vic svg{width:21px;height:21px;stroke:var(--purple);fill:none;stroke-width:1.8}
.value h3{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.3px;margin-bottom:8px}
.value p{font-size:14.5px;color:var(--ink-soft)}
/* promise statement */
.promise{position:relative;background:var(--bg);color:#fff;overflow:hidden;isolation:isolate}
.promise .pr-aura{position:absolute;inset:0;z-index:-1;filter:blur(70px);opacity:.6}
.promise .pr-aura b{position:absolute;border-radius:50%;mix-blend-mode:screen}
.promise .pr-aura .p1{width:460px;height:460px;left:-120px;top:-160px;background:radial-gradient(circle,#2e8bf7,transparent 62%)}
.promise .pr-aura .p2{width:520px;height:520px;right:-160px;bottom:-220px;background:radial-gradient(circle,#c84df5,transparent 62%)}
.promise .wrap{text-align:center}
.promise .eyebrow{color:#c9b8ff}
.promise blockquote{font-family:var(--display);font-weight:500;font-size:clamp(24px,3.6vw,40px);
  line-height:1.25;letter-spacing:-.6px;max-width:900px;margin:18px auto 0}
.promise blockquote .gr{background:linear-gradient(110deg,#5fb0ff,#c084ff,#e06cff);
  -webkit-background-clip:text;background-clip:text;color:transparent}
/* pods / team */
.pods{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pod{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 22px;
  transition:transform .3s,box-shadow .3s,border-color .3s}
.pod:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(46,60,120,.12);border-color:transparent}
.pod .av{width:54px;height:54px;border-radius:15px;background:var(--grad);display:grid;place-items:center;
  color:#fff;font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.5px;margin-bottom:16px;
  box-shadow:0 10px 24px rgba(124,77,225,.3)}
.pod h3{font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:-.3px}
.pod .role{font-family:var(--mono);font-size:11.5px;color:var(--purple);text-transform:uppercase;
  letter-spacing:1.5px;margin:3px 0 11px}
.pod p{font-size:14px;color:var(--ink-soft)}
/* team / people */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.member{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 24px 26px;
  text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s}
.member:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(46,60,120,.13);border-color:transparent}
.m-photo{width:92px;height:92px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;
  color:#fff;font-family:var(--display);font-weight:700;font-size:27px;letter-spacing:.5px;
  background:var(--grad);box-shadow:0 12px 28px rgba(124,77,225,.32);position:relative}
.m-photo::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(139,92,246,.25)}
.m-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.m-name{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.3px}
.m-role{font-family:var(--mono);font-size:11px;color:var(--purple);text-transform:uppercase;
  letter-spacing:1.5px;margin:4px 0 12px}
.m-bio{font-size:13.5px;color:var(--ink-soft);margin-bottom:16px}
.m-social{display:flex;justify-content:center;gap:8px}
.m-social a{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);display:grid;
  place-items:center;color:var(--ink-mute);transition:.25s}
.m-social a:hover{color:#fff;border-color:transparent;background:var(--grad)}
.m-social svg{width:16px;height:16px;fill:currentColor}
/* for-agencies callout */
.ab-partner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
  background:linear-gradient(150deg,#fff,#f1effe);border:1px solid #e6e0fb;border-radius:22px;padding:32px 36px;
  position:relative;overflow:hidden}
.ab-partner::after{content:"";position:absolute;width:320px;height:320px;right:-120px;top:-130px;
  background:radial-gradient(circle,rgba(200,77,245,.14),transparent 65%);pointer-events:none}
.ab-partner .apt{max-width:640px;position:relative}
.ab-partner .eyebrow{display:block;margin-bottom:9px}
.ab-partner h3{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.4px;margin-bottom:9px}
.ab-partner p{font-size:15px;color:var(--ink-soft)}
.ab-partner .btn{position:relative;flex:0 0 auto}
@media (max-width:768px){
  .story{grid-template-columns:1fr;gap:26px}
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .pods{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
  .values-grid{grid-template-columns:1fr}
  .pods{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr}
  .hero.about{padding:128px 0 70px}
}