/* ===== О центре, преимущества, премия ===== */
.about { background: var(--cream); }
.about__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 96px); align-items: start; }
.about__text .lead { margin-top: 24px; }
.about__quote {
  margin-top: 32px; padding: 28px; border-radius: var(--r); background: #fff; box-shadow: var(--shadow-sm);
  position: relative;
}
.about__quote::before { content: "“"; position: absolute; top: -18px; left: 22px; font-size: 90px; line-height: 1; color: var(--coral); font-weight: 700; }
.about__quote p { font-size: 18px; line-height: 1.55; font-weight: 500; }
.about__quote footer { display: flex; align-items: center; gap: 14px; margin-top: 20px; }
.about__quote img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; object-position: 50% 15%; background: #CDCFD1; }
.about__quote span { font-size: 14px; color: var(--ink-3); }
.about__quote b { display: block; color: var(--ink); font-size: 15px; }

.perks { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.perk { padding: 26px; border-radius: var(--r); background: #fff; }
.perk:nth-child(2) { transform: translateY(40px); }
.perk:nth-child(4) { transform: translateY(40px); }
.js .perk.reveal.is-in:nth-child(2), .js .perk.reveal.is-in:nth-child(4) { transform: translateY(40px); }
.perk__n { display: inline-block; font-weight: 700; font-size: 14px; color: var(--brand); background: var(--brand-50); padding: 4px 10px; border-radius: 999px; }
.perk h3 { font-size: 19px; letter-spacing: -.02em; line-height: 1.25; margin: 18px 0 8px; }
.perk p { font-size: 15px; color: var(--ink-2); line-height: 1.5; }

.award {
  margin-top: clamp(72px, 8vw, 110px);
  display: grid; grid-template-columns: auto 1fr auto; gap: 32px; align-items: center;
  padding: clamp(24px, 3vw, 40px); border-radius: var(--r-xl);
  background: #fff; box-shadow: var(--shadow-sm);
}
.award__years { display: flex; }
.award__years span {
  width: 92px; height: 92px; border-radius: 50%; display: grid; place-items: center;
  font-weight: 700; font-size: 20px; letter-spacing: -.02em; color: var(--brand-900);
  background: radial-gradient(circle at 35% 30%, #FFF1C4, var(--butter) 60%, #F5C95A);
  border: 4px solid #fff; box-shadow: var(--shadow-sm);
}
.award__years span + span { margin-left: -18px; }
.award__text h3 { font-size: clamp(22px, 2.2vw, 28px); letter-spacing: -.03em; line-height: 1.2; }
.award__text p { margin-top: 8px; color: var(--ink-2); }

@media (max-width: 980px) {
  .about__grid { grid-template-columns: 1fr; }
  .award { grid-template-columns: 1fr; text-align: left; }
}
@media (max-width: 560px) {
  .perks { grid-template-columns: 1fr; }
  .perk:nth-child(2), .perk:nth-child(4), .js .perk.reveal.is-in:nth-child(2), .js .perk.reveal.is-in:nth-child(4) { transform: none; }
  .award__years span { width: 72px; height: 72px; font-size: 16px; }
  .award .btn { width: 100%; white-space: normal; text-align: center; }
}