.team-ref-page{color:#123d32}
.team-ref-page .site-header{background:rgba(255,253,247,.91);border-bottom-color:rgba(18,61,50,.08);box-shadow:0 7px 28px rgba(18,61,50,.035)}
.team-ref-page .nav{height:82px}
.team-ref-page .brand img{width:54px;height:54px;object-fit:contain}
.team-ref-page .brand span{font-size:1.9rem;color:#123d32}
.team-ref-page .nav-links a:not(.nav-cta){color:#405b53}
.team-ref-page .nav-links a.active:not(.nav-cta){background:#eef5dc;color:#123d32}
.team-ref-page .nav-cta{background:#0f5b49!important;color:#fff!important;padding:12px 20px}

/* The team page now uses the same site-wide botanical background as every other tab. */
.team-ref-section{position:relative;overflow:hidden;background:transparent;padding:30px 0 58px;min-height:900px}
.team-ref-wide{width:min(calc(100% - 52px),1540px);margin:0 auto;position:relative;z-index:2}
.team-corner{display:none!important}

.team-ref-intro{text-align:center;max-width:740px;margin:0 auto 22px}
.team-ref-kicker{display:block;text-transform:uppercase;letter-spacing:.28em;font-size:.82rem;font-weight:700;color:#667d73}
.team-ref-intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(4rem,7vw,5.6rem);line-height:.92;margin:8px 0 6px;color:#0d473a;letter-spacing:-.05em}
.team-ref-intro p{font-size:1.12rem;color:#667a72}
.team-ref-line,.team-copy-line{display:block;width:76px;height:5px;border-radius:999px;background:linear-gradient(90deg,#a9ce73,#d4e5a8)}
.team-ref-line{margin:14px auto 0}

.team-ref-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch;margin-top:12px}
.team-ref-card{background:rgba(255,253,249,.96);border:1px solid rgba(18,61,50,.10);border-radius:26px;padding:14px 12px 22px;text-align:center;box-shadow:0 14px 28px rgba(18,61,50,.035);min-width:0}
.team-frame-wrap{position:relative;width:100%;aspect-ratio:285/225;margin:0 auto 6px;overflow:hidden;border-radius:18px}
.team-frame-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center;z-index:1;pointer-events:none}

/* Circular opening stays exactly like the version you preferred. Only the PHOTO is zoomed. */
.team-photo-circle{position:absolute;z-index:2;width:58%;aspect-ratio:1;left:21%;top:13%;border-radius:50%;overflow:hidden;background:#edf2e8}
.team-headshot{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.10);transform-origin:center;border:0;box-shadow:none}

/* Small person-by-person centering corrections. */
.team-photo-zoe .team-headshot{object-position:50% 39%;transform:translateX(1.5%) scale(1.10)}
.team-photo-izel .team-headshot{object-position:50% 39%;transform:translateX(-1.5%) scale(1.10)}
.team-photo-chloe .team-headshot{object-position:50% 39%;transform:scale(1.10)}
.team-photo-rayyaan .team-headshot{object-position:50% 37%;transform:scale(1.10)}
.team-photo-griffin .team-headshot{object-position:50% 38%;transform:scale(1.10)}

.team-ref-role{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 15px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.78rem;color:#173f35;border:1px solid rgba(18,61,50,.06);margin-top:2px}
.role-green{background:#eef5dc}.role-yellow{background:#fff4cf}.role-pink{background:#fde4e9}.role-purple{background:#e6e9fd}
.team-ref-card h3{font-size:1.16rem;line-height:1.08;margin:12px 0 6px;color:#123d32}
.team-ref-card p{font-size:.92rem;line-height:1.35;color:#667870;min-height:2.45em;margin:0}

/* Larger, taller team-photo area so no one is chopped off. */
.team-behind-row{display:grid;grid-template-columns:1.18fr .82fr;gap:48px;align-items:center;margin:42px auto 0;max-width:1480px;position:relative;z-index:2}
.team-group-frame{position:relative;width:100%;aspect-ratio:16/9;background:rgba(238,244,231,.88);border:1px solid rgba(18,61,50,.10);border-radius:30px;padding:14px;overflow:hidden;box-shadow:0 18px 38px rgba(18,61,50,.045)}
.team-group-photo{width:100%;height:100%;object-fit:cover;object-position:50% 43%;border-radius:21px;display:block;background:#edf2e8}
.team-group-frame-art{display:none!important}

.team-behind-copy{padding:4px 0 0}
.team-behind-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.25rem,4.7vw,4.7rem);line-height:.98;color:#123d32;margin:0;letter-spacing:-.04em}
.team-copy-line{margin:14px 0 18px}
.team-behind-copy p{font-size:1.14rem;line-height:1.58;color:#667870;max-width:590px}

.team-ref-footerline{display:flex;align-items:center;gap:20px;max-width:780px;margin:24px auto 0;text-transform:uppercase;letter-spacing:.20em;font-size:.72rem;font-weight:700}
.team-ref-footerline span{flex:1;height:1px;background:rgba(18,61,50,.18)}
.team-ref-footerline p{color:#788a82;white-space:nowrap;margin:0}

@media(max-width:1200px){
  .team-ref-wide{width:min(calc(100% - 34px),1180px)}
  .team-ref-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .team-behind-row{grid-template-columns:1.08fr .92fr;gap:32px;max-width:1120px}
  .team-behind-copy h2{font-size:clamp(2.8rem,5vw,3.8rem)}
}
@media(max-width:900px){
  .team-ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-behind-row{grid-template-columns:1fr}
  .team-behind-copy{padding:0 8px}
  .team-group-frame{max-width:760px;margin:0 auto}
}
@media(max-width:620px){
  .team-ref-section{padding-top:38px}
  .team-ref-wide{width:min(calc(100% - 24px),560px)}
  .team-ref-grid{grid-template-columns:1fr}
  .team-ref-card{max-width:360px;width:100%;margin:0 auto}
  .team-ref-intro h1{font-size:3.8rem}
  .team-ref-footerline{gap:10px;letter-spacing:.11em;font-size:.62rem}
  .team-ref-footerline p{white-space:normal;text-align:center}
  .team-behind-copy h2{font-size:2.65rem}
  .team-behind-copy p{font-size:1rem}
}
