/* sections.min.css */
/* Hero */
.hero{position:relative;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-1}
.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(92%) contrast(98%)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,13,.55),rgba(8,10,13,.9))}
.hero .hero-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;min-height:72vh;padding:5rem 0}
.hero h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}
.hero p{color:#cbd5e1;max-width:60ch}

/* About */
.about .about-media{grid-template-columns:repeat(2,1fr)}
.about picture{overflow:hidden;border-radius:.8rem;border:1px solid #22252c}
.about img{transform:scale(1.02)}

/* Services */
.services .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:900px){.services .service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.services .service-grid{grid-template-columns:1fr}}
.services .card h3{font-size:1rem;margin:.25rem 0 .5rem}
.services .card p{color:#cbd5e1}

/* Contact */
.contact .contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media(max-width:900px){.contact .contact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.contact .contact-grid{grid-template-columns:1fr}}
.contact .contact-card{background:var(--surface);border:1px solid var(--border);border-radius:.8rem;padding:1rem}
.contact address{font-style:normal;color:#cbd5e1}