/* Decorative scene photography for inner-page title banners only. */
.unit-intro,
.shop-intro {
    --unit-intro-image: url('/dist/images/unit-intro/service-v1.webp');
    min-height: 280px;
    display: flex;
    align-items: center;
    background-color: #f8f0e6;
    background-image: linear-gradient(90deg, rgba(248, 240, 230, .98) 0%, rgba(248, 240, 230, .94) 30%, rgba(248, 240, 230, .82) 48%, rgba(248, 240, 230, .28) 72%, rgba(248, 240, 230, .08) 100%), var(--unit-intro-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.unit-intro h1,
.shop-intro h1 {
    max-width: 760px;
}

.unit-intro-description,
.shop-intro-description {
    max-width: 600px;
}

.unit-intro--news {
    --unit-intro-image: url('/dist/images/unit-intro/news-v1.webp');
}

.unit-intro--service {
    --unit-intro-image: url('/dist/images/unit-intro/service-v1.webp');
}

.unit-intro--prayer {
    --unit-intro-image: url('/dist/images/unit-intro/prayer-v1.webp');
}

.unit-intro--member {
    --unit-intro-image: url('/dist/images/unit-intro/member-v1.webp');
}

.unit-intro--orders {
    --unit-intro-image: url('/dist/images/unit-intro/orders-v1.webp');
}

.unit-intro--shop {
    --unit-intro-image: url('/dist/images/unit-intro/shop-v1.webp');
}

.unit-intro--help {
    --unit-intro-image: url('/dist/images/unit-intro/help-v1.webp');
}

.unit-intro--trust {
    --unit-intro-image: url('/dist/images/unit-intro/trust-v1.webp');
}

@media (max-width: 767px) {
    .unit-intro,
    .shop-intro {
        min-height: 250px;
        background-image: linear-gradient(90deg, rgba(248, 240, 230, .97), rgba(248, 240, 230, .88) 45%, rgba(248, 240, 230, .60)), var(--unit-intro-image);
        background-position: 65% center;
    }
}