*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,sans-serif;background:#F4F0E8;color:#243126}
.hero{height:100vh;background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.25)),url('assets/hero.jpg') center/cover fixed;display:flex;flex-direction:column}
nav{display:flex;justify-content:space-between;align-items:center;padding:30px 6vw;color:#fff}
.logo{height:64px}
.menu{letter-spacing:.08em}
.hero-content{margin:auto;text-align:center;color:#fff;padding:20px}
.eyebrow{letter-spacing:.3em;font-size:.8rem}
h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:300}
h1{font-size:clamp(3rem,7vw,5.8rem);max-width:900px}
.lead{max-width:650px;margin:20px auto 36px;line-height:1.8}
.btn{display:inline-block;padding:15px 30px;border:1px solid #fff;color:#fff;text-decoration:none}
.manifesto{padding:120px 10vw;display:flex;justify-content:center}
.copy{max-width:760px}
.copy h2{font-size:3rem;margin-bottom:20px}
.copy p{font-size:1.1rem;line-height:2}
.image-block img{width:100%;height:75vh;object-fit:cover}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:#ddd}
.grid div{background:#f7f4ef;padding:70px 35px;min-height:220px}
.grid span{opacity:.5}
.grid h3{font-size:2rem;margin-top:15px}
.cta{padding:120px 20px;background:#17372e;color:#fff;text-align:center}
.cta h2{font-size:3.2rem;margin-bottom:30px}
.cta .btn{border-color:#fff}
@media(max-width:768px){.menu{display:none}.hero{background-attachment:scroll}.copy h2,.cta h2{font-size:2.2rem}}