.features-page{display:block}

.features-hero{position:relative}
.features-hero-bg{width:100%;height:80vh;object-fit:cover}
.features-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,46,34,0.75),rgba(26,46,34,0.2));display:flex;align-items:center}
.features-hero-content{max-width:600px;margin-left:5%;display:flex;flex-direction:column;gap:var(--space-md);color:#fff}
.features-hero-content h1{color:#fff}

.features-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg)}

.features-split{display:grid;grid-template-columns:60% 40%;gap:var(--space-lg);align-items:center}
.features-split.alt{grid-template-columns:40% 60%}
.features-text{max-width:700px}
.features-image img{width:100%}

.features-cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg)}

.features-world{background:var(--color-forest);color:#fff;padding:var(--space-xl) var(--space-md)}
.features-world-inner{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-md)}
.features-world h2{color:#fff}

.features-cta{max-width:520px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-md)}

@media (max-width:900px){
.features-split,.features-split.alt{grid-template-columns:1fr}
.features-overview-grid,.features-cards-3{grid-template-columns:1fr 1fr}
.features-hero-content{margin:0 auto;padding:var(--space-md)}
}

@media (max-width:600px){
.features-overview-grid,.features-cards-3{grid-template-columns:1fr}
.features-hero-bg{height:70vh}
}