

/* Start:/local/templates/maylina/components/bitrix/news.list/capsules_landing/style.css?17860248422052*/
/* Сетка капсул на лендинге /capsules/: 2 колонки крупных карточек по макету
   docs/design/capsules.html. Токены — main.css. */
.capsules {
  padding: 88px var(--pad-x-wide) 104px;
}

.capsules__grid {
  max-width: 1296px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 88px 24px;
}

.capsules__card {
  display: block;
}

.capsules__imgwrap {
  overflow: hidden;
  aspect-ratio: 4 / 5;
  background: var(--c-bg-warm);
}

.capsules__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--t-img);
}

.capsules__card:hover .capsules__img {
  transform: scale(1.05);
}

.capsules__meta {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-top: 26px;
  font-family: var(--f-caps);
  font-weight: 400;
  font-size: 10px;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--c-muted);
}

.capsules__num {
  color: var(--c-green);
}

.capsules__name {
  font-family: var(--f-display);
  font-weight: 300;
  font-size: 34px;
  color: var(--c-ink);
  margin-top: 12px;
  transition: color var(--t-fast);
}

.capsules__card:hover .capsules__name {
  color: var(--c-green);
}

.capsules__text {
  font-family: var(--f-text);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.75;
  color: var(--c-text);
  margin-top: 10px;
  max-width: 480px;
}

.capsules__more {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  font-family: var(--f-caps);
  font-weight: 400;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--c-green);
}

.capsules__more svg {
  transition: transform .25s ease;
}

.capsules__card:hover .capsules__more svg {
  transform: translateX(4px);
}

/* Крупные карточки капсул: на узком экране двум колонкам места нет. */
@media (max-width: 760px) {
  .capsules { padding-top: 48px; padding-bottom: 56px; }
  .capsules__grid { grid-template-columns: 1fr; gap: 48px; }
}

/* End */
/* /local/templates/maylina/components/bitrix/news.list/capsules_landing/style.css?17860248422052 */
