/* Открытая инициатива в блоке «Наши инициативы»: картинка и текст, вся карточка — ссылка на страницу инициативы. */

.iniciativa-kartochka{
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 100%;
  overflow: hidden;
  border-radius: 4px;
  background: var(--barhat);
  color: var(--krem);
  text-decoration: none;
}
.iniciativa-kartochka__kadr-ramka{ height: 100%; aspect-ratio: 1200 / 954; overflow: hidden; min-height: 0; }
.iniciativa-kartochka__kadr{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 600ms var(--hod-out);
}
.iniciativa-kartochka:hover .iniciativa-kartochka__kadr{ transform: scale(1.03); }
.iniciativa-kartochka:focus-visible{ outline: 3px solid var(--zoloto-svet); outline-offset: 3px; }

.iniciativa-kartochka__slova{
  display: grid;
  align-content: center;
  justify-items: start;
  gap: clamp(10px, 1.4vw, 20px);
  padding: clamp(18px, 3vw, 48px);
}
.iniciativa-kartochka__imya{
  font-weight: 900;
  font-size: var(--k-krupno);
  line-height: var(--shag-zag);
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.iniciativa-kartochka__lid{
  max-width: 46ch;
  font-size: var(--k-tekst);
  line-height: 1.35;
  color: color-mix(in srgb, var(--krem) 86%, transparent);
}
.iniciativa-kartochka__knopka{ font-size: var(--k-melko); }

/* С 900 px блок инициатив уходит в телефонную раскладку (aktivnosti.css): полотно перестаёт быть абсолютным. */
@media (max-width: 900px){
  .iniciativa-kartochka{ position: relative; inset: auto; grid-template-columns: 45% 1fr; grid-template-rows: auto; }
  .iniciativa-kartochka__kadr-ramka{ position: relative; height: auto; width: 100%; aspect-ratio: auto; min-height: 100%; }
  .iniciativa-kartochka__kadr{ position: absolute; inset: 0; object-position: 12% 80%; }
}
@media (max-width: 600px){
  .iniciativa-kartochka{ grid-template-columns: 1fr; }
  .iniciativa-kartochka__kadr-ramka{ aspect-ratio: 1200 / 954; min-height: 0; }
  .iniciativa-kartochka__slova{ padding: 20px 18px 22px; }
}
@media (prefers-reduced-motion: reduce){
  .iniciativa-kartochka__kadr{ transition: none; }
}