/* Aligned with the hero’s ten columns and eight-pixel spacing rhythm. */
.hero-split .supporter-strip{grid-column:2/12;width:100%;padding-top:8px;scroll-margin-top:120px}
.supporter-strip h2{margin:0 0 32px;max-width:none;width:100%;font-family:var(--font-body,"DM Sans",sans-serif);font-size:14px;font-weight:500;line-height:1.5;letter-spacing:.02em;text-align:center;color:#716f69}
.supporter-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:center;margin:0;padding:0;list-style:none}
.supporter-logos li{display:flex;align-items:center;justify-content:center;min-width:0;min-height:64px}
.supporter-logo{display:block;position:relative;overflow:hidden;width:var(--logo-width);max-width:100%;background:var(--white,#fbfaf7)}
.supporter-logo img{mix-blend-mode:multiply;position:absolute;max-width:none;height:auto;display:block}
@media(max-width:980px){.hero-split .supporter-strip{grid-column:1/-1;padding-top:16px}}
@media(max-width:660px){.hero-split .supporter-strip{padding-top:8px}.supporter-strip h2{font-size:13px;margin-bottom:24px}.supporter-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}.supporter-logos li{min-height:56px}.supporter-logo{width:calc(var(--logo-width)*.8)}}

.supporter-logo:focus-visible{outline:2px solid var(--ink,#151515);outline-offset:8px}
@media(hover:hover){.supporter-logo:hover{opacity:.7}}
