.methods-portrait { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 86px; align-items: start; }
.methods-copy h2 { max-width: 640px; }
.method-list { margin: 34px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.method-list li { padding: 17px 0; border-bottom: 1px solid var(--line); }
.method-list strong { display: block; margin-bottom: 3px; font-family: 'Playfair Display', serif; font-size: 21px; }
.method-list span { font-size: 15px; line-height: 1.55; }
.portrait-side { margin: 0; }
.portrait-side img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: center 28%; }
.portrait-side figcaption { color: #65716d; font-size: 13px; margin-top: 9px; }
@media (max-width: 720px) { .methods-portrait { grid-template-columns: 1fr; gap: 35px; } .portrait-side { max-width: 300px; } }