/* ── Site Chrome: shared header + footer styles ── */
/* Hardcoded values — no CSS variable dependencies — so this file
   renders identically regardless of per-page :root overrides.     */

/* ── Header ── */
.site-header{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid #e8e4de;transition:box-shadow .3s}
.site-header.scrolled{box-shadow:0 2px 24px rgba(0,0,0,.06)}
.site-nav{max-width:1100px;margin:0 auto;padding:0 40px;height:68px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}
.nav-logo{font-family:'Cormorant Garamond',Georgia,serif !important;font-size:1.3rem !important;font-weight:600 !important;color:#1a1614 !important;text-decoration:none !important}
.nav-links{display:flex;gap:36px;list-style:none;margin:0;padding:0}
.nav-links a{position:relative;font-size:12px !important;font-weight:500 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#7a7268 !important;text-decoration:none !important;transition:color .2s}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:#3d5a80;transform:scaleX(0);transition:transform .25s}
.nav-links a:hover,.nav-links a.active{color:#1a1614 !important}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-mobile-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;color:#1a1614;line-height:0}
main{padding-top:68px}

/* ── Footer ── */
footer{background:#1a1614;color:rgba(255,255,255,.5);padding:48px 0 32px}
.footer-inner{max-width:1100px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;gap:32px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-logo{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.3rem;font-weight:600;color:#fff;text-decoration:none;flex-shrink:0}
.footer-nav{display:flex;gap:32px;list-style:none;margin:0;padding:0}
.footer-nav a{font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);text-decoration:none;transition:color .2s}
.footer-nav a:hover{color:#fff}
.footer-social{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-social a{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.45);text-decoration:none;transition:color .2s;font-size:.72rem;font-weight:500;letter-spacing:.1em}
.footer-social a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:.75rem;color:rgba(255,255,255,.3)}
.footer-copy a{color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}
.footer-copy a:hover{color:#fff}

/* ── Responsive ── */
@media(max-width:880px){
  .site-nav{padding:0 24px}
  .nav-links{display:none}
  .nav-links.open{display:flex;flex-direction:column;position:fixed;inset:68px 0 0;background:#fff;padding:40px 24px;gap:28px;z-index:199;overflow-y:auto}
  .nav-links.open a{font-size:1rem;letter-spacing:.12em}
  .nav-mobile-btn{display:block}
  .footer-inner{padding:0 24px}
  .footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}
}