
:root{--esp:#4b2f16;--brown:#6f5c48;--brown2:#5d4b39;--gold:#c6a45c;--cream:#f6efe2;--ink:#2b2622;--mute:#6b6259;--line:#e6ddcf}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Work Sans",system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6;font-size:16px}
img{max-width:100%;display:block}
a{color:var(--esp)}
h1,h2,h3,.serif{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:.02em;margin:0 0 .5em}
h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1}
h2{font-size:clamp(1.5rem,3.2vw,2.2rem)}
h3{font-size:1.2rem}
.script{font-family:"Great Vibes",cursive;font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:0}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
/* top bar */
.topbar{background:#e9e3da;font-size:.8rem}
.topbar .wrap{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:8px 20px}
.topbar nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.topbar nav a{text-decoration:none;color:#333;padding:2px 0;border-bottom:2px solid transparent}
.topbar nav a.on,.topbar nav a:hover{border-color:var(--esp)}
.topbar .mail{color:#333;text-decoration:none}
.social{display:flex;gap:8px;margin-left:8px}
.social a{width:26px;height:26px;border-radius:5px;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:.7rem;font-weight:700}
.social .ig{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}.social .fb{background:#1877f2}.social .tt{background:#000}.social .gm{background:#34a853}
/* header */
header.site{background:#fff;padding:14px 0 10px}
header.site .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
header.site .logo{grid-column:2;width:150px}
.pill{display:inline-block;background:#3d3a36;color:#fff;font-size:.78rem;letter-spacing:.14em;padding:7px 16px;text-decoration:none;box-shadow:2px 2px 6px rgba(0,0,0,.35)}
header.site .left{justify-self:start;align-self:start}header.site .right{justify-self:end}
.pill.book{background:#4b3e32;letter-spacing:.1em}
/* bands */
.band{background:var(--brown);color:#fff;text-align:center;padding:60px 0 50px}
.band h1{color:#fff}.band .script{color:#fff}
.band p{max-width:620px;margin:16px auto 24px;font-size:.92rem}
.btn{display:inline-block;border:1px solid #fff;color:#fff;text-decoration:none;padding:8px 20px;font-size:.85rem;letter-spacing:.05em;transition:.2s}
.btn:hover{background:#fff;color:var(--brown)}
.btn.dark{border-color:var(--esp);color:var(--esp)}.btn.dark:hover{background:var(--esp);color:#fff}
section{padding:54px 0}
.light{background:var(--cream)}
.center{text-align:center}
.lead{max-width:760px;margin:0 auto 26px;color:var(--mute)}
/* gallery */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.gallery img,.ph{aspect-ratio:4/3;object-fit:cover;width:100%;background:#d9cfbf}
.ph{display:grid;place-items:center;color:#8a7d6c;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
/* price tables */
.prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:24px}
.card{background:#fff;border:1px solid var(--line);padding:24px 22px}
.card h3{color:var(--esp);border-bottom:2px solid var(--gold);padding-bottom:8px;margin-bottom:12px}
.row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:.95rem}
.row b{white-space:nowrap}
.note{font-size:.85rem;color:var(--mute);margin-top:12px}
.hero-img{width:100%;max-width:1000px;margin:0 auto}
/* cams */
.cams{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px 0 28px}
.cams a{background:#5e5248;color:#fff;text-decoration:none;font-weight:700;font-size:.8rem;padding:9px 18px;border-radius:3px;box-shadow:2px 2px 4px rgba(0,0,0,.3)}
.cams a:hover{background:var(--esp)}
/* forms */
form{max-width:640px;margin:0 auto}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:12px 0 4px}
input,textarea,select{width:100%;padding:11px 12px;border:1px solid #cfc5b5;background:#fff;font:inherit;font-size:.95rem}
textarea{min-height:120px}
button{margin-top:18px;background:var(--esp);color:#fff;border:0;padding:12px 30px;font:inherit;letter-spacing:.1em;cursor:pointer}
.thanks{display:none;background:#fff;border:1px solid var(--gold);padding:20px;text-align:center}
/* footer */
footer{background:#fff;border-top:1px solid var(--line);padding:40px 0 0;font-family:"Playfair Display",Georgia,serif;font-size:.95rem}
footer .wrap{display:flex;justify-content:center}
footer .col{max-width:360px}
footer a{color:var(--ink);text-decoration:none}
.copy{background:#2a2622;color:#bfb6aa;font-family:"Work Sans",sans-serif;font-size:.7rem;letter-spacing:.1em;text-align:center;padding:12px;margin-top:30px;text-transform:uppercase}
@media(max-width:760px){header.site .wrap{grid-template-columns:1fr;justify-items:center}header.site .logo{grid-column:1}.grid2{grid-template-columns:1fr}.band{padding:44px 0}}
