*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#F8F5F2}
img{max-width:100%}
a{color:#211C26}
a:hover{color:#56602F}
a:focus-visible,button:focus-visible{outline:3px solid #56602F;outline-offset:3px;border-radius:8px}
footer a:focus-visible{outline-color:#D5DDAB}
[id]{scroll-margin-top:96px}

.skip{position:absolute;left:16px;top:-80px;z-index:10;background:#211C26;color:#FFFFFF;padding:12px 18px;border-radius:999px;font-family:'Fira Sans',system-ui,sans-serif;text-decoration:none}
.skip:focus{top:12px;color:#FFFFFF}

.nav-wrap{position:sticky;top:0;z-index:5;padding:16px clamp(12px,3vw,32px) 0}
.site-header{max-width:1120px;margin:0 auto;padding:8px 12px 8px 24px;display:flex;flex-wrap:wrap;gap:4px 32px;justify-content:space-between;align-items:center;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);border:1px solid #868A71;border-radius:28px;box-shadow:0 1px 2px rgba(33,28,38,.06),0 8px 24px rgba(33,28,38,.08);font-family:'Fira Sans',system-ui,sans-serif;font-weight:500}
.site-name{text-decoration:none;font-size:1.0625rem;padding:10px 0;display:flex;align-items:center;gap:12px}
.site-name-role{font-weight:400;font-size:.9375rem;line-height:1.2;color:#5C5463;padding-left:12px;border-left:1px solid #868A71}
.site-name:hover .site-name-role{color:#5C5463}
@media (max-width:1180px){
  .site-name{flex-direction:column;align-items:flex-start;gap:0;padding:6px 0;line-height:1.3}
  .site-name-role{padding-left:0;border-left:0;font-size:.875rem}
}
.site-nav{display:flex;flex-wrap:wrap;gap:0 4px;font-size:.9375rem}
.site-nav a{text-decoration:none;padding:12px 14px;border-radius:999px;border:1px solid transparent}
.site-nav a[aria-current="page"]{background:#E7EBD3;border-color:#868A71;color:#2C3315}
.site-nav a.nav-cta{padding:12px 18px;background:#56602F;color:#FFFFFF}
.site-nav a.nav-cta:hover{background:#454E24;color:#FFFFFF}
.menu-btn{display:none}

.next-link,.home-link{display:inline-block;padding:14px 28px;text-decoration:none;font-family:'Fira Sans',system-ui,sans-serif;font-weight:500;border-radius:999px}
.next-link{background:#FFFFFF;border:1px solid #868A71;box-shadow:0 1px 2px rgba(33,28,38,.08),0 6px 16px rgba(33,28,38,.08)}
.home-link{background:#56602F;color:#FFFFFF}
.home-link:hover{background:#454E24;color:#FFFFFF}

@media (max-width:860px){
  .nav-wrap{position:static}
  .site-header{padding:8px 8px 8px 20px;gap:0 16px}
  .js .menu-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid #868A71;background:#FFFFFF;color:#211C26;font:inherit;font-size:1rem;cursor:pointer}
  .menu-icon{position:relative;width:18px;height:2px;background:currentColor;border-radius:2px}
  .menu-icon::before,.menu-icon::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px}
  .menu-icon::before{top:-6px}
  .menu-icon::after{top:6px}
  .menu-btn[aria-expanded="true"] .menu-icon{background:transparent}
  .menu-btn[aria-expanded="true"] .menu-icon::before{top:0;transform:rotate(45deg)}
  .menu-btn[aria-expanded="true"] .menu-icon::after{top:0;transform:rotate(-45deg)}
  .site-nav{flex:0 0 100%;flex-direction:column;flex-wrap:nowrap;gap:4px;font-size:1.0625rem;padding:8px 12px 12px 0}
  .js .site-nav{display:none}
  .js .site-nav.open{display:flex}
  .site-nav a{display:flex;align-items:center;min-height:48px;padding:0 16px;border-radius:16px}
  .site-nav a.nav-cta{justify-content:center;margin-top:6px;padding:0 18px;border-radius:999px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.nav-wrap,.skip{display:none}}