:root {
  --font-body: "Segoe UI", Arial, sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
}
body,
p,
button,
input,
select,
textarea,
a,
li,
td,
th {
  font-family: "Segoe UI", Arial, sans-serif;
}
h1,
h2,
.fkn-directory h1,
.fkn-directory h2,
.v13-detail h1,
.v13-detail h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400;
  letter-spacing: -0.025em;
}
h3,
.v13-detail h3 {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 500;
}
.eyebrow,
.pd-label,
.about-hero small,
.about-feature small,
.standard-page-title small,
.about-timeline small {
  font-family:
    "Segoe UI Variable Text", "Aptos", "Inter", "Helvetica Neue", Arial, sans-serif !important;
  letter-spacing: 0.12em;
}
@media (min-width: 901px) {
  :root {
    --site-width: 1360px;
  }
  .standard-page-title,
  .about-hero,
  .about-feature,
  .about-values,
  .about-timeline,
  .sector-list,
  .contact-compact-title,
  .contact-top,
  .contact-map-wide,
  .contact-block,
  .editorial-page,
  .home-about-strip,
  .home-about,
  .home-projects,
  .projects-section,
  .home-sectors,
  .mini-breadcrumb,
  .fkn-directory .pd-wrap,
  .v13-detail .wrap,
  .v13-detail .v13-source-facts {
    width: calc(100% - clamp(96px, 11vw, 176px)) !important;
    max-width: 1360px !important;
    margin-inline: auto !important;
  }
}
.site-header .brand {
  width: 108px !important;
  height: 62px !important;
}
.site-header .brand img {
  width: 108px !important;
  height: 60px !important;
  max-height: 60px !important;
  object-fit: contain !important;
}

.menu-top img {
  width: 105px !important;
  height: 60px !important;
  object-fit: contain;
}
.v16-project-brand {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f6f5f1;
  padding: 40px 24px 18px;
}
.v16-project-brand h1 {
  margin: 0;
  line-height: 0;
}
.v16-project-brand img {
  width: 176px;
  height: 90px;
  object-fit: contain;
}
.v13-detail .facts-strip {
  padding-top: 22px;
  padding-bottom: 34px;
}
.v13-detail .amenities {
  background: #101116;
  color: #fff;
}
.v13-detail .amenities .section-heading p {
  color: #b8bdc4;
}
.v13-detail .amenity-grid article {
  background: #1d2025;
  border-color: #33373d;
  box-shadow: none;
}
.v13-detail .amenity-grid p {
  color: #c0c5cc;
}
.v13-detail .amenity-grid svg {
  background: #101116;
  border-color: #363a40;
}
.v13-detail .cta,
.fkn-directory .pd-cta {
  background: #101116;
  color: #fff;
}
.v13-detail .cta p,
.fkn-directory .pd-cta p {
  color: #c0c5cc;
}
.v13-detail .v13-source-facts {
  background: #e9e9e1;
}
.v13-detail .section-heading h2 {
  font-size: clamp(30px, 3.3vw, 48px);
}
@media (max-width: 900px) {
  .site-header .brand {
    width: 92px !important;
    height: 60px !important;
  }
  .site-header .brand img {
    width: 92px !important;
    height: 54px !important;
  }
  .v16-project-brand {
    padding-top: 28px;
  }
  .v16-project-brand img {
    width: 145px;
    height: 76px;
  }
}
.v13-detail .amenity-grid svg {
  background: #f6f5f1;
  border-color: #f6f5f1;
}
@media (max-width: 900px) {
  .site-header {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    grid-template-rows: 64px !important;
    align-items: center !important;
  }
  .site-header .brand {
    height: 52px !important;
    align-self: center !important;
    margin: 0 !important;
  }
  .site-header .brand img {
    height: 52px !important;
    max-height: 52px !important;
    top: 0 !important;
    bottom: 0 !important;
    margin-block: auto !important;
  }
  .site-header .menu-trigger {
    align-self: center !important;
    margin-block: 0 !important;
  }
  .v13-detail {
    padding-top: 64px;
  }
  .v13-detail .section-nav {
    top: 64px;
  }
}
