:root{--ink:#2e2219;--brown:#6b4a2f;--rust:#a6532b;--tan:#d9b98c;--cream:#f7efe1;--sage:#7b8461}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:"Source Sans 3",system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;font-size:17px}
h1,h2,h3,.brand{font-family:"Roboto Slab",Georgia,serif}
a{color:inherit}
.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:.8rem 5vw;background:rgba(46,34,25,.95);color:var(--cream)}
.brand{font-weight:800;font-size:1.3rem;text-decoration:none;display:flex;align-items:center;gap:.5rem}
.mark{display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid var(--tan);border-radius:50%;color:var(--tan)}
.nav nav{display:flex;gap:1.4rem;align-items:center}
.nav nav a{text-decoration:none;font-weight:600}
.btn{display:inline-block;padding:.8rem 1.6rem;background:var(--rust);color:#fff;text-decoration:none;font-weight:600;border-radius:4px;border:2px solid var(--rust);transition:.2s}
.btn:hover{background:#8a4321}
.btn.ghost{background:transparent;border-color:currentColor}
.btn.small{padding:.4rem 1rem}
.hero{position:relative;min-height:min(88vh,720px);display:flex;align-items:center;overflow:hidden}
.hero-art{position:absolute;inset:0;width:100%;height:100%}
.hero-content{position:relative;padding:0 5vw 8vh;max-width:760px}
.hero h1{font-size:clamp(3rem,9vw,6.5rem);line-height:1;color:var(--ink);letter-spacing:-1px}
.lead{font-size:1.25rem;margin:1rem 0 2rem;color:#3f2d20}
.cta{display:flex;gap:1rem;flex-wrap:wrap}
.cta .ghost{color:var(--ink)}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-weight:600;font-size:.85rem;color:var(--rust)}
.section{padding:5.5rem 5vw}
.section.alt{background:#efe2cb}
.section.dark{background:var(--ink);color:var(--cream)}
.section.dark .eyebrow{color:var(--tan)}
.wrap{max-width:1100px;margin:auto}
.center{text-align:center}
h2{font-size:clamp(2rem,4vw,2.8rem);margin:.3rem 0 1.2rem;line-height:1.15}
.two{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:center}
.two p{margin-bottom:1rem}
.brand-card{background:var(--brown);color:var(--cream);border-radius:8px;padding:2rem;text-align:center}
.brand-card svg{width:180px}
.intro{margin-bottom:2rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.card{background:var(--cream);padding:2rem;border-radius:8px;border-top:5px solid var(--rust);box-shadow:0 6px 20px rgba(46,34,25,.08)}
.card .icon{font-size:2.2rem}
.card h3{margin:.5rem 0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ph{aspect-ratio:4/3;border-radius:6px;display:flex;align-items:flex-end;padding:1rem;color:var(--cream);font-weight:600}
.p1{background:linear-gradient(160deg,#c98a4b,#6b4a2f)}.p2{background:linear-gradient(160deg,#7b8461,#3f4a2f)}.p3{background:linear-gradient(160deg,#d9b98c,#a6532b)}
.p4{background:linear-gradient(160deg,#6b4a2f,#2e2219)}.p5{background:linear-gradient(160deg,#a6532b,#5a2c15)}.p6{background:linear-gradient(160deg,#b5a079,#6b5a3c)}
.contact-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2rem 0 1rem}
.contact-row .ghost{color:var(--cream)}
.small-note{opacity:.75;font-size:.95rem}
.footer{text-align:center;padding:1.5rem;background:#1f1711;color:var(--tan);font-size:.9rem}
@media (max-width:800px){
 .nav nav a:not(.btn){display:none}
 .two,.cards{grid-template-columns:1fr}
 .gallery{grid-template-columns:repeat(2,1fr)}
 .hero{min-height:min(80vh,640px)}
 .section{padding:4rem 6vw}
}