/* ============================================================
   THE CREATOR'S GREENHOUSE — shared site chrome (nav + footer)
   One identity across every page. Quiet luxury; nothing busy.
   Class prefix "gh-" so it never collides with page styles.
   ============================================================ */
:root{
  --gh-ink:#1f2a24; --gh-soft:#44514a; --gh-cream:#faf6ee;
  --gh-green:#1f4d3a; --gh-deep:#14352a; --gh-gold:#a5813c;
  --gh-gold-soft:#c9b27e; --gh-line:#e2d9c6; --gh-white:#fffdf8;
  --gh-serif:"Cormorant Garamond",Georgia,serif;
  --gh-sans:"Inter",-apple-system,sans-serif;
}

/* ---------- NAV ---------- */
.gh-nav{position:sticky;top:0;z-index:50;background:rgba(250,246,238,.92);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--gh-line)}
.gh-nav-in{max-width:1120px;margin:0 auto;padding:0 clamp(1.2rem,4vw,2.5rem);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  min-height:64px;flex-wrap:wrap}
.gh-brand{font-family:var(--gh-serif);font-size:1.15rem;font-weight:700;
  color:var(--gh-deep);text-decoration:none;letter-spacing:.02em;padding:.55rem 0}
.gh-brand small{display:block;font-family:var(--gh-sans);font-size:.58rem;
  font-weight:600;letter-spacing:.28em;color:var(--gh-gold);text-transform:uppercase}
.gh-links{display:flex;gap:1.5rem;align-items:center;list-style:none;
  margin:0;padding:.4rem 0;flex-wrap:wrap}
.gh-links a{font-family:var(--gh-sans);font-size:.84rem;font-weight:500;
  color:var(--gh-soft);text-decoration:none;letter-spacing:.02em;
  transition:color .18s ease}
.gh-links a:hover{color:var(--gh-green)}
.gh-links a[aria-current="page"]{color:var(--gh-green);font-weight:600}
.gh-vets{display:inline-block;background:linear-gradient(135deg,#1f4d3a,#143125);
  color:var(--gh-gold-soft) !important;font-weight:600;letter-spacing:.04em;
  border:1px solid var(--gh-gold);padding:.42rem 1.05rem;border-radius:99px;
  box-shadow:0 2px 10px rgba(31,77,58,.3);white-space:nowrap;
  transition:background .2s ease,color .2s ease}
.gh-vets:hover{background:var(--gh-gold);color:#1f4d3a !important}

/* dark variant (veterans page) */
.gh-nav.gh-dark{background:rgba(16,28,22,.92);border-bottom:1px solid rgba(201,178,126,.25)}
.gh-nav.gh-dark .gh-brand{color:#f6f1e4}
.gh-nav.gh-dark .gh-links a{color:#d9d2bd}
.gh-nav.gh-dark .gh-links a:hover{color:var(--gh-gold-soft)}
.gh-nav.gh-dark .gh-vets{background:transparent;border-color:var(--gh-gold-soft)}
.gh-nav.gh-dark .gh-vets:hover{background:var(--gh-gold-soft);color:#101c16 !important}

@media (max-width:720px){
  .gh-nav-in{padding-top:.35rem;padding-bottom:.55rem}
  .gh-links{gap:.9rem 1.1rem}
  .gh-links a{font-size:.78rem}
}

/* ---------- FOOTER ---------- */
.gh-foot{background:var(--gh-deep);color:#b9c4b6;padding:3.6rem 0 2.2rem;
  font-family:var(--gh-sans);font-size:.85rem;line-height:1.7;margin-top:0}
.gh-foot .gh-wrap{max-width:1120px;margin:0 auto;padding:0 clamp(1.2rem,4vw,2.5rem)}
.gh-foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2.4rem;
  margin-bottom:2.4rem}
.gh-foot h4{font-family:var(--gh-sans);font-size:.68rem;font-weight:600;
  letter-spacing:.24em;text-transform:uppercase;color:var(--gh-gold-soft);
  margin:0 0 .8rem}
.gh-foot a{color:#e4ddc9;text-decoration:none;transition:color .18s ease}
.gh-foot a:hover{color:var(--gh-gold-soft)}
.gh-foot li{list-style:none;margin:0 0 .42rem}
.gh-foot ul{margin:0;padding:0}
.gh-foot-brand{font-family:var(--gh-serif);font-size:1.25rem;color:var(--gh-white)}
.gh-foot-tag{font-family:var(--gh-serif);font-style:italic;color:var(--gh-gold-soft);
  margin-top:.4rem;max-width:26ch}
.gh-foot-honest{font-family:var(--gh-serif);font-style:italic;font-size:.98rem;
  color:#d8d0bc;margin-top:1.3rem;max-width:30ch;border-left:2px solid var(--gh-gold);
  padding-left:.9rem}
.gh-foot-claude{font-size:.74rem;color:#8fa096;margin-top:1rem;max-width:32ch}
.gh-legal{border-top:1px solid rgba(255,255,255,.14);padding-top:1.5rem;
  font-size:.72rem;color:#8fa096;line-height:1.75}
.gh-legal a{color:var(--gh-gold-soft)}
@media (max-width:880px){.gh-foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.gh-foot-grid{grid-template-columns:1fr}}

/* ---------- shared page niceties ---------- */
.gh-rev{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.gh-rev.gh-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.gh-rev{opacity:1;transform:none;transition:none}}
.gh-quote{background:var(--gh-deep);text-align:center;padding:3.2rem 1.4rem}
.gh-quote p{font-family:var(--gh-serif);font-style:italic;font-weight:500;
  font-size:clamp(1.25rem,2.8vw,1.7rem);color:var(--gh-white);max-width:34ch;
  margin:0 auto;line-height:1.45}
.gh-quote .gh-attr{font-family:var(--gh-sans);font-style:normal;font-size:.72rem;
  font-weight:600;letter-spacing:.26em;text-transform:uppercase;
  color:var(--gh-gold-soft);display:block;margin-top:1.1rem}

/* polish layer 2026-07-10 — quiet motion, house-wide */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.pillar,.num,.gift,.fact{transition:transform .22s ease,box-shadow .22s ease}
.pillar:hover,.num:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,53,42,.10)}
.cta,.btn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
