* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: var(--paper); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: var(--font-body); line-height: 1.62; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; }
h1 { font-size: var(--font-h1); line-height: 1.03; letter-spacing: -.035em; }
h2 { font-size: var(--font-h2); line-height: 1.12; letter-spacing: -.025em; }
h3 { font-size: var(--font-h3); line-height: 1.22; }
.container { width: min(calc(100% - 48px), var(--container-width)); margin: 0 auto; }
.section { padding: var(--space-section) 0; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(251,248,242,.94); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(80,60,45,.08); }
.header__inner { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.brand { font: italic 30px/1 Georgia, serif; white-space: nowrap; }
.brand__mark { color: var(--accent); font-style: normal; font-size: 20px; vertical-align: 3px; }
.nav { display: flex; align-items: center; gap: 28px; font-size: 15px; }
.nav a:not(.nav__button) { color: #4b4744; }
.nav__button { padding: 10px 20px; border-radius: 999px; background: var(--accent); color: #fff; }
.site-footer { border-top: 1px solid var(--line); background: #f4ede4; padding: 38px 0; }
.footer__inner { display:flex; align-items:flex-start; justify-content:space-between; gap:48px; }
.footer__brand p { max-width: 440px; margin: 10px 0 0; color: var(--muted); font-size: 15px; }
.brand--footer { display: inline-block; }
.footer__links { display:flex; gap:24px; flex-wrap:wrap; font-size:15px; padding-top:6px; }