/* Huber Natural Health — extra front-end styling */
.hn-category-card{ position:relative; overflow:hidden; border-radius:14px; transition:transform .35s ease, box-shadow .35s ease; }
.hn-category-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px -20px rgba(60,80,50,.35); }
.hn-category-card img{ display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; }
.hn-category-card .hn-cat-label{ position:absolute; left:0; right:0; bottom:0; padding:1rem 1.25rem; background:linear-gradient(0deg, rgba(40,55,35,.88) 0%, rgba(40,55,35,0) 100%); color:#fff; font-family:var(--wp--preset--font-family--display, serif); font-size:1.35rem; letter-spacing:.02em; }
.hn-post-card{ display:flex; flex-direction:column; gap:1rem; background:var(--wp--preset--color--surface, #fbf8f1); border-radius:14px; overflow:hidden; transition:transform .3s ease, box-shadow .3s ease; }
.hn-post-card:hover{ transform:translateY(-3px); box-shadow:0 14px 30px -18px rgba(60,80,50,.3); }
.hn-post-card img{ display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.hn-post-card .hn-post-body{ padding:1rem 1.25rem 1.5rem; }
.hn-post-card .hn-post-body p{ margin:0 0 1rem; color:var(--wp--preset--color--muted,#5a6650); }
.hn-readmore{ display:inline-block; font-weight:600; letter-spacing:.04em; text-transform:uppercase; font-size:.78rem; color:var(--wp--preset--color--primary,#4a6b3a); border-bottom:1px solid currentColor; padding-bottom:2px; text-decoration:none; }
.hn-readmore:hover{ color:var(--wp--preset--color--accent,#7a9b5e); }
.hn-hero{ position:relative; min-height:62vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:6rem 1.5rem; color:#fff; isolation:isolate; }
.hn-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(30,45,25,.35) 0%, rgba(30,45,25,.6) 100%); z-index:-1; }
.hn-hero img.hn-hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.hn-hero h1{ font-size:clamp(2.4rem, 5vw, 4rem); margin:0 0 .8rem; font-weight:500; letter-spacing:-.01em; }
.hn-hero p{ font-size:clamp(1.05rem,1.6vw,1.25rem); max-width:42rem; margin:0 auto 1.8rem; opacity:.95; }
.hn-section-title{ font-family:var(--wp--preset--font-family--display, serif); font-size:1.6rem; letter-spacing:.18em; text-transform:uppercase; text-align:center; margin:0 0 2.5rem; color:var(--wp--preset--color--primary,#4a6b3a); }
.hn-section-title::after{ content:""; display:block; width:46px; height:2px; background:var(--wp--preset--color--accent,#7a9b5e); margin:.85rem auto 0; }