/* Lyons Wealth — WM · Intro (wm_intro)
   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-intro .wmo-intro__grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(40px,6vw,100px); align-items:center; }
.wmo.wmo-intro .wmo-intro__media { position:relative; }
.wmo.wmo-intro .wmo-intro__frame { position:relative; }
.wmo.wmo-intro .wmo-intro__frame::before { content:""; position:absolute; inset:16px 16px -16px -16px; border:1px solid rgba(201,154,46,.4); border-radius:6px; }
.wmo.wmo-intro .wmo-intro__stat { position:absolute; right:-22px; bottom:34px; padding:20px 24px; background:var(--navy); border-radius:6px; box-shadow:0 24px 50px -24px rgba(0,0,0,.45); }
.wmo.wmo-intro .wmo-intro__stat b { display:block; font-family:var(--serif); font-weight:300; font-size:44px; line-height:1; color:var(--gold); }
.wmo.wmo-intro .wmo-intro__stat span { display:block; margin-top:6px; font-size:10px; letter-spacing:.2em; text-transform:uppercase; font-weight:700; color:#D3DBE4; }
.wmo.wmo-intro .wmo-intro__text { display:flex; flex-direction:column; gap:20px; }
.wmo.wmo-intro .wmo-intro__text .lede { color:var(--bodyd); }
.wmo.wmo-intro .wmo-statement { margin-top:8px; padding:26px 0 0; border-top:1px solid rgba(22,40,59,.12); font-family:var(--serif); font-style:italic; font-weight:400; font-size:clamp(18px,2.2vw,20px); line-height:1.4; color:var(--navy); }
.wmo.wmo-intro .wmo-statement cite { display:block; margin-top:12px; font-family:var(--sans); font-style:normal; font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; font-weight:700; color:#7A8896; }
@media (max-width:1024px) {
  .wmo.wmo-intro .wmo-intro__grid { grid-template-columns:1fr; }
  .wmo.wmo-intro .wmo-intro__media { max-width:520px; }
}
@media (max-width:680px) {
  .wmo.wmo-intro .wmo-intro__stat { right:12px; }
}