/* Zero-height nav-colour trigger: sits just before a section and is shifted
   down half a viewport, so the scrubbed nav transition finishes exactly as
   that section's background reaches the top of the screen. No layout impact. */
.navcol{position:relative;height:0;width:0;transform:translateY(50vh);pointer-events:none}
/* The three PART blocks on /product-requests are 500px dark image bands —
   shorter than the 450px scrub, so a fade can't resolve inside them. Switch
   instantly instead. !important outranks the inline style gsap animates. */
.nav_content.nav-over-dark{--_colors---nav-color:#f9f8f6!important}
.footer_links_2col{flex-direction:row!important;align-items:flex-start!important;gap:88px}
/* The .8rem row gap on .footer_links / .footer_socials never reaches the
   inner .footer_links_col divs, so without this the nav links sit tighter
   than the socials and legal links. Applies at every width. */
.footer_links_col{display:flex;flex-direction:column;flex-shrink:0;gap:.8rem}

/* Footer link columns hug their content so each [ + ] sits just after the
   column's longest label (aligned within the column) rather than stretching
   across the whole grid cell. Applies to all four columns, all locales. */
.footer_links_col,
.footer_links.is-2,
.footer_socials{width:max-content}
.footer_links_col .link_bracket_component,
.footer_links.is-2 .link_bracket_component,
.footer_socials .link_bracket_component{width:100%;gap:12px}

@media screen and (max-width:767px){
/* Stacked on mobile, each column hugged its own longest label, so the [ + ]
   landed at a different x for each group. Fill the container instead, so the
   brackets line up down the whole footer.
   The .8rem row gap comes from .footer_links / .footer_socials, but the inner
   .footer_links_col divs never inherit it, so the nav links sat tighter than
   the socials and legal links. Match it here, and on the wrapper too, so the
   step is even across the join between the two columns. */
.footer_links_2col{flex-direction:column!important;gap:.8rem}
.footer_links_col{width:100%}
}