:root{--bark:#2c2419;--moss:#3f4a30;--pine:#1f2a1c;--amber:#e0a458;--rust:#b4643a;--cream:#f4ecdd;--ink:#2a2620}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--cream);line-height:1.7}
a{color:inherit}
.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.8rem 1.5rem;background:rgba(26,29,22,.95);color:var(--cream)}
.brand{font-weight:bold;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.brand span{color:var(--amber);font-weight:normal}
.nav nav a{font-family:Helvetica,Arial,sans-serif;font-size:.85rem;text-decoration:none;margin-left:1.1rem;opacity:.85}
.nav nav a:hover{color:var(--amber);opacity:1}
.hero{position:relative;height:clamp(520px,88vh,760px);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:var(--cream)}
.scene{position:absolute;inset:0;width:100%;height:100%}
.hero-text{position:relative;padding:1rem 1rem 9rem;text-shadow:0 2px 12px rgba(0,0,0,.5)}
h1{font-size:clamp(2.8rem,8vw,5.5rem);line-height:1;letter-spacing:.04em;text-transform:uppercase}
h1 small{display:block;font-size:.32em;letter-spacing:.25em;margin-top:.6rem;color:var(--amber)}
.tagline{font-style:italic;font-size:clamp(1.1rem,2.5vw,1.5rem);margin:1.2rem 0 2rem}
.eyebrow{font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;color:var(--rust);margin-bottom:.6rem}
.hero .eyebrow{color:var(--cream);opacity:.85}
.btn{display:inline-block;padding:.8rem 1.8rem;border:2px solid var(--amber);color:var(--cream);text-decoration:none;font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;transition:.2s}
.btn:hover{background:var(--amber);color:var(--pine)}
.panel{padding:5rem 1.5rem}
.wrap{max-width:960px;margin:0 auto}
.center{text-align:center;max-width:720px}
.two{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:center}
h2{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2;margin-bottom:1.2rem;color:var(--pine)}
p+p{margin-top:1rem}
.lead{font-size:1.2rem}
blockquote{font-size:1.4rem;font-style:italic;border-left:4px solid var(--amber);padding:1rem 1.5rem;color:var(--moss)}
.dusk{background:linear-gradient(180deg,#1b2430,#5a4a45 60%,#8a5a3c);color:var(--cream)}
.dusk h2{color:var(--amber)}.dusk .eyebrow{color:#e9c08a}
.earth{background:var(--moss);color:var(--cream)}
.earth h2{color:var(--cream)}.earth .eyebrow{color:var(--amber)}
.notice{display:inline-block;margin-top:2rem;padding:.9rem 1.6rem;border:2px dashed var(--rust);font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;font-size:.85rem;color:var(--rust)}
.notice.light{border-color:var(--amber);color:var(--amber)}
.muted{opacity:.7;font-size:.9rem}
footer{background:var(--pine);color:var(--cream);text-align:center;padding:3rem 1.5rem;font-size:.95rem}
footer p+p{margin-top:.4rem}
@media (max-width:720px){
 .nav{justify-content:center}.nav nav{text-align:center}.nav nav a{margin:0 .5rem;font-size:.78rem}
 .two{grid-template-columns:1fr;gap:2rem}.panel{padding:3.5rem 1.2rem}.hero{height:600px}
}
.hero{background:linear-gradient(180deg,rgba(15,18,24,.55) 0%,rgba(15,18,24,.35) 45%,rgba(15,18,24,.7) 100%),url(images/hero.jpg) center 60%/cover no-repeat #1b2430}
.hero-text{padding:1rem}
.hero h1,.hero .tagline{text-shadow:0 2px 16px rgba(0,0,0,.75)}
.dusk{background:linear-gradient(180deg,rgba(27,36,48,.88),rgba(60,45,45,.85)),url(images/hero.jpg) center 70%/cover no-repeat #1b2430}