.about-scope {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(2.5rem, 6vw, 5.5rem);
  align-items: start;
}

.about-scope-head { position: sticky; top: 8rem; }
.about-scope-head p + p { margin-top: 1rem; }

.about-list-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  list-style: none;
}

.about-list-grid li,
.about-vehicle-grid li {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 3.75rem;
  padding: 0.85rem 1rem 0.85rem 2rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--card);
  color: var(--silver);
  font-size: 0.94rem;
  line-height: 1.4;
}

.about-list-grid li::before,
.about-vehicle-grid li::before {
  content: "";
  position: absolute;
  left: 0.85rem;
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  background: var(--red-bright);
  box-shadow: 0 0 0 4px rgba(225, 29, 37, 0.1);
}

.about-scope-note,
.about-wide-note {
  margin-top: 1.6rem;
  padding-top: 1.4rem;
  border-top: 1px solid var(--line);
}

.about-vehicle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  list-style: none;
}

.about-values-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
}

.about-value-card {
  grid-column: span 2;
  min-height: 215px;
  padding: 1.7rem 1.6rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
  transition: border-color 0.25s ease, transform 0.25s ease, background-color 0.25s ease;
}

.about-value-card:hover {
  transform: translateY(-3px);
  border-color: rgba(225, 29, 37, 0.28);
  background: linear-gradient(160deg, rgba(225, 29, 37, 0.06), var(--card) 60%);
}

.about-value-card:nth-child(4),
.about-value-card:nth-child(5) { grid-column: span 3; }

.about-value-ico {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  margin-bottom: 1.1rem;
  border-radius: 12px;
  background: rgba(225, 29, 37, 0.09);
  border: 1px solid rgba(225, 29, 37, 0.22);
  color: var(--red-bright);
}

.about-value-ico svg { width: 23px; height: 23px; }

.about-value-card h3 {
  margin-bottom: 0.6rem;
  color: var(--silver);
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 700;
}

.about-direction-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.about-direction-card {
  padding: clamp(1.6rem, 3vw, 2.4rem);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
}

.about-direction-card--accent {
  background: linear-gradient(145deg, rgba(155, 16, 21, 0.2), rgba(23, 24, 28, 0.96) 58%);
  border-color: rgba(225, 29, 37, 0.25);
}

.about-closing { padding-top: clamp(4rem, 8vw, 7rem); }

.about-thanks {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(2rem, 6vw, 5rem);
  padding: clamp(2rem, 5vw, 4rem);
  border: 1px solid rgba(225, 29, 37, 0.25);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(155, 16, 21, 0.18), rgba(23, 24, 28, 0.98) 58%);
  color: var(--text);
  box-shadow: 0 28px 70px -32px rgba(0, 0, 0, 0.85);
}

.about-thanks::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, var(--red-bright), var(--red-dark));
}

.about-thanks h2 { color: var(--text); }
.about-thanks-copy p { color: var(--muted); }
.about-thanks-copy p + p { margin-top: 1rem; }

.about-thanks-copy .about-trust-line {
  color: var(--red-bright);
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  font-weight: 700;
}

.about-thanks-copy .about-invite {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--line);
  color: var(--text);
  font-size: 1.1rem;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .about-intro,
  .about-feature,
  .about-scope,
  .about-thanks { grid-template-columns: 1fr; }
  .about-feature--reverse .about-media { order: 0; }
  .about-media { min-height: 360px; max-width: 720px; }
  .about-scope-head { position: static; }
  .about-vehicle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .about-team-grid,
  .about-direction-grid { grid-template-columns: 1fr; }
  .about-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-value-card,
  .about-value-card:nth-child(4),
  .about-value-card:nth-child(5) { grid-column: span 1; min-height: 0; }
}

@media (max-width: 560px) {
  .about-page .page-hero { min-height: 0; padding-top: 8rem; }
  .about-page .page-hero-bg--about { background-position: 58% center; }
  .about-page .page-hero h1 { font-size: clamp(2rem, 11vw, 2.6rem); }
  .about-hero-quote { font-size: 0.95rem; }
  .about-list-grid,
  .about-vehicle-grid,
  .about-values-grid { grid-template-columns: 1fr; }
  .about-media { min-height: 280px; aspect-ratio: 4 / 3; }
  .about-person-card { padding: 1.35rem; }
  .about-thanks { padding: 1.6rem 1.35rem 1.6rem 1.55rem; }
}