/* Approved Reciprocity identity. Geometry and motion come from the living-mark study. */
.site-header .brand-logo{width:308px;height:auto}
.site-footer{padding-top:48px}
.site-footer .footer-top{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:72px;align-items:center;padding-bottom:40px}
.site-footer .footer-identity{min-width:0}
.site-footer .brand{display:inline-flex;max-width:100%}
.site-footer .brand-logo{width:410px;max-width:100%;height:auto}
.site-footer .footer-tagline{font:600 clamp(26px,2.8vw,36px)/1.2 var(--display);letter-spacing:-.035em;color:var(--forest);margin:24px 0 10px}
.site-footer .footer-description{font:400 14px/1.6 var(--body);letter-spacing:0;margin:0;color:var(--muted)}
.site-footer .footer-links{gap:12px 28px;padding:0;margin-top:26px;align-items:center}
.site-footer .footer-links a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
.site-footer .footer-links a:hover{text-decoration:underline}
.footer-living-mark{width:240px;max-width:100%;justify-self:end;text-align:center;color:oklch(from #18382F l c h)}
.footer-mark-art{width:100%;aspect-ratio:1;contain:layout paint}
.footer-mark-art svg{display:block;width:100%;height:100%;overflow:visible}
.footer-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;min-width:132px;padding:8px 12px;border:0;background:transparent;color:var(--muted);font:600 11px/1.4 var(--body);cursor:pointer;border-radius:3px}
.footer-motion-toggle[hidden]{display:none}
.footer-motion-toggle:hover{color:var(--forest);background:oklch(from #E7EBD9 l c h)}
.footer-motion-toggle:focus-visible{outline:2px solid var(--forest);outline-offset:3px}
.footer-motion-icon{width:12px;font-size:12px}
@media(max-width:1050px){.site-header .brand-logo{width:270px}.site-footer .footer-top{gap:40px}}
@media(max-width:860px){.site-header .brand-logo{width:240px}}
@media(max-width:760px){
  .site-header .brand-logo{width:240px}
  .site-footer{padding-top:40px}
  .site-footer .footer-top{grid-template-columns:1fr;gap:22px;padding-bottom:30px}
  .site-footer .brand-logo{width:360px}
  .site-footer .footer-tagline{margin-top:22px}
  .site-footer .footer-links{gap:0 24px;margin-top:20px}
  .footer-living-mark{width:210px;justify-self:center}
}
@media(max-width:380px){.site-header .brand-logo{width:194px}}
