/* Уникальная композиция главной страницы. */

.home-hero-wrap {
  padding: 40px 32px 0;
}

.home-hero {
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  padding: 8px 0 40px;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
}

.home-hero:hover,
.home-hero:focus {
  color: var(--ink);
}

.home-hero__media {
  --media-hue: 264;
  aspect-ratio: 16 / 9;
  border-radius: var(--media-radius);
  background-color: hsl(264 16% 82%);
  background-image: radial-gradient(120% 90% at 78% 18%,hsl(264 30% 88% / .9),transparent 55%),linear-gradient(135deg,hsl(264 14% 90%),hsl(264 16% 82%));
}

.home-hero__media-label {
  top: 12px;
  left: 12px;
  padding: 3px 9px;
  border-radius: var(--r-pill);
  background: rgba(255,255,255,.72);
  color: hsl(var(--media-hue) 30% 40%);
  font-family: var(--font-mono);
  font-size: 11px;
}

.home-hero__topline {
  gap: 10px;
  margin-bottom: 14px;
}

.home-hero__eyebrow {
  color: var(--accent-ink);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.home-hero__title {
  margin: 0 0 16px;
  color: var(--ink);
  font-family: var(--font-head);
  font-size: var(--type-page-title);
  font-weight: 600;
  line-height: var(--line-page-title);
  letter-spacing: -0.02em;
}

.home-hero__summary {
  max-width: 56ch;
  margin: 0 0 22px;
  color: var(--ink-2);
  font-size: var(--type-lead);
  line-height: var(--line-lead);
}

.home-hero__byline {
  gap: 14px;
}

.home-hero__author {
  gap: 9px;
  color: var(--ink-2);
  font-size: 14px;
}

.home-hero__date {
  color: var(--ink-3);
  font-size: 14px;
}

.home-show-all {
  padding: 34px 0 8px;
}

.home-show-all__button {
  --bs-btn-color: var(--ink);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--line-2);
  --bs-btn-hover-color: var(--ink);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: var(--line-2);
  --bs-btn-active-color: var(--ink);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: var(--line-2);
  gap: 8px;
  padding: 11px 20px;
  font-family: var(--font-body);
  font-size: 14.5px;
  font-weight: 600;
}

.partners-wrap {
  padding: 56px 32px 72px;
}

.partners__title {
  margin-bottom: 22px;
  color: var(--ink-3);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.partners__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr));
  gap: 14px;
}

.partner-card {
  gap: 12px;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: var(--surface);
}

.partner-card__mark {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 10px;
  font-family: var(--font-head);
  font-size: 14px;
  font-weight: 700;
}

.partner-card__mark--purple {
  background: hsl(264 45% 90%);
  color: hsl(264 52% 38%);
}

.partner-card__mark--cyan {
  background: hsl(200 45% 90%);
  color: hsl(200 52% 38%);
}

.partner-card__mark--orange {
  background: hsl(24 45% 90%);
  color: hsl(24 52% 38%);
}

.partner-card__name {
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.partner-card__category {
  color: var(--ink-3);
  font-size: 11.5px;
}

@media (max-width: 960px) {
  .home-hero {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}