/* Тени карточек: мягкий объём + лёгкое зелёное свечение бренда.
   У карточек срезанные углы (clip-path), обычный box-shadow обрезается,
   поэтому тень вешаем на контейнер через drop-shadow (она повторяет форму).
   !important нужен: у .reveal.in стоит filter:none. */
:root{--cardshadow:drop-shadow(0 2px 3px rgba(17,59,64,.12)) drop-shadow(0 18px 28px rgba(17,59,64,.20)) drop-shadow(0 6px 44px rgba(0,161,68,.14))}
.hero-mini,.svc-grid,.contact-grid,.steps-grid,.proj-grid,.adv-cards,.mights,
.hero-media,.about-media,.about2-media,.hero-cta,
.contact-layout>div:has(>.cta-form),.contact-layout>div:has(>.map-ph),
.wrap:has(>.cta-box){filter:var(--cardshadow)!important}

/* Номера и метки на фото карточек не должны прятаться при наведении:
   раньше фото при увеличении (transform) перекрывало их. Карточка при наведении не прыгает, увеличивается только фото. */
.svc-num,.sd-num,.proj-tag{z-index:5}
.svc:hover,.proj:hover,.step:hover{transform:none!important}