/* Layout */
.magnitof-about { 
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: clamp(20px, 4vw, 48px);
  align-items: center;
}
.magnitof-about__left { position: relative; }
.magnitof-about__img {
  width: 100%;
  max-width: 640px;
  aspect-ratio: 16/12;
  overflow: hidden;
  border-radius: var(--magnitof-front-radius, 24px);
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  background: #e9eef5;
}
.magnitof-about__img img { width: 100%; height: 100%; object-fit: cover; display:block; }

.magnitof-pretitle { font-weight: 700; opacity: .8; margin-bottom: .5rem; }
.magnitof-title { line-height: 1.1; margin: 0 0 1rem 0; }
.magnitof-paragraph { margin: 0 0 1.25rem 0; }
.magnitof-paragraph .highlight {
  background: linear-gradient(transparent 60%, var(--magnitof-highlight, #ffe08a) 0);
  padding: 0 .1em;
}

/* Stats row (desktop/tablet defaults) */
.magnitof-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px,1fr));
  gap: clamp(16px,2vw,28px);
  margin-top: 18px;
}
.magnitof-stat__number { font-weight: 800; line-height: 1; font-size: clamp(24px, 5.5vw, 56px); }
.magnitof-stat__label { opacity: .85; margin-top: .25rem; font-size: clamp(12px, 2.8vw, 16px); }

/* Responsive */
@media (max-width: 1024px){
  .magnitof-about { grid-template-columns: 1fr; }
  .magnitof-stats { grid-template-columns: repeat(3, 1fr); }
}
/* На мобильном всегда одна строка без скролла: выставляем количество колонок по классу */
@media (max-width: 600px){
  .magnitof-stats { 
    display: grid;
    gap: 12px;
    grid-auto-flow: column;
    align-items: start;
  }
  .magnitof-stats.magnitof-stats--c2 { grid-template-columns: repeat(2, 1fr); }
  .magnitof-stats.magnitof-stats--c3 { grid-template-columns: repeat(3, 1fr); }
  .magnitof-stats.magnitof-stats--c4 { grid-template-columns: repeat(4, 1fr); }
  .magnitof-stats.magnitof-stats--c5 { grid-template-columns: repeat(5, 1fr); }
  .magnitof-stats.magnitof-stats--c6 { grid-template-columns: repeat(6, 1fr); }
  .magnitof-stat__number { font-size: clamp(18px, 9vw, 34px); }
  .magnitof-stat__label { font-size: clamp(10px, 3.2vw, 13px); }
}