/* Space Grotesk belongs only to the wordmark. Body copy continues to use Outfit. */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url('assets/fonts/space-grotesk-variable.ttf') format('truetype')}
.brand,.footer .brand,.efb-brand{font-family:'Space Grotesk',Arial,sans-serif;font-weight:400;letter-spacing:-.04em;line-height:1;white-space:nowrap;text-transform:none}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.brand .brand-mark{width:40px;height:40px;display:block;flex:none}
.brand-wordmark{display:inline-block;white-space:nowrap;font-weight:400}
.brand-wordmark strong{font-weight:700}
.footer .brand-mark{width:32px;height:32px}
.efb-brand{display:inline-flex;align-items:center;gap:8px;font-size:22px}
.efb-brand .brand-mark{width:28px;height:28px}
.header nav{gap:5px}
.header nav a{padding-inline:10px}
@media(max-width:1190px) and (min-width:1000px){.header{gap:10px;padding-inline:12px}.header .brand{font-size:27px;gap:8px}.header .brand-mark{width:34px;height:34px}.header nav a{padding-inline:7px;font-size:13px}.header .segmented-control label{width:30px}}
@media(max-width:999px){.header nav{grid-template-columns:1fr}}
@media(max-width:620px){
 .header .brand{font-size:24px;gap:7px}
 .header .brand-mark{width:30px;height:30px}
 .header nav{grid-template-columns:1fr}
 .header nav a{font-size:13px;overflow-wrap:normal;padding-inline:4px}
}
@media(max-width:380px){
 .header{grid-template-columns:minmax(0,1fr) auto;row-gap:9px}
 .header .brand{grid-column:1;grid-row:1;justify-self:start}
 .header .header-actions{grid-column:1/-1;grid-row:2;justify-content:flex-start}
 .header .segmented-control label{width:32px}
 .header nav a{font-size:12px;padding-inline:3px}
}