/* LMYC fluid layout — stable from 13″ through 15″+ laptops (no brittle width hacks) */

:root {
  --lmyc-site-max: 112rem;
  --lmyc-site-wide: 147rem;
  /* ~28px @ 1280px → ~64px @ 1920px */
  --lmyc-gutter: clamp(1.75rem, calc(0.5rem + 2.8vw), 4rem);
  --lmyc-gutter-tight: clamp(1.25rem, calc(0.35rem + 2vw), 2.5rem);
  --lmyc-content-max: min(var(--lmyc-site-max), 100%);
  --lmyc-content-wide: min(var(--lmyc-site-wide), 100%);
  /* Side polaroid / collage rails — scales with viewport, one formula for all laptop sizes */
  --lmyc-rail-width: clamp(14rem, calc(2rem + 15vw), 32rem);
  --lmyc-rail-gap: clamp(1.5rem, calc(0.5rem + 2.5vw), 5.5rem);
}

/* About pages — consistent gutters on main content (header/footer keep theme defaults) */
body.lmyc-about-page #main-content .page-width {
  max-width: var(--lmyc-content-wide);
  padding-inline: var(--lmyc-gutter);
  box-sizing: border-box;
}

body.lmyc-about-page #main-content .lmyc-lineage-tyi-wrap,
body.lmyc-about-page #main-content .lmyc-founders-origin-padding,
body.lmyc-about-page #main-content #lmyc-space-parallax .lmyc-space-parallax-intro .page-width,
body.lmyc-about-page #main-content #lmyc-space-parallax .lmyc-space-parallax-reveal.page-width {
  max-width: var(--lmyc-content-wide);
  margin-inline: auto;
  padding-inline: var(--lmyc-gutter);
  box-sizing: border-box;
}