.hero-image{background-image:linear-gradient(90deg,rgba(8,37,58,.12),rgba(8,37,58,.02)),url("assets/topografia.jpg");background-position:63% center}.hero h1{font-size:clamp(2.5rem,4.5vw,4.7rem);line-height:1.08}.split-image{background-image:url("assets/infraestructura-agua.jpg");background-position:center}.section-intro{font-size:1.08rem;color:var(--muted);max-width:590px;margin:24px 0 0}.project-section{background:#eaf0f3}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.project-grid figure{margin:0;background:white;overflow:hidden}.project-grid img{display:block;width:100%;height:260px;object-fit:cover}.project-lead{grid-row:span 2;display:flex;flex-direction:column}.project-grid .project-lead img{height:auto;min-height:430px;flex:1;object-fit:cover}.project-grid figcaption{padding:28px 30px}.project-grid figcaption span{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#8d5300}.project-grid h3{font-size:1.6rem;line-height:1.2;margin:10px 0}.project-grid p{color:var(--muted);margin:0}.photo-note{font-size:.8rem;color:#526575;margin-top:24px}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}section[id]{scroll-margin-top:90px}@media(max-width:800px){.project-grid{grid-template-columns:1fr}.project-grid .project-lead img{min-height:0;height:300px;flex:none}.project-grid img{height:280px}.site-header nav{gap:8px}.hero-image{background-position:65% center}.hero h1{font-size:clamp(2.4rem,9vw,3.8rem)}}
