.hero-with-latest{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);height:100svh;min-height:820px;padding-top:112px;box-sizing:border-box;background:#f5f7f3}
.hero-with-latest .hero_carousel{min-width:0}
.hero-with-latest .hero_carousel_textInner{left:40px;right:36px;bottom:100px}
.hero-with-latest .hero_carousel_title{font-size:clamp(3rem,3.7vw,5.4rem);line-height:1.3}
.hero-with-latest .hero_carousel_control{left:40px;right:40px}
.hero-with-latest .hero_scroll{display:none}
.hero-latest{align-self:center;padding:40px clamp(24px,3vw,48px);color:#173d37}
.hero-latest h2{font-size:1.5rem;font-weight:700;margin-bottom:24px}
.hero-latest-entry{padding:26px 0;border-top:1px solid #cbd7cf}
.hero-latest-entry:last-child{padding-bottom:0}
.hero-latest-meta{display:flex;align-items:center;gap:16px;font-size:1.25rem;margin-bottom:12px}
.hero-latest-meta span{font-weight:700;color:#176643}
.hero-latest-meta time{color:#53635a}
.hero-latest-title{display:block;font-size:clamp(1.9rem,1.8vw,2.6rem);font-weight:700;line-height:1.55;text-wrap:pretty}
.hero-latest-title:hover{color:#08703b;text-decoration:underline;text-underline-offset:5px}
.hero-latest-description{font-size:1.35rem;line-height:1.8;margin-top:12px;color:#45574e}
.hero-latest-all{display:inline-flex;align-items:center;min-height:44px;font-size:1.3rem;font-weight:700;margin-top:12px;text-decoration:underline;text-underline-offset:4px}
.hero-latest a:focus-visible{outline:3px solid #08703b;outline-offset:5px}
@media(max-width:1031px){
 .hero-with-latest{height:auto;min-height:0;max-height:none;padding-top:0;grid-template-columns:1fr}
 .hero-with-latest .hero_carousel{height:390px}
 .hero-with-latest .hero_carousel_textInner{left:24px;right:24px;bottom:76px}
 .hero-with-latest .hero_carousel_title{font-size:3.2rem}
 .hero-with-latest .hero_carousel_control{left:24px;right:24px;bottom:15px}
 .hero-latest{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
 .hero-latest h2{grid-column:1/-1;margin-bottom:14px}
 .hero-latest-entry{padding:18px 0 0}
}
@media(max-width:600px){
 .hero-with-latest .hero_carousel{height:300px}
 .hero-with-latest .hero_carousel_title{font-size:2.8rem}
 .hero-latest{display:block;padding:24px 22px}
 .hero-latest-entry{padding:18px 0}
 .hero-latest-title{font-size:2rem}
 .hero-latest-description{margin-top:8px}
}