/* One header across all six marketing destinations. */
.site-header { box-sizing:border-box; height:84px; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:0 4.2%; position:sticky; top:0; z-index:20; background:#fffcf7f5; border-bottom:1px solid var(--line); color:var(--ink); font-family:var(--sans); line-height:1.5; letter-spacing:0; }
.site-header .site-wordmark { display:inline-flex; align-items:center; gap:10px; flex:none; color:#453528; text-decoration:none; font-family:var(--device-sans); font-size:33px; font-weight:500; line-height:1.2; letter-spacing:-1.8px; }
.site-header .site-wordmark img { display:block; width:42px; height:42px; }
.site-header nav { display:flex; align-items:center; gap:30px; margin:0; padding:0; font:400 14px/1.5 var(--sans); }
.site-header nav a { color:var(--ink); text-decoration:none; white-space:nowrap; }
.site-header nav a:hover, .site-header nav a[aria-current="page"] { text-decoration:underline; text-underline-offset:5px; }
.site-header .site-launch { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; flex:none; gap:20px; min-height:44px; padding:11px 18px; background:var(--clay); color:var(--white); border:1px solid var(--clay); border-radius:8px; font:600 13px/1.5 var(--sans); text-decoration:none; white-space:nowrap; }
.site-header .site-launch:hover { background:var(--clay-dark); border-color:var(--clay-dark); }
.site-header .menu-toggle { display:none; padding:0; border:0; background:transparent; color:var(--ink); font:400 25px/1 var(--sans); min-width:44px; min-height:44px; cursor:pointer; }
.site-header a:focus-visible, .site-header button:focus-visible { outline:3px solid #864b34; outline-offset:5px; }
@media(min-width:761px) and (max-width:1050px) { .site-header { gap:15px; } .site-header nav { gap:18px; } .site-header .site-launch { gap:10px; } }
@media(max-width:760px) {
  .site-header { height:72px; padding:0 5%; gap:12px; }
  .site-header .site-wordmark { font-size:29px; gap:6px; }
  .site-header .site-wordmark img { width:34px; height:34px; }
  .site-header .site-launch { margin-left:auto; min-height:42px; font-size:11px; padding:10px 12px; gap:6px; }
  .site-header .site-launch span { display:none; }
  .site-header .menu-toggle { display:block; }
  .site-header nav { display:none; position:absolute; left:0; right:0; top:72px; padding:20px 6%; background:var(--paper); border-bottom:1px solid var(--line); flex-direction:column; align-items:stretch; gap:0; font-size:16px; }
  .site-header nav.open { display:flex; }
  .site-header nav a { padding:14px 0; }
}