/* ═══════════════════════════════════════════
   PAGE SYSTEM
═══════════════════════════════════════════ */
.page{display:none;} .page.active{display:block;}

/* ═══════════════════════════════════════════
   SECTIONS
═══════════════════════════════════════════ */
.sec   { padding:80px 24px; }
.sec-s { padding:64px 24px; }
.wrap  { max-width:1100px; margin:0 auto; }
.ey    { font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--bd); display:block; margin-bottom:12px; }
[data-theme="dark"] .ey { color:var(--bl); }
.st    { font-size:clamp(25px,3.8vw,46px); font-weight:900; letter-spacing:-1.5px; color:var(--tx); line-height:1.12; margin-bottom:16px; }
.sb    { font-size:16px; line-height:1.76; color:var(--tx2); }

/* ═══════════════════════════════════════════
   INNER PAGE WRAP
═══════════════════════════════════════════ */
.page { position: relative; }
/* (Per-page entry gradients removed — replaced by a single uniform body::before below) */
.pw { max-width:1100px; margin:0 auto; padding:180px 24px 80px; }
.ph { padding-bottom:56px; text-align:center; }
.ph .ey { margin-bottom:16px; }
.ph h1  { font-size:clamp(32px,5vw,58px); font-weight:900; letter-spacing:-2px; color:var(--tx); line-height:1.1; }
.ph h1 + p { margin-top:22px; }
.ph p   { font-size:17px; color:var(--tx2); line-height:1.74; max-width:560px; margin:22px auto 0; }
.ph + * { margin-top:32px; }