section.hero:is(:first-child) {
  margin-top: calc(var(--header-height) * -1);
}
section.hero:is(:first-child):not(:has(.img-wrapper)) {
  padding-top: calc(var(--header-height) + 12.5rem);
}
@container main (max-width: 48rem) {
  section.hero:is(:first-child):not(:has(.img-wrapper)) {
    padding-top: calc(var(--header-height) + var(--block-padding-large) * 0.75);
  }
}
section.hero .img-wrapper {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
  -ms-grid-column: 1;
  grid-column: 1;
  overflow: hidden;
}
section.hero:has(.img-wrapper) {
  height: 75svh;
  padding-block: 0 !important;
}
section.hero:has(.img-wrapper) .content {
  z-index: 2;
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column: 1;
  grid-column: 1;
  padding-bottom: calc(var(--block-padding) * 2.5);
}
@container main (max-width: 48rem) {
  section.hero:has(.img-wrapper) .content {
    padding-bottom: calc(var(--block-padding) * 4);
  }
}
section.hero:has(.img-wrapper):not(.not-full-height) {
  height: 100svh;
}
section.hero .content h1 {
  text-transform: uppercase;
  margin: 0;
}
section.hero .content h1 + a {
  margin-top: -0.625rem;
}
section.hero .content a {
  text-decoration: none;
}
section.hero .content h1,
section.hero .content a,
section.hero .content .lead {
  text-align: center;
}