/* Ported from the reference build by tools/port/css.mjs. Do not edit; edit the generator or override in assets/css/theme/. */
.phero[data-c-page-hero] {
  margin-top: -80px;
  padding-top: calc(80px + clamp(2.5rem, 1.5rem + 4vw, 5rem));
  padding-bottom: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
  position: relative;
  overflow: clip;
}
.phero[data-c-page-hero] > .blobs {
  -webkit-mask-image: linear-gradient(#000 55%, #0000 98%);
  mask-image: linear-gradient(#000 55%, #0000 98%);
}
.phero__inner[data-c-page-hero] {
  gap: var(--space-xl);
  align-items: center;
  display: grid;
}
.phero__text[data-c-page-hero] {
  gap: var(--space-m);
  justify-items: start;
  display: grid;
}
.phero--center[data-c-page-hero] .phero__text[data-c-page-hero] {
  text-align: center;
  justify-items: center;
}
.phero--center[data-c-page-hero] .phero__text[data-c-page-hero] > * {
  justify-self: center;
}
.phero__title[data-c-page-hero] {
  letter-spacing: -0.045em;
  max-width: 18ch;
  font-size: clamp(2.3rem, 1.2rem + 4vw, 4.6rem);
  font-weight: 800;
  line-height: 1.02;
}
.phero--center[data-c-page-hero] .phero__title[data-c-page-hero] {
  max-width: 20ch;
}
.phero__lede[data-c-page-hero] {
  font-size: var(--step-1);
  color: var(--ink-2);
  max-width: 40rem;
  line-height: 1.55;
}
.crumbs[data-c-page-hero] ol[data-c-page-hero] {
  color: var(--ink-3);
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
  font-weight: 600;
  display: flex;
}
.crumbs[data-c-page-hero] li[data-c-page-hero] {
  align-items: center;
  gap: 0.35rem;
  display: inline-flex;
}
.crumbs[data-c-page-hero] a[data-c-page-hero] {
  color: var(--ink-2);
  text-decoration: none;
}
.crumbs[data-c-page-hero] a[data-c-page-hero]:hover {
  color: var(--tangerine-deep);
}
.crumbs[data-c-page-hero] [data-c-page-hero][aria-current] {
  color: var(--ink);
}
@media (width>=960px) {
  .phero--split[data-c-page-hero] .phero__inner[data-c-page-hero] {
    grid-template-columns: 1.15fr 0.85fr;
  }
}