/* Clean, borderless source portraits for design-trend examples. */
.mmm-trend-card--glam .mmm-trend-preview,
.mmm-trend-card--instant .mmm-trend-preview {
    background-image: url('elegant-couple.jpg');
}

.mmm-trend-card--magazine .mmm-trend-preview {
    isolation: isolate;
    background: linear-gradient(145deg, #bc1635 0%, #e54854 46%, #f3ad75 100%);
}

.mmm-trend-card--magazine .mmm-trend-preview::before {
    z-index: 0;
    background: radial-gradient(circle at 76% 18%, rgba(255,255,255,.32), transparent 31%);
}

.mmm-trend-card--magazine .mmm-magazine-masthead {
    position: absolute;
    z-index: 1;
    top: 14px;
    left: 8px;
    right: 8px;
    color: #fff3dd;
    font: 950 clamp(48px, 4.2vw, 72px) /.78 Arial, Helvetica, sans-serif;
    letter-spacing: -.085em;
    text-align: center;
    text-shadow: 0 2px 18px rgba(72, 0, 22, .18);
}

.mmm-trend-card--magazine .mmm-trend-preview > img {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: -8px;
    width: 109%;
    max-width: none;
    height: 95%;
    object-fit: contain;
    object-position: center bottom;
    transform: translateX(-50%);
    filter: drop-shadow(0 14px 18px rgba(37, 0, 14, .24));
}

.mmm-trend-card--magazine .mmm-trend-preview > b,
.mmm-trend-card--magazine .mmm-trend-preview > small {
    z-index: 3;
    text-shadow: 0 2px 9px rgba(24, 0, 9, .75);
}

.mmm-trend-card--news .mmm-trend-preview {
    background-image: url('celebration-friends.jpg');
}

.mmm-trend-card--card .mmm-trend-preview {
    background-image: url('brand-portrait.jpg');
}

.mmm-trend-card--strip i {
    background-image: url('celebration-friends.jpg');
}

.mmm-trend-card--brand .mmm-trend-preview {
    background: linear-gradient(180deg, rgba(3, 25, 61, .08), rgba(3, 25, 61, .86)), url('brand-portrait.jpg') center 18% / cover;
    color: #fff;
}

.mmm-trend-copy > small {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mmm-trend-copy > small i {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(110, 220, 255, .52);
    border-radius: 7px;
    background: rgba(110, 220, 255, .09);
    color: #80e7ff;
    font-size: 13px;
    font-style: normal;
    letter-spacing: 0;
}