/* Final client refinements: level hero typography and a more legible utility bar. */

.concept--trial .hero-copy h1 {
  line-height: .88;
  letter-spacing: -.018em;
}

.concept--trial .hero-title-line {
  min-height: .84em;
  padding-block: .01em .055em;
}

.concept--trial .hero-title-line--secondary {
  margin-top: -.065em;
}

.concept--trial .hero-copy h1 .hero-title-line--primary > strong,
.concept--trial .hero-copy h1 .hero-title-line--secondary > span {
  transform: translateY(112%);
  transform-origin: left center;
}

.ready .concept--trial .hero-copy h1 .hero-title-line--primary > strong,
.ready .concept--trial .hero-copy h1 .hero-title-line--secondary > span {
  transform: translateY(0);
}

.concept--trial.is-switching .hero-title-line--primary > strong,
.concept--trial.is-switching .hero-title-line--secondary > span {
  transform: translateY(-115%);
}

.concept--trial.is-entering .hero-title-line--primary > strong,
.concept--trial.is-entering .hero-title-line--secondary > span {
  transform: translateY(115%);
}

@media (min-width: 981px) {
  body .header.site-header,
  body:not([data-page="home"]) .header.site-header,
  body.inspection-page .header.site-header {
    height: 120px !important;
    min-height: 120px !important;
    grid-template-rows: 36px 84px !important;
    background: linear-gradient(to bottom, #050505 0 36px, transparent 36px) !important;
  }

  body .header.site-header .header-utility {
    gap: 24px;
    color: rgba(247, 241, 229, .67);
    font-size: 8.5px;
    letter-spacing: .17em;
  }

  .header-utility > div { gap: 18px; }
  .header-utility > div > b { padding-left: 18px; }
  .header-utility__socials { gap: 15px; }

  .header-utility__socials a {
    width: 24px;
    height: 24px;
  }

  .header-utility__socials svg {
    width: 15px;
    height: 15px;
  }
}

body .header.site-header .brand img,
.site-footer .footer-brand img {
  background: transparent !important;
}

@media (max-width: 980px) {
  .concept--trial .hero-copy h1 {
    line-height: .9;
    letter-spacing: -.012em;
  }

  .concept--trial .hero-title-line--secondary {
    margin-top: -.045em;
  }
}

@media (max-width: 760px) {
  .site-footer .footer-socials {
    align-items: center !important;
  }

  .site-footer .footer-socials a {
    display: flex !important;
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  .site-footer .footer-socials a svg {
    position: static !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px;
    margin: 0 !important;
    transform: none !important;
  }
}