/* About page */

.about-hero{padding:76px 0 60px;max-width:820px;}

.why-grid{padding:56px 0;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.why-grid p{font-size:1.03rem;color:var(--muted);}

.quotebox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 30px;
  box-shadow:0 18px 46px -20px rgba(40,5,148,.16);position:relative;}
.quotebox::before{content:'\201C';position:absolute;top:2px;left:20px;font-family:'Playfair Display',serif;
  font-size:5rem;color:var(--tint);line-height:1;}
.quotebox p{position:relative;font-family:'Playfair Display',serif;font-weight:700;
  font-size:1.24rem;line-height:1.5;color:var(--ink);margin-bottom:16px;}
.quotebox .who{font-size:.88rem;color:var(--muted);}
.quotebox .who b{color:var(--primary-dark);font-weight:600;display:block;font-size:.95rem;}

.bgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:14px;margin-top:30px;}
.bcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;
  position:relative;overflow:hidden;transition:transform .38s var(--ease),box-shadow .38s,border-color .38s;}
.bcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);
  transform:scaleY(0);transform-origin:bottom;transition:transform .4s var(--ease-sweep);}
.bcard:hover{transform:translateY(-5px);box-shadow:0 18px 40px -16px rgba(40,5,148,.22);border-color:#D3DAF2;}
.bcard:hover::before{transform:scaleY(1);transform-origin:top;}
.bcard .n{font-family:'Playfair Display',serif;font-weight:800;font-size:1.6rem;color:var(--tint);
  line-height:1;margin-bottom:10px;transition:color .38s;}
.bcard:hover .n{color:var(--primary-light);}
.bcard p{font-size:.94rem;color:var(--muted);}

.band{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:20px;
  padding:44px 40px;margin:56px 0;color:#fff;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;}
.band .v{font-family:'Playfair Display',serif;font-weight:800;font-size:2.6rem;line-height:1;margin-bottom:6px;}
.band .k{font-size:.9rem;opacity:.86;}

.teamshot{position:relative;margin:38px 0 6px;text-align:center;}
.teamshot img{max-width:100%;height:auto;margin:0 auto;
  filter:drop-shadow(0 26px 34px rgba(40,5,148,.16));}
.teamshot .ground{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);
  width:60%;height:24px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(40,5,148,.14),transparent 72%);}
.caption-names{text-align:center;font-size:.9rem;color:var(--muted);margin-bottom:8px;}
.caption-names b{color:var(--primary-dark);font-weight:600;}

.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:32px;}
.tcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 24px 26px;
  transition:transform .4s var(--ease),box-shadow .4s;}
.tcard:hover{transform:translateY(-6px);box-shadow:0 22px 50px -20px rgba(40,5,148,.25);}
.tcard .nm{font-family:'Playfair Display',serif;font-weight:800;font-size:1.3rem;}
.tcard .ro{font-size:.83rem;font-weight:600;color:var(--primary);letter-spacing:.04em;
  text-transform:uppercase;margin:3px 0 10px;}
.tcard p{font-size:.92rem;color:var(--muted);}

.legacy{margin-top:44px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 32px;}
.legacy .lt{font-family:'Playfair Display',serif;font-weight:800;font-size:1.2rem;margin-bottom:4px;}
.legacy .ls{font-size:.94rem;color:var(--muted);margin-bottom:20px;}
.lgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:11px;}
.lchip{border:1px solid var(--line);border-radius:12px;padding:15px 16px;background:#FCFCFE;
  transition:transform .35s var(--ease),box-shadow .35s,border-color .35s;}
.lchip:hover{transform:translateY(-4px);box-shadow:0 14px 32px -14px rgba(40,5,148,.2);border-color:#D3DAF2;}
.lchip .b{font-weight:600;font-size:.95rem;color:var(--primary-dark);}
.lchip .s{font-size:.83rem;color:var(--muted);margin-top:3px;}

.about-cta{text-align:center;padding:60px 0 90px;}
.about-cta h2{max-width:640px;margin:0 auto 14px;}
.about-cta p{color:var(--muted);margin-bottom:26px;font-size:1.05rem;}

@media(max-width:900px){
  .why-grid{grid-template-columns:1fr;gap:34px;}
}