.route-section {
  background: #E6ECEF;
}
.route-section .route-text {
  margin-top: 48px;
  color: #4B5A61;
  max-width: 40em;
}

.quote-photo {
  position: relative;
  margin: 0;
  overflow: hidden;
}
.quote-photo img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.quote-photo figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(4, 14, 17, 0.72) 0%, rgba(4, 14, 17, 0.4) 55%, rgba(4, 14, 17, 0) 100%);
  font-family: "DM Serif Display", Georgia, "Times New Roman", serif;
  color: #F5F8F9;
  line-height: 1.22;
}
.quote-photo figcaption::before {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  background: currentColor;
  margin-bottom: 20px;
}

.area-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}
.area-grid a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.area-grid a:hover h3 {
  color: #2C6278;
}
.area-grid img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  background: #D3DDE2;
}
.area-grid h3 {
  margin-top: 18px;
  transition: color 0.25s ease;
}
.area-grid p {
  margin-top: 8px;
  color: #4B5A61;
  font-size: 17px;
}

.facts-section {
  background: #E6ECEF;
}
.facts-section .rows dt {
  font-family: "Newsreader", Georgia, serif;
  font-size: 16px;
  font-weight: 500;
  color: #2C6278;
  padding-top: 6px;
}
.facts-section .rows dd {
  font-family: "DM Serif Display", Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 1.6vw, 27px);
  line-height: 1.25;
  color: #0B1619;
}

@media (max-width: 1139px) {
  .quote-photo img {
    height: 56vh;
    min-height: 300px;
    max-height: 520px;
  }
  .quote-photo figcaption {
    padding: 110px 20px 26px;
    font-size: 23px;
  }
  .area-grid {
    gap: 40px;
  }
}
@media only screen and (min-width: 1140px) {
  .route-section .section-head {
    margin-bottom: calc(var(--u) * 80);
  }
  .quote-photo {
    height: calc(var(--u) * 760);
  }
  .quote-photo img {
    height: 100%;
  }
  .quote-photo figcaption {
    padding: calc(var(--u) * 200) 50% calc(var(--u) * 64) calc(var(--u) * 116);
    font-size: calc(var(--u) * 42);
  }
  .area-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--u) * 44);
  }
}
@media (min-width: 700px) and (max-width: 1139px) {
  .quote-photo figcaption {
    padding: 140px 40px 36px;
    font-size: 30px;
  }
  .area-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}

/*# sourceMappingURL=om-vaset.css.5383fae42793.map */