/**
 * Education Section
 * Refined with glassmorphism cards
 */

#edu {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--spacing-2xl);
}

#bhs,
#ju {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 2rem;
  border-radius: var(--radius-lg);
  background: var(--surface-glass);
  border: 1px solid var(--border);
  transition: border-color var(--transition-medium);
}

#bhs:hover,
#ju:hover {
  border-color: var(--border-hover);
}

#bhs img,
#ju img {
  height: 14rem;
  border-radius: var(--radius-full);
  padding: 0.5rem;
  border: 2px solid var(--border);
  transition: border-color var(--transition-medium);
}

#bhs:hover img,
#ju:hover img {
  border-color: var(--purple);
}

#ju {
  flex-direction: row-reverse;
}

#ju-text,
#bhs-text {
  text-align: left;
}

#ju-text h4,
#bhs-text h4 {
  font-size: 1.1rem;
}