.earth-hero { position:relative; min-height:720px; overflow:hidden; background:var(--green-deep); }
.earth-hero-visual { position:absolute; inset:0; min-height:100%; background:linear-gradient(90deg,rgba(0,40,24,.93) 0,rgba(0,40,24,.7) 42%,rgba(0,40,24,.1) 74%),url('../img/banners/servico-terraplanagem.webp') 62% center/cover; }
.earth-hero-grid { position:relative; min-height:720px; display:flex; align-items:center; }
.earth-hero-copy { max-width:820px; padding:5rem 0; color:#fff; }
.earth-hero .eyebrow { color:var(--yellow); }
.earth-hero h1 { max-width:800px; margin-bottom:1.6rem; color:#fff; font-size:clamp(3.7rem,6vw,7rem); line-height:.91; }
.earth-hero-copy > p:not(.eyebrow) { max-width:670px; color:#e2ebe5; font-size:1.06rem; }
.hero-actions { display:flex; align-items:center; gap:1.5rem; margin-top:1.5rem; }
.text-link { color:#fff; font-size:.82rem; font-weight:700; text-underline-offset:.3rem; }
.earth-intro { color:#fff; background:var(--green-deep); }
.earth-intro-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.earth-intro p { margin:0; padding:1.35rem 1.5rem; border-right:1px solid rgba(255,255,255,.18); font-size:.76rem; font-weight:600; text-align:center; }
.section-heading { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:4rem; margin-bottom:3rem; }
.section-heading > p { color:var(--muted); }
.solution-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.solution-grid article { min-height:300px; padding:1.7rem; border:1px solid var(--line); background:#fff; transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
.solution-grid article:hover { border-color:var(--yellow); box-shadow:0 1.25rem 2.6rem rgba(0,69,42,.1); transform:translateY(-.45rem); }
.solution-grid span { display:inline-grid; width:2.4rem; height:2.4rem; place-items:center; border:1px solid var(--yellow); border-radius:50%; color:var(--green); font-size:.72rem; font-weight:700; }
.solution-grid h3 { margin:4rem 0 .75rem; color:var(--green); font-size:1.45rem; }
.solution-grid p { color:var(--muted); font-size:.9rem; }
.field-section { background:var(--surface); }
.field-grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:clamp(3rem,7vw,8rem); }
.field-copy p { color:var(--muted); }
.field-copy ul { display:grid; gap:.75rem; padding:0; margin:2rem 0 0; list-style:none; }
.field-copy li { padding:.85rem 0; border-bottom:1px solid var(--line); color:var(--green-deep); font-weight:600; }
.field-gallery { min-height:650px; display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
.field-gallery figure { position:relative; margin:0; overflow:hidden; }
.field-gallery figure:last-child { margin-top:4rem; height:calc(100% - 4rem); }
.field-gallery img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .65s ease; }
.field-gallery figure:hover img { transform:scale(1.04); }
.field-gallery figcaption { position:absolute; right:1rem; bottom:1rem; left:1rem; padding:.85rem 1rem; color:#fff; background:rgba(0,69,42,.9); font-size:.74rem; font-weight:600; }
.earth-work { color:#fff; background:var(--green-deep); }
.earth-work h2 { color:#fff; }
.earth-work .eyebrow { color:var(--yellow); }
.work-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2.5rem; }
.work-heading > a { color:var(--yellow); font-size:.8rem; font-weight:700; text-underline-offset:.3rem; }
.earth-work-grid { display:grid; grid-template-columns:1.2fr .8fr 1fr; gap:.8rem; }
.earth-work-grid figure { position:relative; min-height:460px; margin:0; overflow:hidden; }
.earth-work-grid img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .65s ease; }
.earth-work-grid figure:hover img { transform:scale(1.04); }
.earth-work-grid figcaption { position:absolute; right:0; bottom:0; left:0; padding:3rem 1.2rem 1.1rem; color:#fff; background:linear-gradient(transparent,rgba(0,30,18,.94)); font-size:.76rem; font-weight:600; }
.earth-cta { background:var(--yellow); }
.earth-cta-grid,.faq-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(3rem,8vw,9rem); }
.earth-cta h2 { color:var(--black); }
.earth-cta p { color:#393a34; }
.button-dark { margin-top:1rem; background:var(--black); }
.button-dark:hover { background:var(--green-deep); }
.faq-items details { padding:1.3rem 0; border-bottom:1px solid var(--line); }
.faq-items summary { color:var(--green-deep); cursor:pointer; font-weight:650; }
.faq-items p { margin:1rem 0 0; color:var(--muted); }
@media (max-width:1000px) { .solution-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) { .earth-hero,.earth-hero-grid { min-height:680px; } .earth-hero-visual { background-position:68% center; } .section-heading,.field-grid,.earth-cta-grid,.faq-layout { grid-template-columns:1fr; } .earth-hero-copy { padding:4.5rem 0; } .earth-hero h1 { font-size:3.65rem; } .hero-actions { align-items:stretch; flex-direction:column; } .earth-intro-grid,.solution-grid,.earth-work-grid { grid-template-columns:1fr; } .earth-intro p { border-right:0; border-bottom:1px solid rgba(255,255,255,.18); } .field-gallery { min-height:500px; } .earth-work-grid figure { min-height:400px; } .work-heading { align-items:start; flex-direction:column; } }
