:root {
  --primary-blue: #1B5FA8;
  --primary-blue-dark: #124373;
  --secondary-teal: #1E8A6E;
  --accent-gold: #F0AF1E;
  --accent-rust: #A0522D;
  --neutral-dark: #1F2733;
  --neutral-body: #5A6472;
  --neutral-light-bg: #F7F9FB;
  --border-color: #E3E8EE;
  --header-height: 84px;
  --error-red: #D64545;
}

.page-hero {
  position: relative;
  padding: 150px 0 80px;
  background: url('../images/team/who.jpg') center/cover no-repeat;
}

.section-heading-block {
    margin-bottom: 40px;
}
.who-we-are-intro {
    padding: 80px 0;
}
.who-we-are-image {
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(18, 67, 115, 0.1);
}

.core-values-section {
    padding: 80px 0;
}
.core-value-card {
  text-align: center;
  padding: 32px 20px;
  border: 1px solid var(--neutral-body);
  border-radius: 12px;
  height: 100%;
  transition: box-shadow .2s ease, transform .2s ease;
}
.core-value-card:hover {
    box-shadow: 0 10px 24px rgba(18, 67, 115, 0.08);
    transform: translateY(-4px);
}
/* Core value icons: plain, one grey colour (same --icon-color as the rest of the site) */
.core-value-icon {
  font-size: 2rem;
  line-height: 1;
  color: var(--icon-color, #8A8D91);
  margin: 0 auto 18px;
  transition: color .3s ease;
}
.core-value-card:hover .core-value-icon {
  color: var(--icon-color-hover, #5F6368);
}

.parent-company-section {
    padding: 80px 0;
    background: var(--neutral-light-bg);
}
.parent-company-image {
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(18, 67, 115, 0.1);
}

.stat-number {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--accent-gold);
}
.stat-label {
    font-size: 0.9rem;
    opacity: 0.9;
}
