@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url("fonts/raleway-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:Raleway;font-style:normal;font-weight:500;font-display:swap;src:url("fonts/raleway-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:Raleway;font-style:normal;font-weight:600;font-display:swap;src:url("fonts/raleway-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:Raleway;font-style:normal;font-weight:700;font-display:swap;src:url("fonts/raleway-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:Raleway;font-style:normal;font-weight:800;font-display:swap;src:url("fonts/raleway-latin-800-normal.woff2") format("woff2")}

.brand-lockup{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  gap:10px;
  min-height:36px;
  color:#fff;
  font-family:Raleway,Arial,sans-serif;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
.brand-lockup img{
  display:block;
  width:34px;
  height:34px;
  flex:0 0 34px;
  object-fit:contain;
}
.brand-lockup .brand-wordmark{
  color:#fff;
  font-family:Raleway,Arial,sans-serif;
  font-size:16px;
  font-variant-caps:all-small-caps;
  font-weight:800;
  letter-spacing:.095em;
  line-height:1;
  text-transform:uppercase;
}
.brand-only-header{
  position:relative;
  z-index:100;
  display:flex;
  min-height:68px;
  align-items:center;
  padding:12px max(24px,calc((100vw - 1180px)/2));
  color:#fff;
  background:#101b30;
}
footer .brand-lockup img{width:30px;height:30px;flex-basis:30px}
@media(max-width:680px){
  .brand-lockup{gap:8px}
  .brand-lockup img{width:30px;height:30px;flex-basis:30px}
  .brand-lockup .brand-wordmark{font-size:14px;letter-spacing:.075em}
  .brand-only-header{min-height:60px;padding:10px 16px}
}