/* Phase 1 brand foundation: search presence, identity, header/footer and core visual tokens. */
:root{
  --bg:#fcfbf8;
  --surface:#ffffff;
  --surface-2:#f6f3ed;
  --ink:#171914;
  --muted:#6a7068;
  --line:#e6e1d8;
  --sage:#e7efe9;
  --blush:#f5e8e5;
  --blue:#e9eef2;
  --lavender:#eee9f3;
  --sand:#f3eadf;
  --accent:#1f2c24;
  --accent-hover:#142019;
  --brand-rose:#b87874;
  --brand-cream:#f5efe5;
  --shadow:0 28px 78px rgba(26,34,28,.09);
  --shadow-soft:0 12px 34px rgba(26,34,28,.065);
  --radius:26px;
  --radius-sm:16px;
}

body{background:var(--bg);color:var(--ink)}
::selection{background:#dce8df;color:#172019}
a,button{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(55,91,67,.24);outline-offset:3px}

.site-header{
  background:rgba(252,251,248,.92);
  border-bottom:1px solid rgba(224,219,210,.88);
  box-shadow:0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:saturate(175%) blur(22px);
}
.header-inner{height:76px;gap:24px}
.brandmark{display:inline-flex;align-items:center;gap:10px;font-size:inherit;letter-spacing:normal;font-weight:inherit}
.brandmark-symbol{
  width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;
  background:linear-gradient(145deg,#1f2c24,#344a3b);color:#fff;
  font-size:19px;font-weight:800;letter-spacing:-.06em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 7px 18px rgba(31,44,36,.12)
}
.brandmark-name{font-size:22px;line-height:1;font-weight:780;letter-spacing:-.045em;color:#191b17}
.desktop-nav{gap:6px;margin-left:auto;align-items:center}
.desktop-nav a{position:relative;padding:10px 12px;border-radius:999px;color:#515850;font-size:13px;font-weight:680}
.desktop-nav a:hover{background:#f0eee8;color:#172019}
.header-search{
  min-height:40px;padding:0 15px;border-color:#dcd7ce;background:#fff;color:#263128;
  box-shadow:0 5px 18px rgba(26,34,28,.045);gap:7px
}
.header-search:hover{border-color:#c8c1b6;box-shadow:0 8px 22px rgba(26,34,28,.07)}
.header-search span{font-size:18px;line-height:1}

.site-footer{background:#202720;color:#eef2ed;padding:72px 0 28px;border-top:1px solid #2b352c}
.footer-grid{grid-template-columns:minmax(280px,1.8fr) repeat(3,minmax(150px,1fr));gap:54px}
.footer-brand{margin-bottom:18px;color:#fff}
.footer-brand .brandmark-symbol{background:linear-gradient(145deg,#f6eee6,#dfe9e1);color:#1f2c24;box-shadow:none}
.footer-brand .brandmark-name{color:#fff}
.footer-brand-column>p{max-width:460px;color:#bac4bb;margin-bottom:11px}
.footer-positioning{font-size:14px;line-height:1.65}
.footer-grid .fine-print{color:#89958b;max-width:430px}
.footer-grid h3{color:#9eaa9f;font-size:10px;letter-spacing:.14em;margin-bottom:18px}
.footer-grid>div:not(:first-child){gap:10px;font-size:14px}
.footer-grid>div:not(:first-child) a{color:#d7ded7}
.footer-grid>div:not(:first-child) a:hover{color:#fff;transform:translateX(2px)}
.footer-bottom{border-top-color:#374138;color:#8f9b91;margin-top:54px;padding-top:22px}

.mobile-bottom-nav{box-shadow:0 -8px 24px rgba(28,36,30,.055)}
.mobile-bottom-nav a{color:#5e675f}
.mobile-bottom-nav a:hover{color:var(--accent)}

@media (max-width:900px){.footer-grid{gap:38px}}
@media (max-width:820px){
  .site-header{backdrop-filter:none;background:rgba(252,251,248,.98)}
  .header-inner{height:64px}
  .brandmark-symbol{width:32px;height:32px;border-radius:10px;font-size:17px}
  .brandmark-name{font-size:20px}
  .site-footer{padding-top:56px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px 28px}
  .footer-grid>div:first-child{grid-column:1/-1}
  .mobile-bottom-nav{background:rgba(255,255,255,.96);border-top-color:#e3ded5}
  .mobile-bottom-nav a span{color:#263128}
}
@media (max-width:560px){
  .brandmark-name{font-size:19px}
  .site-footer{padding-top:48px}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-grid>div:first-child{grid-column:auto}
  .footer-bottom{margin-top:38px}
}