/* Main-page corrections from Figma nodes 36:597, 36:641 and 36:790. */
:root { --site-header-height: 68px; --wordpress-admin-bar-height: 0px; }

.site-header {
  height: var(--site-header-height);
  top: var(--wordpress-admin-bar-height);
}

body.admin-bar { --wordpress-admin-bar-height: 32px; }

.hero {
  height: calc(100vh - var(--site-header-height) - var(--wordpress-admin-bar-height));
  height: calc(100svh - var(--site-header-height) - var(--wordpress-admin-bar-height));
  min-height: 0;
}

.service-details {
  position: relative;
  grid-template-rows: 467px 144px;
}

.service-details::after {
  position: absolute;
  top: 467px;
  right: 0;
  left: 0;
  height: 2px;
  background: var(--paper);
  content: "";
}

.service-details > div { border-right: 0; }
.service-details > div:first-of-type { border-right: 2px solid var(--paper); }
.service-details__result { min-height: 0; height: 96px; padding: 27.2px 10px; }
.service-details__result b { font-weight: 600; }
.process__list li:last-child { border-bottom: 0; }

@media (max-width: 1239px) {
  .service-details::after { display: none; }
  .service-details > div:first-of-type { border-right: 0; }
  .hero__note { width: min(100%, 486px); }
}

@media (min-width: 1240px) {
  .section-heading > p { transform: translateX(10px); text-align: right; }
  .process__list::before { bottom: 0; width: 1px; background: var(--muted); }
  .process__list li { border-bottom: 1px solid var(--muted); }
}

@media (max-width: 782px) {
  body.admin-bar { --wordpress-admin-bar-height: 46px; }
}

/* The narrow-screen hero must grow with its content. This file is loaded
   after the base responsive rules, so it wins over the viewport-height rule. */
@media (max-width: 600px) {
  .hero {
    height: auto;
    min-height: 0;
  }

  .hero__content {
    height: auto;
    padding-bottom: 64px;
  }

  .hero__actions {
    position: static;
    margin-top: 30px;
  }
}