/* Карточки наших кейсов («Атаев Маркет», «1901», «Школа гладиаторов»): эффект при наведении из трёх слоёв.
   Сайт при наведении только увеличивает фон карточки (110% → 130%), у этих карточек главное нарисовано в логотипе
   (у Атаева телефоны), и движения почти не видно. Здесь логотип плавно смещается влево и чуть растёт, фон, как у сайта,
   увеличивается, плашка под текстом стоит. Время и кривая как у фона сайта (1 с, ease). Только на ПК: на телефоне
   наведения нет. Карточки выбраны по адресу кейса. */
@media (min-width: 992px) {
  .portfolio-case:is(:has(a[href*="ataev-market"]), :has(a[href*="1901-novaya-era"]), :has(a[href*="shkola-gladiatorov"])) .case-card__logo img { transition: transform 1s ease; }
  .portfolio-case:is(:has(a[href*="ataev-market"]), :has(a[href*="1901-novaya-era"])):hover .case-card__logo img { transform: translateX(-16px) scale(1.07); }
  /* логотип «Школы гладиаторов» широкий и стоит близко к описанию: сдвиг меньше, иначе подходит к тексту вплотную */
  .portfolio-case:has(a[href*="shkola-gladiatorov"]):hover .case-card__logo img { transform: translateX(-4px) scale(1.04); }
}

.portfolio-case:has(a[href*="1901-novaya-era"]) { background-image: url('/portfolio/1901/kartochka/fon-564x281.webp') !important; background-image: image-set(url('/portfolio/1901/kartochka/fon-564x281.webp') 1x, url('/portfolio/1901/kartochka/fon-1128x562.webp') 2x) !important; }
.portfolio-case:has(a[href*="1901-novaya-era"]) .case-card__logo img { content: url('/portfolio/1901/kartochka/logo.webp'); }

.portfolio-case:has(a[href*="ataev-market"]) { background-image: url('/portfolio/ataev/kartochka/fon-564x281.webp') !important; background-image: image-set(url('/portfolio/ataev/kartochka/fon-564x281.webp') 1x, url('/portfolio/ataev/kartochka/fon-1128x562.webp') 2x) !important; }
.portfolio-case:has(a[href*="ataev-market"]) .case-card__logo img { content: url('/portfolio/ataev/kartochka/logo.webp'); }

.portfolio-case:has(a[href*="shkola-gladiatorov"]) { background-image: url('/portfolio/gladiatory/kartochka/fon-564x281.webp') !important; background-image: image-set(url('/portfolio/gladiatory/kartochka/fon-564x281.webp') 1x, url('/portfolio/gladiatory/kartochka/fon-1128x562.webp') 2x) !important; }
.portfolio-case:has(a[href*="shkola-gladiatorov"]) .case-card__logo img { content: url('/portfolio/gladiatory/kartochka/logo.webp'); }

html body .g-parch { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .36 0 0 0 0 .27 0 0 0 0 .14 0 0 0 .16 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),radial-gradient(1200px 700px at 50% 0%,rgba(255,250,235,.55),transparent 70%) !important; }

html body .g-dark { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .9 0 0 0 0 .85 0 0 0 0 .6 0 0 0 .05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),radial-gradient(1000px 600px at 50% 0%,rgba(80,96,52,.35),transparent 70%) !important; }