:root {
  --site-canvas: #11151b;
  --site-panel: #1b2028;
  --site-control: #252b35;
  --site-line: #3a4350;
  --site-yellow: #ffd66b;
  --site-yellow-tint: #4b272b;
  --ember-crimson: #a62d3d;
  --ember-rose: #ffadb6;
}
.ember-shell .ember-header.home-header {
  border-top: 3px solid var(--ember-crimson);
}
.ember-shell .ember-header .menu-page__tab.is-active {
  background: #4b272b;
}
.ember-hero {
  border-color: #633039;
  background: radial-gradient(ellipse at 84% 44%, #702b38 0, #40232e 34%, transparent 70%), #191d25;
}
.ember-hero-art::before {
  position: absolute;
  inset: 0;
  content: "";
  background:
    repeating-linear-gradient(45deg, transparent 0 17px, #ffd66b26 17px 18px, transparent 18px 35px),
    repeating-linear-gradient(-45deg, transparent 0 17px, #ffd66b26 17px 18px, transparent 18px 35px);
  mask-image: radial-gradient(ellipse, #000 38%, transparent 74%);
}
.ember-eyebrow { color: var(--ember-rose); }
.ember-shell .ember-header .home-header__actions {
  display: flex;
  gap: .5rem;
}
.ember-language-label {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: var(--site-text);
  background: var(--site-panel);
  border: 1px solid var(--site-line);
  border-radius: 9px;
  padding-inline: .5rem .25rem;
  white-space: nowrap;
}
.ember-language-label select {
  background: transparent;
  border: 0;
  color: var(--site-text);
  padding: .35rem .1rem;
  font: 650 .8rem system-ui, sans-serif;
  cursor: pointer;
}
.ember-language-label option { background: var(--site-panel); color: var(--site-text); }
.ember-language-label:focus-within { outline: 2px solid var(--site-yellow); outline-offset: 2px; }
.signup-header { flex-wrap: wrap; }
@media (max-width: 660px) {
  .ember-shell .ember-header.home-header { grid-template-columns: minmax(0,1fr) auto; }
  .ember-shell .ember-header .menu-page__tabs { overflow-x: auto; scrollbar-width: none; }
  .ember-shell .ember-header .menu-page__tab { flex-shrink: 0; }
  .ember-signup-link { padding-inline: .45rem; font-size: .7rem; white-space: nowrap; }
  .ember-language-label { padding-inline: .25rem; }
  .ember-language-label > span { display: none; }
  .ember-wordmark { font-size: 1.05rem; }
  body .ember-header .home-header__brand { gap: .35rem; }
  body .ember-header .home-header__brand svg { width: 28px; height: 28px; }
}
