:root{--cream:#F5F2ED;--taupe:#8C7A6B;--white:#FBFAF7;--sand:#D8C3A5;--camel:#B88B5A;--oak:#A47D55;--black:#1F1D1B;--olive:#6E7152;--choc:#4A3428;--line:#E2DBD0}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--black);font:400 16px/1.7 Montserrat,system-ui,sans-serif}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:1.15;margin:0 0 .5em;color:var(--choc)}
h1{font-size:clamp(2.4rem,6vw,4.4rem)}h2{font-size:clamp(1.9rem,4vw,2.8rem)}h3{font-size:1.5rem}
.lede,.serif{font-family:"Libre Baskerville",Georgia,serif;font-size:1.05rem;line-height:1.8;color:#3d3833}
a{color:var(--choc)}img{max-width:100%;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.eyebrow{font:600 .72rem/1 Montserrat,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--taupe);margin-bottom:1rem;display:block}
header{position:sticky;top:0;z-index:10;background:rgba(245,242,237,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:84px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
/* LOGO PLACEHOLDER: replace .mark with <img src="/assets/logo.svg"> when Jill supplies her circular serif logo */
.mark{width:58px;height:58px;border:1.5px solid var(--taupe);border-radius:50%;display:grid;place-items:center;text-align:center;font:500 .62rem/1.1 "Cormorant Garamond",serif;letter-spacing:.12em;color:var(--taupe);outline:1px solid var(--taupe);outline-offset:-6px}
.word{font:500 1.15rem/1 "Cormorant Garamond",serif;letter-spacing:.18em;color:var(--black)}
nav ul{list-style:none;display:flex;gap:26px;margin:0;padding:0}
nav a{text-decoration:none;font:500 .74rem Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--black)}
nav a[aria-current]{color:var(--taupe);border-bottom:1px solid var(--taupe)}
.menu{display:none;background:none;border:1px solid var(--taupe);color:var(--black);padding:8px 12px;font:500 .7rem Montserrat;letter-spacing:.14em}
section{padding:88px 0}
.hero{padding:0;display:grid;grid-template-columns:1.05fr 1fr;min-height:78vh}
.hero .txt{padding:80px 6vw 80px max(24px,calc((100vw - 1160px)/2 + 24px));display:flex;flex-direction:column;justify-content:center}
.ph{background:linear-gradient(150deg,var(--sand),var(--camel) 55%,var(--oak));position:relative;min-height:260px}
.ph.olive{background:linear-gradient(150deg,#C9C6AE,var(--olive))}.ph.choc{background:linear-gradient(150deg,var(--camel),var(--choc))}.ph.stone{background:linear-gradient(150deg,var(--white),var(--sand))}.ph.ink{background:linear-gradient(150deg,var(--taupe),var(--black))}
.ph span{position:absolute;left:14px;bottom:12px;font:500 .62rem Montserrat;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.btn{display:inline-block;background:var(--black);color:var(--cream);padding:15px 30px;text-decoration:none;font:600 .72rem Montserrat;letter-spacing:.2em;text-transform:uppercase;border:0;cursor:pointer}
.btn.ghost{background:transparent;color:var(--black);border:1px solid var(--black)}
.row{display:flex;gap:14px;flex-wrap:wrap;margin-top:1.6rem}
.center{text-align:center;max-width:760px;margin:0 auto}
.band{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dark{background:var(--choc);color:var(--cream)}.dark h2,.dark h3{color:var(--cream)}.dark .lede{color:#e9e1d6}.dark .eyebrow{color:var(--sand)}
.grid{display:grid;gap:28px}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.num{font:400 2.6rem "Cormorant Garamond",serif;color:var(--taupe)}
.card{background:var(--white);border:1px solid var(--line)}.card .b{padding:22px}
.tag{display:inline-block;font:600 .6rem Montserrat;letter-spacing:.18em;text-transform:uppercase;color:var(--olive);border:1px solid var(--olive);padding:4px 8px;margin-bottom:10px}
.tag.draft{color:var(--camel);border-color:var(--camel)}
.note{font-size:.85rem;color:var(--taupe);font-style:italic}
form .f{display:flex;gap:10px;flex-wrap:wrap}form label{display:block;font:600 .68rem Montserrat;letter-spacing:.16em;text-transform:uppercase;margin:16px 0 6px}
input,textarea,select{width:100%;font:inherit;padding:13px 14px;border:1px solid #cfc6b8;background:var(--white);color:var(--black)}
.f input{flex:1;min-width:200px;width:auto}
.quote{font:italic 400 clamp(1.5rem,3vw,2.1rem)/1.35 "Cormorant Garamond",serif;color:var(--choc)}
footer{background:var(--black);color:#cfc6b8;padding:60px 0 30px;font-size:.85rem}
footer a{color:var(--cream);text-decoration:none}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
footer .mark{border-color:var(--sand);color:var(--sand);outline-color:var(--sand)}
.disc{border-top:1px solid #3a3632;margin-top:40px;padding-top:20px;font-size:.78rem;line-height:1.6}
.pagehead{padding:90px 0 60px;text-align:center;border-bottom:1px solid var(--line)}
@media(max-width:900px){.g3,.g4{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero .ph{min-height:300px}footer .cols{grid-template-columns:1fr}
 .menu{display:block}nav ul{display:none;position:absolute;top:84px;left:0;right:0;background:var(--cream);flex-direction:column;padding:20px 24px;border-bottom:1px solid var(--line)}nav ul.open{display:flex}}
@media(max-width:560px){.g3,.g4,.g2{grid-template-columns:1fr}section{padding:64px 0}.word{display:none}}