/* Core-values block (home + About page); markup from cmv2_core_values(). */
.c-home-about :where(h1, h2, h3, p, ul, figure) { margin: 0; }
.c-home-about :where(ul) { padding: 0; list-style: none; }
.c-home-about img { height: auto; }
.c-home-about { overflow: hidden; background: #fff; color: #000; }
.c-home-about__inner { display: flex; align-items: center; justify-content: space-between; min-height: 690px; padding-block: 40px; }
.c-home-about__main { display: flex; flex-direction: column; align-items: center; gap: 18px; color: #000; }
.c-home-about__head { display: grid; justify-items: center; color: var(--c-crimson); text-align: center; }
.c-home-about__kicker { margin-bottom: -5px; font: 500 14px/20px var(--font-ui); }
.c-home-about__title { font: 500 52px/59px var(--font-display); white-space: nowrap; }
.c-home-about__values { display: grid; gap: 8px; }
.c-home-about__values li { display: grid; justify-items: center; width: 375px; padding-block: 20px; text-align: center; }
.c-home-about__values li::after { content: ""; margin-top: 13px; width: 62px; height: 2px; background: linear-gradient(90deg, rgba(129, 20, 45, .08), rgba(129, 20, 45, .5), rgba(129, 20, 45, 0)); }
.c-home-about__values strong { display: block; font: 700 28px/1.1 "Basel Grotesk", var(--font-display); }
.c-home-about__values span { display: block; margin-top: 2px; font: 450 14px/21px var(--font-display); }
.c-home-about__quote { display: flex; flex-direction: column; align-items: center; gap: 22px; width: 530px; }
.c-home-about__quote-img { width: 371px; }
.c-home-about__quote figcaption { font: 700 14px/20px var(--font-display); letter-spacing: 2px; text-transform: uppercase; }
.c-home-about__art { position: relative; width: 401px; height: 316px; margin-top: -2px; opacity: .28; pointer-events: none; }
.c-home-about__art::before { content: ""; position: absolute; top: -22px; left: -108px; width: 690px; height: 422px; background: url("../img/home/about-philo.svg") 0 0 / 690px auto no-repeat; -webkit-mask-image: linear-gradient(#000 239px, transparent 416px); mask-image: linear-gradient(#000 239px, transparent 416px); }
@media (max-width: 1023px) {
  .c-home-about__inner { flex-direction: column; gap: 32px; }
  .c-home-about__title { font-size: 34px; line-height: 40px; white-space: normal; }
  .c-home-about__values li, .c-home-about__quote { width: 100%; }
  .c-home-about__art { display: none; }
}