:root{--cream:#fbf6ee;--ink:#2d2420;--brown:#7a4b2a;--terra:#d9734e;--sage:#e7efe4;--peach:#f6e3d2;--muted:#6f625a}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6}
h1,h2,h3,.logo{font-family:Fraunces,Georgia,serif}
h1{font-size:clamp(2.3rem,5vw,3.8rem);line-height:1.1;margin:.4rem 0 1rem}
h1 em{color:var(--terra)}
h2{font-size:clamp(1.7rem,3.5vw,2.4rem);margin-bottom:.8rem}
p{margin-bottom:1rem}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.25rem}
section{padding:5rem 0}
.wrap section,section.wrap{padding:5rem 1.25rem}
.nav{position:sticky;top:0;background:rgba(251,246,238,.92);backdrop-filter:blur(8px);z-index:10;border-bottom:1px solid #eadfcf}
.nav-in{display:flex;justify-content:space-between;align-items:center;height:64px}
.nav nav a{margin-left:1.3rem;text-decoration:none;font-weight:500;font-size:.95rem}
.logo{font-size:1.5rem;text-decoration:none;color:var(--brown)}.logo span{color:var(--terra)}
.btn{display:inline-block;background:var(--terra);color:#fff;padding:.8rem 1.4rem;border-radius:999px;text-decoration:none;font-weight:600;border:2px solid var(--terra);transition:.2s}
.btn:hover{background:var(--brown);border-color:var(--brown)}
.btn.ghost{background:transparent;color:var(--brown);border-color:var(--brown)}
.btn.ghost:hover{background:var(--brown);color:#fff}
.btn.sm{padding:.45rem 1rem;color:#fff!important}
.cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:600;color:var(--terra);margin-bottom:.3rem}
.lead{font-size:1.15rem;color:var(--muted);max-width:34rem}
.hero{background:radial-gradient(circle at 85% 20%,var(--peach),transparent 55%)}
.hero-in,.split{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}
.split.rev{grid-template-columns:1fr 1fr}
.ph{background:repeating-linear-gradient(45deg,#efe2d0,#efe2d0 12px,#f4eadc 12px,#f4eadc 24px);border:2px dashed #d8c3a8;border-radius:22px;display:flex;align-items:center;justify-content:center;color:#a88b6c;font-weight:600;min-height:300px}
.ph.tall{min-height:420px}.ph.sq{min-height:0;aspect-ratio:1}.ph.short{min-height:150px;margin-bottom:1rem}
.grid4{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.about{text-align:center}.about>p{max-width:44rem;margin:0 auto 2.5rem;color:var(--muted);font-size:1.08rem}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.pillars div{background:#fff;border-radius:20px;padding:2rem 1rem;box-shadow:0 6px 24px rgba(122,75,42,.08)}
.pillars span{font-size:2rem}
.band.warm{background:var(--peach)}.band.sage{background:var(--sage)}
.loc{list-style:none;padding:0;margin:0 0 1rem}.loc li{padding:.5rem 0;border-bottom:1px solid #e3cdb6}
.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.tags span{background:#fff;border:1px solid #e3cdb6;padding:.35rem .9rem;border-radius:999px;font-size:.9rem}
.narrow{max-width:38rem;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}
.card{background:#fff;border-radius:20px;padding:1.4rem;box-shadow:0 6px 24px rgba(0,0,0,.05)}
.card.link{text-decoration:none;transition:.2s}.card.link:hover{transform:translateY(-4px)}
.card p{color:var(--muted);margin:0;word-break:break-word}
.note{margin-top:1.5rem;color:var(--muted);font-style:italic}
.contact{text-align:center}
footer{background:var(--ink);color:#e9dccd;padding:2.5rem 0}
.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.foot p{margin:.3rem 0 0;font-size:.9rem;opacity:.8}.soc a{margin-left:1.2rem}
@media(max-width:800px){.hero-in,.split,.split.rev,.pillars,.cards{grid-template-columns:1fr}.nav nav a:not(.btn){display:none}.ph.tall{min-height:260px}section{padding:3.5rem 0}.soc a{margin:0 1rem 0 0}}
.nav nav a.active{color:var(--terra)}
.center{text-align:center}.mx{margin-left:auto;margin-right:auto}.jc{justify-content:center}
.job{margin-top:1.5rem}.job-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.meta{color:var(--muted);font-size:.93rem}
@media(max-width:800px){.nav nav a:not(.btn){display:inline;margin-left:.7rem;font-size:.85rem}.nav nav a[href^="#"]:not(.btn){display:none}}

/* ===== Palette v2: black base + red / green / pink / blue accents ===== */
:root{--cream:#fafafa;--ink:#111111;--brown:#111111;--terra:#d62839;--muted:#4a4a4a;
--green:#1a7f37;--blue:#1f5fbf;--pink:#c2185b;--peach:#e9f6ec;--sage:#fdecf3;--blue-t:#e8f0fc}
.nav{background:rgba(250,250,250,.94);border-bottom:1px solid #e5e5e5}
.logo{color:var(--ink)}.logo span{color:var(--terra)}
.hero{background:radial-gradient(circle at 88% 15%,#fde3ea,transparent 40%),radial-gradient(circle at 70% 85%,#e3ecfb,transparent 40%)}
.btn:hover{background:#111;border-color:#111}
.ph{background:repeating-linear-gradient(45deg,#ececec,#ececec 12px,#f5f5f5 12px,#f5f5f5 24px);border-color:#cfcfcf;color:#6b6b6b}
.pillars div{box-shadow:0 6px 24px rgba(0,0,0,.07);border-top:5px solid var(--terra)}
.pillars div:nth-child(1){border-color:var(--green)}.pillars div:nth-child(2){border-color:var(--blue)}.pillars div:nth-child(3){border-color:var(--pink)}
.loc li{border-color:#bfe0c7}
#cafe .eyebrow{color:var(--green)}#cafe .btn.ghost{color:var(--green);border-color:var(--green)}#cafe .btn.ghost:hover{background:var(--green);color:#fff}
#prints .eyebrow{color:var(--blue)}#prints .tags span{border-color:#b9cdf0;background:var(--blue-t);color:#123b7a}
#prints .ph{border-color:#b9cdf0}
#bazaars .eyebrow,.band.sage .eyebrow{color:var(--pink)}
#bazaars .btn.ghost{color:var(--pink);border-color:var(--pink)}#bazaars .btn.ghost:hover{background:var(--pink);color:#fff}
#goaba{background:var(--ink);color:#f2f2f2;max-width:none;padding-left:max(1.25rem,calc((100vw - 1120px)/2 + 1.25rem));padding-right:max(1.25rem,calc((100vw - 1120px)/2 + 1.25rem))}
#goaba .eyebrow{color:#7fb2ff}#goaba .narrow{color:#cfcfcf}
#goaba .card{background:#1d1d1d;color:#f2f2f2;box-shadow:none;border:1px solid #333}#goaba .card p{color:#cfcfcf}
#goaba .card:nth-child(1){border-top:4px solid var(--terra)}#goaba .card:nth-child(2){border-top:4px solid #3fbf6a}#goaba .card:nth-child(3){border-top:4px solid #5b9bff}
#contact .card:nth-child(1){border-left:5px solid var(--green)}#contact .card:nth-child(2){border-left:5px solid var(--blue)}#contact .card:nth-child(3){border-left:5px solid var(--pink)}
.card{box-shadow:0 6px 24px rgba(0,0,0,.06)}
.job{border-left:5px solid var(--blue)}
footer{background:#000;color:#e6e6e6}footer .logo{color:#fff}footer .logo span{color:#ff5c6c}
.band.blue{background:var(--blue-t)}