*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.hero{height:100vh;background:url('images/hero.jpg') center/cover;display:flex;align-items:center;justify-content:center}
.hero-card{background:rgba(255,255,255,.9);padding:50px 60px;text-align:center}
.logo{width:220px}
section{padding:80px 8%}.intro{text-align:center;max-width:900px;margin:auto}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.services div{border:1px solid #e8e8e8;padding:24px;border-radius:8px;text-align:center}
.gallery{columns:4 260px;column-gap:14px}.gallery img{width:100%;margin-bottom:14px;border-radius:8px}
footer{background:#111;color:#fff;text-align:center;padding:70px 20px}