/**
 * LOCKED SECTIONS SHIELD
 * Header / Hero / About / Highlights / Why 4S — visually immutable.
 */

.site-header,
.hero,
.about-section,
.highlights-section,
.why-invest-section {
  isolation: isolate;
}

.about-section .about-shell {
  width: min(calc(100% - 64px), 1500px);
  margin-inline: auto;
}

.highlights-section .highlights-shell {
  width: min(calc(100% - 2.5rem), 1500px);
  margin-inline: auto;
}

.why-invest-section .why-shell {
  width: min(calc(100% - 2.5rem), 1500px);
  margin-inline: auto;
}