
:root{--black:#070706;--gold:#c99643;--gold2:#efc36e;--cream:#f7f0e4;--ink:#1d1812;--muted:#71675b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.site-header{height:84px;padding:0 clamp(22px,6vw,82px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(7,7,6,.96);color:white;border-bottom:1px solid #4b371d}
.brand{display:flex;align-items:center;gap:12px;font-family:"Cormorant Garamond",serif;font-size:1.35rem}.brand img{width:56px;height:56px;border-radius:50%}
.nav{display:flex;align-items:center;gap:26px;font-size:.9rem}.nav-cta{border:1px solid var(--gold);padding:10px 16px;border-radius:999px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.5rem}
.hero{min-height:760px;padding:80px clamp(22px,7vw,110px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;background:radial-gradient(circle at 80% 28%,#a8752930,transparent 24%),linear-gradient(135deg,#080706,#171009);color:white;position:relative;overflow:hidden}
.hero-pattern{position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 34px,#d39e4709 34px 36px)}
.hero-copy,.hero-logo-wrap{position:relative}.hero-logo-wrap img{width:min(590px,96%);margin:auto;border-radius:50%;filter:drop-shadow(0 30px 50px #000)}
.eyebrow{font-size:.74rem;letter-spacing:.22em;font-weight:600;color:#a87430}.hero .eyebrow,.guests .eyebrow,.booking .eyebrow{color:var(--gold2)}
h1,h2,h3,blockquote{font-family:"Cormorant Garamond",serif}h1{font-size:clamp(3.5rem,7vw,6.7rem);line-height:.94;margin:14px 0 24px}.hero-text{max-width:690px;color:#d5cdc2;font-size:1.05rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;padding:14px 22px;border-radius:3px;font-weight:600}.button-gold{background:linear-gradient(135deg,#9f6d2b,var(--gold2));color:#120c05}.button-outline{border:1px solid #b7aa99}.signature{font-family:"Cormorant Garamond",serif;font-style:italic;color:var(--gold2);font-size:1.5rem}
.section{padding:100px clamp(22px,7vw,110px)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.intro h2,.section-heading h2,.guests h2,.booking h2{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.02;margin:10px 0}.intro>p,.section-heading>p{color:var(--muted)}
.stay{background:#efe4d2}.section-heading{max-width:800px;margin-bottom:45px}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:230px;gap:12px}.photo-placeholder{background:linear-gradient(145deg,#1b160f,#77562d);color:#e8c984;display:grid;place-items:center;border:1px solid #b58748}.photo-placeholder.large{grid-row:span 2}.photo-placeholder span{border:1px solid #d1aa6b;padding:9px 14px}
.amenities{background:#0b0907;color:white}.centered{text-align:center;margin-left:auto;margin-right:auto}.amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.amenity-card{padding:28px;border:1px solid #47351e;background:#12100d}.amenity-card>span{font-size:2rem;color:var(--gold2)}.amenity-card h3{font-size:1.6rem;margin:10px 0 5px}.amenity-card p{color:#bcb2a5}
.guests{background:#171009;color:white;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.guests-copy p{color:#c8bfb3}.guest-list{border-top:1px solid #72552e}.guest-list div{display:flex;justify-content:space-between;gap:30px;padding:18px 0;border-bottom:1px solid #72552e}.guest-list strong{color:var(--gold2)}.guest-list span{color:#bcb2a5;text-align:right}
.story{text-align:center;background:#fffaf1}.quote-mark{font-family:"Cormorant Garamond",serif;font-size:7rem;color:#d6ae70;line-height:.5}.story blockquote{max-width:950px;margin:20px auto;font-size:clamp(2rem,4vw,3.6rem);line-height:1.15;font-style:italic}.story>p{color:#94682f}
.booking{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;background:#090806;color:white;align-items:center}.booking>div>p{color:#c7bdb0}.booking-card{padding:32px;background:#f6eddf;color:#211a12;border-top:5px solid var(--gold)}.booking-card h3{font-size:2rem;margin-top:0}.booking-card small{display:block;margin-top:15px;color:#786d60}.booking-card code{background:#e5d8c5;padding:2px 4px}
.form-field{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.85rem;font-weight:600;color:var(--muted)}.form-field input,.form-field textarea{font:inherit;padding:12px 14px;border:1px solid #d9cbb0;border-radius:3px;background:#fffaf1;color:var(--ink)}.form-field input:focus,.form-field textarea:focus{outline:2px solid var(--gold)}.booking-card form button{border:0;cursor:pointer;margin-top:6px}
footer{padding:28px clamp(22px,6vw,82px);background:#030303;color:#a89e90;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #46341e}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:58px;height:58px;border-radius:50%}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{color:var(--gold2)}
@media(max-width:900px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:84px;left:0;right:0;background:#080706;padding:24px;flex-direction:column}.nav.open{display:flex}.hero,.intro,.guests,.booking{grid-template-columns:1fr}.hero-logo-wrap{order:-1}.hero-logo-wrap img{width:330px}.gallery-grid{grid-template-columns:1fr 1fr}.amenity-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.gallery-grid,.amenity-grid{grid-template-columns:1fr}.photo-placeholder.large{grid-row:auto}.guest-list div{flex-direction:column;gap:4px}.guest-list span{text-align:left}footer{flex-direction:column;text-align:center}}
