/* Share the website's locally hosted typeface while keeping the simulator's layout. */
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/poppins/poppins-latin-400-normal.woff2) format("woff2");
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/poppins/poppins-latin-600-normal.woff2) format("woff2");
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url(../fonts/poppins/poppins-latin-700-normal.woff2) format("woff2");
}
:root {
  --blue: #0789cf;
  --orange: #f7811d;
  --danger: #ff4051;
  font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.brand-panel { text-decoration: none; }
.brand-panel:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.brand-copy strong { font-size: .9rem; }
.brand-copy small { font-size: .8125rem; }
.urban-surface-head.head-s > circle { fill: #ffe1e5; stroke: var(--danger); filter: url(#redGlow); }
.urban-surface-head.head-s rect { fill: rgba(48, 10, 22, .93); stroke: #ff6475; }
.urban-surface-head.head-s text { fill: #ffe1e5; }
.wave-s { filter: url(#redGlow); }
@media (min-width: 981px) { .brand-panel { width: 148px; padding: 6px 9px; } }