:root{--ink:#342c28;--muted:#74675f;--sand:#f4ece4;--gold:#b28b62;--deep:#132326}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf8f4;color:var(--ink);font-family:Montserrat,Arial,sans-serif}.article-header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:98px;padding:12px max(24px,calc((100% - 1180px)/2));border-bottom:1px solid rgba(85,62,48,.1);background:#fffaf5}.article-brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.article-brand img{width:68px;height:68px;border-radius:13px;object-fit:cover;box-shadow:0 7px 18px rgba(47,32,25,.14)}.article-brand span{display:flex;flex-direction:column}.article-brand strong{font:600 1.65rem/1 "EB Garamond",serif}.article-brand small{margin-top:6px;color:#9b795a;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase}.article-header nav{display:flex;align-items:center;gap:5px}.article-header nav a{padding:10px 12px;color:#50433b;font-size:.78rem;font-weight:600;text-decoration:none}.article-header nav .book{margin-left:10px;padding:12px 18px;border-radius:999px;background:#aa845f;color:white}.article-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:stretch;max-width:1240px;margin:52px auto 0;overflow:hidden;border-radius:28px;background:var(--deep);color:white;box-shadow:0 26px 70px rgba(34,28,24,.13)}.article-hero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,82px)}.article-hero img{width:100%;height:100%;min-height:540px;object-fit:cover}.eyebrow{margin:0 0 18px;color:#d1b28c;font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.article-hero h1{max-width:700px;margin:0;font:600 clamp(2.7rem,5vw,5rem)/.96 "EB Garamond",serif}.lead{max-width:680px;margin:28px 0 0;color:rgba(255,255,255,.79);font-size:.94rem;line-height:1.85}.article-body{display:grid;grid-template-columns:310px 1fr;gap:clamp(40px,8vw,110px);max-width:1050px;margin:90px auto;padding:0 24px}.article-body aside{align-self:start;position:sticky;top:24px;padding:30px;border:1px solid rgba(111,83,63,.13);border-radius:20px;background:var(--sand)}.article-body h2{margin:0 0 17px;font:600 2rem/1.08 "EB Garamond",serif}.article-body aside h2{font-size:1.5rem}.article-body aside ul{display:grid;gap:12px;margin:0 0 26px;padding:0;list-style:none}.article-body aside li{position:relative;padding-left:18px;color:#5f534b;font-size:.76rem;line-height:1.5}.article-body aside li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--gold)}.article-body aside a{display:block;padding:13px 16px;border-radius:10px;background:var(--deep);color:white;font-size:.7rem;font-weight:600;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.article-copy{display:grid;gap:50px}.article-copy p{margin:0;color:var(--muted);font:400 1rem/1.9 Montserrat,sans-serif}.article-related{display:flex;justify-content:space-between;max-width:1050px;margin:0 auto 90px;padding:28px 24px;border-top:1px solid rgba(96,70,55,.14)}.article-related a{color:#8c684b;font-size:.75rem;font-weight:600;text-decoration:none}footer{display:flex;justify-content:space-between;gap:30px;padding:48px max(24px,calc((100% - 1050px)/2));background:var(--deep);color:rgba(255,255,255,.74);font-size:.7rem;line-height:1.8}footer>div{display:flex;flex-direction:column}footer strong{color:#f1dcc0;font:600 1.5rem/1.3 "EB Garamond",serif}footer a{color:inherit;text-decoration:none}@media(max-width:900px){.article-header nav a:not(.book){display:none}.article-hero{grid-template-columns:1fr;margin:20px 18px 0}.article-hero img{min-height:360px;order:-1}.article-body{grid-template-columns:1fr;margin-top:55px}.article-body aside{position:static}.article-related{margin-bottom:50px}}@media(max-width:560px){.article-header{min-height:74px;padding:9px 16px}.article-brand img{width:52px;height:52px}.article-brand strong{font-size:1.3rem}.article-brand small{font-size:.46rem}.article-header nav a.book{margin:0;padding:10px 13px;font-size:.64rem}.article-hero{border-radius:18px}.article-hero>div{padding:34px 24px 40px}.article-hero img{min-height:270px}.article-hero h1{font-size:2.7rem}.lead{font-size:.82rem}.article-body{padding:0 20px}.article-copy p{font-size:.9rem}.article-related{flex-direction:column;gap:18px;padding-inline:20px}footer{flex-direction:column;padding-block:40px}}