html{scroll-padding-top:106px}
.compact-header{position:sticky;top:0;z-index:40;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid #dce2d5;transform:translateY(0);transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s}
.compact-header.is-scrolled{background:rgba(250,251,247,.72);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:0 10px 30px #24301609}
.compact-header.is-hidden{transform:translateY(calc(-100% - 12px));box-shadow:none;pointer-events:none}
.compact-header-row{min-height:82px;padding:17px 0;gap:26px}
.compact-brand .compact-brand-heading{font-size:29px;letter-spacing:-.05em;line-height:1.15}
.compact-brand{transition:opacity .25s}.compact-brand:hover{opacity:.75}
.compact-nav{gap:4px;margin-left:auto}
.compact-nav a{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:400;color:#62685b;transition:color .25s,background .25s}
.compact-nav a:after{content:'';position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:99px;background:#5e7c48;transform:scaleX(0);transform-origin:center;transition:transform .3s var(--ease)}
.compact-nav a:hover{color:#354b2d;background:#e8ede2}
.compact-nav a.is-active{color:#354b2d}.compact-nav a.is-active:after{transform:scaleX(1)}
.compact-actions{gap:18px}
.compact-phone{font-size:13px;color:#555f4c;letter-spacing:-.015em;white-space:nowrap;transition:color .25s}.compact-phone:hover{color:#171c15}
.compact-contact{min-height:46px;padding:12px 19px;background:#354b2d;color:white;border:1px solid #354b2d;gap:10px;font-size:13px;font-weight:500;box-shadow:0 3px 10px #263b1e08}
.compact-contact:hover{background:#496538;border-color:#496538;transform:translateY(-1px);box-shadow:0 6px 14px #263b1e12}
.contact-symbol{display:grid;place-items:center}.contact-symbol svg{width:17px;height:17px}
.menu-toggle{background:#e8ede2;border:1px solid #dfe6d7;width:44px;height:44px;transition:background .25s}
.menu-toggle:hover{background:#dfe8d7}
.hero-section{padding-top:16px}
@media(max-width:1200px){.compact-header-row{gap:18px}.compact-nav a{padding:10px 10px;font-size:12px}.compact-nav a:after{left:10px;right:10px}.compact-actions{gap:12px}.compact-brand .compact-brand-heading{font-size:28px}}
@media(max-width:980px){html{scroll-padding-top:98px}.compact-header-row{min-height:76px;padding:14px 0}.compact-actions{margin-left:auto;gap:10px}.compact-nav.is-open{top:calc(100% + 10px);padding:12px;gap:3px;border-radius:22px;background:#fafbf7;border:1px solid #dfe6d7;box-shadow:0 16px 48px #23371618;max-height:calc(100dvh - 108px);overflow-y:auto;animation:dialog-in .2s var(--ease)}.compact-nav.is-open a{justify-content:flex-start;width:100%;font-size:15px;min-height:48px;padding:11px 15px;border-radius:12px}.compact-nav.is-open a:after{display:none}.compact-nav.is-open a.is-active{background:#e8ede2}.compact-contact{min-height:44px;padding:11px 17px}}
@media(max-width:700px){html{scroll-padding-top:94px}.compact-header-row{min-height:72px;padding:12px 0;gap:12px}.compact-brand .compact-brand-heading{font-size:26px}.compact-contact{width:44px;height:44px;min-height:44px;padding:0}.compact-actions{gap:8px}.menu-toggle{width:44px;height:44px}.hero-section{padding-top:12px}}
@media(max-width:360px){.compact-brand .compact-brand-heading{font-size:24px}.compact-header-row{gap:8px}.compact-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){.compact-header,.compact-nav a,.compact-nav a:after,.compact-contact,.compact-brand{transition:none}}
@media print{.compact-header{position:static;box-shadow:none;backdrop-filter:none;transform:none!important}.hero-section{padding-top:12px}}

/* User-supplied vector brand mark, with its original proportions. */
.compact-brand .compact-brand-heading{line-height:0}
.compact-brand-logo{display:block;width:190px;height:auto}
@media(max-width:700px){.compact-brand-logo{width:154px}}
@media(max-width:360px){.compact-brand-logo{width:144px}}

.menu-toggle svg{display:block;width:20px;height:20px}
.menu-toggle .menu-icon-close{display:none}
.menu-toggle[aria-expanded=true] .menu-icon-open{display:none}
.menu-toggle[aria-expanded=true] .menu-icon-close{display:block}

/* Navigation stays visible; the translucent green capsule appears after scrolling. */
.compact-brand .compact-brand-heading{position:relative}
.compact-brand-logo-light{position:absolute;top:0;left:0;opacity:0;pointer-events:none}
@media screen{
 #top.compact-header{position:sticky;top:0;padding:8px 0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 #top .compact-header-row{position:relative;min-height:82px;padding:12px 18px;gap:26px;border-radius:999px;background:transparent;border:1px solid transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}
 #top .compact-brand-logo{transition:opacity .25s var(--ease)}
 #top.is-scrolled .compact-header-row{background:linear-gradient(115deg,rgba(42,87,25,.80),rgba(20,64,35,.86));border-color:#e5f4d866;box-shadow:0 12px 36px #24441c26,inset 0 1px 0 #ffffff2e;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}
 #top.is-scrolled .compact-brand-logo-dark{opacity:0}
 #top.is-scrolled .compact-brand-logo-light{opacity:1}
 #top.is-scrolled .compact-brand:hover{opacity:1}
 #top.is-scrolled .compact-contact,#top.is-scrolled .menu-toggle{background:#fff;color:#182215;border-color:transparent;box-shadow:none}
 #top.is-scrolled .compact-contact:hover,#top.is-scrolled .menu-toggle:hover{background:#e9efdf;transform:none}
 #top.is-scrolled .compact-contact:focus-visible,#top.is-scrolled .menu-toggle:focus-visible,#top.is-scrolled .compact-brand:focus-visible,#top.is-scrolled .compact-phone:focus-visible{outline:2px solid #c5d9b0;outline-offset:4px}
 #top .compact-nav.is-open{top:calc(100% + 10px);padding:12px;background:linear-gradient(130deg,rgba(42,87,25,.90),rgba(20,64,35,.94));border:1px solid #e5f4d866;box-shadow:0 12px 36px #24441c26,inset 0 1px 0 #ffffff2e;border-radius:26px;max-height:calc(100dvh - 112px);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}
 #top.is-scrolled .compact-nav a,#top .compact-nav.is-open a,#top.is-scrolled .compact-phone{color:#fff}
 #top.is-scrolled .compact-nav a:after{background:#4c6c36}
 #top.is-scrolled .compact-phone:hover{color:#fff}
 #top.is-scrolled .compact-nav a:hover,#top.is-scrolled .compact-nav a.is-active,#top .compact-nav.is-open a:hover,#top .compact-nav.is-open a.is-active{background:rgba(232,246,207,.96);color:#213418}
 #top.is-scrolled .compact-nav a:focus-visible,#top .compact-nav.is-open a:focus-visible{outline:2px solid #e9ffc9;outline-offset:2px}
}
@media screen{
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  #top.is-scrolled .compact-header-row,#top .compact-nav.is-open{background:linear-gradient(115deg,rgba(42,87,25,.94),rgba(20,64,35,.96))}
 }
}
@media screen and (prefers-reduced-transparency:reduce){
 #top.is-scrolled .compact-header-row,#top .compact-nav.is-open{background:#2a5719;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media screen and (max-width:980px){
 #top .compact-header-row{min-height:76px;padding:12px 16px;gap:18px}
}
@media screen and (max-width:700px){
 #top .compact-header-row{min-height:72px;padding:10px;gap:12px}
}
@media screen and (max-width:360px){
 #top .compact-header-row{gap:8px;padding:8px}
 #top .compact-brand-logo{width:138px}
}
@media(prefers-reduced-motion:reduce){#top.compact-header,#top .compact-header-row,#top .compact-brand-logo{transition:none}}


/* All screen sizes share the content-aligned transparent header row. */
@media screen{
 #top.compact-header{width:100%;max-width:none;margin-inline:0;padding:0;border-radius:0;background:transparent}
 #top .compact-header-row{width:calc(100% - 2*var(--page-gutter));max-width:var(--content-max);margin-inline:auto;min-height:80px;padding:12px 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 #top.compact-header.is-scrolled{top:0;background:rgba(250,251,247,.76);border-radius:0;box-shadow:none;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
 #top.is-scrolled .compact-header-row{padding:12px 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 #top.is-scrolled .compact-brand-logo-dark{opacity:1}
 #top.is-scrolled .compact-brand-logo-light{opacity:0}
 #top.is-scrolled .compact-nav:not(.is-open) a{color:#62685b}
 #top.is-scrolled .compact-nav:not(.is-open) a:hover,#top.is-scrolled .compact-nav:not(.is-open) a.is-active{background:#e8ede2;color:#354b2d}
 #top.is-scrolled .compact-nav:not(.is-open) a:after{background:#5e7c48}
 #top.is-scrolled .compact-nav:not(.is-open) a:focus-visible{outline-color:#354b2d}
 #top.is-scrolled .compact-phone{color:#555f4c}
 #top.is-scrolled .compact-phone:hover{color:#171c15}
 #top.is-scrolled .compact-phone:focus-visible{outline-color:#354b2d}
 #top.is-scrolled .compact-contact{background:#354b2d;color:#fff;border-color:#354b2d}
 #top.is-scrolled .compact-contact:hover{background:#496538;border-color:#496538}
 #top.is-scrolled .menu-toggle{background:#e8ede2;color:#182215;border-color:#dfe6d7}
 #top.is-scrolled .menu-toggle:hover{background:#dfe8d7}
 #top.is-scrolled .compact-contact:focus-visible,#top.is-scrolled .menu-toggle:focus-visible,#top.is-scrolled .compact-brand:focus-visible{outline-color:#354b2d}
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  #top.compact-header.is-scrolled{background:rgba(250,251,247,.94)}
 }
}
@media screen and (prefers-reduced-transparency:reduce){
 #top.compact-header.is-scrolled{background:#fafbf7;backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* Mobile capsule: 64px row plus 8px above and below = 80px sticky header. */
@media screen and (max-width:700px){
 :root{--mobile-header-height:80px}
 #top.compact-header,#top.compact-header.is-scrolled{top:0;padding:8px 0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 #top .compact-header-row,#top.is-scrolled .compact-header-row{height:64px;min-height:64px;padding:8px 12px;gap:12px;border:0;border-radius:999px;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 #top.is-scrolled .compact-header-row{background:#eceeea}
 #top .compact-contact,#top .menu-toggle{width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:0}
 #top .menu-toggle{display:grid;place-items:center}
}
@media screen and (max-width:360px){
 #top .compact-header-row,#top.is-scrolled .compact-header-row{padding-inline:8px;gap:8px}
}

.compact-brand-heading{display:block;margin:0}