:root {
  --fv4-matcha-700: #0d5c3a;
  --fv4-matcha-800: #0b4c31;
  --fv4-cream-100: #fcfaf6;
  --fv4-ink-900: #12211b;
}
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header-main__brand-link,
.footer-main__brand {
  display: inline-flex;
  align-items: center;
}
.header-main__brand-logo {
  width: auto;
  max-width: 210px;
  max-height: 92px;
  object-fit: contain;
}
.footer-main__brand img {
  width: auto;
  max-width: 230px;
  max-height: 92px;
  object-fit: contain;
}
.header-main__menu > ul > li > a,
.header-main__menu-offcanvas > ul > li > a {
  font-weight: 600;
  letter-spacing: -.01em;
}
.btn-solid {
  border-radius: 14px;
}
.content-inner {
  padding: 44px 0 70px;
}
.content-inner__wrapper {
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 18px 42px rgba(12, 35, 28, .06);
}
.content-page {
  color: #294136;
}
.content-page p,
.content-page li {
  font-size: 16px;
  line-height: 2;
}
.content-page h1,
.content-page h2,
.content-page h3,
.content-page h4 {
  color: var(--fv4-ink-900);
  line-height: 1.5;
}
.footer-main__wrapper {
  border-radius: 34px 34px 0 0;
}
.footer-main__list-title {
  font-weight: 700;
}
.fv4-staging-ribbon {
  position: sticky;
  top: 0;
  z-index: 10001;
  background: #8f2d2a;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 12px;
}
@media (max-width: 991px) {
  .header-main__brand-logo { max-width: 170px; max-height: 74px; }
  .footer-main__brand img { max-width: 180px; max-height: 74px; }
  .content-inner { padding: 28px 0 50px; }
  .content-inner__wrapper { border-radius: 20px; }
}


.header-main__brand-logo,
.fv4-header__brand img {
  filter: none !important;
}
.footer-main__brand img,
.fv4-footer__brand img {
  filter: none !important;
}
.footer-main .social li a i,
.content-page .social li a i {
  font-size: 1.05rem;
}