:root{
--saffron:#f4a300;--navy:#0b1f3a;--green:#1f6a4a;--bg:#faf8f3;--text:#243040;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.container{width:min(1100px,92%);margin:auto}
.site-header{position:sticky;top:0;background:#ffffffdd;backdrop-filter:blur(10px);border-bottom:1px solid #eee}
nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}
.logo{font-family:Cinzel,serif;font-size:1.3rem;color:var(--navy);text-decoration:none}
.nav{display:flex;list-style:none;gap:1.2rem;padding:0;margin:0}
.nav a{text-decoration:none;color:var(--navy);font-weight:600}
.hero{min-height:85vh;display:flex;align-items:center;background:linear-gradient(135deg,#fff,#f6efe0)}
.hero h1{font-family:Cinzel,serif;font-size:clamp(2.5rem,7vw,5rem);margin:.2rem 0;color:var(--navy)}
.hero h2{color:var(--green);font-weight:600}
.eyebrow{color:var(--saffron);font-weight:700}
.lead{max-width:700px;font-size:1.1rem}
.cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.btn{display:inline-block;padding:.9rem 1.4rem;border-radius:999px;text-decoration:none;font-weight:700}
.btn-primary{background:var(--saffron);color:#111}
.btn-secondary{border:2px solid var(--navy);color:var(--navy)}
.section{padding:5rem 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.grid article{background:#fff;padding:1.2rem;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.site-footer{background:var(--navy);color:#fff;padding:2rem 0;text-align:center}
@media(max-width:768px){nav,.nav{flex-direction:column}.hero{min-height:70vh}}