:root{
    --red:#9B1A17;
    --red-deep:#6E120F;
    --black:#242323;
    --offwhite:#F3F0E8;
    --offwhite2:#ECE8DE;
    --stone:#B7AFA0;
    --stone-line:rgba(36,35,35,.16);
    --white:#FFFFFF;
    --serif:'Playfair Display', serif;
    --sans:'Montserrat', sans-serif;
    --script:'Petit Formal Script', cursive;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;background:#DAD5C9;font-family:var(--sans);}
  .toolbar{
    position:sticky; top:0; z-index:50;
    background:var(--black); color:var(--offwhite);
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 28px; font-family:var(--sans); font-size:12px;
    letter-spacing:.14em; text-transform:uppercase;
  }
  .toolbar button{
    background:var(--red); color:var(--white); border:none;
    padding:10px 20px; font-family:var(--sans); font-weight:700;
    font-size:11px; letter-spacing:.14em; text-transform:uppercase;
    border-radius:2px; cursor:pointer;
  }
  .book{max-width:1500px; margin:40px auto 80px;}
  .page{
    position:relative; width:100%; min-height:900px; overflow:hidden;
    padding:76px 96px; margin-bottom:28px; box-shadow:0 30px 60px rgba(0,0,0,.18);
  }
  .page.light{background:var(--offwhite); color:var(--black);}
  .page.dark{background:linear-gradient(155deg,#373534 0%,#211f1f 55%,#171515 100%); color:var(--offwhite);}
  .ghost{
    position:absolute; z-index:0; font-family:var(--serif); font-weight:900;
    white-space:nowrap; line-height:1; letter-spacing:.02em; pointer-events:none;
  }
  .dot{position:absolute; border-radius:50%; z-index:1;}
  .eyebrow{
    font-family:var(--sans); font-weight:700; font-size:12px;
    letter-spacing:.22em; text-transform:uppercase;
  }
  .content{position:relative; z-index:2;}
  .footer{
    position:absolute; left:96px; right:96px; bottom:44px;
    display:flex; align-items:center; justify-content:space-between;
    font-family:var(--sans); font-weight:700; font-size:11px;
    letter-spacing:.18em; text-transform:uppercase; z-index:2;
  }
  .footer .u{border-bottom:2px solid var(--red); padding-bottom:3px;}
  .script{font-family:var(--script); font-weight:400;}
  .hl-red{background:var(--red); color:var(--offwhite); padding:2px 10px; border-radius:2px;}
  .hl-red-outline{border:1.5px solid var(--red); color:var(--red); padding:2px 10px; border-radius:2px;}
  .pill{
    display:inline-block; padding:9px 22px; border-radius:999px;
    font-family:var(--sans); font-weight:700; font-size:12px; letter-spacing:.1em;
    text-transform:uppercase;
  }
  .frame-label{
    display:inline-block; border:1px solid currentColor; padding:9px 22px;
    font-family:var(--sans); font-weight:600; font-size:12px; letter-spacing:.22em; text-transform:uppercase;
  }
  h1,h2,h3,p{margin:0;}
  @media print{
    body{background:#fff;}
    .toolbar{display:none;}
    .book{margin:0; max-width:none;}
    .page{box-shadow:none; margin:0; page-break-after:always; min-height:100vh;}
  }
  @media (max-width:960px){
    .page{padding:50px 30px;}
    .split{flex-direction:column !important;}
  }