/* styles.css */
:root{--accent:#b03a2e;--dark:#222;--muted:#666;--max-width:1100px}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0;color:var(--dark);line-height:1.5;background:#fff}
.container{max-width:var(--max-width);margin:0 auto;padding:1rem}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0}
.logo{font-weight:700;color:var(--accent);text-decoration:none;font-size:1.25rem}
.main-nav{display:flex;gap:1rem;align-items:center}
.main-nav a{color:var(--dark);text-decoration:none;padding:0.25rem 0.5rem}
.btn-contact{background:var(--accent);color:white;padding:0.5rem 0.8rem;border-radius:6px}
.nav-toggle{display:none;background:none;border:0;font-size:1.25rem}
.hero{position:relative;min-height:360px;display:flex;align-items:flex-end;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(30,30,30,0.25), rgba(30,30,30,0.05)), url('../images/hero.jpg');background-size:cover;background-position:center center;filter:contrast(1.02) saturate(0.96)}
.hero-text{position:relative;z-index:2;left:0;bottom:1.5rem;color:white;text-shadow:0 2px 8px rgba(0,0,0,0.5);padding:1rem}
.cta{display:inline-block;margin-top:0.5rem;padding:0.6rem 0.9rem;background:var(--accent);color:white;border-radius:6px;text-decoration:none}
.intro{padding:2rem 0}
.services-preview .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.card{padding:1rem;border-radius:8px;border:1px solid #eee;background:white;box-shadow:0 1px 6px rgba(0,0,0,0.03)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;margin-top:1rem}
.gallery-grid img{width:100%;height:140px;object-fit:cover;border-radius:6px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-card{padding:1rem;border:1px solid #eee;border-radius:8px}
.site-footer{background:#fafafa;padding:1rem 0;margin-top:2rem}
.footer-inner{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}
.more{margin-top:0.5rem}
@media(max-width:900px){.services-preview .cards{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.header-inner{padding:0.5rem}.main-nav{display:none}.nav-toggle{display:block}.hero{min-height:220px}.services-preview .cards{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.hero-text h1{font-size:1.4rem}}


/* Updated hero background to Pexels variant 3 (hotlinked) */
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(40,40,40,0.28), rgba(40,40,40,0.06)), url('https://images.pexels.com/photos/4792523/pexels-photo-4792523.jpeg');background-size:cover;background-position:center center;filter:contrast(1.02) saturate(0.96)}