/* Lyons Wealth — PR · Image rows (pr_expect)
   Source: flexible_css.css (Our Process "What to expect"). Loaded only on pages that use this layout.
   Every selector is scoped (.pro.pro-expect); nothing is global. */

.pro.pro-expect { background:#fff; border-top:1px solid rgba(22,40,59,.07); border-bottom:1px solid rgba(22,40,59,.07); }
.pro.pro-expect .pro-expect__list { display:flex; flex-direction:column; gap:clamp(48px,7vh,88px); }
.pro.pro-expect .pro-expect__row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,5vw,80px); align-items:center; }
.pro.pro-expect .pro-expect__row--noimg { grid-template-columns:minmax(0,1fr); max-width:720px; }
.pro.pro-expect .pro-expect__row--flip .pro-expect__img { order:1; }
.pro.pro-expect .pro-expect__row--flip .pro-expect__copy { order:0; }
.pro.pro-expect .pro-photo { position:relative; display:block; width:100%; overflow:hidden; background:#E6E2D6; aspect-ratio:3/2; border-radius:6px; }
.pro.pro-expect .pro-photo > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 1.2s var(--ease); }
.pro.pro-expect .pro-expect__row:hover .pro-photo > img { transform:scale(1.03); }
.pro.pro-expect .pro-expect__num { font-family:var(--serif); font-style:italic; font-size:32px; line-height:1; color:var(--golddeep); }
.pro.pro-expect .pro-expect__h { font-family:var(--serif); font-weight:400; font-size:clamp(24px,3vw,28px); line-height:1.1; margin-top:14px; color:var(--navy); }
.pro.pro-expect .pro-expect__h em { font-style:italic; color:var(--golddeep); }
.pro.pro-expect .pro-expect__p { margin-top:16px; font-size:16px; line-height:1.75; color:var(--body); max-width:48ch; }
@media (max-width:1024px) {
  .pro.pro-expect .pro-expect__row { grid-template-columns:1fr; }
  .pro.pro-expect .pro-expect__row--flip .pro-expect__img, .pro.pro-expect .pro-expect__row--flip .pro-expect__copy { order:0; }
}