:root{--soil:#3b2a1e;--bark:#6b4a32;--clay:#b8643c;--wheat:#e9d8b4;--cream:#faf5ea;--sage:#6f8a5a;--ink:#2a211a}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 Georgia,"Iowan Old Style",serif;color:var(--ink);background:var(--cream)}
a{color:var(--clay)}h1,h2,h3,.logo,.btn,nav,.kicker,button{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.proto{background:var(--sage);color:#fff;text-align:center;font:600 12px system-ui;padding:4px}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;background:var(--soil)}
.logo{font-weight:800;font-size:24px;color:var(--wheat);text-decoration:none;letter-spacing:-.5px}.logo span{color:var(--clay);margin-left:3px}
.logo.small{font-size:20px;margin:0}nav a{color:var(--wheat);text-decoration:none;margin-left:14px;font-size:15px}
main{max-width:760px;margin:0 auto;padding:0 18px}
.hero{padding:44px 0 28px}.hero h1{font-size:30px;line-height:1.2;color:var(--soil);margin:.2em 0}
.kicker{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);font-weight:700}
.btn,button{display:inline-block;background:var(--clay);color:#fff;border:0;border-radius:999px;padding:12px 22px;font-weight:700;text-decoration:none;font-size:16px}
.cards{display:grid;gap:16px}.card{display:block;background:#fff;border:1px solid var(--wheat);border-radius:14px;padding:18px;text-decoration:none;color:var(--ink)}
.card h3{margin:.3em 0;color:var(--soil);font-size:20px;line-height:1.25}.more{color:var(--clay);font-weight:700;font-family:system-ui}
.news,.contact{margin:36px 0;padding:22px;border-radius:14px;background:var(--wheat)}.contact{background:#fff;border:1px solid var(--wheat)}
form{display:flex;flex-wrap:wrap;gap:10px}input{flex:1 1 220px;padding:12px;border:1px solid var(--bark);border-radius:10px;font-size:16px}
.sr{position:absolute;left:-9999px}.post h1{font-size:28px;line-height:1.2;color:var(--soil)}.post{padding:28px 0}.dek{font-size:19px;color:var(--bark)}
.post h2{color:var(--bark);margin-top:1.6em}.tw{overflow-x:auto}table{border-collapse:collapse;font-size:15px;min-width:520px}
td,th{border:1px solid var(--wheat);padding:8px;vertical-align:top;text-align:left}th{background:var(--wheat)}
mark.ph{background:#ffe08a;padding:0 3px;border-radius:3px;font-family:system-ui;font-size:.85em}
footer{background:var(--soil);color:var(--wheat);padding:24px 18px;text-align:center;margin-top:40px}footer a{color:var(--wheat)}
li a{word-break:break-all}
@media(min-width:800px){.hero h1{font-size:44px}.cards{grid-template-columns:1fr 1fr}.post h1{font-size:38px}}
.top .logo{display:inline-flex;align-items:center;gap:10px}.top .logo img{width:48px;height:48px;flex:none}.top .logo span{margin-left:0}
@media(max-width:380px){.top .logo{font-size:21px}.top .logo img{width:40px;height:40px}}
.top .logo b{font-weight:800}.top .logo b span{margin-left:3px}
.hero-img{position:relative;color:#fff;padding:56px 18px 40px;margin:0 -18px;background:linear-gradient(rgba(20,14,8,.62),rgba(20,14,8,.72)),url(/images/hero.jpg) center/cover no-repeat;border-radius:0 0 14px 14px}
.hero-img h1,.hero-img .kicker,.hero-img .dek,.hero-img p{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.post img.lead{display:block;width:100%;height:auto;border-radius:14px;margin:12px 0 20px}
.card img.thumb{display:block;width:calc(100% + 36px);height:auto;aspect-ratio:16/9;object-fit:cover;margin:-18px -18px 12px;border-radius:14px 14px 0 0}
@media(min-width:800px){.hero-img{padding:96px 40px 72px;margin:0}}

.hero-img{background:linear-gradient(rgba(20,14,8,.60),rgba(20,14,8,.78)),url(/images/hero.jpg) 70% center/cover no-repeat}
@media(min-width:800px){.hero-img{background:linear-gradient(90deg,rgba(20,14,8,.85) 0%,rgba(20,14,8,.65) 45%,rgba(20,14,8,.15) 80%),url(/images/hero.jpg) center/cover no-repeat}.hero-img>*{max-width:560px}}
.fp-head{display:flex;align-items:center;gap:12px}.fp-head h2{margin:0}.fp-head img{flex:none;width:56px;height:56px}
/* hero overlay v3: stronger behind text, art stays clear on the right / middle */
.hero-img{background:linear-gradient(180deg,rgba(20,14,8,.80) 0%,rgba(20,14,8,.62) 45%,rgba(20,14,8,.84) 100%),url(/images/hero.jpg) 70% center/cover no-repeat}
.hero-img h1,.hero-img .kicker,.hero-img .dek,.hero-img p{text-shadow:0 1px 2px rgba(0,0,0,.75),0 0 12px rgba(0,0,0,.45)}
@media(min-width:800px){.hero-img{background:linear-gradient(90deg,rgba(20,14,8,.90) 0%,rgba(20,14,8,.84) 55%,rgba(20,14,8,.74) 82%,rgba(20,14,8,.40) 100%),url(/images/hero.jpg) center/cover no-repeat}}