:root {
  --carmine: #E1063A;
  --obsidian: #0F121A;
  --warm-white: #F6F3F0;
  --soft-gray: #D9D4CF;
  --paper: var(--warm-white);
  --paper-2: #FBF9F7;
  --ink: var(--obsidian);
  --ink-soft: #343841;
  --muted: #6D6A67;
  --orange: var(--carmine);
  --orange-dark: #C60033;
  --pink: var(--carmine);
  --blue: var(--obsidian);
  --dark: var(--obsidian);
  --dark-2: #181C25;
  --gradient: linear-gradient(120deg, var(--carmine), var(--carmine));
}

.brand.brand-official {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
  color: inherit;
  line-height: 0;
  letter-spacing: normal;
  text-decoration: none;
  overflow: visible;
}

.brand.brand-official > img.brand-official-logo,
.topbar .brand.brand-official > img.brand-official-logo,
.footer .brand.brand-official > img.brand-official-logo {
  display: block;
  width: clamp(100px, 10vw, 126px);
  height: auto;
  max-width: none;
  object-fit: contain;
  object-position: left center;
  border-radius: 0;
  box-shadow: none;
}

.footer .brand.brand-official > img.brand-official-logo {
  width: clamp(112px, 11vw, 136px);
}

.topbar .brand.brand-official > img.brand-official-logo {
  width: clamp(98px, 10vw, 124px);
}

.brand.brand-official:focus-visible {
  outline: 3px solid rgba(225, 6, 58, .28);
  outline-offset: 6px;
  border-radius: 6px;
}

.gradient-text {
  color: var(--carmine) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
}

.btn-primary {
  background: var(--carmine) !important;
  box-shadow: 0 14px 30px rgba(225, 6, 58, .22) !important;
}

.btn-primary:hover {
  background: #C60033 !important;
  box-shadow: 0 18px 38px rgba(225, 6, 58, .28) !important;
}

.eyebrow,
.nav-links a:hover {
  color: var(--carmine) !important;
}

.eyebrow::before {
  background: var(--carmine) !important;
}

.hero {
  background:
    radial-gradient(circle at 14% 18%, rgba(225, 6, 58, .08), transparent 28%),
    linear-gradient(180deg, #FBF9F7 0%, var(--warm-white) 72%, #fff 100%) !important;
}

.hero::after {
  display: none !important;
}

::selection {
  color: #fff;
  background: var(--carmine);
}

:focus-visible {
  outline-color: rgba(225, 6, 58, .72) !important;
}

@media (max-width: 720px) {
  .brand.brand-official > img.brand-official-logo,
  .topbar .brand.brand-official > img.brand-official-logo {
    width: 104px;
  }

  .footer .brand.brand-official > img.brand-official-logo {
    width: 118px;
  }
}

@media (max-width: 390px) {
  .brand.brand-official > img.brand-official-logo,
  .topbar .brand.brand-official > img.brand-official-logo {
    width: 96px;
  }
}