/* Lyons Wealth — PH · Perspective (ph_perspective)
   Source: flexible_css.css (Philosophy design). Loaded only on pages that use this layout.
   Every selector is scoped (.pho.pho-persp); nothing is global. */

.pho.pho-persp { background:#fff; border-bottom:1px solid rgba(22,40,59,.07); }
.pho.pho-persp .persp__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(22,40,59,.12); }
.pho.pho-persp .persp__grid--1 { grid-template-columns:minmax(0,1fr); max-width:640px; margin:0 auto; }
.pho.pho-persp .persp__grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pho.pho-persp .persp__grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.pho.pho-persp .persp__item { padding:38px clamp(20px,2.6vw,40px) 10px; border-right:1px solid rgba(22,40,59,.1); text-align:center; }
.pho.pho-persp .persp__item:last-child { border-right:0; }
.pho.pho-persp .persp__item img { width:46px; height:46px; margin:0 auto 20px; object-fit:contain; }
.pho.pho-persp .persp__item h3 { font-family:var(--serif); font-weight:500; font-size:clamp(20px,2.2vw,24px); line-height:1.15; color:var(--navy); }
.pho.pho-persp .persp__item p { margin-top:12px; font-size:15px; line-height:1.7; color:var(--body); }
.pho.pho-persp .persp__quote { margin:clamp(56px,8vh,84px) auto 0; max-width:820px; text-align:center; }
.pho.pho-persp .persp__quote p { font-family:var(--serif); font-style:italic; font-weight:300; font-size:clamp(20px,2.4vw,24px); line-height:1.4; color:var(--navy); }
.pho.pho-persp .persp__quote strong { display:block; margin-top:22px; font-family:var(--sans); font-style:normal; font-size:12px; letter-spacing:.32em; text-transform:uppercase; color:var(--golddeep); }
@media (max-width:1024px) {
  .pho.pho-persp .persp__grid--4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:820px) {
  .pho.pho-persp .persp__grid, .pho.pho-persp .persp__grid--2, .pho.pho-persp .persp__grid--4 { grid-template-columns:1fr; }
  .pho.pho-persp .persp__item { border-right:0; border-bottom:1px solid rgba(22,40,59,.1); padding-bottom:34px; }
  .pho.pho-persp .persp__item:last-child { border-bottom:0; }
}