.kgb-about {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--space-8);
  align-items: center;
}

.kgb-about__content .kgb-body-text {
  font-size: var(--fs-body-lg);
  line-height: var(--lh-body);
  max-width: 37.4927vw;
}

.kgb-stats { display: flex; gap: var(--space-8); margin-top: var(--space-7); }
.kgb-stat__value {
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  font-size: 3.0463vw;
  line-height: 1;
  color: var(--text-primary);
  letter-spacing: var(--tracking-display);
}
.kgb-stat__label {
  font-family: var(--font-body);
  font-size: var(--fs-body-sm);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: var(--fw-semibold);
  margin-top: var(--space-1);
}

.kgb-certs { margin-top: var(--space-7); }
.kgb-cert {
  display: flex;
  gap: var(--space-3);
  align-items: center;
  background: var(--white);
  border: 1px solid var(--border-subtle);
  border-left: 3px solid var(--accent);
  border-radius: var(--radius-sm);
  padding: var(--space-4);
  margin-top: var(--space-4);
  color: inherit;
  text-decoration: none;
  transition: transform var(--dur-fast, 220ms) var(--ease-standard), box-shadow var(--dur-fast, 220ms) var(--ease-standard);
}
.kgb-cert[href]:hover,
.kgb-cert[href]:focus-visible {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.kgb-cert__icon {
  flex: 0 0 auto;
  width: var(--space-6);
  height: var(--space-6);
  border-radius: var(--radius-sm);
  background: var(--accent-subtle);
  color: var(--blue-700);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--fs-body);
}
.kgb-cert__title { font-family: var(--font-body); font-size: 0.8787vw; font-weight: 700; color: var(--text-primary); }
.kgb-cert__desc { font-family: var(--font-body); font-size: var(--fs-caption); color: var(--text-secondary); margin-top: 0.1172vw; }

.kgb-about__photo {
  aspect-ratio: 4 / 5;
  border-radius: var(--radius-lg);
  position: relative;
  overflow: hidden;
}
.kgb-about__photo .kgb-media-placeholder { position: absolute; inset: 0; }
.kgb-about__photo-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kgb-about__photo-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: var(--space-5);
  background: linear-gradient(to top, rgba(11, 13, 15, 0.8), transparent);
  color: var(--white);
}
.kgb-about__photo-name { font-family: var(--font-display); text-transform: uppercase; font-size: var(--fs-title); font-weight: 600; }
.kgb-about__photo-role { font-family: var(--font-body); font-size: var(--fs-body-sm); color: rgba(255, 255, 255, 0.75); }

@media (max-width: 1024px) {
  .kgb-about__content .kgb-body-text { max-width: 640px; }
  .kgb-stat__value { font-size: clamp(40px, calc(33.0663px + 1.8490vw), 52px); }
  .kgb-cert__title { font-size: clamp(13px, calc(11.8444px + 0.3082vw), 15px); }
  .kgb-cert__desc { margin-top: 2px; }
}

@media (max-width: 768px) {
  .kgb-about { grid-template-columns: 1fr; }
  .kgb-about__photo { max-height: 460px; width: min(368px, 100%); justify-self: center; }
  .kgb-stats { justify-content: center; text-align: center; }
}
