.category-header{max-width:var(--home-width);margin:auto;padding:36px var(--home-gutter) 38px;background:#e8ead6;color:#193d2f}
.category-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;font:14px/1.5 Arial,sans-serif}
.category-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.category-header .eyebrow{margin-bottom:14px}
.category-header h1{font-size:clamp(38px,4vw,62px);font-weight:400;line-height:1.1;letter-spacing:-1.5px;margin:0 0 20px}
.category-intro{max-width:650px;font-size:22px;line-height:1.5;margin:0}
.category-subtopics{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.category-subtopics a{padding:10px 18px;border:1px solid #a6b295;border-radius:24px;min-height:44px}
.category-subtopics a:hover{background:#dce1ca}
#home .category-journal .section-heading h2{font-size:clamp(28px,2.5vw,38px)}
.category-search{max-width:600px;margin:0 0 32px}
.category-search label{display:block;font-size:18px;margin-bottom:10px}
.category-search>div{display:flex;gap:10px}
.category-search input{min-width:0;flex:1;padding:12px;border:1px solid #a6b295;background:#fffdf5;color:#193d2f;font-size:18px;border-radius:3px}
.category-search button{min-height:46px;border:0;border-radius:3px;background:#193d2f;color:#fffdf5;padding:12px 20px;font-size:17px}
.category-search>a{display:inline-block;margin-top:12px;text-decoration:underline}
.category-empty{grid-column:1/-1;padding:28px;background:#efeee5;font-size:20px;line-height:1.5}
.category-empty h3{margin:0;font-size:28px;font-weight:400}
.category-empty a{text-decoration:underline}
@media(max-width:600px){.category-intro{font-size:20px}.category-header{padding-top:24px}.category-search button{padding-inline:15px}}

/* Category hero uses the same live text and photographic layout as the homepage. */
.category-breadcrumbs{max-width:var(--home-width);margin:0 auto;padding:16px var(--home-gutter)}
#home .hero.woodland-hero.category-hero{min-height:clamp(290px,24.5vw,425px)}
#home .category-hero .hero-copy{width:min(70%,1100px);padding-block:24px}
#home .category-hero .eyebrow{margin-bottom:12px;font-size:11px}
#home .category-hero h1{font-size:clamp(32px,3vw,48px);line-height:1.1;margin-bottom:12px;overflow-wrap:anywhere}
.category-tagline{font-size:clamp(20px,1.6vw,24px);line-height:1.3;margin:0 0 12px}
#home .category-hero .hero-description{font-size:18px;line-height:1.45;max-width:60ch;margin-bottom:18px}
#home .category-hero .button{min-height:44px;font-size:17px;padding:10px 20px}
#home .category-hero::before{background:linear-gradient(90deg,rgba(6,20,13,.87),rgba(6,20,13,.55) 50%,rgba(6,20,13,.08) 85%)}
@media(max-width:760px){
 #home .hero.woodland-hero.category-hero{min-height:0}
 .category-hero .woodland-scene{height:195px;object-position:right 35%}
 #home .category-hero .hero-copy{width:100%;padding:175px var(--home-gutter) 28px}
 #home .category-hero h1{font-size:34px}
 #home .category-hero::before{background:linear-gradient(to bottom,transparent 90px,#13251c 195px)}
 .category-tagline{font-size:22px}
 #home .category-hero .hero-description{font-size:18px}
}

/* Scale the complete scene to the banner height so the subject is never vertically cropped. */
@media(min-width:761px){
 .category-hero .woodland-scene{left:auto;right:0;width:auto;height:100%;max-width:none;object-fit:contain;object-position:right center;mask-image:linear-gradient(to right,transparent,black 22%)}
 #home .category-hero::before{background:linear-gradient(90deg,#13251c 0%,rgba(19,37,28,.7) 40%,transparent 72%)}
}
@media(max-width:760px){
 .category-hero .woodland-scene{object-position:right center}
}