/* Lyons Wealth — WM · Strategies grid (wm_strategies)
   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-strats .strat__img > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.wmo.wmo-strats .strat { flex:1 1 300px; min-width:min(100%,280px); max-width:calc((100% - 44px) / 3); display:flex; flex-direction:column; overflow:hidden; background:#fff; border:1px solid rgba(22,40,59,.08); border-radius:6px; box-shadow:0 14px 36px -26px rgba(22,40,59,.3); transition:transform .5s var(--ease), box-shadow .5s ease, border-color .4s ease, opacity .8s ease; }
.wmo.wmo-strats .strat:hover { color:var(--navy); transform:translateY(-6px); box-shadow:0 26px 54px -28px rgba(22,40,59,.3); border-color:var(--gold); }
.wmo.wmo-strats .strat__img { position:relative; display:block; width:100%; aspect-ratio:16/10; overflow:hidden; background:#E6E2D6; }
.wmo.wmo-strats .strat__body { display:flex; flex-direction:column; flex:1; padding:24px 24px 26px; }
.wmo.wmo-strats .strat h3 { font-family:var(--serif); font-weight:500; font-size:18px; line-height:1.2; color:var(--navy); }
.wmo.wmo-strats .strat p { flex:1; margin-top:10px; font-size:13.5px; line-height:1.62; color:var(--body); }
.wmo.wmo-strats .strat__cta { display:inline-flex; align-items:center; gap:8px; margin-top:18px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--navy); }
.wmo.wmo-strats .strat__cta span { color:var(--golddeep); transition:transform .3s ease; }
.wmo.wmo-strats .strat:hover .strat__cta span { transform:translateX(4px); }
.wmo.wmo-strats .strats__note { margin-top:28px; text-align:center; font-size:12px; line-height:1.6; color:#6A7886; padding:0 var(--pad); }
.wmo.wmo-strats .strats__note a { color:var(--goldink); font-weight:700; text-decoration:underline; }
@media (max-width:1024px) {
  .wmo.wmo-strats .strat { max-width:calc((100% - 22px) / 2); }
}
@media (max-width:680px) {
  .wmo.wmo-strats .strat { max-width:100%; }
}
.wmo.wmo-strats { background:var(--cream); }
.wmo.wmo-strats .wmo-strats__grid { display:flex; flex-wrap:wrap; justify-content:center; gap:22px; max-width:1360px; margin:0 auto; padding:0 var(--pad); }
.wmo.wmo-strats .wmo-strats__feature { max-width:1240px; margin:clamp(40px,6vh,60px) auto 0; padding:0 var(--pad); }
.wmo.wmo-strats .wmo-strats__feature-in { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:24px; padding:28px clamp(24px,3vw,40px); background:#fff; border:1px solid rgba(22,40,59,.08); border-radius:6px; }
.wmo.wmo-strats .wmo-strats__feature-in p { max-width:760px; margin:0 auto; text-wrap:pretty; font-size:15px; line-height:1.7; color:var(--bodyd); }
.wmo.wmo-strats .wmo-strats__feature-in strong { color:var(--navy); }
.wmo-anim .wmo.wmo-strats .wmo-strats__grid .strat { opacity:0; transform:translateY(24px); }
.wmo-anim .wmo.wmo-strats .wmo-strats__grid.is-in .strat { opacity:1; transform:none; }
.wmo-anim .wmo.wmo-strats .wmo-strats__grid.is-in .strat:hover { transform:translateY(-6px); transition-delay:0s; }
.wmo.wmo-strats .wmo-strats__grid.is-in .strat:nth-child(2) { transition-delay:.08s; }
.wmo.wmo-strats .wmo-strats__grid.is-in .strat:nth-child(3) { transition-delay:.16s; }
.wmo.wmo-strats .wmo-strats__grid.is-in .strat:nth-child(4) { transition-delay:.24s; }
.wmo.wmo-strats .wmo-strats__grid.is-in .strat:nth-child(5) { transition-delay:.32s; }
.wmo.wmo-strats .wmo-strats__grid.is-in .strat:nth-child(6) { transition-delay:.4s; }
.wmo.wmo-strats .wmo-strats__grid.is-in .strat:nth-child(7) { transition-delay:.48s; }
@media (prefers-reduced-motion:reduce) {
  .wmo-anim .wmo.wmo-strats .wmo-strats__grid .strat { opacity:1 !important; transform:none !important; clip-path:none !important; animation:none !important; transition:none !important; }
}