/* Метка «новый кейс» и штамп периода работ (28.09.2026, владелец: «дату подпиши на самом этом кейсе.
   И то, что новый кейс, там такую метку какую-нибудь поставь красивую»).
   Подключается только там, где в данных кейса есть period или is_new. */
.ncase{--nc-face:var(--lime);--nc-fg:var(--ink);--nc-alt:var(--ink);--nc-alt-fg:var(--lime);--nc-line:var(--ink);--nc-sh:var(--ink);--nc-r:-2.5deg;
  display:inline-flex;align-items:stretch;flex:none;max-width:100%;border:2px solid var(--nc-line);box-shadow:4px 4px 0 var(--nc-sh);
  rotate:var(--nc-r);font-style:normal;white-space:nowrap}
.ncase b{padding:5px 9px 6px;background:var(--nc-face);color:var(--nc-fg);font:900 15px/1 var(--display);text-transform:uppercase;letter-spacing:.05em}
.ncase time{display:flex;align-items:center;padding:0 9px 1px;background:var(--nc-alt);color:var(--nc-alt-fg);font:700 11px/1 var(--text);letter-spacing:.07em}
/* строка с метками над лидом первого экрана */
.cmarks{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin:0 0 clamp(14px,1.4vw,20px)}
.cwhen{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 11px 7px;background:var(--ink);color:var(--paper);
  font:800 12px/1.1 var(--text);text-transform:uppercase;letter-spacing:.08em;box-shadow:3px 3px 0 var(--lime);rotate:-1.4deg}
.cwhen time{font-variant-numeric:tabular-nums}
/* карточка в списке кейсов: метка приклеена в левом верхнем углу, поверх коллажа */
.ccard .ccard__a>.ncase{position:absolute;z-index:2;top:3.6cqw;left:clamp(18px,1.7vw,26px);--nc-r:-3deg;pointer-events:none}
.ccard--on-dark .ccard__a>.ncase,.ccard--on-blue .ccard__a>.ncase{--nc-face:var(--blue);--nc-fg:#fff;--nc-alt:var(--lime);--nc-alt-fg:var(--ink);--nc-line:var(--paper);--nc-sh:var(--paper)}
@media (max-width:700px){
  .ccard .ccard__a>.ncase{box-shadow:3px 3px 0 var(--nc-sh)}
  .ncase b{font-size:13px;padding:4px 8px 5px}
  .ncase time{font-size:10px;padding-inline:8px}
}