/* Base team card style */
.cms-team-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 32px 28px;
  box-shadow: 0 18px 40px rgba(15, 35, 52, 0.06);
  position: relative;
  overflow: hidden;
}

/* Make the founder card feel a bit more substantial */
.cms-team-card--founder {
  padding: 20px 18px;
}

/* Make images inside cards rounded and consistent */
.cms-team-card img {
  border-radius: 18px;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.cms-team-card .et_pb_module_header {
  padding-bottom: 0;
}

.cms-team-card .et_pb_member_position {
  font-size: 0.9rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

/* Make all team images the same visual size */
.cms-team-card .et_pb_team_member_image img {
  display: block;
  width: 100%;
  height: 260px; /* adjust this value to taste */
  object-fit: cover; /* crops neatly without distortion */
  border-radius: 18px;
}

/* Turn the team card into a vertical flex container */
.cms-team-card {
  display: flex;
  flex-direction: column;
  height: 100%; /* ensures equal height across cards */
}

/* Ensure image stays at top and doesn't stretch weirdly */
.cms-team-card .et_pb_member_image {
  margin-bottom: 16px; /* adjust as needed */
  flex-shrink: 0;
}

/* Put the content wrapper into a flex column too */
.cms-team-card .et_pb_member_description {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Push the bio text down if needed */
.cms-team-card .et_pb_member_description p:last-child {
  margin-top: auto; /* magic ✨ */
}

/* Base team card style */
.cms-team-card {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border-radius: 24px;
  padding: 32px 28px;
  box-shadow: 0 18px 40px rgba(15, 35, 52, 0.06);

  display: flex;
  flex-direction: column;
  height: 100%;
}

.cms-team-card:hover {
  transform: translateY(-4px);
}

/* Make sure real content sits above the blob layer */
.cms-team-card > * {
  position: relative;
  z-index: 1;
}

/* Shared blob layer – we’ll override background per person */
.cms-team-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}

/* Colours for reference:
   lavender: #B8ABF6 (184, 171, 246)
   peach:    #FFCEA5 (255, 206, 165)
   pink:     #FABDBD (250, 189, 189)
*/
/* Clodagh – 4 blobs, clearly in view */
.cms-team-card--clodagh::before {
  background-image: radial-gradient(
      150px 150px at 10% 0%,
      rgba(255, 206, 165, 0.55),
      transparent 60%
    ),
    radial-gradient(
      140px 140px at 90% 15%,
      rgba(184, 171, 246, 0.45),
      transparent 60%
    ),
    radial-gradient(
      130px 130px at 0% 85%,
      rgba(250, 189, 189, 0.4),
      transparent 60%
    ),
    radial-gradient(
      120px 120px at 60% 100%,
      rgba(184, 171, 246, 0.3),
      transparent 60%
    );
}

/* Jamie – 4 blobs, diagonals + bottom */
.cms-team-card--jamie::before {
  background-image: radial-gradient(
      150px 150px at 85% 0%,
      rgba(250, 189, 189, 0.5),
      transparent 60%
    ),
    radial-gradient(
      140px 140px at 15% 25%,
      rgba(184, 171, 246, 0.45),
      transparent 60%
    ),
    radial-gradient(
      150px 150px at 90% 80%,
      rgba(255, 206, 165, 0.4),
      transparent 60%
    ),
    radial-gradient(
      130px 130px at 30% 100%,
      rgba(250, 189, 189, 0.3),
      transparent 60%
    );
}

/* Norvie – 4 blobs, more vertical sweep */
.cms-team-card--norvie::before {
  background-image: radial-gradient(
      150px 150px at 50% 0%,
      rgba(184, 171, 246, 0.5),
      transparent 60%
    ),
    radial-gradient(
      140px 140px at 5% 40%,
      rgba(255, 206, 165, 0.45),
      transparent 60%
    ),
    radial-gradient(
      150px 150px at 100% 55%,
      rgba(250, 189, 189, 0.4),
      transparent 60%
    ),
    radial-gradient(
      130px 130px at 50% 100%,
      rgba(184, 171, 246, 0.3),
      transparent 60%
    );
}