/* Section introduction */
#page .hp4u-section-intro,
#page .hp4u-section-intro * { box-sizing: border-box; }
#page .hp4u-section-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--hp4u-space-sm) var(--hp4u-layout-column-gap);
  width: 100%;
  max-width: var(--hp4u-layout-narrow);
  margin-inline: auto;
  color: var(--hp4u-color-text);
  font-family: var(--hp4u-font-body);
  font-size: var(--hp4u-type-body);
  font-weight: var(--hp4u-font-weight-regular);
  line-height: var(--hp4u-leading-body);
  overflow-wrap: break-word;
  hyphens: none;
}
#page .hp4u-section-intro__heading { margin: 0 !important; min-width: 0; }
#page .hp4u-section-intro__media {
  width: 100%;
  max-width: var(--hp4u-mascot-width-phone);
  min-width: 0;
  margin-inline: auto;
}
#page .hp4u-section-intro__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#page .hp4u-section-intro__content { min-width: 0; }
#page .hp4u-section-intro__content p,
#page .hp4u-section-intro__content ul,
#page .hp4u-section-intro__content ol { margin: 0 0 var(--hp4u-paragraph-gap); }
#page .hp4u-section-intro__content ul,
#page .hp4u-section-intro__content ol { padding-inline-start: var(--hp4u-space-sm); }
#page .hp4u-section-intro__content li + li { margin-top: var(--hp4u-space-2xs); }
#page .hp4u-section-intro__content > :last-child { margin-bottom: 0; }

@media (min-width: 681px) {
  #page .hp4u-section-intro--with-image {
    grid-template-columns: minmax(0, var(--hp4u-mascot-width)) minmax(0, 1fr);
    /* Desktop alignment */
    grid-template-rows: 1fr auto auto 1fr;
    grid-template-areas: "image ." "image heading" "image content" "image .";
    row-gap: 0;
    align-items: center;
  }
  #page .hp4u-section-intro--with-image.hp4u-section-intro--without-heading { grid-template-areas: "image ." "image content" "image ."; grid-template-rows: 1fr auto 1fr; }
  #page .hp4u-section-intro--with-image.hp4u-section-intro--without-content { grid-template-areas: "image ." "image heading" "image ."; grid-template-rows: 1fr auto 1fr; }
  #page .hp4u-section-intro--with-image .hp4u-section-intro__heading { grid-area: heading; }
  #page .hp4u-section-intro--with-image .hp4u-section-intro__content { grid-area: content; }
  #page .hp4u-section-intro--with-image .hp4u-section-intro__heading ~ .hp4u-section-intro__content { margin-top: var(--hp4u-space-sm); }
  #page .hp4u-section-intro--with-image .hp4u-section-intro__media {
    grid-area: image;
    max-width: var(--hp4u-mascot-width);
    margin-inline: 0;
  }
}
@media (max-width: 1099px) {
  #page .hp4u-section-intro { max-width: min(var(--hp4u-layout-narrow), var(--hp4u-layout-section)); }
  #page .vc_section.hp4u-editorial-section .hp4u-frame-narrow { max-width: min(var(--hp4u-layout-narrow), var(--hp4u-layout-section)); }
}

/* Editorial group spacing */
#page .vc_section.hp4u-editorial-section > .vc_row { margin-block: 0; }
#page .vc_section.hp4u-editorial-section > .vc_row:has(.wpb_wrapper > *) ~ .vc_row:has(.wpb_wrapper > *) { margin-top: var(--hp4u-space-lg); }
#page .vc_section.hp4u-editorial-section .wpb_text_column { margin-bottom: 0; }
