.impact-hero, .impact-stat-section, .impact-story { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }
.impact-hero { display: grid; grid-template-columns: .92fr 1.08fr; min-height: 450px; overflow: hidden; border-radius: 28px; background: #72570b; color: #fff; }.impact-hero > img { width: 100%; height: 100%; min-height: 330px; object-fit: cover; }.impact-hero__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(42px, 7vw, 86px); }.impact-hero .page-eyebrow { color: #f7d56b; }.impact-hero h1, .impact-story h2 { margin: 13px 0 18px; font-family: "Noto Serif Oriya", serif; font-weight: 700; line-height: 1.15; }.impact-hero h1 { font-size: clamp(2.25rem, 4.7vw, 4rem); }.impact-hero p { margin: 0; color: #fbf4dc; font-size: 1.06rem; line-height: 1.7; }
.impact-stat-section { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 25px; border-radius: 20px; overflow: hidden; background: #e6d8bd; }.impact-stat { min-height: 150px; display: grid; align-content: center; gap: 8px; padding: 28px; background: #fff; text-align: center; }.impact-stat strong { color: #9d7310; font-family: "Noto Serif Oriya", serif; font-size: clamp(2.1rem, 4vw, 3.25rem); line-height: 1; }.impact-stat span { color: #6b5b4a; line-height: 1.45; }
.impact-areas { padding-bottom: 78px; }.impact-areas__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 36px; }.impact-areas__grid article { overflow: hidden; border: 1px solid #eadfca; border-radius: 18px; background: #fff; box-shadow: 0 10px 25px rgba(83,62,15,.05); }.impact-areas__grid img { width: 100%; height: 190px; object-fit: cover; }.impact-areas__grid div { padding: 25px; }.impact-areas__grid span { color: #a6770c; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.impact-areas__grid h3 { margin: 14px 0 10px; font-family: "Noto Serif Oriya", serif; font-size: 1.35rem; }.impact-areas__grid p { margin: 0; color: #6b5b4a; line-height: 1.6; }
.impact-story { display: grid; grid-template-columns: .9fr 1.1fr; align-items: stretch; overflow: hidden; margin-bottom: 80px; border-radius: 25px; background: #f3ead9; }.impact-story__image img { display: block; width: 100%; height: 100%; min-height: 340px; object-fit: cover; }.impact-story__copy { padding: clamp(38px, 6vw, 70px); }.impact-story h2 { font-size: clamp(1.9rem, 3.2vw, 2.8rem); }.impact-story p { color: #6b5b4a; line-height: 1.7; }.impact-story a { color: #74570b; font-weight: 700; text-decoration: none; }.impact-story a:hover { color: #3f3428; }
html[data-theme="dark"] .impact-stat-section { background: #514536; } html[data-theme="dark"] .impact-stat { background: #30281e; } html[data-theme="dark"] .impact-stat span, html[data-theme="dark"] .impact-areas__grid p, html[data-theme="dark"] .impact-story p { color: #cfc1aa; } html[data-theme="dark"] .impact-areas__grid article, html[data-theme="dark"] .blog-card { border-color: #514536; background: #30281e; box-shadow: none; } html[data-theme="dark"] .impact-story { background: #2a231a; } html[data-theme="dark"] .impact-story h2 { color: #f8ecd3; } html[data-theme="dark"] .blog-card h3, html[data-theme="dark"] .blog-card strong { color: #f8ecd3; }
@media (max-width: 760px) { .impact-hero, .impact-story { grid-template-columns: 1fr; }.impact-hero > img { min-height: 255px; grid-row: 1; }.impact-stat-section, .impact-areas__grid { grid-template-columns: 1fr; }.impact-stat-section { gap: 1px; }.impact-areas { padding-bottom: 58px; }.impact-story { margin-bottom: 55px; }.impact-story__image img { min-height: 260px; } }
@media (max-width: 430px) { .impact-hero, .impact-stat-section, .impact-story { width: min(100% - 28px, 1120px); } }