/* Restore the existing homepage components after the About overrides.
   Source: css/halo-lab.css (.section.mod--success, .success__*,
   .columns.mod--success, .section.mod--new-discuss and shared breakpoints).
   homepage-patterns.css supplies the remaining unmodified shared rules. */
body.team-story #numbers.story-home-numbers {
  padding: 1.5rem 1.25rem 5rem !important;
  color: #fff;
  position: relative;
}
body.team-story #numbers.story-home-numbers > .container {
  width: 100%;
  max-width: 82rem;
  margin-inline: auto;
  padding: 0;
}
body.team-story #numbers.story-home-numbers .columns.mod--success {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  column-gap: 3.75rem;
  row-gap: 0;
  padding: 0 2.5rem 2rem;
}
body.team-story #numbers.story-home-numbers .columns__col.mod--success {
  flex: 1;
  width: auto;
  padding-inline: 2.5rem;
  row-gap: 1rem;
}
body.team-story #numbers.story-home-numbers .success__label {
  color: #fff;
  opacity: 1;
  font: italic 400 1.375rem/1 'Instrument Serif', Arial, sans-serif;
  letter-spacing: .04ch;
  padding-inline: 1.5rem;
}
body.team-story #numbers.story-home-numbers .success__label .opacity-60 { opacity: .6; }
body.team-story #numbers.story-home-numbers .success__card-title {
  font: normal 400 3.75rem/1.2 'Instrument Serif', Arial, sans-serif;
  letter-spacing: -.075rem;
  color: #fff;
}
body.team-story #numbers.story-home-numbers .success__card-text {
  max-width: none;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #fff;
}
body.team-story #numbers.story-home-numbers .success__card-text.max-width-212 { max-width: 13.25rem; }

/* The CTA keeps its shared wheel, 35rem desktop text inset and button states.
   Its paint comes from the same continuous homepage gradient as the numbers. */
body.team-story #contact.story-home-contact {
  padding: 0 1.25rem 8rem;
}
body.team-story #contact.story-home-contact .new-discuss__text {
  color: var(--blue-dark-70, rgb(2 2 30 / 70%));
}


/* The retained Webflow export zeros .site-source's right padding with
   !important. Restore this component's symmetric gutter. */
body.team-story #love-letters.site-love-letters { padding-inline: var(--site-gutter) !important; }
body.team-story #love-letters .container { margin-inline: auto; min-width: 0; }
body.team-story #contact.story-home-contact .final-cta__shot-img {
  object-fit: cover;
  object-position: var(--photo-position, center);
}

@media (max-width: 991px) {
  body.team-story #numbers.story-home-numbers { padding: .5rem 2rem 3.5rem !important; }
  body.team-story #numbers.story-home-numbers .columns.mod--success { align-items: flex-start; }
  body.team-story #numbers.story-home-numbers .columns__col.mod--success { padding-inline: 0; }
  body.team-story #numbers.story-home-numbers .success__card-title { font-size: 3rem; }
  body.team-story #numbers.story-home-numbers .success__card-text { font-size: .875rem; }
  body.team-story #numbers.story-home-numbers .success__label { font-size: 1.125rem; padding-inline: 1rem; }
  body.team-story #contact.story-home-contact { padding: 0 2rem 4rem; }
}
@media (max-width: 767px) {
  body.team-story #love-letters.site-love-letters { padding-inline: 24px !important; }
  body.team-story #numbers.story-home-numbers { padding: 2.5rem 1rem 1rem !important; }
  body.team-story #numbers.story-home-numbers .columns.mod--success { column-gap: 1.5rem; }
  body.team-story #numbers.story-home-numbers .columns__col.mod--success { row-gap: .5rem; }
  body.team-story #numbers.story-home-numbers .success__card-title { font-size: 1.375rem; }
  body.team-story #numbers.story-home-numbers .success__card-text { font-size: .75rem; }
  body.team-story #numbers.story-home-numbers .success__card-text.max-width-212 { max-width: none; }
  body.team-story #contact.story-home-contact { padding-inline: 1rem; }
}
@media (max-width: 479px) {
  body.team-story #numbers.story-home-numbers .columns.mod--success {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    gap: 2.5rem;
    padding-inline: 3.125rem;
  }
  body.team-story #numbers.story-home-numbers .columns__col.mod--success { flex: 0 auto; }
  body.team-story #numbers.story-home-numbers .success__card-title { font-size: 2rem; }
  body.team-story #numbers.story-home-numbers .success__card-text { max-width: 12rem; }
  body.team-story #numbers.story-home-numbers .success__card-text.max-width-212 { max-width: 10rem; }
  body.team-story #numbers.story-home-numbers .success__label { font-size: .75rem; padding-inline: .75rem; }
  body.team-story #contact.story-home-contact { padding-bottom: 3rem; }
}
