/* Shared Home / About chrome. Keep this file identical in both projects. */
:is(#fv-header,#site-header),#footer{font-family:Arial,"Helvetica Neue",sans-serif;color:#26332e}
:is(#fv-header,#site-header) *,#footer *{box-sizing:border-box}
:is(#fv-header,#site-header) a,#footer a{color:inherit;text-decoration:none}
:is(#fv-header,#site-header) button,#footer input,#footer button{font:inherit}
:is(#fv-header,#site-header) button,#footer button{cursor:pointer}
:is(#fv-header,#site-header){height:86px;display:flex;align-items:center;position:fixed;top:0;left:0;right:0;z-index:30;background:rgba(250,249,245,.94);backdrop-filter:blur(20px);border-bottom:1px solid rgba(38,51,46,.09);transition:height .35s ease,box-shadow .35s ease}
:is(#fv-header,#site-header).compact{height:60px;box-shadow:0 6px 24px rgba(26,48,37,.07)}
:is(#fv-header,#site-header)+main{padding-top:86px}
:is(#fv-header,#site-header) .header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1370px;padding-inline:42px;margin:auto;gap:34px}
:is(#fv-header,#site-header) .brand{display:block;flex:none;width:230px;height:78px;overflow:hidden;transition:width .35s ease,height .35s ease}
:is(#fv-header,#site-header) .brand img{width:100%;height:100%;object-fit:contain;display:block}
:is(#fv-header,#site-header).compact .brand{width:162px;height:55px}
:is(#fv-header,#site-header) .nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,34px);white-space:nowrap}
:is(#fv-header,#site-header) .nav>:is(a,span){font-size:13px;letter-spacing:.025em;padding:10px 0;transition:color .2s;position:relative}
:is(#fv-header,#site-header) .nav a:hover,:is(#fv-header,#site-header) .nav a:focus-visible{color:#668877}
:is(#fv-header,#site-header) .nav>:last-child{border:1px solid #8da99a;border-radius:99px;padding:10px 17px}
:is(#fv-header,#site-header) .nav [aria-disabled="true"]{color:#6c7b72;cursor:default}
:is(#fv-header,#site-header) .nav a[aria-current="page"]:after{content:"";position:absolute;bottom:2px;left:0;width:32px;height:1px;background:#8da99a}
:is(#fv-header,#site-header) .menu-button{display:none;border:0;background:transparent;color:#26332e;font-size:24px;width:44px;height:44px;padding:0}
:is(#fv-header,#site-header) a:focus-visible,:is(#fv-header,#site-header) button:focus-visible,#footer a:focus-visible,#footer button:focus-visible{outline:2px solid #78998a;outline-offset:4px}
#footer{background:#e5ece4;position:relative;overflow:hidden}
#footer:before{content:"";position:absolute;inset:0 0 auto;height:180px;background:url('../assets/landscape.webp') center 53%/cover;opacity:.14;mask-image:linear-gradient(#000,transparent)}
#footer .wrap{max-width:1250px;margin:auto;padding-inline:42px}
#footer .footer-main{position:relative;padding-top:88px;padding-bottom:76px;display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:9%}
#footer .footer-brand .wordmark{display:block;font-size:25px;letter-spacing:.27em;font-weight:700;margin:0 0 21px}
#footer .footer-brand p{font-size:15px;line-height:1.8;color:#526958;max-width:300px;margin:0 0 24px;letter-spacing:.01em;text-wrap:pretty}
#footer .footer-brand small{font-size:11px;letter-spacing:.12em;color:#667d6d}
#footer .footer-col h4{font:700 10px Arial,"Helvetica Neue",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#6d8875;margin:8px 0 28px}
#footer .footer-col :is(a,[aria-disabled="true"]){display:block;font-size:13px;margin:0 0 15px;color:#3b5442}
#footer .footer-col a:hover{text-decoration:underline}
#footer .footer-col [aria-disabled="true"]{color:#6c7b72;cursor:default}
#footer .footer-socials{display:flex;flex-wrap:wrap;gap:12px 25px}
#footer .footer-socials a{margin:0}
#footer .newsletter{margin-top:32px;max-width:350px}
#footer .newsletter h5{font:700 10px/1.5 Arial,"Helvetica Neue",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#6d8875;margin:0 0 16px}
#footer .newsletter form{display:flex;max-width:250px;border-bottom:1px solid #93a697;align-items:center}
#footer .newsletter form:focus-within{border-bottom-color:#526958}
#footer .newsletter input{background:none;border:0;padding:12px 0;min-width:0;width:100%;outline:none;font-size:11px;line-height:1.6;color:#26332e}
#footer .newsletter input::placeholder{color:#617466;opacity:1}
#footer .newsletter button{background:none;border:0;color:#617466;flex:0 0 44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:flex-end;transition:color .2s}
#footer .newsletter button svg{display:block;width:14px;height:14px}
#footer .newsletter button:hover,#footer .newsletter button:focus-visible{color:#3b5442}
#footer .newsletter-msg{font-size:11px;color:#537560;margin-top:12px;min-height:18px}
#footer .newsletter-msg:empty{display:none}
#footer .footer-bottom{position:relative;border-top:1px solid #c5d4c7;padding-top:24px;padding-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#66806a;font-size:11px;line-height:1.7;letter-spacing:.04em}
#footer .footer-bottom .legal{display:flex;gap:22px}
#footer .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){
  :is(#fv-header,#site-header) .header-inner{padding-inline:25px}
  :is(#fv-header,#site-header) .nav{gap:13px}
  :is(#fv-header,#site-header) .nav>:is(a,span){font-size:11px}
  :is(#fv-header,#site-header) .brand{width:178px;height:66px}
  :is(#fv-header,#site-header).compact .brand{width:134px}
  #footer .wrap{padding-inline:25px}
  #footer .footer-main{grid-template-columns:.8fr 1.2fr;gap:42px 8%;padding-top:72px;padding-bottom:64px}
  #footer .footer-brand{grid-column:1/-1}
}
@media(max-width:620px){
  :is(#fv-header,#site-header){height:70px}
  :is(#fv-header,#site-header).compact{height:58px}
  :is(#fv-header,#site-header)+main{padding-top:70px}
  :is(#fv-header,#site-header) .brand{width:137px;height:54px}
  :is(#fv-header,#site-header) .menu-button{display:block}
  :is(#fv-header,#site-header) .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#f9f8f4;padding:15px 25px 23px;flex-direction:column;align-items:start;gap:0;border-bottom:1px solid #d6ded7;box-shadow:0 12px 20px rgba(22,47,29,.07)}
  :is(#fv-header,#site-header) .nav.open{display:flex}
  :is(#fv-header,#site-header) .nav>:is(a,span){font-size:14px;width:100%;padding:13px 0}
  :is(#fv-header,#site-header) .nav>:last-child{width:auto;margin-top:8px;padding:10px 17px}
  #footer .footer-main{padding-top:64px;padding-bottom:48px;gap:40px 24px}
  #footer .footer-socials{flex-direction:column;gap:15px}
  #footer .newsletter{margin-top:28px}
  #footer .footer-brand p{max-width:500px}
  #footer .footer-bottom{flex-direction:column;align-items:start}
}
@media(prefers-reduced-motion:reduce){:is(#fv-header,#site-header) *,#footer *,:is(#fv-header,#site-header){transition:none!important}}