/* Блок «Метод»: шаги на тёмном фоне, архивный кадр справа в рамке. */
.method {
  position: relative;
  background: linear-gradient(180deg, rgba(13, 18, 13, 0) 0%, rgba(13, 18, 13, .55) 18%, rgba(13, 18, 13, .55) 82%, rgba(13, 18, 13, 0) 100%);
}

.method__grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 46px;
  align-items: start;
}

.method__steps { list-style: none; padding: 0; margin: 0; }
.method__step {
  display: flex;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid var(--c-line);
}
.method__step:last-child { border-bottom: none; }

.method__num {
  font-family: var(--f-sans);
  font-size: 12px;
  letter-spacing: 1.4px;
  color: var(--c-gold);
  padding-top: 6px;
  min-width: 26px;
}
.method__step-title { font-size: var(--fs-h3); margin: 0 0 5px; color: var(--c-paper); }
.method__step-text { margin: 0; font-size: var(--fs-small); color: var(--c-ink-soft); }

.method__figure {
  margin: 0;
  padding: 12px;
  background: rgba(36, 26, 18, .6);
  border: 1px solid var(--c-line);
  border-radius: var(--r-md);
  box-shadow: var(--sh-card);
}
.method__figure img {
  width: 100%;
  border-radius: calc(var(--r-md) - 6px);
  filter: saturate(.92) contrast(1.03);
}
.method__figure figcaption {
  font-family: var(--f-sans);
  font-size: var(--fs-micro);
  color: var(--c-ink-dim);
  margin-top: 12px;
  line-height: 1.5;
}

@media (max-width: 780px) {
  .method__grid { grid-template-columns: 1fr; gap: 26px; }
}