/* Preserve the approved 1254 x 1254 artwork. Crop the proposal board and
   remove only its pale backdrop with the local, sRGB alpha filter. */
:root {
  --page-plum: #452540;
  --page-rose: #c95879;
  --page-blush: #fff0f4;
  --page-focus: rgb(69 37 64 / 38%);
  --primary: var(--page-plum);
  --primary-dark: #321b2f;
  --primary-soft: var(--page-blush);
  --navy: var(--page-plum);
  --navy-2: #321b2f;
  --blue-soft: var(--page-blush);
}
.page-wordmark {
  --page-wordmark-width: 110px;
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: var(--page-wordmark-width);
  max-width: 100%;
  aspect-ratio: 1080 / 500;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 4px;
  isolation: isolate;
}
.page-wordmark > img {
  position: absolute;
  display: block;
  width: 116.111111%;
  max-width: none;
  height: auto;
  left: -8.333333%;
  top: -56.4%;
  filter: url("./page-brand-filter.svg#transparent-background");
}
.page-wordmark--auth { --page-wordmark-width: 240px; }
.page-brand-tagline {
  margin: 8px 0 0;
  color: var(--page-plum);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: .025em;
}
.page-brand-role {
  color: var(--muted, #6e6e73);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
}
body {
  background: radial-gradient(circle at 70% -20%, rgb(201 88 121 / 7%), transparent 34rem), var(--canvas, var(--paper, #f7f5f7));
}
:focus-visible { outline-color: var(--page-focus); }
@media (max-width: 480px) {
  .page-wordmark { --page-wordmark-width: 100px; }
  .page-wordmark--auth { --page-wordmark-width: 210px; }
}