/* Photo heroes and article images */

.has-photo {
    position: relative;
    overflow: hidden;
    color: #fff;
}

.enterprise-hero-banner,
.blog-hero-banner,
.article-hero-banner {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.enterprise-hero-banner img,
.blog-hero-banner img,
.article-hero-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
    display: block;
}

.enterprise-hero.has-photo::before,
.blog-hero.has-photo::before,
.article-hero.has-photo::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(115deg, rgba(18, 12, 16, 0.84) 0%, rgba(26, 10, 16, 0.58) 48%, rgba(236, 46, 94, 0.28) 100%);
}

.enterprise-hero.has-photo .container,
.blog-hero.has-photo .container,
.article-hero.has-photo > a,
.article-hero.has-photo > .article-header,
.blog-hero.has-photo .blog-hero-content {
    position: relative;
    z-index: 2;
}

.article-hero.has-photo {
    padding: clamp(6.5rem, 11vw, 8rem) var(--page-gutter, 1.25rem) clamp(2.75rem, 5vw, 4rem);
    background: #1A1A1A;
}

.article-hero.has-photo .article-header {
    max-width: 46rem;
}

.article-hero.has-photo .article-title,
.article-hero.has-photo h1 {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.blog-article {
    padding-top: 6.25rem;
}

.article-container:has(> .article-feature:first-child) {
    padding-top: 6.25rem;
}

.article-feature {
    margin: 0 0 2rem;
    border-radius: 16px;
    overflow: hidden;
    background: #f3f4f6;
}

.article-feature img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.blog-card-image {
    background: #1A1A1A !important;
}

.blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.blog-card-image i {
    display: none;
}