.about-page {
  --hero-image: url("../images/about-hero-architecture-v1.optimized.webp");
  --hero-opacity: 0.98;
  --hero-position: center right;
}

.about-hero .lower-lead span {
  display: inline-block;
}

@media (max-width: 720px) {
  .about-hero .lower-title {
    font-size: clamp(34px, 10.8vw, 48px);
    line-height: 1.18;
  }
}

.about-information-section {
  background: var(--bg);
}

.about-information-block {
  max-width: 980px;
  margin-top: 0;
  margin-left: auto;
}

.about-information-list {
  margin: clamp(36px, 5vw, 64px) 0 0;
  border-top: 1px solid rgba(39, 36, 33, 0.42);
}

.about-information-list div {
  display: grid;
  grid-template-columns: minmax(120px, 0.3fr) minmax(0, 1fr);
  gap: 36px;
  padding: 25px 4px;
  border-bottom: 1px solid rgba(39, 36, 33, 0.14);
}

.about-information-list dt {
  color: rgba(39, 36, 33, 0.56);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.13em;
}

.about-information-list dd {
  margin: 0;
  color: var(--body-copy);
  font-size: var(--body-size);
  line-height: var(--body-line);
}

.about-information-list .address-part {
  display: inline-block;
}

@media (max-width: 800px) {
  .about-information-block {
    margin-left: 0;
  }
}

@media (max-width: 600px) {
  .about-information-list div {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 22px 0;
  }
}