:root{--ink:#15110d;--muted:#65594e;--paper:#fbf4e8;--card:#fffdf8;--brand:#935f32;--brand2:#263a2d;--gold:#d7a76d;--line:#e6d7c4;--shadow:0 22px 60px rgba(47,31,15,.13);--radius:24px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fbf4e8,#f8efe2);color:var(--ink);line-height:1.74}img{max-width:100%;display:block}a{color:var(--brand2);text-decoration-thickness:1px;text-underline-offset:4px}p{margin:0 0 1.05rem}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.top{position:sticky;top:0;z-index:10;background:rgba(251,244,232,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}.logo{font-family:Georgia,serif;font-weight:900;font-size:1.45rem;color:var(--ink);text-decoration:none;letter-spacing:-.04em}.logo span{color:var(--brand)}.menu{display:flex;gap:14px;flex-wrap:wrap;font-size:.91rem}.menu a{text-decoration:none;color:#2c2722;font-weight:650}.menu a:hover{color:var(--brand)}.hero{padding:70px 0 40px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:900;color:var(--brand)}h1,h2,h3{line-height:1.08;margin:0 0 18px}h1{font-family:Georgia,serif;font-size:clamp(2.65rem,6vw,6rem);letter-spacing:-.065em}h2{font-family:Georgia,serif;font-size:clamp(1.8rem,3.6vw,3.1rem);letter-spacing:-.045em;margin-top:44px}h3{font-size:1.22rem;letter-spacing:-.02em;margin-top:28px}.lead{font-size:clamp(1.08rem,1.8vw,1.3rem);color:#3d352f;max-width:78ch}.hero-card{border-radius:34px;overflow:hidden;box-shadow:var(--shadow);background:#111;position:relative}.hero-card img{height:650px;width:100%;object-fit:cover;opacity:.92}.hero-note{position:absolute;left:22px;right:22px;bottom:22px;background:rgba(251,244,232,.93);border:1px solid rgba(255,255,255,.7);padding:18px;border-radius:20px}.btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:var(--ink);color:white;text-decoration:none;font-weight:800;border:0;cursor:pointer}.btn.alt{background:transparent;color:var(--ink);border:1px solid var(--line)}.section{padding:58px 0}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px rgba(41,28,15,.06)}.card img{border-radius:18px;aspect-ratio:4/3;object-fit:cover;margin-bottom:18px}.card h3 a{text-decoration:none;color:inherit}.tag{display:inline-block;background:#efe1cf;color:#6b4424;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:900;margin-bottom:12px}.feature{background:var(--ink);color:#f8efe3;border-radius:34px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.feature .copy{padding:42px}.feature p,.feature li{color:#eadcc9}.feature img{height:100%;min-height:440px;object-fit:cover}.toc{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.toc a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:#fffaf3;color:#332b25;font-size:.92rem}.article{max-width:930px;margin:auto}.article h2{margin-top:52px}.article h3{margin-top:30px}.article ul,.article ol{margin-bottom:1.2rem}.callout{border-left:5px solid var(--brand);background:#fffaf3;padding:20px;border-radius:0 18px 18px 0;margin:28px 0}.table{overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:18px;margin:22px 0}.table table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.table th{background:#f4eadb}.builder{background:#f4eadb;border:1px solid var(--line);padding:24px;border-radius:22px}.builder select,.builder input{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:white;margin:6px 0 14px}.result{background:white;border:1px solid var(--line);padding:18px;border-radius:16px;min-height:100px}.footer{padding:44px 0;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}.small{font-size:.9rem;color:var(--muted)}.breadcrumbs{font-size:.9rem;margin:26px 0;color:var(--muted)}.breadcrumbs a{color:var(--muted)}.quote{font-family:Georgia,serif;font-size:1.42rem;color:#4d3826;background:#fffaf3;border-radius:22px;padding:24px;border:1px solid var(--line)}.wide-img{border-radius:28px;overflow:hidden;margin:28px 0;box-shadow:var(--shadow)}.wide-img img{width:100%;max-height:480px;object-fit:cover}.note-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:24px 0}.mini{background:#fffaf3;border:1px solid var(--line);border-radius:18px;padding:18px}.index-list{columns:2;column-gap:34px}.index-list li{break-inside:avoid;margin:0 0 .7rem}.diagram{background:#fffaf3;border:1px solid var(--line);border-radius:22px;margin:26px 0;padding:22px}.diagram svg{width:100%;height:auto}.pillbar{display:flex;gap:8px;flex-wrap:wrap}.pillbar a{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#fffaf3;text-decoration:none;font-size:.86rem}.stat{font-family:Georgia,serif;font-size:2.3rem;line-height:1;color:var(--brand)}@media(max-width:900px){.hero-grid,.grid4,.grid3,.grid2,.feature,.footer-grid,.note-grid{grid-template-columns:1fr}.hero-card img{height:430px}.menu{display:none}.section{padding:38px 0}.feature img{min-height:260px}h1{font-size:3rem}.index-list{columns:1}}