/* ABAS New Gurgaon - Team page. Self-contained (no dependency on purged utility classes). v2 */
:root{--t-royal:#051f49;--t-royal-2:#0a2f6b;--t-gold:#c98b19;--t-gold-2:#f2c66d;--t-gold-ink:#8a5a06;--t-ivory:#fffaf0;--t-slate:#52607a;--t-photo:#d6e2f3}

/* ---------- section scaffolding ---------- */
.tsec{position:relative;padding:5.5rem 0;background:var(--t-ivory);overflow:hidden}
.tsec--alt{background:#fff}
.tsec::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(60rem 28rem at 8% -6%,rgba(242,198,109,.22),transparent 60%),
  radial-gradient(48rem 24rem at 100% 100%,rgba(5,31,73,.06),transparent 62%)}
.tsec--alt::before{background:
  radial-gradient(56rem 26rem at 100% -8%,rgba(242,198,109,.20),transparent 60%),
  radial-gradient(44rem 22rem at 0% 100%,rgba(5,31,73,.05),transparent 62%)}
.tsec>.container-wide{position:relative}
.tsec__head{max-width:46rem;margin:0 auto 3.25rem;text-align:center}
.tsec__eyebrow{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--t-gold-ink)}
.tsec__title{margin:.65rem 0 0;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;color:var(--t-royal);letter-spacing:-.01em}
.tsec__hi{margin:.55rem 0 0;font-family:'Noto Serif Devanagari','Playfair Display',Georgia,serif;font-weight:600;font-size:1.2rem;color:var(--t-gold-ink)}
.tsec__lede{margin:1rem auto 0;max-width:38rem;font-size:1rem;line-height:1.85;color:var(--t-slate)}
.tsec__orn{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:1.4rem}
.tsec__orn::before,.tsec__orn::after{content:"";height:1px;width:5.5rem;background:linear-gradient(90deg,transparent,var(--t-gold))}
.tsec__orn::after{transform:scaleX(-1)}
.tsec__orn i{width:.55rem;height:.55rem;transform:rotate(45deg);background:var(--t-gold);box-shadow:0 0 0 4px rgba(201,139,25,.16)}

/* ---------- intro / jump nav ---------- */
.tintro{padding:4.5rem 0 1rem;background:var(--t-ivory);text-align:center}
.tintro .tsec__head{margin-bottom:0}
.tjump{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin:2rem auto 0;max-width:52rem}
.tjump a{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.55rem 1.25rem;border-radius:9999px;background:#fff;border:1px solid rgba(201,139,25,.4);color:var(--t-royal);font-size:.84rem;font-weight:600;text-decoration:none;box-shadow:0 6px 18px rgba(5,31,73,.06);transition:transform .25s,background-color .25s,color .25s,box-shadow .25s}
.tjump a b{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;border-radius:9999px;background:var(--t-royal);color:var(--t-gold-2);font-size:.72rem;font-weight:700}
.tjump a:hover,.tjump a:focus-visible{transform:translateY(-2px);background:var(--t-royal);color:var(--t-gold-2);box-shadow:0 12px 26px rgba(5,31,73,.2)}
.tjump a:hover b,.tjump a:focus-visible b{background:var(--t-gold-2);color:var(--t-royal)}

/* ---------- sub-group heading ---------- */
.tgroup{display:flex;align-items:center;gap:1.1rem;margin:0 auto 1.75rem;max-width:62rem}
.tgroup::before,.tgroup::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(201,139,25,.55))}
.tgroup::after{transform:scaleX(-1)}
.tgroup h3{margin:0;text-align:center;font-family:'Noto Serif Devanagari','Playfair Display',Georgia,serif;font-weight:700;font-size:1.15rem;color:var(--t-royal)}
.tgroup h3 small{display:block;margin-top:.2rem;font-family:'Poppins',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--t-gold-ink)}
.tgroup--space{margin-top:3.5rem}

/* ---------- grid ---------- */
.tgrid{--gap:1.5rem;--cols:2;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}
@media(min-width:720px){.tgrid{--cols:3}}
@media(min-width:1100px){.tgrid{--cols:var(--cols-lg,4);--gap:1.6rem}}
.tgrid--5{--cols-lg:5}
.tgrid--3{--cols-lg:3}
.tgrid--3 .tc{max-width:19rem}

/* ---------- card ---------- */
.tc{width:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0;position:relative;display:flex;flex-direction:column;border-radius:18px;padding:7px;background:#fff;border:1px solid rgba(5,31,73,.08);box-shadow:0 2px 4px rgba(5,31,73,.04),0 18px 40px -12px rgba(5,31,73,.18);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s cubic-bezier(.2,.7,.2,1)}
.tc:hover{transform:translateY(-6px);box-shadow:0 4px 8px rgba(5,31,73,.05),0 30px 60px -14px rgba(5,31,73,.28)}
.tc--lead{padding:2px;background:linear-gradient(135deg,var(--t-gold-2),var(--t-gold) 48%,var(--t-gold-2));border:0;box-shadow:0 2px 4px rgba(201,139,25,.1),0 22px 48px -12px rgba(201,139,25,.42)}
.tc--lead .tc__in{background:#fff;border-radius:16px;padding:5px;height:100%;display:flex;flex-direction:column}
.tc__in{display:flex;flex-direction:column;height:100%}
.tc__frame{position:relative;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--t-photo)}
.tc__frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.tc:hover .tc__frame img{transform:scale(1.045)}
.tc__frame::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(5,31,73,.07);pointer-events:none}
.tc__star{position:absolute;top:.6rem;right:.6rem;width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:9999px;background:var(--t-royal);color:var(--t-gold-2);font-size:.85rem;box-shadow:0 6px 14px rgba(5,31,73,.3)}
.tc__plate{position:relative;margin:-1.7rem .55rem 0;padding:.95rem .7rem 1.05rem;text-align:center;background:#fff;border-radius:12px;border-top:3px solid var(--t-gold);box-shadow:0 14px 26px -14px rgba(5,31,73,.35);flex:1;display:flex;flex-direction:column;align-items:center}
.tc__name{margin:0;font-family:'Noto Serif Devanagari','Playfair Display',Georgia,serif;font-weight:700;font-size:1.08rem;line-height:1.45;color:var(--t-royal)}
.tc__en{margin:.15rem 0 0;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t-slate)}
.tc__rule{display:block;width:1.7rem;height:2px;margin:.7rem auto .6rem;border-radius:2px;background:linear-gradient(90deg,var(--t-gold),var(--t-gold-2))}
.tc__role{margin:0;font-family:'Noto Sans Devanagari','Poppins',sans-serif;font-weight:700;font-size:.86rem;line-height:1.45;color:var(--t-gold-ink)}
.tc__role-en{margin:.2rem 0 0;font-size:.72rem;line-height:1.45;color:var(--t-slate)}
.tc__extra{margin:.5rem 0 0;font-size:.68rem;font-weight:600;color:var(--t-royal-2);padding:.18rem .55rem;border-radius:9999px;background:rgba(5,31,73,.06)}

@media(max-width:560px){
  .tsec{padding:3.75rem 0}.tsec__head{margin-bottom:2.25rem}
  .tgrid{--gap:.8rem}
  .tc{border-radius:14px;padding:5px}.tc--lead{padding:2px}
  .tc__plate{margin:-1.3rem .35rem 0;padding:.7rem .4rem .85rem}
  .tc__name{font-size:.92rem}.tc__en{font-size:.6rem;letter-spacing:.08em}.tc__role{font-size:.74rem}.tc__role-en{font-size:.64rem}
  .tc__star{width:1.55rem;height:1.55rem;font-size:.7rem}
  .tgroup h3{font-size:1rem}
}

/* ---------- progressive scroll reveal (no hidden content if unsupported) ---------- */
@supports (animation-timeline:view()){
  .tc{animation:t-rise linear both;animation-timeline:view();animation-range:entry 2% entry 38%}
  @keyframes t-rise{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}
}
@media(prefers-reduced-motion:reduce){.tc,.tc__frame img,.tjump a{transition:none;animation:none}.tc:hover{transform:none}}