/* Shared layout refinements. Original typefaces and brand colors are retained. */
@media (min-width: 901px) {
  :root {
    --site-width: calc(100vw - 96px);
    --site-gutter: 48px;
  }
  .site-header {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .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 {
    width: calc(100% - 96px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .fkn-directory .pd-wrap,
  .v13-detail .wrap,
  .v13-detail .v13-source-facts {
    width: calc(100% - 96px);
    max-width: none;
  }
}
.v14-white-logo {
  --fkn-logo-w: clamp(88px, 8.6vw, 124px);
  --project-logo-h: calc(var(--fkn-logo-w) * 0.2);
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: clamp(9px, 1vw, 13px) !important;
  width: max-content !important;
  max-width: 100% !important;
  line-height: 0;
}
.v14-white-logo > img:first-child {
  width: var(--fkn-logo-w) !important;
  height: auto !important;
  max-height: none !important;
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
}
.v14-white-logo > img + img {
  width: calc(var(--project-logo-h) * var(--project-logo-ratio)) !important;
  height: var(--project-logo-h) !important;
  max-height: none !important;
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
}
.v13-detail .detail-hero-copy {
  justify-content: flex-end;
  padding-bottom: 56px;
}
.v13-detail .detail-hero-copy h1 {
  margin: 0;
  line-height: 0;
}
.fkn-directory .pd-cta,
.v13-detail .cta {
  background: #e9e9e1;
  border: 0;
  padding: 50px 48px;
  margin-block: 70px;
}
.fkn-directory .pd-cta h2,
.v13-detail .cta h2 {
  max-width: 630px;
}
.fkn-directory .pd-cta p,
.v13-detail .cta p {
  max-width: 620px;
}
@media (max-width: 900px) {
  .v14-white-logo {
    --fkn-logo-w: 62px;
    --project-logo-h: calc(var(--fkn-logo-w) * 0.19);
  }
  .v13-detail .detail-hero-copy {
    padding-bottom: 34px;
  }
  .fkn-directory .pd-cta,
  .v13-detail .cta {
    padding: 32px 25px;
    margin-block: 45px;
  }
}