/* Flash Editing: site-wide type and brand alignment */
:root {
  --flash-site-font: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
html,
body {
  font-family: var(--flash-site-font) !important;
}
body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.material-icons):not(svg):not(svg *) {
  font-family: var(--flash-site-font) !important;
}
button,
input,
textarea,
select,
option,
optgroup {
  font-family: var(--flash-site-font) !important;
}

/* Homepage navbar brand: same approximate sizing as the client-video page. */
nav .logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  color: #fff !important;
  font-size: clamp(27px, 4.8vw, 38px) !important;
  font-weight: 750 !important;
  letter-spacing: -.045em !important;
  line-height: 1 !important;
  white-space: nowrap;
  text-shadow: 0 1px 16px rgba(255,255,255,.12);
}
nav .logo img {
  display: block !important;
  width: auto !important;
  height: 68px !important;
  max-width: 68px !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
}
nav .logo span {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}

/* Match the brand on the maintenance screen and the client video page. */
.wrap > .brand,
body > main > .brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  gap: 16px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(27px, 4.8vw, 38px) !important;
  font-weight: 750 !important;
  letter-spacing: -.045em !important;
  line-height: 1 !important;
  color: #fff !important;
  text-shadow: 0 1px 16px rgba(255,255,255,.12);
}
.wrap > .brand img,
body > main > .brand img {
  display: block !important;
  width: auto !important;
  height: 68px !important;
  max-width: 68px !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
}
.wrap > .brand span,
body > main > .brand span {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}

/* The returned client-home button stays visually consistent with the video page. */
.actions .home {
  border: 1px solid #454545;
  background: transparent;
  color: #f1f1f1;
}
.actions .home:hover {
  background: #151515;
  border-color: #707070;
}

@media (max-width: 600px) {
  nav {
    height: auto !important;
    min-height: 82px;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
  nav .logo {
    gap: 12px !important;
    font-size: clamp(25px, 7vw, 33px) !important;
  }
  nav .logo img,
  .wrap > .brand img,
  body > main > .brand img {
    height: 56px !important;
    max-width: 56px !important;
  }
  .wrap > .brand,
  body > main > .brand {
    gap: 12px !important;
    font-size: clamp(25px, 7vw, 32px) !important;
  }
}