/* About page — imagery + layout */
.page-about .about-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
  box-shadow: var(--shadow);
  border: 1px solid var(--border);
}

.page-about .page-about-hero-img,
.page-about .page-about-figure {
  position: relative;
  border-radius: 0;
  overflow: hidden;
  background: var(--surface);
  box-shadow: var(--shadow);
  border: 1px solid var(--border);
}

.page-about .page-about-hero-img .about-img,
.page-about .page-about-figure .about-img {
  border: none;
  box-shadow: none;
}

.page-about .about-img-hero {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.page-about .about-img-tall {
  aspect-ratio: 16 / 11;
  object-fit: cover;
  min-height: 220px;
}

@media (min-width: 768px) {
  .page-about .about-img-tall {
    min-height: 280px;
  }
}

.page-about .about-offer-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.page-about .about-offer-list li {
  position: relative;
  padding-left: 1.35rem;
  margin-bottom: 0.5rem;
}

.page-about .about-offer-list li:last-child {
  margin-bottom: 0;
}

.page-about .about-offer-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 0.45rem;
  height: 0.45rem;
  background: var(--accent);
  border-radius: 1px;
}

.page-about .mb-lg-6 {
  margin-bottom: 3rem !important;
}

@media (min-width: 992px) {
  .page-about .mb-lg-6 {
    margin-bottom: 4rem !important;
  }
}