:root {
    --paper: #f5f2ed;
    --paper-light: #fffdf9;
    --ink: #2d2d2d;
    --muted: #746f69;
    --accent: #6d5544;
    --accent-dark: #584436;
    --line: rgba(45,45,45,.12);
}
html { scroll-behavior: smooth; }
body { background: var(--paper); color: var(--ink); font-family: Georgia, serif; }
.site-nav { background: rgba(245,242,237,.94); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.navbar-brand { letter-spacing: .18em; font-weight: 500; }
.nav-link { font-family: system-ui, sans-serif; }
.hero { min-height: 76vh; display:flex; align-items:center; background: radial-gradient(circle at 18% 20%, #fff 0, #f7eee3 34%, transparent 62%), linear-gradient(135deg,#efe7dc,#fffdf9); }
.book-cover { max-width: 340px; width:100%; border-radius: 4px; box-shadow: 0 22px 55px rgba(0,0,0,.2); }
.eyebrow { font-family: system-ui,sans-serif; text-transform:uppercase; letter-spacing:.18em; font-size:.78rem; color:var(--muted); }
.hero-title { font-size:clamp(3.8rem,9vw,7.4rem); font-weight:400; letter-spacing:.06em; line-height:.95; }
.lead-copy { font-size:clamp(1.15rem,2vw,1.45rem); line-height:1.7; max-width:690px; }
.btn-order { background:var(--accent); border-color:var(--accent); color:#fff; }
.btn-order:hover,.btn-order:focus { background:var(--accent-dark); border-color:var(--accent-dark); color:#fff; }
.btn-outline-book { border-color:var(--accent); color:var(--accent); }
.btn-outline-book:hover { background:var(--accent); border-color:var(--accent); color:#fff; }
.section-title { font-size:clamp(2rem,4vw,3.2rem); font-weight:400; }
.prose { font-size:1.12rem; line-height:1.85; }
.feature-card,.order-card { border:0; border-radius:18px; background:var(--paper-light); box-shadow:0 12px 35px rgba(0,0,0,.07); }
.quote-section { background:#e9dfd3; }
.quote-mark { font-size:5rem; line-height:.5; opacity:.22; }
.small-note { color:var(--muted); font-family:system-ui,sans-serif; }
.order-hero { background:linear-gradient(135deg,#efe7dc,#fffdf9); border-bottom:1px solid var(--line); }
.form-label { font-family:system-ui,sans-serif; font-weight:600; font-size:.94rem; }
.form-control,.form-select { min-height:48px; border-color:#d8d0c8; }
.form-control:focus,.form-select:focus { border-color:#9b806d; box-shadow:0 0 0 .25rem rgba(109,85,68,.14); }
footer { border-top:1px solid var(--line); font-family:system-ui,sans-serif; color:var(--muted); }