h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

#content {
  margin-top: -12rem;
}

.hero .hero__columns {
  justify-content: center;
  padding-top: 14rem;
}
.hero .hero__col-cta {
  padding: 0 3.2rem;
}
.hero .hero__col-cta h1 {
  font-weight: 400;
}
.hero .section__description {
  margin: 4.8rem 0;
}

.surpluses {
  padding: 8rem 0 6.4rem;
}
.surpluses__header {
  text-align: center;
  margin-bottom: 4rem;
}
.surpluses__grid {
  gap: 16px;
}
.surpluses__card {
  background: var(--grimo-white);
  border-radius: 16px;
  padding: 3.2rem 2.5rem;
}
.surpluses__card-header {
  display: flex;
  gap: 16px;
}
.surpluses__card-icon {
  min-width: 48px;
  width: 48px;
  height: 48px;
}

.wp-block-cover.about {
  padding: 10rem 0;
}
.wp-block-cover.about .wp-block-cover__image-background {
  object-position: top;
}
.about__content {
  max-width: 590px;
  width: 100%;
  margin-left: auto;
  padding: 0 3.2rem;
}
.about__eyebrown {
  color: var(--grimo-yellow);
}
.about__content .section__heading,
.about__content .section__description * {
  color: var(--grimo-white);
}

.services {
  padding: 8rem 0;
}
.services__columns,
.services__grid {
  gap: 16px;
}
.services .section__heading {
  font-size: 2.4rem;
}
.services .section__description * {
  color: var(--grimo-white);
}
.services__card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 3.2rem;
  border-radius: 16px;
  min-height: 228px;
  background-position: center;
  background-size: 100% !important;
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.services__card:hover {
  background-size: 110% !important;
}
.services__card::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: #1a1a1a;
  opacity: 0.2;
  transition: all 0.5s ease-in-out;
  border-radius: 16px;
}
.services__card:hover::before {
  opacity: 0;
}
.services__card-content {
  position: relative;
  z-index: 0;
}
.services__card-icon {
  max-width: 48px;
  width: 100%;
}

.latest-posts {
  padding: 8rem 0;
  background: var(--grimo-off-white);
}
.latest-posts .section__heading {
  color: var(--grimo-black-contrast);
}
.post-template {
  gap: 16px;
}
.post-card {
  border: 0;
  background: var(--grimo-white);
}

.wp-block-group.signin-work {
  padding: 10rem 0;
}
.signin-work .signin-work__art {
  padding: 0 3.2rem;
  max-width: 460px;
  width: 100%;
}
.signin-work .signin-work__art-right {
  margin-left: auto;
}
.signin-work .signin-work__art-left .section__eyebrown {
  color: var(--grimo-white);
}
.signin-work .section__heading {
  font-size: 2.4rem;
  margin-bottom: 3.2rem;
  max-width: 331px;
  width: 100%;
}
.signin-work .section__description * {
  color: var(--grimo-black);
}
.signin-work .cta-btn {
  margin-top: 3.4rem;
}

@media (max-width: 1199px) {
  .wp-block-group.surpluses__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .hero .hero__columns {
    padding-top: 12.3rem;
  }
  .hero .section__description {
    margin: 3.2rem 0;
  }
  .hero .hero__col-cta {
    padding: 0 0 3.2rem;
  }
  .hero__col.hero__col-img {
    align-self: flex-end;
  }

  .surpluses {
    padding: 6.4rem 0;
  }
  .surpluses__header,
  .surpluses__card-header {
    margin-bottom: 3.2rem !important;
  }

  .wp-block-cover.about {
    flex-direction: column;
    background: linear-gradient(180deg, #00b153 0%, #004b23 100%);
    padding-top: 0;
    padding-bottom: 6.4rem;
  }
  .wp-block-cover.about .wp-block-cover__image-background {
    position: initial;
    min-height: 370px;
    object-position: left;
  }
  .about__content {
    max-width: 100%;
    padding: 6.4rem 0 0;
    margin: auto;
  }
  .about__content-wrapper {
    max-width: 100% !important;
  }

  .services {
    padding: 6.4rem 0;
  }
  .services__columns {
    flex-direction: column;
    gap: 66px;
  }
  .services__cards {
    margin-top: 6.6rem !important;
  }
  .services__card {
    align-content: flex-end;
  }

  .latest-posts {
    padding: 6.4rem 0;
  }
  .latest-posts .slick.mobile-slick {
    margin: 0;
  }
  .latest-posts .slick-list {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .wp-block-group.signin-work {
    background: linear-gradient(
      180deg,
      rgb(255, 182, 54) 50%,
      rgb(45, 45, 45) 50%
    ) !important;
    padding: 6.4rem 0;
  }
  .wp-block-group.signin-work__grid {
    grid-template-columns: 1fr;
    gap: 128px;
  }
  .signin-work .signin-work__art {
    padding: 0;
    max-width: 100%;
  }
}

@media (max-width: 781px) {
  .services__columns {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .hero .hero__columns {
    flex-direction: column;
  }
  .hero__col {
    flex-basis: initial !important;
  }
  .hero .hero__col-cta {
    padding: 0;
  }
}