/* ============================================================
   SITE CHROME — shared header + footer
   Used on every page via assets/js/site-chrome.js
   Namespaced with "he-" so it never collides with page-local CSS.
   ============================================================ */

.he-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:56px;width:100%;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 24px;
  background:rgba(248,245,239,.97);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid #e5ddd0;
  box-shadow:0 1px 0 rgba(176,125,58,.1);
  font-family:'Jost',Arial,sans-serif;
  box-sizing:border-box;
}
.he-header *{box-sizing:border-box}

.he-logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}
.he-logo-text{font-family:'Cormorant',Georgia,serif;font-size:18px;font-weight:600;color:#1c1409;white-space:nowrap}
.he-logo-text em{font-style:italic;color:#b07d3a}

.he-nav-links{display:flex;list-style:none;gap:2px;margin:0;padding:0;align-items:center}
.he-nav-links a{
  display:flex;align-items:center;height:36px;padding:0 14px;
  font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:#5a4a36;text-decoration:none;border-radius:30px;
  transition:color .2s ease,background .2s ease;white-space:nowrap;
}
.he-nav-links a:hover{color:#b07d3a;background:rgba(176,125,58,.1)}
.he-nav-links a.he-active{color:#fff;background:linear-gradient(135deg,#c99248,#b07d3a);box-shadow:0 3px 10px rgba(176,125,58,.35)}

.he-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.he-phone{
  display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;
  color:#5a4a36;text-decoration:none;white-space:nowrap;
}
.he-phone:hover{color:#b07d3a}
.he-phone svg{width:13px;height:13px;flex-shrink:0}
.he-cta{
  padding:8px 18px;background:#b07d3a;color:#fff;font-size:10px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:100px;
  white-space:nowrap;transition:background .2s ease,box-shadow .2s ease;
}
.he-cta:hover{background:#956830;box-shadow:0 4px 14px rgba(176,125,58,.35)}

.he-burger{display:none;background:none;border:none;padding:8px;cursor:pointer;flex-shrink:0}
.he-burger span{display:block;width:20px;height:2px;background:#1c1409;margin:4px 0;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.he-burger.he-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.he-burger.he-open span:nth-child(2){opacity:0}
.he-burger.he-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* spacer so page content never sits under the fixed header */
.he-header-spacer{height:56px;width:100%}

@media (max-width:900px){
  .he-nav-links{
    position:fixed;top:56px;left:0;right:0;bottom:0;
    flex-direction:column;align-items:stretch;gap:0;padding:14px 20px;
    background:#f8f5ef;overflow-y:auto;
    transform:translateX(100%);transition:transform .25s ease;
  }
  .he-nav-links.he-open{transform:translateX(0)}
  .he-nav-links a{height:48px;padding:0 8px;font-size:13px;border-radius:0;border-bottom:1px solid #e5ddd0}
  .he-phone{display:none}
  .he-burger{display:block}
}

/* ---------- FOOTER ---------- */
.he-footer{
  background:#1c1409;color:#9b8a74;padding:44px 24px 28px;
  font-family:'Jost',Arial,sans-serif;
}
.he-footer-inner{max-width:1240px;margin:0 auto;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.he-foot-brand{font-family:'Cormorant',Georgia,serif;font-size:20px;color:#f8f5ef}
.he-foot-brand em{font-style:italic;color:#c99248}
.he-foot-brand span{display:block;font-family:'Jost',Arial,sans-serif;font-size:11px;color:#8a7860;margin-top:4px}
.he-foot-links{list-style:none;display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0}
.he-foot-links a{color:#9b8a74;text-decoration:none;font-size:12px;letter-spacing:.03em;transition:color .2s ease}
.he-foot-links a:hover{color:#c99248}
.he-foot-copy{width:100%;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#6b5c48;text-align:center}