:root{--bg:#f4f1e8;--ink:#1f3324;--leaf:#3f6b47;--muted:#5d6b5f;--card:#fffdf7;--line:#e2dccb}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);font-family:'Nunito Sans',system-ui,sans-serif;color:var(--ink);line-height:1.6}
a{color:inherit}
header{position:relative;color:#fff;display:flex;flex-direction:column;
  background:linear-gradient(180deg,rgba(14,28,18,.45) 0%,rgba(14,28,18,.40) 40%,rgba(14,28,18,.70) 100%),url("header.jpg") center 40%/cover no-repeat}
header.home{min-height:min(78vh,640px)}
header.inner{min-height:min(52vh,420px)}
nav{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 6px;padding:16px 16px 0}
nav a{text-decoration:none;font-weight:600;font-size:.92rem;letter-spacing:.5px;padding:7px 14px;border-radius:999px;color:#f3f6ee;text-shadow:0 1px 4px rgba(0,0,0,.5)}
nav a:hover{background:rgba(255,255,255,.14)}
nav a[aria-current=page]{background:rgba(255,255,255,.92);color:var(--ink);text-shadow:none}
.hero{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,44px);padding:28px 16px 40px;text-align:left}
.logo{flex:0 0 auto;width:clamp(120px,24vw,250px);height:auto;filter:invert(1);mix-blend-mode:screen}
header.inner .logo{width:clamp(100px,17vw,180px)}
h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(2.3rem,8vw,4.8rem);line-height:.95;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.tag{margin-top:12px;font-weight:600;letter-spacing:clamp(1.5px,.6vw,4px);font-size:clamp(.68rem,2.4vw,.85rem);text-transform:uppercase;color:#eef3e6;text-shadow:0 1px 6px rgba(0,0,0,.5)}
main{max-width:860px;margin:0 auto;padding:48px 16px 40px}
.center{text-align:center}
p.lead{font-size:1.1rem;color:var(--muted);max-width:600px;margin:0 auto}
h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:2rem;line-height:1.15;margin:0 0 10px}
section+section{margin-top:40px}
p+p{margin-top:12px}
ul.chips{list-style:none;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:26px}
ul.chips li{background:var(--card);padding:8px 16px;border-radius:999px;font-size:.92rem;box-shadow:0 1px 3px rgba(31,51,36,.08)}
.btn{display:inline-block;margin-top:26px;padding:10px 26px;border:1.5px solid var(--leaf);border-radius:999px;color:var(--leaf);font-weight:600;letter-spacing:1px;text-decoration:none}
.btn.solid{background:var(--leaf);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:28px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 20px}
.card h3{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;margin-bottom:6px}
.card p{color:var(--muted);font-size:.96rem}
.soon{display:inline-block;margin-top:14px;font-size:.78rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--leaf)}
.values{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:18px}
.values li{background:var(--card);border-left:3px solid var(--leaf);border-radius:10px;padding:14px 16px;font-size:.96rem}
.values b{display:block;color:var(--ink)}
footer{border-top:1px solid var(--line);text-align:center;padding:24px 16px 32px;font-size:.82rem;color:var(--muted)}
footer nav{padding:0 0 8px}
footer nav a{color:var(--muted);text-shadow:none;font-weight:600}
footer nav a:hover{background:transparent;color:var(--leaf)}
@media (max-width:480px){nav{gap:2px}nav a{padding:6px 9px;font-size:.84rem;letter-spacing:0}}