/* Final brand integration and readability layer */
header {
  height: 92px;
  position: sticky;
  top: 0;
  box-shadow: 0 1px 0 rgba(23, 33, 42, .06);
}

.logo {
  display: block;
  width: auto;
  line-height: 1;
}

.logo img {
  display: block;
  width: 178px;
  height: auto;
  object-fit: contain;
  background: transparent;
  filter: saturate(.5) contrast(1.06);
}

header nav a,
.header-cta { font-size: .86rem; }

.tag,
.contact label { font-size: .75rem; }

.hero-copy > p:not(.tag),
.intro > div p,
.services-top > p:last-child,
.steps p,
.contact-head > p:last-child { font-size: 1rem; }

.cards p { font-size: .95rem; }
.cards a,
.intro > div a,
.primary { font-size: .82rem; }

.contact small,
footer { font-size: .75rem; }

.hero { height: calc(100vh - 92px); }
footer .logo img { width: 200px; }

@media (max-width: 900px) {
  header nav { top: 92px; }
  .logo img { width: 158px; }
  .hero { height: auto; }
}