/* Floating navigation inspired by the supplied reference. */
header{position:absolute;z-index:10;top:38px;left:4.8%;right:4.8%;height:94px;padding:0 34px;background:#fff;color:#172c22;border:1px solid #eeeae1;border-radius:11px;box-shadow:0 10px 35px #10271e15;gap:24px}
header .brand{font-size:19px;letter-spacing:1.1px;flex-shrink:0}
header .brand small{font-size:8px;letter-spacing:3.3px}
header .mark{color:#31802d;font-size:43px}
header nav{gap:29px;align-items:center}
header nav>a{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.1px;padding:12px 0;position:relative}
header nav>a:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:#39813c;transform:scaleX(0);transition:transform .2s}
header nav>a:hover{color:#39813c}
header nav>a:hover:after{transform:scaleX(1)}
header>.small{background:transparent;border:1px solid #8d958f;color:#142e25;border-radius:12px;padding:13px 20px;gap:20px;font-size:12px;white-space:nowrap}
header>.small:hover{background:#f0f5ec;border-color:#345d40}
.hero{padding-top:205px;min-height:825px}
@media(min-width:1450px){header{left:max(4.8%,calc((100vw - 1440px)/2));right:max(4.8%,calc((100vw - 1440px)/2))}}
@media(max-width:1050px){header{padding:0 24px;gap:16px}header nav{gap:20px}header .brand{font-size:16px}header nav>a{font-size:10px;letter-spacing:.7px}}
@media(max-width:800px){header{top:20px;left:5%;right:5%;height:78px;padding:0 20px;flex-wrap:nowrap}header .brand{font-size:16px}header .mark{font-size:36px}header>.small{display:none}header .menu{display:block;border:1px solid #a2aaa0;color:#142e25;background:white;border-radius:9px;padding:10px 14px;font-size:12px}header nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:15px 23px;background:#fff;color:#142e25;border-radius:11px;box-shadow:0 12px 25px #10271e20;align-items:stretch;gap:4px}header nav.open{display:flex;flex-direction:column}header nav>a{font-size:11px;padding:13px 0}header nav>a:after{display:none}.hero{padding-top:160px;min-height:740px}}
@media(prefers-reduced-motion:reduce){header nav>a:after{transition:none}}