:root{--bg:#f7f7f5;--text:#111;--muted:#777;--line:#e5e5e5;}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.8}
nav{position:sticky;top:0;background:rgba(247,247,245,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{max-width:1400px;margin:auto;padding:28px;display:flex;justify-content:space-between;align-items:center}
.logo{font-size:2rem;letter-spacing:.12em}
.menu a{text-decoration:none;color:#111;margin:0 18px;font-size:.85rem;letter-spacing:.15em}
.hero{height:100vh;display:flex;align-items:end;padding:8%;background-size:cover;background-position:center}
.hero .box{max-width:800px;background:rgba(247,247,245,.85);padding:30px}
h1{font-size:5rem;font-weight:300;letter-spacing:.15em}
h2{font-size:3rem;font-weight:300;margin-bottom:30px}
.container{max-width:1400px;margin:auto;padding:120px 40px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.btn{display:inline-block;border:1px solid #111;padding:14px 28px;text-decoration:none;color:#111;margin-right:12px}
.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.card{border-top:1px solid #111;padding-top:20px}
.imageblock{height:700px;background-size:cover;background-position:center}
footer{border-top:1px solid var(--line);padding:60px;text-align:center}
@media(max-width:900px){.grid,.cardgrid{grid-template-columns:1fr} h1{font-size:3rem}}