/* [project]/components/seo/index-hero.css [app-client] (css) */
.index-page {
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
}

.index-hero {
  border-bottom: 1px solid var(--line);
  flex-direction: column;
  gap: clamp(.5rem, 1vw, .75rem);
  padding-block-end: clamp(.5rem, 1vw, .75rem);
  display: flex;
}

.index-hero__eyebrow {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--accent);
  margin: 0;
  font-size: clamp(.7rem, .65rem + .15vw, .8rem);
  font-weight: 600;
}

.index-hero__h1 {
  font-family: var(--display);
  color: var(--ink);
  margin: 0;
  font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.4rem);
  font-weight: 800;
  line-height: 1.15;
}

.index-hero__intro {
  max-width: 70ch;
  color: var(--ink-2);
  margin: 0;
  font-size: clamp(.95rem, .88rem + .3vw, 1.05rem);
  line-height: 1.55;
}

.index-hero__byline {
  color: var(--ink-3, var(--ink-2));
  opacity: .78;
  margin: 0;
  font-size: clamp(.8rem, .75rem + .2vw, .875rem);
  line-height: 1.45;
}

/*# sourceMappingURL=0yn1v5sv3myv6.css.map*/