:root{--forest:#12352A;--evergreen:#1B5E48;--verdant:#3FAE7C;--brass:#B98F4E;--parchment:#F7F3EA;--canvas:#FBF8F1;--sage:#5D6F64;--hairline:#E4DECF;--white:#fff;--ink-soft:#33413A;--maxw:1120px;--serif:'Fraunces',Georgia,serif;--sans:'Inter',system-ui,-apple-system,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:82px}
/* ---- seamless cross-page transitions ---- */
@view-transition{navigation:auto}
@keyframes vt-fade-out{to{opacity:0}}
@keyframes vt-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
::view-transition-old(root){animation:vt-fade-out .16s ease both}
::view-transition-new(root){animation:vt-fade-in .30s cubic-bezier(.22,.61,.36,1) both}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
/* ---- global nav ---- */
header.nav{position:sticky;top:0;z-index:50;background:rgba(247,243,234,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:.25s}
header.nav.scrolled{border-bottom-color:var(--hairline);box-shadow:0 6px 24px -18px rgba(18,53,42,.4)}
header.nav .nav-in{max-width:var(--maxw);margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
header.nav .brand{display:flex;align-items:center;gap:11px;text-decoration:none}
header.nav .brand .word{font-family:var(--serif);font-weight:600;font-size:1.28rem;letter-spacing:.02em;color:var(--forest)}
header.nav .brand .word b{color:var(--evergreen);font-weight:600}
header.nav .nav-links{display:flex;align-items:center;gap:15px}
header.nav .nav-links a{text-decoration:none;font-size:.9rem;font-weight:500;color:var(--ink-soft);transition:.15s;white-space:nowrap}
header.nav .nav-links a:hover{color:var(--evergreen)}
header.nav .nav-cta{display:flex;align-items:center;gap:16px}
header.nav .nav-login{font-size:.9rem;font-weight:600;color:var(--forest);text-decoration:none;white-space:nowrap}
header.nav .btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:.95rem;padding:11px 22px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:.2s;white-space:nowrap;background:var(--evergreen);color:var(--white)}
header.nav .btn:hover{background:#164e3c;transform:translateY(-1px)}
header.nav .btn .ar{transition:transform .2s}
header.nav .btn:hover .ar{transform:translateX(3px)}
header.nav .burger{display:none;background:none;border:0;cursor:pointer;padding:6px}
header.nav .burger span{display:block;width:24px;height:2px;background:var(--forest);margin:5px 0;transition:.2s}
header.nav .mobile-menu{display:none;flex-direction:column;gap:6px;padding:10px 28px 22px;background:var(--parchment);border-bottom:1px solid var(--hairline)}
header.nav .mobile-menu.open{display:flex}
header.nav .mobile-menu a{padding:11px 0;text-decoration:none;font-weight:500;color:var(--ink-soft);border-bottom:1px solid var(--hairline)}
header.nav .mobile-menu .btn{margin-top:12px;justify-content:center;color:#fff}
@media(max-width:1280px){header.nav .nav-links,header.nav .nav-cta .btn,header.nav .nav-login{display:none}header.nav .burger{display:block}}