
*{box-sizing:border-box;margin:0;padding:0}
:root{--sand:#d88917;--dark:#24170f;--cream:#fbf7f0;--text:#33271f}
body{font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--text);line-height:1.65}
a{text-decoration:none;color:inherit}
header{position:sticky;top:0;z-index:10;background:#fffdf9;border-bottom:1px solid #eee4d7}
.nav{max-width:1200px;margin:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}
.logo{font-family:Georgia,serif;font-size:28px;font-weight:700;color:#b96d08;letter-spacing:2px}
.logo span{display:inline-block;margin-right:9px;color:#e5a33b}
nav{display:flex;gap:26px;flex-wrap:wrap}
nav a{font-weight:600;font-size:15px;padding:25px 0;border-bottom:3px solid transparent}
nav a:hover,nav a.active{color:#c77508;border-bottom-color:#e39a24}
.hero{min-height:500px;background:linear-gradient(90deg,rgba(20,12,7,.85),rgba(20,12,7,.15)),url("assets/hero.jpg") center/cover;display:flex;align-items:center}
.hero-inner{max-width:1200px;width:100%;margin:auto;padding:70px 24px;color:white}
.hero h1{font:700 clamp(48px,7vw,82px)/1 Georgia,serif;margin-bottom:14px}
.hero h2{font:400 28px Georgia,serif;color:#f2a32a;margin-bottom:16px}
.hero p{max-width:620px;font-size:18px;margin-bottom:28px}
.btn{display:inline-block;background:#e6920b;color:white;padding:13px 24px;border-radius:6px;font-weight:700}
.btn:hover{background:#bd7106}
.section{max-width:1200px;margin:auto;padding:70px 24px}
.center{text-align:center}
.section h2{font:700 40px Georgia,serif;margin-bottom:14px}
.lead{max-width:850px;margin:0 auto 36px;color:#66584e}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid #e5ddd3;border-radius:8px;overflow:hidden;box-shadow:0 5px 20px rgba(55,35,15,.05)}
.card img{width:100%;height:190px;object-fit:cover}
.card-body{padding:22px}
.card h3{font:700 23px Georgia,serif;color:#bd7109;margin-bottom:8px}
.card p{color:#5e5148;margin-bottom:16px}
.more{color:#d27b09;font-weight:700}
.page-hero{background:#2b1b11 url("assets/page-hero.jpg") center/cover;min-height:280px;display:flex;align-items:center;color:white}
.page-hero .section{width:100%;padding-top:55px;padding-bottom:55px}
.page-hero h1{font:700 55px Georgia,serif}
.content{display:grid;grid-template-columns:2fr 1fr;gap:42px;align-items:start}
.content h2{font:700 32px Georgia,serif;margin:30px 0 12px}
.content h2:first-child{margin-top:0}
.content p{margin-bottom:16px}
.content ul{padding-left:22px;margin-bottom:18px}
.fact{background:#fff;border:1px solid #e5ddd3;border-radius:8px;padding:24px;position:sticky;top:100px}
.fact h3{font:700 24px Georgia,serif;color:#b96d08;margin-bottom:12px}
.fact div{padding:9px 0;border-bottom:1px solid #eee5da}
.fact div:last-child{border:0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gallery img{width:100%;height:240px;object-fit:cover;border-radius:8px}
footer{background:#291a11;color:#eee;padding:45px 24px 20px;margin-top:20px}
.footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}
footer h3{font:700 22px Georgia,serif;color:#e59a28;margin-bottom:12px}
footer a{display:block;margin:5px 0;color:#ddd}
.copy{max-width:1200px;margin:30px auto 0;padding-top:18px;border-top:1px solid #61472e;text-align:center;color:#bcae9f;font-size:14px}
.menu-btn{display:none;background:none;border:0;font-size:28px}
@media(max-width:800px){
 nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:10px 24px;flex-direction:column;gap:0}
 nav.open{display:flex}nav a{padding:12px 0}
 .menu-btn{display:block}.cards,.gallery{grid-template-columns:1fr}.content{grid-template-columns:1fr}.fact{position:static}
 .hero{min-height:580px}.hero h1{font-size:52px}.hero h2{font-size:23px}.footer-grid{grid-template-columns:1fr}
}
