/* Page-specific styles for about.html */

.about-image-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: #fff;
  box-shadow: var(--shadow);
}

.about-image-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background: rgba(15, 23, 42, 0.04);
}

.about-image-card-hero img {
  min-height: 100%;
}

.about-image-card-copy {
  padding: 18px 22px 20px;
}

.about-image-card-copy strong {
  display: block;
  color: var(--text);
  line-height: 1.5;
}

@media (max-width: 760px) {
  .about-image-card img {
    aspect-ratio: 16 / 11;
  }
}