/* ── Секція 003 — Принципи ── */

.principles {
  position: relative;
}

.principles__inner {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 54px;
  padding: 0;
}

.principles__title {
  font-family: "u3", sans-serif;
  font-weight: 600;
  font-size: 38px;
  color: #ffe7ba;
  text-transform: uppercase;
  text-align: center;
  line-height: normal;
}

.principles__grid {
  display: grid;
  grid-template-columns: repeat(2, 440px);
  gap: 20px 50px;
}

.principle {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-self: start;
}

.principle__header {
  display: flex;
  align-items: center;
  gap: 16px;
}

.principle__dash {
  display: block;
  width: 16px;
  height: 2px;
  background-color: #ffe7ba;
  flex-shrink: 0;
}

.principle__name {
  font-family: "u3", sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #fff0d2;
  line-height: normal;
}

.principle__desc {
  padding-left: 32px;
  font-family: "u3", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #fff0d2;
  line-height: normal;
}