/*
Theme Name: BonnyClabber Fermented Dairy Archive
Version: 1.0.0
*/
:root{--ink:#30271f;--cream:#f8f0df;--milk:#fffdf7;--blue:#56798a;--sage:#71866a;--berry:#9b4d57;--gold:#d2a85b;--line:#d9ccb6}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.72 Georgia,serif}a{color:var(--berry)}.wrap{width:min(1180px,92%);margin:auto}header{position:sticky;top:0;z-index:20;background:#fffdf7f5;border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:25px;font-weight:bold}.brand b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--blue);color:white;font-family:Arial}.brand small{display:block;font:9px Arial;text-transform:uppercase;letter-spacing:2px}.nav nav{display:flex;gap:24px}.nav nav a{text-decoration:none;color:var(--ink);font:bold 11px Arial;text-transform:uppercase;letter-spacing:1px}.menu{display:none}.hero{padding:85px 0;background:linear-gradient(120deg,#fffdf7 0 57%,#dbe5e4 57%)}.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{font:bold 11px Arial;text-transform:uppercase;letter-spacing:2px;color:var(--berry)}h1{font-size:clamp(56px,8vw,104px);line-height:.9;letter-spacing:-6px;margin:.2em 0}h1 span{color:var(--blue)}.lead{font-size:27px;color:var(--sage)}.button{display:inline-block;padding:13px 19px;background:var(--blue);color:white;text-decoration:none;font:bold 11px Arial;text-transform:uppercase}.art{min-height:420px;position:relative;background:#e7d9c0;border:12px solid #a78059;border-radius:45% 45% 12px 12px}.bowl{position:absolute;left:18%;right:18%;bottom:70px;height:150px;background:#9f6d4b;border-radius:15px 15px 90px 90px}.milk{position:absolute;left:22%;right:22%;bottom:165px;height:65px;background:var(--milk);border-radius:50%}.spoon{position:absolute;width:18px;height:240px;background:#a7aaa6;left:62%;top:65px;transform:rotate(22deg);border-radius:12px}.spoon:before{content:"";position:absolute;width:65px;height:90px;background:#c4c7c4;border-radius:50%;left:-24px;bottom:-55px}.culture{position:absolute;bottom:20px;left:0;right:0;text-align:center;font:bold 11px Arial;text-transform:uppercase;letter-spacing:3px}.section{padding:70px 0}.section>h2{font-size:54px;line-height:1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards a{background:var(--milk);border:1px solid var(--line);padding:27px;text-decoration:none;color:var(--ink);box-shadow:6px 6px 0 #d7c5a8}.page-hero{padding:65px 0 45px;background:linear-gradient(135deg,#405f6d,#263942);color:white;border-bottom:9px solid var(--gold)}.page-hero h1{font-size:clamp(44px,7vw,80px);letter-spacing:-4px}.page-hero p{font:22px Georgia;color:#edf3f2}.eclickz-native-slot{width:min(1180px,92%);margin:26px auto;padding:14px;background:var(--milk);border:1px solid var(--line);min-height:40px}.content{display:grid;grid-template-columns:minmax(0,790px) 285px;gap:65px;padding:45px 0 60px}article{background:var(--milk);border:1px solid var(--line);padding:42px}article>p:first-child{font-size:23px;color:#52664e}article h2{font-size:34px;margin-top:46px}.sidebar{position:sticky;top:100px;border-left:5px solid var(--gold);padding-left:20px;max-height:75vh;overflow:auto}.sidebar h3{font:bold 11px Arial;text-transform:uppercase;letter-spacing:1.5px}.sidebar a{display:block;padding:7px 0}.related{margin-top:50px;border-top:5px solid var(--sage);padding-top:20px}.related a{display:block;padding:8px 0}.faq{margin-top:50px}.faq details{padding:15px 0;border-top:1px solid var(--line)}footer{background:#211d19;color:#eee4d4;padding:45px 0;border-top:8px solid var(--berry)}.footer-grid{display:flex;justify-content:space-between}.footer-grid a{display:block;color:#eee4d4}@media(max-width:900px){.menu{display:block}.nav nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--milk);padding:25px;flex-direction:column}.nav nav.open{display:flex}.hero{background:var(--milk)}.grid,.content{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.sidebar{position:static;max-height:none}.footer-grid{display:block}h1{letter-spacing:-4px}.art{min-height:340px}}