html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,serif;background:#faf8f2;color:#23372d;line-height:1.75}
.hero{height:112vh;min-height:900px;background:url('images/hero.jpg') center center/cover no-repeat;position:relative}
.overlay{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.32),rgba(0,0,0,.08),rgba(0,0,0,.42));display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}
.hero-content{max-width:820px;text-align:center;color:#fff;padding:2rem}
h1{font-size:5rem;margin:.2em 0;text-shadow:0 2px 6px rgba(0,0,0,.45)}
.hero h2{font-size:2.25rem;font-weight:500;margin:.3em 0 1.2em;text-shadow:0 2px 5px rgba(0,0,0,.35)}
.sub{font-size:1.3rem;text-shadow:0 1px 4px rgba(0,0,0,.3)}
.btn{display:inline-block;margin-top:2rem;padding:16px 36px;border-radius:10px;background:#1d5b44;color:#fff;text-decoration:none;font-weight:bold}
.wrap{max-width:760px;margin:auto;padding:90px 28px}
.alt{background:#f3eee2}
.verse{background:#1f3d30;color:#fff;text-align:center;padding:80px 28px}
.verse blockquote{max-width:900px;margin:auto;font-size:1.2rem;font-style:italic}
footer{text-align:center;padding:55px}
footer a{color:#1d5b44}
@media(max-width:700px){.hero{min-height:100vh;height:100vh}.overlay{padding-top:8vh}h1{font-size:3rem}.hero h2{font-size:1.5rem}.sub{font-size:1.05rem}}