/* ===========================================================================
   Page-level glue: how the ported sections sit together on each page.
   =========================================================================== */

/* Home and About draw their own grain layer, so hide the one from site.css. */
body.no-site-grain::after { display: none; }

/* Home: everything below the hero scrolls above the fixed 3D background
   and grain (z-index 0–1), with the original's side gutters. */
.page-content {
    position: relative;
    z-index: 2;
    padding: 0 0.75rem;
}
@media (min-width: 640px)  { .page-content { padding: 0 1.25rem; } }
@media (min-width: 1280px) { .page-content { padding: 0 1.75rem; } }

/* Footer always sits above the fixed background layers. */
.ch-footer { position: relative; z-index: 2; }

/* Inner pages (privacy, demo, template): leave room for the fixed nav. */
.page-inner main { position: relative; z-index: 2; }