/* Year-round American flag. Independent of seasonal themes. */
.mp-flag{display:inline-flex;align-items:center;flex:none;line-height:0}
.mp-flag-svg{display:block;height:20px;width:auto;overflow:hidden;border-radius:1px}
.mp-flag-sheen{animation:mp-flag-wave 7s ease-in-out infinite}
.mp-flag-lockup{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:none}
html[data-flag="end"] .mp-flag-lockup{gap:7px}
html[data-flag="end"] header.top .mark,
html[data-flag="wordmark"] header.top .mark,
html[data-flag="end"] header.lg-top .lg-mark,
html[data-flag="wordmark"] header.lg-top .lg-mark,
html[data-flag="badge"] header.top .mark,
html[data-flag="badge"] header.lg-top .lg-mark{margin-right:0}
html[data-flag="end"] header.top .mp-flag-lockup,
html[data-flag="wordmark"] header.top .mp-flag-lockup,
html[data-flag="badge"] header.top .mp-flag-lockup,
html[data-flag="end"] header.lg-top .mp-flag-lockup,
html[data-flag="wordmark"] header.lg-top .mp-flag-lockup,
html[data-flag="badge"] header.lg-top .mp-flag-lockup{margin-right:auto}
.mp-flag-badge{display:inline-flex;align-items:center;gap:6px;flex:none;color:inherit;text-decoration:none;min-width:0}
.mp-flag-badge .mp-flag-svg{height:16px}
.mp-flag-label{font:700 11px/1 var(--font-ui, "Barlow Condensed", "Arial Narrow", sans-serif);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:inherit}
.mp-flag-corner{margin-left:8px;margin-right:8px}
header.top .mp-flag-corner{margin-left:0;margin-right:10px}
header .mp-flag-svg{height:22px}
@media (max-width:960px){
  header .mp-flag-svg{height:18px}
  .mp-flag-badge .mp-flag-svg{height:14px}
  .mp-flag-label{font-size:10px;letter-spacing:.08em}
  .mp-flag-lockup{gap:6px}
}
@media (max-width:440px){
  header .mp-flag-svg{height:16px}
  .mp-flag-badge .mp-flag-label{display:none}
}
header.top .toplink, header a.btn{white-space:nowrap;flex-shrink:0}

/* The wave is a soft light sweep across the cloth; the flag geometry never moves, so edges stay sharp. */
@keyframes mp-flag-wave{
  0%,15%{transform:translateX(0)}
  85%,100%{transform:translateX(420px)}
}
@media (prefers-reduced-motion:reduce){
  .mp-flag-sheen{animation:none;display:none}
}

/* Wordmark, identical on the app and the website header (Brandon, Nov 14 2026):
   Black Ops One, small muted THE, tight MOTORPOOL, flag after the L at cap height. */
header .mark,header a.wm{overflow:visible;font-family:var(--font-mark,'Black Ops One',Impact,sans-serif);font-weight:400;font-style:normal;letter-spacing:0;color:#E8E6E1;white-space:nowrap;display:inline-flex;align-items:baseline;text-transform:uppercase;text-decoration:none}
/* Joined A (Brandon Nov 14 4:29 PM): uppercase THE set flush against MOTORPOOL */
header .mark .mark-the,header a.wm .mark-the,.drawer .wm .mark-the{font-size:.7em;color:#A7ADB3;letter-spacing:0;margin-right:0}
header .mark .mark-mp,header a.wm .mark-mp{letter-spacing:-.03em}
.mp-flag-in-mark{display:inline-block;margin-left:.2em;line-height:0;align-self:baseline}
header .mp-flag-in-mark .mp-flag-svg{height:.648em;width:1.231em;box-shadow:0 0 0 .5px rgba(0,0,0,.35)}