/* Lyons Wealth — WM · Why list + SMART (wm_why)
   Source: flexible_css.css (reference design). Loaded only on pages that use this layout.
   Every selector is scoped to this section's root class; nothing is global. */

.wmo.wmo-why .wmo-why__grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(40px,6vw,100px); align-items:start; }
.wmo.wmo-why .wmo-why__head { display:flex; flex-direction:column; gap:18px; }
.wmo.wmo-why .wmo-why__head .h2 { font-size:clamp(30px,3.6vw,36px); }
.wmo.wmo-why .wmo-why__list { list-style:none; margin-top:30px; display:flex; flex-direction:column; }
.wmo.wmo-why .wmo-why__item { display:grid; grid-template-columns:48px minmax(0,1fr); gap:20px; padding:24px 0; border-top:1px solid rgba(22,40,59,.1); }
.wmo.wmo-why .wmo-why__item:last-child { border-bottom:1px solid rgba(22,40,59,.1); }
.wmo.wmo-why .wmo-why__item img { width:40px; height:40px; }
.wmo.wmo-why .wmo-why__item h3 { font-family:var(--sans); font-weight:700; font-size:17px; color:var(--navy); }
.wmo.wmo-why .wmo-why__item p { margin-top:8px; font-size:15px; line-height:1.7; color:var(--body); }
.wmo.wmo-why .wmo-why__media { position:sticky; top:110px; }
.wmo.wmo-why .wmo-smart { margin-top:22px; padding:26px 26px 24px; background:var(--navy); border-radius:6px; color:#fff; }
.wmo.wmo-why .wmo-smart__k { font-size:10.5px; letter-spacing:.24em; text-transform:uppercase; font-weight:700; color:var(--gold); }
.wmo.wmo-why .wmo-smart__p { margin-top:10px; font-size:14px; line-height:1.65; color:#C9D3DD; }
.wmo.wmo-why .wmo-smart ol { list-style:none; display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:18px; }
.wmo.wmo-why .wmo-smart li { display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 4px; border:1px solid rgba(255,196,81,.28); border-radius:4px; text-align:center; }
.wmo.wmo-why .wmo-smart li b { font-family:var(--serif); font-size:28px; line-height:1; font-weight:500; color:var(--gold); }
.wmo.wmo-why .wmo-smart li span { font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; font-weight:700; color:#E4EAF0; }
@media (max-width:1024px) {
  .wmo.wmo-why .wmo-why__grid { grid-template-columns:1fr; }
  .wmo.wmo-why .wmo-why__media { position:static; max-width:620px; }
}
@media (max-width:680px) {
  .wmo.wmo-why .wmo-smart ol { grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; }
  .wmo.wmo-why .wmo-smart li span { font-size:8px; letter-spacing:.04em; }
}
.wmo-anim .wmo.wmo-why .wmo-smart li { opacity:0; transform:translateY(10px); transition:opacity .5s ease, transform .5s cubic-bezier(.5,0,.2,1), background .3s ease; }
.wmo-anim .wmo.wmo-why .wmo-smart.is-in li { opacity:1; transform:none; }
.wmo.wmo-why .wmo-smart.is-in li:nth-child(2) { transition-delay:.08s; }
.wmo.wmo-why .wmo-smart.is-in li:nth-child(3) { transition-delay:.16s; }
.wmo.wmo-why .wmo-smart.is-in li:nth-child(4) { transition-delay:.24s; }
.wmo.wmo-why .wmo-smart.is-in li:nth-child(5) { transition-delay:.32s; }
.wmo.wmo-why .wmo-smart li:hover { background:rgba(255,196,81,.12); }
@media (prefers-reduced-motion:reduce) {
  .wmo-anim .wmo.wmo-why .wmo-smart li { opacity:1 !important; transform:none !important; clip-path:none !important; animation:none !important; transition:none !important; }
}