:root{--black:#070609;--purple:#241331;--cream:#f5ead8;--red:#c91f2c;--gold:#ffe600;--muted:#c8becd;--line:#38223f;--max:980px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font-family:Arial,sans-serif;line-height:1.65}
a{color:var(--gold)}
.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}
header{background:#050406;border-bottom:1px solid var(--line)}
nav{min-height:88px;display:flex;align-items:center;gap:22px}
.logo img{display:block;width:205px;max-height:76px;object-fit:contain}
.links{margin-left:auto;display:flex;align-items:center;gap:18px}
.links a{font-weight:900;font-style:italic;text-decoration:none;letter-spacing:.06em;color:var(--cream)}
.links .book,.button{display:inline-block;background:var(--red);padding:13px 20px;border-radius:5px;color:#fff;text-decoration:none;font-weight:900}
.hero{padding:86px 0 72px;background:linear-gradient(135deg,#080609 35%,#291539)}
.eyebrow{color:var(--gold);font-size:.8rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
h1{font:900 clamp(2.8rem,7vw,6rem)/.95 Georgia,serif;max-width:900px;margin:8px 0 20px}
h2{font:900 clamp(1.8rem,4vw,3.4rem)/1.05 Georgia,serif;margin:42px 0 15px}
h3{font-size:1.2rem;margin:28px 0 8px;color:var(--gold)}
.lead{font-size:clamp(1.15rem,2.5vw,1.5rem);max-width:780px}
main article{padding:54px 0 76px;max-width:780px}
main p,main li{font-size:1.08rem}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}
.fact{padding:18px;background:var(--purple);border-top:4px solid var(--red)}
.fact strong{display:block;font-size:1.25rem}
.callout{margin:38px 0;padding:24px;background:var(--purple);border-left:4px solid var(--gold)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.card{display:flex;flex-direction:column;padding:22px;background:var(--purple);border:1px solid var(--line);text-decoration:none;color:var(--cream)}
.card strong{font:900 1.35rem/1.1 Georgia,serif;margin-bottom:10px}
.card span{color:var(--muted)}
.card em{margin-top:auto;padding-top:18px;color:var(--gold);font-style:normal;font-weight:900}
.updated{color:var(--muted);font-size:.9rem}
footer{padding:36px 0;border-top:1px solid var(--line);color:var(--muted)}
.foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
@media(max-width:720px){.links a:not(.book){display:none}.logo img{width:135px}.hero{padding:60px 0}.facts,.cards{grid-template-columns:1fr}main article{padding-top:38px}}
