/*
====================================================================

Single работы (single-dd_case.php)

Композиция страницы услуги: заглавная 22:10, заголовок display,
контент на ролях, галереи и картинки со скруглением 14px.

====================================================================
*/


.dd-page-case__article {
    padding: clamp(28px, 4vw, 56px) 20px clamp(48px, 6vw, 96px);
    background: var(--dd-background);
}

.dd-page-case__inner {
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 769px) {

    .dd-page-case__inner {
        width: min(90vw, 1200px);
    }

}

.dd-page-case__hero {
    margin: 0 0 clamp(20px, 2.4vw, 32px);
}

.dd-page-case__hero-image {
    display: block;
    width: 100%;
    aspect-ratio: 22 / 10;
    object-fit: cover;
    border-radius: 14px;
}

.dd-page-case__title {
    margin: 0 0 clamp(18px, 2vw, 30px);
    color: var(--dd-primary);
    text-align: center;
}

.dd-page-case__content p,
.dd-page-case__content li {
    font-size: var(--dd-card-text);
    line-height: var(--dd-card-text-lh);
}

.dd-page-case__content p {
    margin: 0 0 1.1em;
}

.dd-page-case__content .wp-block-gallery img,
.dd-page-case__content .wp-block-image img {
    border-radius: 14px;
}