/* ==========================================================================
   MEET THE TEAM page – template-team.php
   ========================================================================== */
.team-page{padding-top:clamp(50px,7vw,100px)}
.member{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,7vw,110px);align-items:start;padding-block:clamp(44px,6vw,90px);border-bottom:1px solid var(--line)}
.member:last-child{border-bottom:0}
.member--flip{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.member--flip .member__photo{order:2}
.member__photo{position:sticky;top:calc(var(--header-h) + 24px)}
.member__arch{position:relative;aspect-ratio:4/5.2;border-radius:999px 999px 28px 28px;overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(160deg,var(--teal-d),var(--navy))}
.member__arch>div{position:absolute;inset:-5% 0}
.member__arch img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.member__ring{position:absolute;inset:-10px;border-radius:999px 999px 40px 40px;border:1px solid rgba(216,156,63,.6);pointer-events:none;animation:ring 7s ease-in-out infinite}
@keyframes ring{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.02);opacity:.4}}
.monogram--lg{font-size:clamp(5rem,12vw,9rem)}
.rr-site .member__name{font-size:clamp(2.8rem,6vw,5.2rem);margin-bottom:.5em}
.member .prose{max-width:62ch}
.member .prose p{font-size:1.05rem}
.member .prose p:first-child{font-family:var(--serif);font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.3;color:var(--navy)}
.member__cta{margin-top:2rem}

.promise{background:var(--sand)}
.promise__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.promise__item{padding:36px 30px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);text-align:center;transition:transform .6s var(--ease),box-shadow .6s}
.promise__item:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.promise__tick{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,var(--teal-2),var(--teal-d));color:#fff;transition:transform .6s var(--ease)}
.promise__item:hover .promise__tick{transform:rotate(-10deg) scale(1.1)}
.promise__tick .icon{width:28px;height:28px;stroke-width:2.2}
.promise__item h3{font-size:1.8rem}
.promise__item p{margin:0;color:var(--muted)}

@media (max-width:980px){
  .member,.member--flip{grid-template-columns:1fr;gap:36px}
  .member--flip .member__photo{order:0}
  .member__photo{position:static;max-width:380px;width:100%;margin-inline:auto}
  .promise__grid{grid-template-columns:1fr}
}