/* ===== flip-card team ===== */
.duo{filter:grayscale(1) contrast(1.06) brightness(.96);mix-blend-mode:luminosity;width:100%;height:100%;object-fit:cover}
.duobg{background:linear-gradient(165deg,#3b5069 0%,#131a26 78%)}
.flips{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.fcard{perspective:1400px;height:560px;cursor:pointer}
.fcard .inner3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.05s cubic-bezier(.34,.75,.28,1)}
@media(hover:hover){.fcard:hover .inner3d{transform:rotateY(180deg)}}
.fcard.flipped .inner3d{transform:rotateY(180deg)}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--line);overflow:hidden}
/* front */
.front .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,10,0) 42%,rgba(6,7,10,.92) 84%)}
.front .fname{position:absolute;left:22px;right:22px;bottom:20px}
.front .fname .r{font-family:'Chakra Petch',sans-serif;font-size:10px;letter-spacing:.22em;color:#5ac8f0;text-transform:uppercase;display:block;margin-bottom:7px}
.front .fname h3{margin:0;font-size:22px;text-transform:uppercase;letter-spacing:.03em}
.front .hint{position:absolute;top:14px;right:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.16em;color:rgba(209,226,236,.45);display:flex;align-items:center;gap:6px;z-index:2}
.front .hint svg{width:13px;height:13px;opacity:.6;animation:swspin 6s linear infinite}
@keyframes swspin{to{transform:rotate(360deg)}}
.ph-ghost{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;gap:10px}
.ph-ghost svg{width:42px;height:42px;opacity:.45}
.ph-ghost span{font-family:'Chakra Petch',sans-serif;font-size:10px;letter-spacing:.3em;color:#48627f}
/* back */
.back{transform:rotateY(180deg);background:linear-gradient(180deg,#0e1522,#080b11);padding:26px 26px 22px;box-sizing:border-box;display:flex;flex-direction:column}
.back .r{font-family:'Chakra Petch',sans-serif;font-size:10px;letter-spacing:.2em;color:#5ac8f0;text-transform:uppercase}
.back h3{margin:6px 0 16px;font-size:21px;text-transform:uppercase;letter-spacing:.03em}
.back .sec{border-top:1px solid rgba(101,131,179,.22);padding:12px 0 11px}
.back .sec b{display:block;font-family:'Chakra Petch',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6583b3;font-weight:600;margin-bottom:5px}
.back .sec p{font-family:Montserrat,sans-serif;font-size:12.8px;line-height:1.6;color:#a9c2d4;margin:0}
.back .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:14px;gap:10px}
.back .li{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;letter-spacing:.1em;color:#5ac8f0;text-decoration:none;transition:text-shadow .25s;white-space:nowrap}
.back .li .bk{color:#3b5069;transition:color .25s}
.back .li:hover{text-shadow:0 0 14px rgba(90,200,240,.8)}
.back .li:hover .bk{color:#5ac8f0}
.back .sig{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;color:#48627f;letter-spacing:.12em;text-align:right}
/* advisors: same cards, slightly shorter */
.flips.adv .fcard{height:520px}
.flips.adv{grid-template-columns:1fr;max-width:calc(33.333% - 16px);margin-left:auto;margin-right:auto}
@media(max-width:980px){
  .flips,.flips.adv{grid-template-columns:1fr;max-width:420px}
  .fcard{height:540px}
}