/* Lyons Wealth — WM · Philosophy pillars (wm_philosophy)
   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-philo { position:relative; overflow:hidden; background:linear-gradient(120deg,var(--navy) 0%,var(--navy2) 60%,var(--navy) 100%); }
.wmo.wmo-philo .wmo-philo__lines { position:absolute; inset:0; pointer-events:none; background:url("contour-lines.svg") center / cover no-repeat; opacity:.5; }
.wmo.wmo-philo .wrap { position:relative; z-index:2; }
.wmo.wmo-philo .wmo-philo__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.wmo.wmo-philo .wmo-pillar { position:relative; display:flex; flex-direction:column; padding:clamp(28px,3vw,38px); border-radius:6px; border:1px solid rgba(183,194,206,.2); background:rgba(27,49,73,.55); }
.wmo.wmo-philo .wmo-pillar__k { font-size:10.5px; letter-spacing:.24em; text-transform:uppercase; font-weight:700; color:var(--gold); }
.wmo.wmo-philo .wmo-pillar h3 { margin-top:12px; font-family:var(--serif); font-weight:500; font-size:clamp(24px,2.2vw,30px); line-height:1.15; color:#fff; }
.wmo.wmo-philo .wmo-pillar p { flex:1; margin-top:12px; font-size:14.5px; line-height:1.7; color:#C9D3DD; }
.wmo.wmo-philo .wmo-pillar__link { display:inline-flex; gap:8px; margin-top:22px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--gold); }
.wmo.wmo-philo .wmo-pillar__link:hover { color:#fff; }
.wmo.wmo-philo .wmo-philo__quote { max-width:820px; margin:clamp(48px,7vh,72px) auto 0; text-align:center; font-family:var(--serif); font-style:italic; font-weight:300; font-size:clamp(22px,2.4vw,32px); line-height:1.4; color:#fff; }
.wmo.wmo-philo .wmo-philo__quote cite { display:block; margin-top:16px; font-family:var(--sans); font-style:normal; font-size:11px; letter-spacing:.24em; text-transform:uppercase; font-weight:700; color:var(--gold); }
@media (max-width:1024px) {
  .wmo.wmo-philo .wmo-philo__grid { grid-template-columns:1fr; max-width:640px; margin:0 auto; }
}
.wmo-anim .wmo.wmo-philo .wmo-philo__lines { animation:wmoDrift 28s ease-in-out infinite alternate; }
.wmo.wmo-philo .wmo-pillar { transition:opacity .85s ease, transform .95s cubic-bezier(.5,0,.2,1), border-color .4s ease, background .4s ease !important; }
.wmo.wmo-philo .wmo-pillar:hover { border-color:rgba(255,196,81,.55); background:rgba(27,49,73,.85); }
@media (prefers-reduced-motion:reduce) {
  .wmo-anim .wmo.wmo-philo .wmo-philo__lines { animation:none !important; }
}
