@container teaser-container (width > 841px) Top Positions / Secured Positions 2 columns
@container teaser-container (width < 841px) Top Positions / Secured Positions 1 column
Default Grid Assets = 1 grid-columns: 1fr 55px .41fr 0 Preview = 1 grid-columns: 1fr 55px 0 .41fr Assets AND Preview = 1 grid-columns: 1fr 55px 400px .54fr
Card Responsive Font Sizes Title clamp(15px, 2.7cqw, 21px) Kicker/deck clamp(13px, 2cqw, 18px) Header/footer clamp(12px, 2cqw, 16px)
Teaser Card min-height: 122px; min-width: 200px; max-width: 833px; Main Menu Inline > Overlay
@media (max-width: 1499px) IF Assets OR Preview = 1 grid-columns: 1fr 55px 400px 0 / 1fr 55px 0 400px
@media (max-width: 1525px) IF ss600 = 1 AND Assets and Preview = 1 grid-columns: 600px 55px .6fr .6fr
@media (max-width: 1535px) IF ss600 + ss400 = 1 AND Assets OR Preview = 1 grid-columns: 1000px 55px 1fr 0; / 1000px 55px 0 1fr
@media (max-width: 1670px) IF Assets + Preview = 1 grid-columns: 1fr 55px 400px 400px
@media (max-width: 2065px) IF ss600 + ss400 = 1 AND Assets and Preview = 1 grid-columns: 1000px 55px .6fr .6fr