/* Built with Prooflive.ai: https://prooflive.ai | ref pl2f267h9d */
/* Pattern: feature-rows */
.p-feature-rows .row { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-8); align-items: center; }
.p-feature-rows .row + .row { margin-top: var(--section); }
.p-feature-rows .row:nth-child(even) .media { order: 2; }
.p-feature-rows .media { aspect-ratio: 5 / 4; }
.p-feature-rows h3 { font-size: var(--step-3); margin-bottom: var(--space-4); }
.p-feature-rows p { color: var(--c-muted); }
.p-feature-rows .more { display: inline-block; margin-top: var(--space-4); text-underline-offset: .35em; }
@media (max-width: 760px) {
  .p-feature-rows .row { grid-template-columns: 1fr; gap: var(--space-5); }
  .p-feature-rows .row:nth-child(even) .media { order: 0; }
}

/* Photography additions use the selected direction's tokens. */
figure { margin:0; } .photo-credit { font-size:var(--step--1); line-height:1.5; margin:.75rem 0 0; color:var(--c-muted); }
.p-feature-rows figure { min-width:0; } .p-feature-rows figure .media { aspect-ratio:4/3; } .p-feature-rows h3 { margin-bottom:var(--space-5); }
.p-feature-rows .row:nth-child(even) > figure { order:2; } .p-feature-rows .row:nth-child(even) > div { order:1; }
.concept-section h2 { margin-bottom:var(--space-5); } .concept-section .concept-image { margin-top:var(--space-6); overflow:hidden; border-radius:var(--media-radius); }
.concept-image img { width:100%; height:auto; display:block; } .concept-section .photo-credit { max-width:85ch; } .concept-links { display:flex; flex-wrap:wrap; gap:var(--space-5); margin-top:var(--space-4); }
.run-intro-photo { margin-bottom:var(--space-6); } .run-intro-photo .media { aspect-ratio:4/3; } .run-intro-photo img { width:100%; height:100%; object-fit:cover; } .intro-aside .run-intro-photo .photo-credit { font-size:var(--step--1); }
@media(max-width:760px) { .p-feature-rows .row { gap:var(--space-6); } .p-feature-rows .row:nth-child(even) > figure { order:0; } }

.run-intro-photo { margin-top:var(--space-7); margin-bottom:0; } .run-intro-photo .media { aspect-ratio:21/9; } @media(max-width:760px) { .run-intro-photo .media { aspect-ratio:16/9; } }