body{margin:0;background:#0f3b2e;color:#f6f2ea;font-family:Manrope,sans-serif}
nav{display:flex;justify-content:space-between;padding:24px 8%;position:fixed;width:84%;background:rgba(15,59,46,.7);backdrop-filter:blur(10px)}
nav a{margin-left:24px;color:#f6f2ea;text-decoration:none}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center;background:radial-gradient(circle at center,#18513e,#0f3b2e)}
.logo{max-width:180px;margin-bottom:2rem}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:.02em}
h1{font-size:3.4rem;max-width:900px;margin:.2em}
.lead{font-size:1.35rem;color:#e7dcc0;max-width:700px}
.button{margin-top:2rem;background:linear-gradient(#d8bc5b,#c9a63a);padding:16px 34px;border-radius:999px;color:#14362c;text-decoration:none;font-weight:700}
.story{background:#f6f2ea;color:#14362c;padding:90px 10%;line-height:1.8}
.story h2{font-size:3rem}
.story h3{margin-top:3rem}
footer{text-align:center;padding:60px;background:#0f3b2e}
footer a{color:#d8bc5b;text-decoration:none}
@media(max-width:700px){h1{font-size:2.5rem}.story h2{font-size:2.2rem}.lead{font-size:1.1rem}nav{font-size:.9rem}}