:root { --bg:#FBF8F1; --bg-card:#FFFEFA; --text:#1B1815; --muted:#5C554B; --dim:#98917F; --border:#E9E2D3; --accent:#B45309; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:17px/1.6 'Golos Text',sans-serif; }
.wrap { max-width:1120px; margin:auto; padding:0 24px; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
header { border-bottom:1px solid var(--border); background:var(--bg); }
.nav { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:14px; }
.logo { font-weight:600; color:var(--text); }
.logo span { color:var(--accent); }
.logo:hover { text-decoration:none; }
.nav-links { display:flex; align-items:center; gap:24px; font-size:.95rem; }
.nav-links a:first-child { color:var(--muted); }
.nav-cta { border:1.5px solid var(--accent); border-radius:10px; padding:8px 17px; font-weight:600; }
.nav-links a:hover { color:var(--accent); text-decoration:none; }
.nav-links .nav-cta:hover { color:#fff; background:var(--accent); }
main.wrap { padding-top:76px; padding-bottom:96px; }
.eyebrow { display:block; margin-bottom:14px; color:var(--muted); font-size:12px; }
h1,h2,h3 { font-family:'Literata',serif; font-weight:400; letter-spacing:-.015em; line-height:1.22; }
h1 { max-width:850px; font-size:clamp(30px,4vw,44px); margin:0 0 20px; }
h2 { font-size:clamp(26px,3vw,34px); margin:0 0 20px; }
h3 { font-size:23px; margin:38px 0 14px; }
.intro { max-width:700px; color:var(--muted); margin:0 0 44px; }
.grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.card { display:flex; flex-direction:column; background:var(--bg-card); border:1px solid var(--border); border-radius:12px; box-shadow:0 2px 14px rgba(60,40,10,.05); padding:30px; transition:transform .2s,box-shadow .2s; }
.card:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(70,45,10,.1); text-decoration:none; }
.card h2 { color:var(--text); }
.card p { margin:0 0 24px; color:var(--muted); }
.card .read { margin-top:auto; font-weight:600; }
.article { max-width:790px; }
.article p,.article li { color:var(--muted); }
.article ul { padding-left:24px; }
.article li + li { margin-top:9px; }
.meta { color:var(--muted); font-size:14px; margin:-8px 0 36px; }
.note { padding:24px 28px; background:var(--bg-card); border:1px solid var(--border); border-radius:12px; margin:32px 0; }
.note p { margin:0; }
.btn { display:inline-block; background:var(--accent); color:#fff; border-radius:10px; padding:14px 26px; font-size:15px; font-weight:600; }
.btn:hover { text-decoration:none; background:#92400E; }
.contact { margin-top:48px; padding:48px; background:var(--bg-card); border:1px solid var(--border); border-top:3px solid var(--accent); border-radius:12px; }
.contact p { margin-bottom:26px; }
.breadcrumbs { margin:0 0 26px; font-size:14px; color:var(--muted); }
.breadcrumbs ol { display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; }
.breadcrumbs li + li::before { content:'/'; color:var(--dim); margin-right:8px; }
.breadcrumbs [aria-current='page'] { color:var(--muted); }
@media (max-width:700px) { body{font-size:16px} main.wrap{padding-top:44px;padding-bottom:64px} .grid{grid-template-columns:1fr} .nav{gap:12px} .logo{font-size:14px} .logo span,.nav-links a:first-child{display:none} .nav-cta{white-space:nowrap;font-size:13px;padding:8px 10px} .card{padding:24px} .contact{padding:30px 24px} }