.elementor-24 .elementor-element.elementor-element-a80f2c0{--display:flex;}/* Start custom CSS for container, class: .elementor-element-a80f2c0 *//* HERO – 144px margins */
.hero { background:var(--green-light); padding-block:clamp(52px,9vw,100px); position:relative; overflow:hidden; }
.hero::after { content:''; position:absolute; right:-100px; top:-100px; width:480px; height:480px; background:radial-gradient(circle,rgba(90,138,90,0.11) 0%,transparent 70%); border-radius:50%; pointer-events:none; }
.hero-inner { padding-inline:144px; }
@media(max-width:1200px){ .hero-inner{ padding-inline:60px; } }
@media(max-width:700px){  .hero-inner{ padding-inline:20px; } }
.hero h1 { font-family:'DM Serif Display',serif; font-weight:400; font-size:clamp(2.2rem,5vw,3.6rem); line-height:1.1; color:var(--text-dark); }
.hero h1 em { font-style:italic; color:var(--green-mid); }
.hero p { font-weight:300; font-size:0.98rem; color:var(--text-mid); max-width:400px; margin-top:14px; line-height:1.7; }/* End custom CSS */