.hgt-media-archive { background: #fefefe; color: #111211; }
.hgt-media-archive__hero { background: #e8e1cc; color: #111211; padding: clamp(4.5rem,8vw,7rem) 0; }
.hgt-media-archive__hero .breadcrumbs { color: #315f38; display: flex; flex-wrap: wrap; font-size: .75rem; font-weight: 700; gap: .65rem; margin-bottom: 2rem; }
.hgt-media-archive__hero .breadcrumbs a, .hgt-media-archive__hero .breadcrumbs span { color: #315f38; }
.hgt-media-archive__hero .eyebrow { color: #315f38; font-size: .75rem; font-weight: 800; letter-spacing: .15em; margin: 0 0 1rem; text-transform: uppercase; }
.hgt-media-archive__hero h1 { color: #111211; font-size: clamp(2.5rem,5vw,4.5rem); line-height: 1.05; margin: 0; }
.hgt-media-archive__lead { color: #384239; font-size: clamp(1rem,1.5vw,1.2rem); line-height: 1.7; margin: 1.25rem 0 0; max-width: 46rem; }
.hgt-media-archive__listing { padding: clamp(4rem,7vw,7rem) 0; }
.hgt-media-archive__filters { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 2.5rem; }
.hgt-media-archive__filters a { background: #f7f4ea; border: 1px solid #60875a; color: #111211; font-size: .8rem; font-weight: 700; padding: .75rem 1rem; text-decoration: none; }
.hgt-media-archive__filters a:hover, .hgt-media-archive__filters a:focus-visible { background: #315f38; color: #fff; }
.hgt-media-archive__filters a.is-active { background: #173f38; color: #fff; }
.hgt-media-archive__grid { display: grid; gap: 1.5rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.hgt-media-card { --wd-link-color: #111211; --wd-title-color: #111211; background: #fff; border: 1px solid #d8d8d8; display: flex; flex-direction: column; min-width: 0; }
.hgt-media-card__media { align-items: center; aspect-ratio: 1; background: #f7f4ea; display: flex; justify-content: center; overflow: hidden; }
.hgt-media-card__media img { display: block; height: 100%; object-fit: contain; object-position: center; width: 100%; }
.hgt-media-card__body { display: flex; flex: 1; flex-direction: column; padding: 1.5rem; }
.hgt-media-card__meta { color: #315f38; display: flex; flex-wrap: wrap; font-size: .75rem; font-weight: 700; gap: .5rem; margin-bottom: .9rem; text-transform: uppercase; }
.hgt-media-card h2 { color: #111211; font-size: clamp(1.4rem,2vw,1.8rem); line-height: 1.2; margin: 0; }
.hgt-media-card h2 a, .hgt-media-card p, .hgt-media-card__read-more { color: #111211; }
.hgt-media-card p { line-height: 1.7; margin: 1rem 0 0; }
.hgt-media-card__read-more { font-size: .75rem; font-weight: 800; margin-top: auto; padding-top: 1.5rem; text-decoration: none; text-transform: uppercase; }
.hgt-media-card a:focus-visible, .hgt-media-archive__filters a:focus-visible, .hgt-media-archive .page-numbers:focus-visible { outline: 3px solid #60875a; outline-offset: 3px; }
.hgt-media-archive .navigation.pagination { margin-top: 2.5rem; }
.hgt-media-archive .nav-links { display: flex; flex-wrap: wrap; gap: .5rem; }
.hgt-media-archive .page-numbers { align-items: center; border: 1px solid #60875a; color: #111211; display: inline-flex; min-height: 2.75rem; padding: 0 .85rem; text-decoration: none; }
.hgt-media-archive .page-numbers.current { background: #173f38; color: #fff; }
@media (max-width:980px) { .hgt-media-archive__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .hgt-media-archive__grid { grid-template-columns: minmax(0,1fr); } .hgt-media-card__body { padding: 1.3rem; } }