/* site About page: isolated release scope. */

html body .cv-about .cv-about-path-card {
  --cv-about-path-face: #fff;
  position: relative;
  isolation: isolate;
  overflow: visible;
  background: transparent;
  border: 0;
  clip-path: none;
}
html body .cv-about .cv-about-path-card::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: var(--cv-chocolate, #351a10);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);
}
html body .cv-about .cv-about-path-card::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 2px;
  pointer-events: none;
  background: var(--cv-about-path-face);
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
}
html body .cv-about .cv-about-path-card--dark {
  --cv-about-path-face: var(--cv-chocolate, #351a10);
  color: #fff;
}
html body .cv-about .cv-about-path-card--dark .cv-about-path-card__en { color: var(--cv-yellow, #ffc800); }
html body .cv-about .cv-about-path-card--dark > p:not(.cv-about-path-card__en) { color: #f3eee6; }
html body .cv-about .cv-about-path-card > * { position: relative; z-index: 2; }
html body .cv-about .cv-about-path-card > .cv-about-path-card__number { position: absolute; }
html body .cv-about .cv-about-path-card.site-card-shadow--surface {
  filter: drop-shadow(6px 6px 0 var(--cv-chocolate, #351a10)) !important;
}
html body .cv-about .cv-about-path-card.site-card-shadow--yellow {
  filter: drop-shadow(6px 6px 0 rgba(53, 26, 16, .22)) !important;
}

html body .cv-about .cv-about-promises__list li:last-child {
  border-bottom: 2px solid var(--cv-chocolate, #351a10);
}

html body .cv-about .cv-about-info__list,
html body .cv-about .cv-about-action {
  --cv-about-panel-face: #fff;
  position: relative;
  isolation: isolate;
  overflow: visible;
  background: transparent;
  border: 0;
  clip-path: none;
}
html body .cv-about .cv-about-info__list::after,
html body .cv-about .cv-about-action::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: var(--cv-chocolate, #351a10);
}
html body .cv-about .cv-about-info__list::before,
html body .cv-about .cv-about-action::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 2px;
  pointer-events: none;
  background: var(--cv-about-panel-face);
}
html body .cv-about .cv-about-info__list::after {
  clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 0 100%);
}
html body .cv-about .cv-about-info__list::before {
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);
}
html body .cv-about .cv-about-action::after {
  clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 0 100%);
}
html body .cv-about .cv-about-action::before {
  clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 0 100%);
}
html body .cv-about .cv-about-action--company { --cv-about-panel-face: var(--cv-chocolate, #351a10); }
html body .cv-about .cv-about-info__list > *,
html body .cv-about .cv-about-action > * { position: relative; z-index: 2; }
html body .cv-about .cv-about-info__list.site-card-shadow--surface,
html body .cv-about .cv-about-action.site-card-shadow--surface {
  filter: drop-shadow(8px 8px 0 var(--cv-chocolate, #351a10)) !important;
}
html body .cv-about .cv-about-action.site-card-shadow--yellow {
  filter: drop-shadow(8px 8px 0 rgba(53, 26, 16, .22)) !important;
}

@media (max-width: 760px) {
  html body .cv-about .cv-about-path-card.site-card-shadow--surface {
    filter: drop-shadow(4px 4px 0 var(--cv-chocolate, #351a10)) !important;
  }
  html body .cv-about .cv-about-path-card.site-card-shadow--yellow {
    filter: drop-shadow(4px 4px 0 rgba(53, 26, 16, .22)) !important;
  }
}