/* Угловые скобки: 4 уголка (TL, TR, BL, BR) фоном ::after. Цвет — модификатор .bk--orange / --cream / --ink.
   Плитка выдвинута на 1px за край карточки (inset:-1px), а линия толще и заходит за скос — иначе на дробных размерах
   между уголком и краем остаётся просвет заливки. Лишнее обрезает clip-path самой карточки. */
:root{
  --bk-orange: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22%3E%3Cpath transform=%22translate(0 0) scale(1 1)%22 d=%22M1.43 40V21.06L21.06 1.43H40%22 stroke=%22%23FF5E1A%22 stroke-width=%225%22/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22%3E%3Cpath transform=%22translate(40 0) scale(-1 1)%22 d=%22M1.43 40V21.06L21.06 1.43H40%22 stroke=%22%23FF5E1A%22 stroke-width=%225%22/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22%3E%3Cpath transform=%22translate(0 40) scale(1 -1)%22 d=%22M1.43 40V21.06L21.06 1.43H40%22 stroke=%22%23FF5E1A%22 stroke-width=%225%22/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22%3E%3Cpath transform=%22translate(40 40) scale(-1 -1)%22 d=%22M1.43 40V21.06L21.06 1.43H40%22 stroke=%22%23FF5E1A%22 stroke-width=%225%22/%3E%3C/svg%3E");
  --bk-cream: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22%3E%3Cpath transform=%22translate(0 0) scale(1 1)%22 d=%22M1.43 40V21.06L21.06 1.43H40%22 stroke=%22%23EAE2D2%22 stroke-width=%225%22/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22%3E%3Cpath transform=%22translate(40 0) scale(-1 1)%22 d=%22M1.43 40V21.06L21.06 1.43H40%22 stroke=%22%23EAE2D2%22 stroke-width=%225%22/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22%3E%3Cpath transform=%22translate(0 40) scale(1 -1)%22 d=%22M1.43 40V21.06L21.06 1.43H40%22 stroke=%22%23EAE2D2%22 stroke-width=%225%22/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22%3E%3Cpath transform=%22translate(40 40) scale(-1 -1)%22 d=%22M1.43 40V21.06L21.06 1.43H40%22 stroke=%22%23EAE2D2%22 stroke-width=%225%22/%3E%3C/svg%3E");
  --bk-ink: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22%3E%3Cpath transform=%22translate(0 0) scale(1 1)%22 d=%22M1.43 40V21.06L21.06 1.43H40%22 stroke=%22%2314171A%22 stroke-width=%225%22/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22%3E%3Cpath transform=%22translate(40 0) scale(-1 1)%22 d=%22M1.43 40V21.06L21.06 1.43H40%22 stroke=%22%2314171A%22 stroke-width=%225%22/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22%3E%3Cpath transform=%22translate(0 40) scale(1 -1)%22 d=%22M1.43 40V21.06L21.06 1.43H40%22 stroke=%22%2314171A%22 stroke-width=%225%22/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22 fill=%22none%22%3E%3Cpath transform=%22translate(40 40) scale(-1 -1)%22 d=%22M1.43 40V21.06L21.06 1.43H40%22 stroke=%22%2314171A%22 stroke-width=%225%22/%3E%3C/svg%3E");
}
.bk--orange{ --bk-set: var(--bk-orange); }
.bk--cream{ --bk-set: var(--bk-cream); }
.bk--ink{ --bk-set: var(--bk-ink); }
.bk::after, .case__main::after, .case__stats::after { background-image: var(--bk-set); inset: -1px; }
.case { --bk-set: var(--bk-orange); }
.case--dark { --bk-set: var(--bk-ink); }