.identity-kit {
  padding: 44px 42px 62px;
  background: #fbfaf8;
  color: #171717;
}

.identity-kit__content {
  max-width: 1120px;
  margin: 0 auto;
}

.identity-kit__intro {
  margin-top: 8px;
  color: #59504b;
  font-size: 20px;
}

.identity-kit__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 30px;
}

.identity-kit__card {
  display: flex;
  flex-direction: column;
  border: 1px solid #c8bbb2;
  border-top: 4px solid #990c13;
  background: #fff;
}

.identity-kit__preview {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 230px;
  margin: 22px 22px 0;
  padding: 24px;
  background: #f5f2ee;
}

.identity-kit__preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.identity-kit__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  padding: 26px;
}

.identity-kit__info h3 {
  font-size: 26px;
  line-height: 1.25;
}

.identity-kit__info p {
  margin-top: 8px;
  margin-bottom: 24px;
  color: #59504b;
}

.identity-kit__formats {
  margin-top: auto;
  margin-bottom: 10px;
  color: #620903;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .7px;
}

.identity-kit__downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.identity-kit__downloads a,
.identity-kit__download-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 20px;
  border: 1px solid #990c13;
  color: #990c13;
  font-weight: 500;
  transition: background-color .2s, color .2s;
}

.identity-kit__downloads a:hover,
.identity-kit__downloads a:focus-visible,
.identity-kit__download-all {
  background: #990c13;
  color: #fff;
}

.identity-kit__downloads a:focus-visible,
.identity-kit__download-all:focus-visible {
  outline: 3px solid #620903;
  outline-offset: 4px;
}

.identity-kit__download-all {
  gap: 24px;
  margin-top: auto;
}

.identity-kit__download-all span {
  font-size: 13px;
  letter-spacing: .7px;
}

.identity-kit__download-all:hover {
  background: #620903;
}

.identity-kit__package-mark {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 230px;
  margin: 22px 22px 0;
  background: #620903;
  color: #fff;
}

.identity-kit__package-mark svg {
  width: 96px;
  height: 96px;
}

@media (max-width: 900px) {
  .identity-kit { padding: 26px 28px 48px; }
}

@media (max-width: 600px) {
  .identity-kit__grid { grid-template-columns: 1fr; }
  .identity-kit__info { padding: 22px; }
  .identity-kit__info h3 { font-size: 24px; }
  .identity-kit__preview,
  .identity-kit__package-mark { height: 200px; }
}