/* Homepage About blocks: final black, charcoal and gold treatment. */
.about-simple.about-premium {
  padding: 68px 0 !important;
  background: #171e23 !important;
  color: #f5f3ed !important;
}
.about-simple.about-premium::before,
.about-simple.about-premium::after { display: none !important; }
.about-simple .about-simple__layout {
  grid-template-columns: minmax(0, 1.04fr) minmax(390px, .96fr) !important;
  gap: clamp(42px, 6vw, 78px) !important;
}
.about-simple__content { order: 1 !important; }
.about-simple__visual {
  order: 2 !important;
  height: 520px !important;
  min-height: 520px !important;
  border: 1px solid #3b474f !important;
  border-radius: 0 !important;
  background: #11191f !important;
}
.about-simple__visual img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}
.about-simple__eyebrow { color: #c99a3d !important; }
.about-simple__content h2 {
  margin-bottom: 12px !important;
  color: #f5f3ed !important;
  font-size: clamp(34px, 3.7vw, 49px) !important;
  line-height: 1.05 !important;
}
.about-simple__content > h3 {
  color: #dfe4e6 !important;
  font-size: clamp(20px, 2vw, 27px) !important;
}
.about-simple__content > p {
  color: #b8c1c6 !important;
  font-size: 12.5px !important;
  line-height: 1.75 !important;
}
.about-simple__benefits { gap: 18px 22px !important; }
.about-simple__benefits article {
  padding: 16px 0 !important;
  border-top: 1px solid #3b474f !important;
}
.about-simple__benefits article > span {
  border-color: rgba(201,154,61,.58) !important;
  border-radius: 0 !important;
  background: #202a31 !important;
  color: #c99a3d !important;
}
.about-simple__benefits h4 { color: #f0ede6 !important; }
.about-simple__benefits p { color: #9faab0 !important; }
.about-simple .about-premium__primary {
  border: 1px solid #c99a3d !important;
  border-radius: 0 !important;
  background: #c99a3d !important;
  box-shadow: none !important;
  color: #111820 !important;
}
.about-simple .about-premium__secondary {
  border: 1px solid #536069 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #f5f3ed !important;
}
.about-simple .about-premium__secondary:hover {
  border-color: #c99a3d !important;
  color: #c99a3d !important;
}

.about-theory {
  padding: 70px 0 74px !important;
  border-top: 1px solid #303b42 !important;
  background: #10191f !important;
  color: #f5f3ed !important;
}
.about-theory > .container { width: 100% !important; max-width: 1180px !important; }
.about-theory__story {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
.about-theory__intro > span { color: #c99a3d !important; }
.about-theory__intro h2 {
  max-width: 790px !important;
  margin: 8px 0 19px !important;
  color: #f5f3ed !important;
  font-size: clamp(32px, 3.6vw, 46px) !important;
  line-height: 1.1 !important;
}
.about-theory__intro p {
  max-width: 1060px !important;
  margin: 0 0 13px !important;
  color: #b8c1c6 !important;
  font-size: 12.5px !important;
  line-height: 1.78 !important;
}
.about-theory__intro blockquote {
  max-width: 1060px !important;
  margin: 25px 0 0 !important;
  padding: 17px 20px !important;
  border: 0 !important;
  border-left: 3px solid #c99a3d !important;
  border-radius: 0 !important;
  background: #202a31 !important;
  color: #e3c271 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
.about-theory__grid {
  margin-top: 38px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
.about-theory__card {
  min-height: 245px !important;
  padding: 25px !important;
  border: 1px solid #3b474f !important;
  background: #182127 !important;
}
.about-theory__card:hover,
.about-theory__card:focus {
  border-color: #c99a3d !important;
  background: #202a31 !important;
}
.about-theory__card > span:first-child {
  border-color: rgba(201,154,61,.55) !important;
  border-radius: 0 !important;
  background: #11191f !important;
  color: #c99a3d !important;
}
.about-theory__card h3 { color: #f3f0e9 !important; font-size: 16px !important; }
.about-theory__card p { color: #aeb8bd !important; font-size: 11px !important; }
.about-theory__card-link {
  margin-top: auto !important;
  padding-top: 18px !important;
  color: #c99a3d !important;
}

@media (max-width: 991px) {
  .about-simple .about-simple__layout { grid-template-columns: 1fr !important; }
  .about-simple__visual { height: 430px !important; min-height: 430px !important; }
}
@media (max-width: 767px) {
  .about-simple.about-premium,.about-theory { padding: 48px 0 !important; }
  .about-simple__visual { height: 330px !important; min-height: 330px !important; }
  .about-simple__benefits,.about-theory__grid { grid-template-columns: 1fr !important; }
  .about-theory__card { min-height: 220px !important; }
}