/* stack-pages.css — sleego overlapping "page" sections: each block has a large rounded top and sits -mt over the previous one.
   <main class="pages"><section class="page" style="--page-bg:#fbf5ec">…</section></main> */
.pages{position:relative}
.page{position:relative;z-index:1;margin-top:clamp(-64px,-8vw,-28px);padding:clamp(64px,10vw,140px) clamp(20px,5vw,80px);
  background:var(--page-bg,var(--paper,#fbf5ec));color:var(--page-ink,var(--ink-dark,#221a24));
  border-radius:clamp(28px,5vw,56px) clamp(28px,5vw,56px) 0 0;
  box-shadow:0 -18px 40px rgba(0,0,0,.08)}
.page:first-child{margin-top:0;border-radius:0}
.page:nth-child(even){z-index:2}
.page:nth-child(odd){z-index:3}