/* P22 Our Team — team photo */
.page-tm main>section{overflow-x:clip}
.mono{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--p3)}
.crumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:14px;color:var(--mut);margin-bottom:22px}
.crumbs a:hover{color:var(--p3)}.crumbs b{color:var(--p3);font-weight:600}

/* hero */
.tm-hero{position:relative;padding:60px 0 0;background:radial-gradient(900px 480px at 50% 100%,#e9ddff,transparent 70%),linear-gradient(180deg,#fff,var(--lav2));overflow:hidden;text-align:center}
.tm-hin{display:flex;flex-direction:column;align-items:center}
.tm-hero .eb{justify-content:center}
.tm-h1{font-size:clamp(34px,4.4vw,62px);margin:14px 0 18px}
.tm-h1 .ln{justify-content:center}
.yp{position:relative;display:inline-block;color:var(--p)}
.yp:after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.1em;border-radius:3px;background:linear-gradient(90deg,var(--p),var(--p2));transform:scaleX(0);transform-origin:left;animation:ypLine .7s var(--ease) 1.1s forwards}
@keyframes ypLine{to{transform:scaleX(1)}}
.tm-hero .lead{max-width:640px;margin:0 auto}
.tm-hero .acts{justify-content:center}
.tm-stage{position:relative;max-width:1000px;margin:34px auto 0;padding:0 20px}
.tm-eagles{position:relative;display:block;width:100%;height:auto;max-width:900px;margin:0 auto}
.flash{position:absolute;inset:0;z-index:3;background:#fff;opacity:0;pointer-events:none;animation:flashOn .9s ease-out 1s}
@keyframes flashOn{0%{opacity:0}12%{opacity:.85}100%{opacity:0}}
.tag3{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:9px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 36px rgba(80,60,140,.16);font-size:12.5px;color:var(--mut);text-align:left;opacity:0;animation:fadeUp .55s var(--ease) forwards}
.tag3 b{font-size:15px;color:var(--ink)}
.tag3:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--p);top:-5px;left:18px;box-shadow:0 0 0 4px rgba(127,66,244,.18)}
.t-l{left:2%;top:28%;animation-delay:1.5s}
.t-c{left:50%;top:-2%;transform:translateX(-50%);animation-name:tagC;animation-delay:1.7s}
.t-r{right:1%;top:22%;animation-delay:1.9s}
@keyframes tagC{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}

/* leadership */
.ld-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:30px}
.pcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pcard2{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:26px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);transition:transform .35s var(--ease),box-shadow .35s}
.pcard2:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(80,50,160,.16)}
.av{position:relative;width:104px;height:104px}
.av svg{width:100%;height:100%;transform:rotate(-90deg)}
.av-bg{fill:var(--lav);stroke:#ece5fb;stroke-width:6}
.av-ring{fill:none;stroke:var(--p);stroke-width:6;stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:339.3;transition:stroke-dashoffset 1.6s var(--ease) .4s}
.pcard2.vis .av-ring{stroke-dashoffset:calc(339.3 - 339.3 * var(--pr))}
.av-in{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;font-weight:800;color:var(--p3);letter-spacing:-.02em}
.hs{margin-top:8px;font:600 10px "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.05em;color:#a39fb5}
.pcard2 h3{font-size:22px;margin:16px 0 2px}
.role{margin:0;color:var(--p);font-weight:700}
.yrs{display:flex;align-items:center;gap:12px;margin:18px 0 6px;padding:10px 14px;border-radius:14px;background:var(--lav2);width:100%}
.yrs b{font-size:38px;line-height:1;font-weight:800;color:var(--ink);min-width:1.4em}
.yrs span{font-size:12.5px;color:var(--mut);line-height:1.3}
.bio{color:var(--mut);font-size:15px;margin:10px 0}
.resp{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.resp li{padding:5px 10px;border-radius:9px;background:var(--lav);color:var(--p3);font-size:12.5px;font-weight:700}
.lnk{margin-top:auto;display:inline-flex;gap:6px;align-items:center;font-weight:700;color:var(--p3);font-size:14.5px}
.lnk span{transition:transform .25s}.lnk:hover span{transform:translate(2px,-2px)}
.lnk.off{color:#a39fb5;font-weight:600;font-size:13px}
.xp{margin-top:24px;padding:22px;border-radius:20px;background:var(--ink);color:#fff}
.xp .mono{color:#c9b3ff;display:block;margin-bottom:8px}
.xr{display:grid;grid-template-columns:170px 1fr 64px;gap:14px;align-items:center;padding:8px 0}
.xr span{font-weight:600;font-size:14.5px}
.xb{height:12px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.xb i{display:block;height:100%;width:var(--w);border-radius:6px;background:linear-gradient(90deg,var(--p),var(--p2));transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease);transition-delay:calc(.3s + var(--k)*.2s)}
.xp.vis .xb i{transform:scaleX(1)}
.xr b{text-align:right;font:700 13px "JetBrains Mono",monospace;color:#d6c4ff}

/* approach */
.ap-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.ap-grid>*{min-width:0}
.merge{position:relative;display:grid;grid-template-columns:130px 1fr 170px;align-items:center;height:260px}
.stms{display:flex;flex-direction:column;justify-content:space-between;height:100%}
.stm{padding:8px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:13.5px;box-shadow:var(--sh);opacity:0;transform:translateX(-12px);transition:.45s var(--ease);transition-delay:calc(.2s + var(--k)*.1s)}
.merge.vis .stm{opacity:1;transform:none}
.mg{width:100%;height:260px}
.mg path{fill:none;stroke:var(--p2);stroke-width:2.5;stroke-dasharray:360;stroke-dashoffset:360;transition:stroke-dashoffset 1.2s var(--ease) .8s;opacity:.8}
.merge.vis .mg path{stroke-dashoffset:0}
.one{padding:18px;border-radius:18px;background:linear-gradient(135deg,var(--p),var(--p3));color:#fff;box-shadow:0 20px 40px rgba(127,66,244,.3);transform:scale(.7);opacity:0;transition:.5s cubic-bezier(.3,1.5,.5,1) 1.8s}
.merge.vis .one{transform:none;opacity:1;animation:breathe 4s ease-in-out 2.5s infinite}
.one .mono{color:#e5d9ff}.one b{display:block;margin-top:6px;font-size:17px;line-height:1.3}

/* teams */
.te-head{max-width:760px;margin-bottom:28px}
.teams{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.team{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);transition:transform .35s var(--ease),box-shadow .35s}
.team:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(80,50,160,.16)}
.tm-img{aspect-ratio:4/3;overflow:hidden;background:var(--lav)}
.tm-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.team:hover .tm-img img{transform:scale(1.06)}
.tm-b{display:flex;flex-direction:column;flex:1;padding:18px}
.tm-b h3{font-size:18px;margin:6px 0}.tm-b p{color:var(--mut);font-size:14.5px;margin:0 0 14px}
.tgo{margin-top:auto;font-weight:700;color:var(--p3);font-size:14px}

/* byline */
.by-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.by-grid>*{min-width:0}
.art{padding:26px;border-radius:8px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 50px rgba(60,40,120,.12)}
.art-t{display:grid;gap:9px;margin:14px 0}
.art-t i{display:block;height:9px;border-radius:5px;background:#efeaf7}
.art-t i.s{width:60%}
.bl{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bp{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;transition:background .25s;opacity:0;transform:translateY(8px)}
.art.vis .bp{animation:fadeUp .5s var(--ease) .4s forwards}
.art.vis .bp+.bp{animation-delay:.7s}
.bp:hover{background:var(--lav2)}
.bav{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--lav);color:var(--p3);font-weight:800;font-size:14px;border:2px solid var(--p2)}
.bp small{display:block;font-size:11px;color:var(--mut)}
.bp b{display:block;font-size:14px}
.bp em{display:block;font-style:normal;font-size:12px;color:var(--p)}

/* faq */
.tmfq-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.tmfq-in>*{min-width:0}
.qn{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--p);margin-right:14px;flex:none}
.qa button{justify-content:flex-start}.qa button .pm{margin-left:auto}

@media (max-width:1100px){
 .pcards{grid-template-columns:1fr 1fr}
 .teams{grid-template-columns:1fr 1fr}
 .ld-head,.ap-grid,.by-grid,.tmfq-in{grid-template-columns:1fr;gap:28px}
}
@media (max-width:700px){
 .tm-hero{padding-top:34px}
 .tm-stage{margin-top:40px;padding:0}
 .tag3{padding:6px 10px;font-size:10.5px}.tag3 b{font-size:12.5px}
 .t-c{top:-9%}.t-l{top:24%;left:0}.t-r{top:18%;right:0}
 .pcards,.teams{grid-template-columns:1fr}
 .xr{grid-template-columns:1fr 56px;gap:6px 10px}
 .xr span{grid-column:1/-1}
 .merge{grid-template-columns:110px 1fr 120px;height:230px}
 .mg{height:230px}
 .one{padding:12px}.one b{font-size:14px}
 .bl{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
 .yp:after,.tag3{animation:none;opacity:1;transform:none}
 .t-c{transform:translateX(-50%)}
 .flash{display:none}
}