.crumbs{font-size:.82rem; color:#6b604c; display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px}
.crumbs a{color:#6b604c; text-decoration:none} .crumbs a:hover{color:var(--gold)}

.page-hero{background:#EBDDC8}
.page-hero .inner{padding-block:56px 44px; text-align:center; max-width:760px}
.page-hero .crumbs{justify-content:center}
.page-hero h1{font-size:clamp(2rem,4.2vw,2.8rem); line-height:1.3; margin-bottom:12px}
.page-hero .lead{font-size:1.05rem; color:#4a4337; max-width:600px; margin-inline:auto}
.cats{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:26px}
.cats button{background:rgba(255,255,255,.6); border:1px solid rgba(34,34,34,.18); color:var(--ink); border-radius:999px; padding:8px 18px; font:500 .9rem/1.4 var(--f-body); white-space:nowrap; cursor:pointer; min-height:40px; transition:background .2s, border-color .2s, color .2s}
.cats button:hover{border-color:var(--gold)}
.cats button.active{background:var(--gold); border-color:var(--gold); color:#fff; font-weight:700}
.feat{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); background:var(--card-bg); border:1px solid var(--border); border-radius:4px; overflow:hidden; color:var(--fg); text-decoration:none; margin-bottom:28px; transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease, border-color .45s ease}
.feat:hover{transform:translateY(-6px); box-shadow:0 26px 50px -28px rgba(60,45,20,.45); border-color:rgba(178,141,74,.55)}
@media (max-width:820px){ .feat{grid-template-columns:1fr} }
.feat .fi{overflow:hidden; min-height:0; max-height:300px}
.feat .fi img{width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.feat:hover .fi img{transform:scale(1.04)}
@media (max-width:820px){ .feat .fi{min-height:0; aspect-ratio:16/10} }
.feat .fb{padding:26px 30px; display:flex; flex-direction:column; gap:10px; justify-content:center}
.feat .reviewer{font-size:.86rem; color:#6b604c}
.feat .reviewer b{color:var(--olive)}
.feat .badge{align-self:flex-start; background:var(--olive); color:#fff; font-size:.78rem; font-weight:700; border-radius:999px; padding:4px 12px}
.feat h2{font-size:clamp(1.4rem,2.6vw,1.9rem); line-height:1.5}
.feat p{opacity:.82}
.blog-card.hide,.feat.hide{display:none}
.empty-note{text-align:center; opacity:.7; display:none; margin-top:12px}
.blog-reviewer{font-size:.84rem; color:#6b604c; opacity:1 !important}
.blog-reviewer b{color:var(--olive)}