/* Talent Hero homepage refinement, 2026-10-03.
 * Keeps the incumbent fonts, colors, imagery, copy and interaction behavior.
 * Every rule is homepage-scoped; load after the existing theme stylesheet.
 */
.home .hero-section h1 {
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
.home .hero-section .sub-headline {
  max-width: 58ch;
  line-height: 1.6;
  margin: 24px 0 28px;
}
.home .hero-section a,
.home .cta-home a {
  line-height: 1.5;
  padding: 16px 28px;
}
.home .websites-container h2,
.home .thm-stats h2,
.home .business-options-container h2,
.home .testimonials-container h2,
.home .blog-home h2 {
  font-size: 34px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.015em;
  text-wrap: balance;
  max-width: 34ch;
  margin-left: auto;
  margin-right: auto;
}
.home .cta-home h2 {
  font-size: 38px;
  line-height: 1.25;
  letter-spacing: -0.015em;
  text-wrap: balance;
}
.home .websites-container {
  padding-top: 20px;
}
.home .website-details.new-details .web-label {
  line-height: 1.5;
  margin-bottom: 14px;
}
.home .website-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-width: 400px;
}
.home .results-box,
.home .results-box:not(:last-child) {
  min-width: 0;
  margin-right: 0;
  padding: 22px 14px;
}
.home .results-box > span {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.45;
}
.home .results-box span.number {
  font-weight: 600;
}
.home .business-options {
  gap: 16px;
}
.home .business-option,
.home .business-option:not(:last-child) {
  margin: 0;
}
.home .testimonials-redesign p {
  font-size: 18px;
  line-height: 1.65;
}
.home .testimonials-redesign h4,
.home .testimonials-redesign .thm-testimonial-name {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  margin: 18px 0 6px;
}
.home .testimonials-redesign .thm-testimonial-role {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: uppercase;
  margin: 0;
}
.home .hero-video,
.home .testimonials-video {
  width: 100%;
  height: auto;
  padding: 0;
  aspect-ratio: 16 / 9;
}
.home .hero-video iframe,
.home .testimonials-video iframe {
  width: 100%;
  height: 100%;
  display: block;
  inset: 0;
}
.home .blog-home .blog-item-title {
  height: auto !important; /* The legacy script equalizes title boxes. */
  flex: 1;
}
.home .blog-home .homepage-blog-items {
  align-items: stretch;
}
.home .blog-home .blog-item-container,
.home .blog-home .blog-item {
  display: flex;
  flex-direction: column;
}
.home .blog-home .blog-item {
  flex: 1;
  width: 100%;
}
.home .blog-home .blog-item-title h3,
.home .blog-home .blog-item-title h3 a {
  font-size: 21px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.01em;
}
.home .blog-home .blog-item-title h3 a {
  padding: 24px;
}
.home a:focus-visible,
.home button:focus-visible {
  outline: 3px solid #1d2b36;
  outline-offset: 4px;
}
.home .hero-section a:focus-visible,
.home .top-bar a:focus-visible,
.home .main-menu > div > ul > li > a:focus-visible {
  outline-color: #fcc60c;
}
@media (min-width: 1200px) {
  .home .business-option {
    flex-basis: calc((100% - 64px) / 5);
  }
}
@media (min-width: 992px) {
  .home .new-websites-row {
    display: flex;
    align-items: center;
  }
  .home .website-details.new-details {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .home .hero-section .container,
  .home .testimonials-container .container {
    padding-left: 24px;
    padding-right: 24px;
  }
  .home .new-websites-row > [class*="col-"] {
    width: 100%;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .home .website-details.new-details {
    max-width: 500px;
    margin: 24px auto 0;
  }
  .home .website-options {
    max-width: none;
  }
  .home .testimonials-redesign {
    padding-left: 0;
    padding-right: 24px;
  }
  .home .business-option {
    flex-basis: calc((100% - 32px) / 3);
  }
}
@media (max-width: 767px) {
  .home .header {
    padding: 12px 0;
    margin-top: 44px;
  }
  .home .header .logo-outer {
    margin-bottom: 12px;
  }
  .home .header .logo-outer img {
    width: 238px;
    max-width: 100%;
  }
  .home .header .header-cta a {
    font-size: 13px;
    line-height: 1.4;
    padding: 12px 14px;
  }
  .home .header .top-bar .container {
    padding-left: 12px;
    padding-right: 12px;
  }
  .home .header .top-bar ul {
    align-items: center;
    gap: 8px;
    min-height: 44px;
  }
  .home .header .top-bar ul li,
  .home .header .top-bar ul li:not(:last-child) {
    margin: 0 !important;
    padding-left: 0;
  }
  .home .header .top-bar ul li.email a {
    display: block;
    width: 44px;
    height: 44px;
    padding: 0;
    background-position: center;
  }
  .home .header .top-bar ul li.phone a {
    display: flex;
    align-items: center;
    min-width: 104px;
    width: auto;
    height: 44px;
    padding: 0 4px 0 26px;
    font-size: 12px;
    line-height: 1.35;
    background-position: left center;
  }
  .home .header .top-bar ul li.email-steroids {
    flex: 1;
    min-width: 0;
  }
  .home .header .top-bar ul li.email-steroids a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding-left: 0;
    background: none;
    font-size: 12px;
    line-height: 1.35;
  }
  .home .hero-section {
    padding: 32px 0 64px;
  }
  .home .hero-section h1 {
    font-size: clamp(30px, 8.7vw, 36px);
    margin: 0 0 20px;
  }
  .home .hero-section .sub-headline {
    font-size: 17px;
    line-height: 1.6;
    margin: 20px 0 24px;
  }
  .home .hero-section a,
  .home .cta-home a {
    max-width: 100%;
    padding: 15px 22px;
    font-size: 14px;
  }
  .home .hero-section .media-section {
    margin-top: 28px;
  }
  .home .hero-video {
    margin-top: 0;
  }
  .home .websites-container h2,
  .home .thm-stats h2,
  .home .business-options-container h2,
  .home .testimonials-container h2,
  .home .blog-home h2,
  .home .cta-home h2 {
    font-size: 28px;
    line-height: 1.3;
  }
  .home .websites-container h2 br,
  .home .business-options-container h2 br,
  .home .blog-home .blog-item-title br {
    display: none;
  }
  .home .new-websites-row {
    margin-bottom: 44px;
  }
  .home .website-details.new-details .web-label,
  .home .website-details.new-details .web-label a {
    font-size: 16px;
  }
  .home .results-box {
    padding: 20px 12px;
  }
  .home .results-box > span {
    font-size: 16px;
  }
  .home .business-options-container {
    padding: 44px 0 48px;
  }
  .home .business-options {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .home .business-option a {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 22px;
    min-height: 80px;
    text-align: left;
  }
  .home .business-option img {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    object-fit: contain;
  }
  .home .business-option .hover-image {
    top: 50%;
    left: 22px;
    transform: translateY(-50%);
  }
  .home .business-option h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.4;
  }
  .home .testimonials-redesign {
    padding: 0;
  }
  .home .testimonials-redesign p {
    font-size: 17px;
    line-height: 1.65;
  }
  .home .testimonials-video {
    margin-top: 28px;
  }
  .home .blog-home {
    padding: 44px 0;
  }
  .home .blog-home .blog-item-title h3,
  .home .blog-home .blog-item-title h3 a {
    font-size: 20px;
    line-height: 1.45;
  }
  .home .blog-home .blog-item-title h3 a {
    padding: 20px;
  }
}