body{margin:0;font-family:serif;color:#222;background:#fff}
.header{border-bottom:1px solid #eee}
.wrap{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:20px}
.logo{letter-spacing:0.3em}
nav a{margin-left:24px;color:#333;text-decoration:none}
.hero{height:80vh;position:relative}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;height:100%}
.hero-img{background-size:cover;background-position:center}
.hero-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.4)}
.btn{margin-top:16px;padding:10px 18px;border-radius:999px;background:rgba(0,0,0,.35)}
.section{padding:80px 0;max-width:1200px;margin:auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{height:480px;background-size:cover;position:relative}
.card-txt{position:absolute;bottom:24px;left:24px;background:rgba(255,255,255,.8);padding:12px}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.products img{width:100%}
.about{text-align:center;color:#666}