/* css styles */

/* IBM Plex Serif font */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

body, p, li, td, th, span, div {
  font-family: 'IBM Plex Serif', Georgia, serif;
}

h1, h2, h3, h4, h5, h6, .navbar-brand, .nav-link {
  font-family: 'IBM Plex Serif', Georgia, serif;
}

/* Flip trestles layout: image on right, content on left */
#hero-heading.about-trestles {
  flex-direction: row-reverse;
}

/* Make left content side slightly narrower */
.about-trestles .about-contents {
  max-width: 55% !important;
  flex-basis: 55% !important;
}

.about-trestles .about-image {
  max-width: 40% !important;
  flex-basis: 40% !important;
}

/* Ensure circular image */
#hero-heading .about-image img {
  border-radius: 50%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}