/* Visual-first: lock backgrounds to PDF pages, overlay minimal live text */
:root{
  --ink:#1c1b1a;
  --muted:#5e5b58;
  --brand:#e06a2d;
  --brand-dark:#b3501f;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--ink)}

.topbar{
  position:sticky; top:0; z-index:10;
  display:flex; justify-content:space-between; align-items:center;
  padding:.5rem .9rem; background:#ffffffcc; backdrop-filter: blur(8px);
  border-bottom:1px solid #eee;
}
.topbar .brand{display:flex; gap:.5rem; align-items:center; text-decoration:none; color:var(--ink); font-weight:800}
.topbar .brand img{width:34px; height:auto}
.topbar nav{display:flex; gap:10px}
.topbar nav a{color:var(--ink); text-decoration:none; font-weight:600}
.topbar nav .btn{background:var(--brand); color:#fff; padding:.4rem .7rem; border-radius:999px}

.page{
  min-height:100svh;
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  display:flex;
  align-items:flex-end;
}
.page1{ background-image:url('assets/page-1.png'); }
.page2{ background-image:url('assets/page-2.png'); }

.overlay{
  width:min(1100px, 92%); margin:0 auto 6svh;
  background:#ffffffd0; backdrop-filter: blur(4px);
  padding:16px 18px; border-radius:16px; border:1px solid #eee;
}
.overlay.narrow{width:min(800px, 92%)}

h1,h2{font-family:"Playfair Display", Georgia, serif; margin:0 0 .4rem}
.title{font-size:clamp(1.8rem, 3.8vw + .5rem, 3rem)}
.lead{color:var(--muted); margin:0 0 .8rem}

.button{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.7rem 1rem; border-radius:999px; text-decoration:none; font-weight:800; border:2px solid transparent;
}
.button.primary{background:var(--brand); color:#fff}
.button.primary:hover{background:var(--brand-dark)}
.button.ghost{border-color:var(--ink); color:var(--ink)}
.button.ghost:hover{border-color:var(--brand); color:var(--brand)}
.cta-row{display:flex; gap:10px; flex-wrap:wrap}

.foot{padding:18px; text-align:center; color:#666; border-top:1px solid #eee; background:#fff}