/* /hero-wow-preview/ only, loaded last: rendering budget.
   Frosted-glass blur is recomputed every frame while the page scrolls, and outside the hero there is nothing
   detailed behind the cards to blur. The glass keeps its tint, border and highlight; only the blur goes. */
#main>section:not(.mf-hero),#main>section:not(.mf-hero) *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* looping animations rest while their section is off screen (wow-fx.js pauseOffscreen) */
#main>section.wow-off,#main>section.wow-off::before,#main>section.wow-off::after,#main>section.wow-off *,#main>section.wow-off *::before,#main>section.wow-off *::after{animation-play-state:paused!important}
/* four marks now (WCI, WSJ, TheStreet, BiggerPockets). The proof band has a fixed height, so they stay on one line and
   scale with the viewport instead of wrapping (a wrapped second row would be cut off by the band). */
.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured{--lh:30px}
.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured>div{flex:0 1 auto;min-width:0;flex-wrap:nowrap;gap:clamp(10px,1vw,18px)}
.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured img{height:var(--lh);width:auto;max-width:none}
.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured .ms-featured-wsj img{height:calc(var(--lh) * .6)}
.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured .ms-featured-street img{height:calc(var(--lh) * .65)}
@media(max-width:1599px){.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured{--lh:1.9vw}}
@media(max-width:1199px){.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured{--lh:1.75vw}}
@media(max-width:899px){
 .tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured{--lh:18px;flex-wrap:wrap}
 .tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured>div{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;align-items:center;gap:10px 12px;width:100%}
 .tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured img{max-width:84px}
}