:root {
  --brand-navy: #102650;
  --brand-violet: #4827b7;
  --brand-pink: #aa276e;
  --brand-focus: #6545db;
  --brand-line: #e1dcf0;
  --brand-paper: #faf8fc;
  --brand-tint: #f2edff;
  --brand-hero: radial-gradient(ellipse at 96% 5%, #ffd9e9, transparent 55%),
    radial-gradient(ellipse at 92% 100%, #d3faff, transparent 64%),
    linear-gradient(118deg, #eee8ff, #fbf8ff 55%, #ebe0ff);
}
.brand { color: var(--brand-navy); line-height: 1.15; }
.brand-mark {
  flex: 0 0 auto;
  width: 36px;
  aspect-ratio: 329 / 287;
  background: url("brand/cwe-cover.webp") 48.65% 31.23% / 381.15% auto no-repeat;
  clip-path: polygon(0% 50%, 1% 43%, 4% 36%, 14% 17%, 19% 10%, 25% 5%, 32% 2%,
    39% 0%, 61% 0%, 69% 2%, 77% 6%, 83% 12%, 88% 21%, 96% 35%, 99% 43%,
    100% 49%, 99% 55%, 97% 61%, 85% 84%, 79% 91%, 71% 96%, 65% 99%, 59% 100%,
    38% 100%, 31% 98%, 25% 95%, 20% 90%, 16% 84%, 4% 64%, 1% 57%);
}
.hero {
  background: var(--brand-hero);
  color: var(--brand-navy);
}
.hero h1 em {
  color: var(--brand-violet);
  background: linear-gradient(100deg, var(--brand-violet), var(--brand-pink));
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero p { color: #3e4767; }
.site-footer {
  border-top: 1px solid var(--brand-line);
  background: white;
  color: #454a60;
}
.footer-inner {
  width: min(1140px, calc(100% - 64px));
  min-height: 94px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.footer-logo {
  display: block;
  position: relative;
  width: 54px;
  aspect-ratio: 64 / 63;
  overflow: hidden;
  flex: 0 0 auto;
}
.footer-logo img {
  position: absolute;
  width: 168.3%;
  max-width: none;
  height: auto;
  top: -37.1%;
  left: -35%;
}
.site-footer p { font-size: 13px; margin: 0; }
.site-footer a { color: var(--brand-violet); font-weight: 750; text-underline-offset: .23em; }
@media (max-width: 580px) {
  .footer-inner { width: calc(100% - 28px); min-height: 84px; }
  .brand-mark { width: 30px; }
  .brand { gap: 7px; }
}
@media (forced-colors: active) {
  .hero h1 em { -webkit-text-fill-color: currentColor; }
}