/* The shared site header and footer for pages that keep their own design system (the
   About résumé). Everything is imported into a cascade layer, so the page's own unlayered
   styles win every conflict: its tokens, root font size and résumé rules stay in charge,
   and the shell only fills in what the page does not define. */
@import url('core/_variables.css') layer(site);
@import url('core/_gradients.css') layer(site);
@import url('components/_navigation.css') layer(site);

@layer site {
  .container { max-width: var(--landing-content-max, 1200px); margin: 0 auto; padding: 0 clamp(1rem, 3vw, 2rem); width: 100%; }
}