/* ═══ TEAM — hover a name, the portrait swaps ══════════════ */
.team{display:grid;grid-template-columns:1.32fr .68fr;gap:64px;align-items:center}
.roster{position:relative}
.rstage{position:absolute;left:50%;top:50%;translate:-50% -50%;width:238px;height:286px;z-index:2;
  border-radius:26px;overflow:hidden;background:linear-gradient(170deg,#F1EADE,#E3D9C8);
  box-shadow:var(--sh-l);pointer-events:none}
.rlayer{position:absolute;inset:0;opacity:0;transform:scale(1.05);
  transition:opacity .5s var(--ease),transform .7s var(--ease);
  display:grid;place-items:center;text-align:center;padding:20px}
.rlayer.on{opacity:1;transform:none}
.rlayer img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.rlayer .soon{font-family:var(--font-label);font-size:10px;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--text-3);line-height:1.9}
.rrow{display:grid;grid-template-columns:1fr 268px 128px;align-items:center;gap:18px;
  padding:24px 0;border-top:1px dashed var(--line);background:none;border-left:0;border-right:0;
  border-bottom:0;width:100%;text-align:left;cursor:pointer;font:inherit}
.rrow:last-of-type{border-bottom:1px dashed var(--line)}
.rname{font-family:var(--font-display);font-size:clamp(19px,2.1vw,27px);font-weight:600;
  color:#B9BFC7;transition:color .35s var(--ease),transform .35s var(--ease)}
.rrow:hover .rname{color:var(--gold-deep)}
.rrow.on .rname{color:var(--navy-deep)}
.rrole{font-family:var(--font-label);font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--text-3);line-height:1.7;text-align:right;transition:color .35s}
.rrow.on .rrole{color:var(--navy)}
.rnav{display:flex;align-items:center;gap:14px;margin-top:36px}
.rnav button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;
  color:var(--navy);cursor:pointer;display:grid;place-items:center;transition:all .3s var(--ease)}
.rnav button:hover{border-color:var(--gold);color:var(--gold-deep);transform:translateY(-2px)}
.rdots{display:flex;gap:9px;align-items:center}
.rdots i{width:7px;height:7px;border-radius:50%;background:#C9CFD6;transition:all .3s var(--ease)}
.rdots i.on{background:var(--gold);box-shadow:0 0 0 5px rgba(201,151,63,.2)}
.team > .reveal > .shd{font-size:calc(clamp(28px,3.3vw,42px) * var(--h-scale,1));margin:20px 0 16px}
.team .lede{font-size:15.5px}
