.team-page { background: var(--ccf-bg, #0d0d0f); color: var(--ccf-fg, #fff); }
.team-hero { padding-bottom: clamp(3rem, 6vw, 5rem); }
.team-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:1.25rem; max-width:72rem; }
.team-card { border:1px solid var(--ccf-border); border-radius:1rem; background:var(--ccf-card); padding:1.5rem; display:grid; grid-template-columns:7rem minmax(0, 1fr); column-gap:1.25rem; align-items:start; }
.team-card--founder { border-color:rgba(200,167,93,.6); }
.team-card h3 { font-size:1.3rem; margin:.85rem 0 .25rem; }
.team-card p { color:var(--ccf-muted); line-height:1.55; }
.team-role { color:var(--gold)!important; font-weight:800; }
.team-avatar { width:3.5rem; height:3.5rem; display:grid; place-items:center; border-radius:50%; background:rgba(157,26,1,.28); border:1px solid rgba(200,167,93,.55); color:var(--gold); font-weight:800; }
.team-avatar-wrap { display:block; grid-column:1; grid-row:1 / span 6; width:7rem; height:7rem; margin:0; }
.team-avatar--photo { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.team-card--founder .team-avatar--photo { object-position:center top; }
.team-card > :not(.team-avatar-wrap) { grid-column:2; }
.team-card .creator-btn-ghost { margin-top:.25rem; align-self:flex-start; }
.team-mission { background:rgba(255,255,255,.02); }
.team-proof { color:var(--gold); font-weight:800; }

@media (max-width: 420px) {
  .team-card { grid-template-columns:5.25rem minmax(0, 1fr); column-gap:1rem; }
  .team-avatar-wrap { width:5.25rem; height:5.25rem; }
}

@media (min-width: 992px) {
  .our-team-page .ccf-nav-two-row .ccf-brand,
  .our-team-page .ccf-nav-two-row .ccf-nav-menu {
    flex: 0 0 100%;
    width: 100%;
  }

  .our-team-page .ccf-nav-two-row .ccf-nav-menu {
    display: flex;
    justify-content: center;
  }

  .our-team-page .ccf-nav-two-row .navbar-nav {
    margin-left: 0 !important;
  }
}