/* Approved preparation overview: photograph and four open steps. */
.v2-prep { display:block; }
.v2-prep .prep-composition { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:48px 80px; }
.v2-prep .prep-copy { display:contents; }
.v2-prep .prep-copy .v2-title { grid-column:1; grid-row:1; }
.v2-prep .prep-visual { margin:0; grid-column:2; grid-row:1; height:360px; }
.v2-prep .v2-prep__photo { display:block; width:100%; height:100%; aspect-ratio:auto; object-fit:cover; object-position:center 68%; }
.v2-prep .v2-prep__steps { grid-column:1/-1; grid-row:2; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; margin:0; }
.v2-prep .v2-prep__steps li { min-width:0; display:block; padding-block:24px 0; border-color:#d8d8d2; }
.v2-prep .v2-prep__number { display:block; font-size:32px; font-weight:400; color:#98901f; line-height:1; margin-bottom:22px; padding:0; }
.v2-prep .v2-prep__steps h3 { font-size:22px; line-height:1.3; min-height:58px; margin-bottom:12px; }
.v2-prep .v2-prep__steps p { font-size:15px; line-height:1.6; }

@media (max-width: 700px) {
  .v2-prep .prep-composition { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .v2-prep .prep-copy .v2-title { grid-column: 1; grid-row: 1; }
  .v2-prep .prep-visual { grid-column: 1; grid-row: 2; height: 280px; }
  .v2-prep .v2-prep__steps { grid-column: 1; grid-row: 3; grid-template-columns: minmax(0, 1fr); gap: 0; }
  .v2-prep .v2-prep__steps li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 16px; padding: 20px 0; }
  .v2-prep .v2-prep__number { font-size: 19px; margin: 2px 0 0; }
  .v2-prep .v2-prep__steps h3 { min-height: 0; margin-bottom: 6px; font-size: 18px; }
  .v2-prep .v2-prep__steps p { font-size: 14px; }
}
