.subhero.method-hero > .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(1.2rem, 4vw, 3rem);
  padding-block: clamp(1.6rem, 4vw, 3rem);
}
.method-photo {
  margin: 0;
  overflow: hidden;
  border: 1px solid #476157;
  border-radius: 8px;
}
.method-photo img { width: 100%; height: auto; }
.method-photo figcaption { padding: .4rem .65rem; color: #dedbcb; font-size: .8rem; }
.method-steps { padding-block: clamp(1.6rem, 5vw, 3.25rem); }
@media (max-width: 760px) {
  .subhero.method-hero > .wrap { grid-template-columns: 1fr; }
}

.method-onboarding > p { max-width: 64ch; }
.method-scenes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(.85rem, 2.5vw, 1.5rem);
  margin-top: 1.5rem;
}
.method-scenes .method-photo img {
  display: block;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.method-scenes .method-photo figcaption { padding: .75rem 1rem; }
@media (max-width: 600px) {
  .method-scenes { grid-template-columns: 1fr; }
}
.method-scenes .method-photo figcaption { color: var(--ink); }