/* Global CoffeeVar footer. This is the single visual source for footer across landing and inner pages. */
.page-footer {
  position: relative;
  margin-top: 0 !important;
  isolation: isolate !important;
  background:
    radial-gradient(70% 90% at 0% 0%, rgba(212, 165, 116, .18), transparent 58%),
    linear-gradient(160deg, var(--cv-espresso, var(--cv-inner-espresso, #22110d)) 0%, var(--cv-noir, #120806) 100%) !important;
  color: var(--cv-cream-light, var(--cv-inner-cream, #fff8ec)) !important;
  border-top: 1px solid rgba(255, 248, 236, .14) !important;
  overflow: hidden !important;
}

.page-footer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: auto !important;
  height: auto !important;
  background:
    linear-gradient(90deg, rgba(255, 248, 236, .04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 248, 236, .035) 1px, transparent 1px) !important;
  background-size: 42px 42px !important;
  opacity: .42 !important;
  pointer-events: none !important;
}

.page-footer__inner {
  position: relative !important;
  z-index: 1 !important;
  padding: clamp(38px, 5vw, 68px) 0 !important;
}

.page-footer .uk-grid {
  align-items: flex-start !important;
  row-gap: 30px !important;
}

.page-footer .logo {
  display: inline-flex !important;
  max-width: 210px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page-footer .logo img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  filter: brightness(0) saturate(100%) invert(96%) sepia(10%) saturate(659%) hue-rotate(327deg) brightness(107%) contrast(101%) !important;
}

.page-footer__menu {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.page-footer__menu li {
  margin: 0 !important;
  padding: 0 !important;
}

.page-footer__menu a,
.page-footer__menu > li a,
.page-footer__link {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-height: 34px !important;
  padding: 6px 0 !important;
  color: rgba(255, 248, 236, .72) !important;
  font-family: var(--ff-body, Manrope, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition: color .22s ease, transform .22s ease !important;
}

.page-footer__menu a::before,
.page-footer__menu > li a::before,
.page-footer__link::before {
  content: "" !important;
  position: static !important;
  flex: 0 0 auto !important;
  display: block !important;
  width: 0 !important;
  height: 2px !important;
  margin-right: 0 !important;
  border-radius: 999px !important;
  background: var(--cv-gold-deep, var(--cv-gold, var(--cv-inner-gold, #b88157))) !important;
  opacity: 1 !important;
  transform: none !important;
  transition: width .22s ease, margin-right .22s ease !important;
}

.page-footer__menu a:hover,
.page-footer__menu > li a:hover,
.page-footer__link:hover {
  color: var(--cv-gold-deep, var(--cv-gold, var(--cv-inner-gold, #b88157))) !important;
  transform: translateX(3px) !important;
  text-decoration: none !important;
}

.page-footer__menu a:hover::before,
.page-footer__menu > li a:hover::before,
.page-footer__link:hover::before {
  width: 16px !important;
  margin-right: 8px !important;
}

@media (max-width: 960px) {
  .page-footer .uk-grid > * {
    width: 50% !important;
  }

  .page-footer .uk-grid > *:first-child {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  .page-footer__inner {
    padding: 34px 0 !important;
  }

  .page-footer__menu {
    gap: 7px !important;
  }

  .page-footer__menu a,
  .page-footer__menu > li a,
  .page-footer__link {
    min-height: 28px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 479px) {
  .page-footer .uk-grid > * {
    width: 100% !important;
  }
}