/*
 Menu section (v2): H2 + column grid capped at 1080px.
 First section 100/90, following sections hairline-top 90/90.
========================================================================== */
.block-menu-section .container {
  padding-block: clamp(64px, 3rem + 3.62vw, 100px) clamp(56px, 3rem + 2.92vw, 90px);
}
.block-menu-section + .block-menu-section .container {
  border-top: 1px solid var(--wp--custom--color--hairline);
  padding-top: clamp(56px, 3rem + 2.92vw, 90px);
}
.block-menu-section.has-eyebrow .container {
  border-top: 1px solid var(--wp--custom--color--hairline);
  padding-block: clamp(64px, 3rem + 3.62vw, 100px) clamp(72px, 3.6rem + 4.33vw, 120px);
}
.block-menu-section .section-header {
  margin-bottom: 48px;
}
.block-menu-section .menu-legend {
  font-family: var(--wp--preset--font-family--accent, var(--wp--preset--font-family--primary));
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--wp--preset--color--shade);
  margin: 0 0 6px;
}
.block-menu-section .menu-columns {
  display: grid;
  gap: 56px 64px;
  align-items: start;
  max-width: 1080px;
}
.block-menu-section.is-layout-two-col .menu-columns {
  grid-template-columns: 1fr 1fr;
  column-gap: 120px;
}
.block-menu-section.is-layout-four-col .menu-columns {
  grid-template-columns: repeat(4, 1fr);
  gap: 56px;
}
.block-menu-section .menu-columns > .acf-innerblocks-container {
  display: contents;
}
.block-menu-section .menu-columns > .acf-innerblocks-container > * {
  margin-block: 0;
}
.block-menu-section .menu-columns > .acf-innerblocks-container > .wp-block-meta-menu-column:has(.acf-block-fields) {
  grid-column: 1/-1;
}
@media screen and (max-width: 1279px) {
  .block-menu-section.is-layout-two-col .menu-columns {
    column-gap: 72px;
  }
}
@media screen and (max-width: 991px) {
  .block-menu-section.is-layout-two-col .menu-columns {
    grid-template-columns: 1fr;
  }
  .block-menu-section.is-layout-four-col .menu-columns {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 575px) {
  .block-menu-section.is-layout-four-col .menu-columns {
    grid-template-columns: 1fr;
  }
}
