/* =========================================================
   EDITORIAL — smooth responsive (classes only)
   No tiny vw text, no jump on mobile
   Targets: 1440 / 375 but scales nicely between
   ========================================================= */

.sp-editorial {
  background: var(--bg-lite, #eae3da);
  padding: clamp(56px, 6vw, 88px) 0;
}

/* общий контейнер */
.sp-editorial > .sp-container {
  margin: 0 auto;
}

/* внутренняя колонка */
.sp-editorial__inner {
  max-width: 720px;

}



/* ---------- Typography (smooth) ---------- */
.sp-editorial__title {
  margin: 0 0 clamp(16px, 2vw, 22px);
  font-family: var(--font-display, "Playfair Display", serif);
  font-weight: 400;
  font-size: clamp(32px, 3.1vw, 44px);
  line-height: 1.15;
  letter-spacing: -0.3px;
  color: var(--accent-primary, #c39662);
}

.sp-editorial__meta,
.sp-editorial__addr {
  font-family: var(--font-body);
  font-size: clamp(14px, 1.15vw, 16px);
  line-height: 1.85;
  color: #1e1e1e;
}

.sp-editorial__meta > div {
  margin-bottom: 2px;
}

.sp-editorial__gap {
  margin-top: 10px;
}

.sp-editorial__meta a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  transition: color 0.2s ease;
}

.sp-editorial__meta a:hover {
  color: var(--accent-primary, #c39662);
}

.sp-editorial__addr {
  margin-top: 12px;
}

/* ---------- Mobile polish (no jump, just layout fixes) ---------- */
@media (max-width: 700px) {
  .sp-editorial__inner {
    margin-left: 0;
    padding-left: 0;
  }
}