/* Shared navigation and language controls. */
header>.brand{margin-right:auto}header{gap:24px}header>.language-switch{order:1}header>.menu{order:2}header>#navigation{order:0}
.language-switch{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--ink);border-radius:6px;background:var(--paper);font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap;flex-shrink:0}
.language-switch>span{display:none}.language-switch a{display:block;padding:8px 11px;border-radius:3px}.language-switch a[aria-current="true"]{background:var(--lime);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(32,35,32,.12)}.language-switch a:hover{background:var(--ink);color:var(--paper)}
footer{flex-wrap:wrap;align-items:center}footer>.brand{order:0}footer>.footer-nav{order:1}footer>.text-link,footer>a:not(.brand){order:2}footer>span{order:3;flex-basis:100%}
.footer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;font-size:14px;color:var(--ink)}.footer-nav a{padding:8px 0}.footer-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.story-button{margin-top:12px;background:var(--lime);color:var(--ink);font-size:16px;font-weight:600;padding:17px 26px;box-shadow:4px 4px 0 var(--ink)}.story-button:hover{background:var(--ink);color:var(--lime)}
.site-header #navigation{display:flex;align-items:center;gap:28px;font-size:14px}.site-header #navigation>a{padding:10px 0}.site-header #navigation>a:hover{text-decoration:underline;text-underline-offset:5px}.site-header #navigation>.nav-cta{border:1px solid var(--ink);border-radius:4px;padding:9px 18px}.site-header .nav-cta:hover{background:var(--ink);color:var(--paper)}.site-header .menu{display:none;font:inherit;color:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:3px solid #788924;outline-offset:5px}
@media(max-width:1000px){header{gap:16px}header #navigation,.site-header #navigation{gap:20px}.site-header .brand{font-size:22px}}
@media(max-width:800px){header{gap:12px}header>.brand{min-width:0}.brand span{max-width:210px;line-height:1.4}header>.language-switch{order:1}header>.menu{order:2;display:block;border:0;background:none;padding:10px 0;font-size:14px}header>.menu span{margin-left:6px}header>#navigation,.site-header #navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px var(--space) 28px;border-bottom:1px solid var(--line);align-items:stretch;gap:0}header>#navigation.open,.site-header #navigation.open{display:flex;flex-direction:column}header>#navigation>a{padding:13px 0}header>#navigation>.nav-cta{padding:13px;margin-top:8px}.language-switch a{padding:8px}.footer-nav{flex-basis:100%;gap:8px 24px}footer{flex-direction:row}footer>.footer-nav{order:2}footer>.text-link,footer>a:not(.brand){order:1;margin-left:auto}}
@media(max-width:380px){header{gap:8px}.brand{font-size:20px}.brand span{font-size:8px;max-width:150px;letter-spacing:.5px}.language-switch a{padding:8px 6px}header>.menu{font-size:13px}}

/* Supplied brand mark links home with the existing wordmark. */
header>.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
header .brand-logo{display:block;width:44px;height:44px;object-fit:contain;border-radius:6px;flex-shrink:0}
header .brand-copy{min-width:0}header .brand-copy>span{line-height:1.4}
@media(max-width:800px){header>.brand{flex-shrink:1;gap:9px}header .brand-logo{width:36px;height:36px}header .brand-copy>span{max-width:190px}}
@media(max-width:380px){header>.brand{gap:7px;font-size:16px}header .brand-logo{width:28px;height:28px}header .brand-copy>span{font-size:7px;letter-spacing:.3px;max-width:110px}}

/* Vector CTA arrows keep the same appearance on iOS and desktop. */
.cta-arrow{display:inline-block;width:22px;height:22px;flex:0 0 22px;vertical-align:middle;transition:transform .25s ease}
.text-link .cta-arrow,.contact-email .cta-arrow,.nav-cta .cta-arrow{width:18px;height:18px;flex-basis:18px}
.contact .text-link .cta-arrow,.contact-email .cta-arrow{margin-left:12px}
@media(hover:hover) and (pointer:fine){a:hover .cta-arrow{transform:translate(2px,-2px)}}
@media(prefers-reduced-motion:reduce){.cta-arrow{transition:none}}
