/* Explicit sizing keeps the background independent of global image resets. */
.legacy-section { position:relative; isolation:isolate; overflow:hidden; background:#b81220; color:#fff; }
.legacy-section > .legacy-background {
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 max-width:none;
 object-fit:cover;
 object-position:center;
 opacity:.35;
 mix-blend-mode:multiply;
 filter:grayscale(1) contrast(1.15);
 pointer-events:none;
}
.legacy-section > div { position:relative; z-index:1; }
.legacy-section h2 { line-height:1.2; text-wrap:balance; }
.legacy-section p { line-height:1.65; }
@media (max-width:767px) {
 .legacy-section > div { padding:56px 24px; }
 .legacy-section h2 { font-size:clamp(24px,6vw,34px); margin-top:20px; }
 .legacy-section h2 + p { margin-top:24px; }
 .legacy-section .legacy-background { object-position:60% center; }
}