/* 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-a-page-hero] {
  isolation: isolate;
  padding-block: calc(var(--header-h) + clamp(2.5rem, 1.5rem + 4vw, 5rem)) clamp(3rem, 2rem + 4vw, 5.5rem);
  position: relative;
  overflow: hidden;
}
.phero__grid[data-c-a-page-hero] {
  align-items: center;
  gap: clamp(2rem, 1rem + 4vw, 5rem);
  display: grid;
}
.phero--split[data-c-a-page-hero] .phero__grid[data-c-a-page-hero] {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
}
.phero__copy[data-c-a-page-hero] {
  justify-items: start;
  gap: var(--s-5);
  max-width: 780px;
  display: grid;
}
.crumbs[data-c-a-page-hero] ol[data-c-a-page-hero] {
  font-size: var(--fs-sm);
  color: var(--muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 4px;
  display: flex;
}
.crumbs[data-c-a-page-hero] li[data-c-a-page-hero] {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}
.crumbs[data-c-a-page-hero] a[data-c-a-page-hero] {
  transition: color var(--dur-2);
  text-decoration: none;
}
.crumbs[data-c-a-page-hero] a[data-c-a-page-hero]:hover {
  color: var(--ink);
}
.crumbs[data-c-a-page-hero] [data-c-a-page-hero][aria-current] {
  color: var(--ink);
  font-weight: var(--fw-medium);
}
.crumbs[data-c-a-page-hero] .crumbs__sep {
  opacity: 0.45;
}
.phero__eyebrow[data-c-a-page-hero] {
  margin-top: var(--s-4);
}
.phero__title[data-c-a-page-hero] {
  letter-spacing: var(--tracking-tight);
  text-wrap: balance;
  max-width: 18ch;
  font-size: clamp(2.4rem, 1.2rem + 3.6vw, 4.4rem);
  line-height: 1.02;
}
.phero__lede[data-c-a-page-hero] {
  font-size: var(--fs-md);
  color: var(--muted);
  max-width: 58ch;
}
.phero__actions[data-c-a-page-hero] {
  gap: var(--s-3);
  margin-top: var(--s-2);
  flex-wrap: wrap;
  display: flex;
}
.phero__aside[data-c-a-page-hero] {
  min-width: 0;
}
@media (width<=960px) {
  .phero--split[data-c-a-page-hero] .phero__grid[data-c-a-page-hero] {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (width<=520px) {
  .phero__actions[data-c-a-page-hero] {
    width: 100%;
  }
  .phero__actions[data-c-a-page-hero] .btn {
    justify-content: space-between;
    width: 100%;
  }
}