/* BEAM EDGE page-turn (css). Hook: [data-be-page], set by page-turn.js on the sections AFTER the hero only.
   Shade colour is derived from the brand navy (--primary = 16,29,75). Removing this file + the JS restores the site exactly. */
[data-be-page]{--be-pt-ink:16,29,75;position:relative}
/* the lifting page flares toward the viewer; clip it horizontally so it can never create sideways scroll (no scroll container is created) */
[data-be-pages]{overflow-x:clip}
.be-pageturn-in,.be-pageturn-out{position:absolute;left:0;right:0;pointer-events:none;opacity:0;z-index:2}
/* shadow the lifting page casts on the next page (top of the incoming section) */
.be-pageturn-in{top:0;height:min(240px,40%);background:linear-gradient(rgba(var(--be-pt-ink),.38),rgba(var(--be-pt-ink),.12) 45%,rgba(var(--be-pt-ink),0))}
/* paper edge: soft curl shading + a thin highlight on the lifting page's bottom edge */
.be-pageturn-out{bottom:0;height:min(220px,40%);
 background:linear-gradient(to top,rgba(255,255,255,.9) 0,rgba(255,255,255,.9) 2px,rgba(255,255,255,0) 2px),linear-gradient(to top,rgba(var(--be-pt-ink),.26),rgba(var(--be-pt-ink),0))}
@media (prefers-reduced-motion:reduce){.be-pageturn-in,.be-pageturn-out{display:none}}