/* EraGreen homepage concept 9. Scoped to avoid altering header, menu and product pages. */
.eg-home{--eg-ink:#234632;--eg-green:#27613e;--eg-sage:#edf3e7;overflow-wrap:anywhere;color:var(--eg-ink);padding:clamp(30px,4vw,64px) 24px;background:#fff}
.eg-home *{box-sizing:border-box}.eg-home__inner{max-width:1440px;margin:0 auto}.eg-home h2,.eg-home h3{color:var(--eg-ink);letter-spacing:-.025em;line-height:1.18;margin:0}.eg-home h2{font-size:clamp(26px,2.5vw,40px)}.eg-home h3{font-size:clamp(18px,1.35vw,23px)}.eg-home p{margin:0}.eg-home__text{font-size:clamp(15px,1.15vw,18px);line-height:1.65;color:#536354}.eg-home__text p+p{margin-top:12px}.eg-home__eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px!important;color:#49754b}.eg-home__heading{text-align:center;max-width:780px;margin:0 auto 28px}.eg-home__heading .eg-home__text{margin-top:12px}.eg-home__feature{position:relative;isolation:isolate;display:grid;grid-template-columns:45% 55%;overflow:hidden;border-radius:18px;min-height:340px;background:#edf3e7}.eg-home__feature-copy{position:relative;z-index:2;align-self:center;padding:clamp(28px,4vw,60px);padding-right:16px}.eg-home__feature-copy h2{max-width:540px}.eg-home__feature-copy .eg-home__text{margin-top:20px;max-width:480px}.eg-home__feature-media{position:relative;min-width:0;height:100%;min-height:340px}.eg-home__feature-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.eg-home__feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#edf3e7 0%,rgba(237,243,231,.85) 7%,rgba(237,243,231,.32) 25%,transparent 48%);pointer-events:none}.eg-home__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.eg-home__button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 24px;min-height:46px;border-radius:999px;background:linear-gradient(115deg,#346746,#174d32);color:white;font-size:15px;font-weight:650;text-decoration:none;line-height:1.35;border:1px solid transparent;transition:box-shadow .2s,background .2s}.eg-home__button:hover{box-shadow:0 4px 14px #254c3426;background:#194e32}.eg-home__button--outline{background:transparent;color:var(--eg-ink);border-color:#72937a}.eg-home__button--outline:hover{background:#fff}.eg-home a:focus-visible,.eg-home summary:focus-visible{outline:3px solid #65a734;outline-offset:4px}.eg-home__categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.eg-home__category{overflow:hidden;border:1px solid #dfe7dc;border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 3px 12px #284c3007;transition:box-shadow .2s}.eg-home__category:hover{box-shadow:0 7px 20px #284c301c}.eg-home__category-media{aspect-ratio:1.25;background:#f0f4ed;overflow:hidden}.eg-home__category-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.eg-home__category:hover img{transform:scale(1.035)}.eg-home__category-copy{position:relative;padding:16px 28px 18px 14px}.eg-home__category h3{font-size:17px;line-height:1.3}.eg-home__category p{margin-top:8px;font-size:14px;color:#596459;line-height:1.5}.eg-home__arrow{position:absolute;right:12px;top:18px}.eg-home--categories{padding-top:16px;padding-bottom:28px}.eg-home--story{background:linear-gradient(100deg,#f4f7ef,#fff)}.eg-home--story .eg-home__feature{grid-template-columns:45% 55%}.eg-home--story .eg-home__feature-copy{order:2;padding-right:clamp(28px,4vw,60px)}.eg-home--story .eg-home__feature-media{order:1}.eg-home--story .eg-home__feature-media:after{background:linear-gradient(270deg,#edf3e7,rgba(237,243,231,.6) 16%,transparent 45%)}.eg-home__guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.eg-home__guide{border:1px solid #e0e7dc;border-radius:14px;overflow:hidden;background:#fff}.eg-home__guide>img{width:100%;height:205px;object-fit:cover}.eg-home__guide-copy{padding:22px}.eg-home__guide-copy>p{margin:12px 0 18px;line-height:1.6;color:#596459;font-size:15px}.eg-home details{border-top:1px solid #dfe7dc}.eg-home summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:16px 0;font-size:15px;font-weight:650}.eg-home summary::-webkit-details-marker{display:none}.eg-home details[open]>summary>span{transform:rotate(45deg)}.eg-home__answer{padding:0 0 18px;font-size:15px;color:#536354;line-height:1.7}.eg-home__answer p+p{margin-top:10px}.eg-home__text-link{display:inline-flex;gap:12px;font-size:14px;color:#27613e;text-decoration:underline;text-underline-offset:4px;margin-top:10px}.eg-home--faq{background:linear-gradient(140deg,#f0f5eb,#fff)}.eg-home__faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;align-items:start}.eg-home__contact{margin-top:30px;border-radius:14px;background:#e8f0e1;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.eg-home__contact p{font-size:15px;color:#536354;margin-top:8px;line-height:1.6}
@media(min-width:1600px){.eg-home__feature{min-height:400px}}
@media(max-width:1100px){.eg-home__categories{grid-template-columns:repeat(3,minmax(0,1fr))}.eg-home__feature{grid-template-columns:48% 52%}.eg-home__guides{gap:16px}.eg-home__guide-copy{padding:18px}}
@media(max-width:699px){.eg-home{padding:30px 16px}.eg-home__feature,.eg-home--story .eg-home__feature{display:flex;flex-direction:column;min-height:0;border-radius:14px}.eg-home__feature-copy,.eg-home--story .eg-home__feature-copy{padding:28px 22px;order:1}.eg-home__feature-media,.eg-home--story .eg-home__feature-media{order:2;min-height:220px;width:100%}.eg-home__feature-media:after,.eg-home--story .eg-home__feature-media:after{background:linear-gradient(180deg,#edf3e7,rgba(237,243,231,.45) 20%,transparent 55%)}.eg-home__categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.eg-home__category-copy{padding:14px 24px 15px 12px}.eg-home__category h3{font-size:16px}.eg-home__category p{font-size:13px}.eg-home__guides,.eg-home__faq{grid-template-columns:1fr}.eg-home__guide>img{height:200px}.eg-home__contact{padding:24px;align-items:flex-start;flex-direction:column}.eg-home__actions{gap:10px}.eg-home__button{font-size:14px;padding:12px 20px}.eg-home--categories{padding-top:10px}}
@media(prefers-reduced-motion:reduce){.eg-home *{transition:none!important}}