:root{--ink:#2c2926;--muted:#756d65;--cream:#fbf7f0;--card:#fff;--accent:#a85f3b;--accent2:#d9a36f;--line:#eadfd2;--shadow:0 14px 40px rgba(59,43,31,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 24px}
header{position:sticky;top:0;z-index:10;background:rgba(251,247,240,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:Georgia,serif;font-weight:700;font-size:22px}.brand span{color:var(--accent)}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-size:14px;color:var(--muted)}nav a:hover,nav a.active{color:var(--accent)}
.hero{padding:90px 0 70px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}.hero h1{font:700 clamp(46px,7vw,82px)/.98 Georgia,serif;margin:16px 0 24px;letter-spacing:-.04em}.hero p{font-size:18px;color:var(--muted);max-width:650px}.buttons{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 18px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;font-size:14px}.btn.alt{background:transparent;color:var(--ink);border:1px solid var(--line)}
.cat-art{background:#ead9c5;border-radius:40px;min-height:420px;display:grid;place-items:center;box-shadow:var(--shadow);overflow:hidden}.cat-art img{width:88%;max-width:450px}
.section{padding:70px 0}.section h2{font:700 42px/1.1 Georgia,serif;margin:8px 0 14px}.lead{color:var(--muted);max-width:700px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow)}.card h3{font:700 23px Georgia,serif;margin:5px 0 10px}.icon{font-size:30px}
.fact{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:35px}.fact div{background:#fff;padding:22px}.fact b{display:block;font:700 30px Georgia,serif;color:var(--accent)}
.page-hero{padding:70px 0 40px;background:#f1e6d8}.page-hero h1{font:700 58px/1.05 Georgia,serif;margin:8px 0 12px}
.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);margin-top:30px}.table th,.table td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}.table th{background:#f4eadf}
.timeline{border-left:2px solid var(--accent2);margin:35px 0 0 10px;padding-left:25px}.event{margin:0 0 28px}.event b{color:var(--accent)}
.quote{background:#3b3029;color:#fff;border-radius:28px;padding:38px;margin-top:40px}.quote p{font:italic 26px/1.35 Georgia,serif;margin:0}.quote small{display:block;margin-top:15px;color:#d8c9bc}
footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:13px}.footer-flex{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.fact{grid-template-columns:1fr 1fr}nav{gap:12px}.hero{padding-top:55px}.page-hero h1{font-size:44px}.cat-art{min-height:320px}}