.elementor-259 .elementor-element.elementor-element-sknic-v4-container{--display:flex;}/* Start custom CSS for html, class: .elementor-element-sknic-v4-html *//* Hero — большие треугольники справа */
.sknic-hero-v2::after {
    content: none !important;
    display: none !important;
}

/* Квадрат с логотипом — внутренние треугольники */
.sknic-hero-mark::after {
    content: none !important;
    display: none !important;
}

/* Карточки/фон секции направлений — все after-треугольники */
#directions::after,
#directions .sknic-wrap::after,
#directions .sknic-grid::after,
#directions .sknic-grid--3::after,
#directions .sknic-card::after,
.sknic-section--dark .sknic-card::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* =========================================================
   СКНИЦ — ГЛАВНАЯ СТРАНИЦА
   ФОТОСЛАЙДЕР, АДАПТИВ, ШРИФТЫ, ОТСТУПЫ
   ========================================================= */

.sknic-home,
.sknic-home *,
.sknic-home *::before,
.sknic-home *::after {
    box-sizing: border-box;
}

.sknic-home {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}


/* =========================================================
   ОБЩАЯ ТИПОГРАФИКА
   ========================================================= */

.sknic-home h1,
.sknic-home h2,
.sknic-home h3 {
    margin-top: 0;
    font-weight: 600 !important;
    letter-spacing: -0.025em;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
    text-wrap: balance;
}

.sknic-home h2 {
    margin-bottom: 28px;
    font-size: clamp(34px, 4vw, 58px);
    line-height: 1.12;
}

.sknic-home h3 {
    margin-bottom: 15px;
    font-size: clamp(21px, 1.8vw, 28px);
    line-height: 1.25;
}

.sknic-home p {
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
    text-wrap: pretty;
}

.sknic-home .sknic-section p {
    line-height: 1.68;
}

.sknic-home .sknic-kicker {
    display: block;
    margin-top: 0;
    margin-bottom: 19px;
}

.sknic-home .sknic-section h2 + p,
.sknic-home .sknic-section h3 + p,
.sknic-home .sknic-card h3 + p,
.sknic-home .sknic-project-card h3 + p {
    margin-top: 0;
}

.sknic-home .sknic-card span + h3,
.sknic-home .sknic-project-card span + h3 {
    margin-top: 17px;
}

.sknic-home .sknic-card h3,
.sknic-home .sknic-project-card h3 {
    margin-bottom: 15px;
}

.sknic-home .sknic-project-case h2 {
    margin-bottom: 24px;
}

.sknic-home .sknic-project-case h2 + p {
    margin-top: 0;
}

.sknic-home .sknic-media-panel h3 {
    margin-bottom: 14px;
}


/* =========================================================
   ГЛАВНЫЙ HERO
   ========================================================= */

.sknic-home .sknic-home-hero {
    position: relative;
    isolation: isolate;

    width: 100%;
    min-height: 680px;

    overflow: hidden;

    color: #ffffff;
    background-color: #101412;
}


/*
Убираем старые декоративные треугольники.
Слайдер и затемнение сделаны обычными HTML-элементами,
поэтому псевдоэлементы hero больше не нужны.
*/

.sknic-home .sknic-home-hero::before,
.sknic-home .sknic-home-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
}


/* =========================================================
   ФОТОСЛАЙДЕР
   ========================================================= */

.sknic-home-hero__slides {
    position: absolute;
    inset: 0;
    z-index: 0;

    overflow: hidden;

    background-color: #101412;
}

.sknic-home-hero__slide {
    position: absolute;
    inset: -2%;

    opacity: 0;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    transform: scale(1.03);

    animation-name: sknicHomeHeroSlider;
    animation-duration: 21s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

    will-change: opacity, transform;
}

.sknic-home-hero__slide--1 {
    background-image:
        linear-gradient(
            rgba(66, 91, 70, 0.12),
            rgba(66, 91, 70, 0.12)
        ),
        url("https://caucasianrc.ru/wp-content/uploads/2026/07/fon-2.png");

    background-position: center center;
    animation-delay: 0s;
}

.sknic-home-hero__slide--2 {
    background-image:
        linear-gradient(
            rgba(66, 91, 70, 0.12),
            rgba(66, 91, 70, 0.12)
        ),
        url("https://caucasianrc.ru/wp-content/uploads/2026/07/fon-3.png");

    background-position: center center;
    animation-delay: 7s;
}

.sknic-home-hero__slide--3 {
    background-image:
        linear-gradient(
            rgba(66, 91, 70, 0.12),
            rgba(66, 91, 70, 0.12)
        ),
        url("https://caucasianrc.ru/wp-content/uploads/2026/07/fon-1.png");

    background-position: center center;
    animation-delay: 14s;
}

@keyframes sknicHomeHeroSlider {

    0% {
        opacity: 0;
        transform: scale(1.03);
    }

    5% {
        opacity: 1;
    }

    29% {
        opacity: 1;
        transform: scale(1.075);
    }

    34% {
        opacity: 0;
        transform: scale(1.085);
    }

    100% {
        opacity: 0;
        transform: scale(1.085);
    }

}


/* =========================================================
   ЗАТЕМНЕНИЕ И ЗЕЛЕНОВАТАЯ ГАММА
   ========================================================= */

.sknic-home-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(6, 10, 8, 0.90) 0%,
            rgba(6, 10, 8, 0.78) 36%,
            rgba(6, 10, 8, 0.54) 63%,
            rgba(6, 10, 8, 0.42) 100%
        ),
        linear-gradient(
            180deg,
            rgba(34, 62, 45, 0.17) 0%,
            rgba(16, 31, 23, 0.28) 100%
        );
}


/* =========================================================
   СЕТКА HERO
   ========================================================= */

.sknic-home .sknic-home-hero .sknic-hero-v2__grid {
    position: relative;
    z-index: 2;

    min-height: 680px;

    display: grid !important;
    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(330px, 0.82fr);

    align-items: center;

    gap: clamp(50px, 7vw, 110px);

    padding-top: 82px;
    padding-bottom: 82px;
}

.sknic-home-hero__content {
    min-width: 0;
}


/* =========================================================
   ТЕКСТ HERO
   ========================================================= */

.sknic-home .sknic-home-hero .sknic-kicker {
    margin: 0 0 23px;

    color: #dbe7c8;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.sknic-home .sknic-home-hero h1 {
    max-width: 850px;

    margin: 0 0 28px;

    color: #ffffff;

    font-size: clamp(50px, 4.7vw, 76px);
    font-weight: 600 !important;
    line-height: 1.065;
    letter-spacing: -0.035em;

    text-wrap: balance;
}

.sknic-home .sknic-home-hero .sknic-lead {
    max-width: 720px;

    margin: 0 0 34px;

    color: rgba(255, 255, 255, 0.84);

    font-size: clamp(18px, 1.35vw, 23px);
    font-weight: 400;
    line-height: 1.58;

    text-wrap: pretty;
}


/* =========================================================
   КНОПКИ HERO
   ========================================================= */

.sknic-home .sknic-home-hero .sknic-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 14px;

    margin-top: 0;
}

.sknic-home .sknic-home-hero .sknic-btn {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 14px 25px;

    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}


/* =========================================================
   КАРТОЧКА С ЛОГОТИПОМ
   КЛЕТКИ ОСТАЮТСЯ, ТРЕУГОЛЬНИКИ УДАЛЯЮТСЯ
   ========================================================= */

.sknic-home .sknic-hero-mark {
    position: relative;

    width: 100%;
    max-width: 520px;
    min-width: 0;
    min-height: 340px;

    justify-self: end;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: clamp(27px, 3vw, 48px);

    overflow: hidden;

    border: 1px solid rgba(219, 231, 200, 0.25);
    border-radius: 13px;

    background-color: rgba(18, 23, 20, 0.76) !important;

    background-image:
        linear-gradient(
            rgba(219, 231, 200, 0.075) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(219, 231, 200, 0.075) 1px,
            transparent 1px
        ) !important;

    background-size: 44px 44px !important;
    background-position: center center !important;

    box-shadow:
        0 22px 60px rgba(0, 0, 0, 0.24),
        inset 0 0 80px rgba(219, 231, 200, 0.025);
}


/*
Полностью убираем старые псевдоэлементы карточки.
Клетчатый фон теперь задан непосредственно самой карточке.
*/

.sknic-home .sknic-hero-mark::before,
.sknic-home .sknic-hero-mark::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

.sknic-home .sknic-hero-mark img {
    position: relative;
    z-index: 2;

    display: block;

    width: 100% !important;
    max-width: 430px !important;
    height: auto !important;
    max-height: 235px !important;

    object-fit: contain !important;
    object-position: center center !important;
}


/* =========================================================
   УДАЛЕНИЕ ТРЕУГОЛЬНИКОВ ИЗ НАПРАВЛЕНИЙ
   ЦВЕТ СЕКЦИИ И КАРТОЧЕК СОХРАНЯЕТСЯ
   ========================================================= */

.sknic-home #directions {
    position: relative;

    background-color: #080b09 !important;
    background-image: none !important;
}

.sknic-home #directions::before,
.sknic-home #directions::after,
.sknic-home #directions .sknic-wrap::before,
.sknic-home #directions .sknic-wrap::after,
.sknic-home #directions .sknic-grid::before,
.sknic-home #directions .sknic-grid::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

.sknic-home #directions .sknic-card {
    background-image: none !important;
}

.sknic-home #directions .sknic-card::before,
.sknic-home #directions .sknic-card::after {
    content: none !important;
    display: none !important;
    background: none !important;
}


/* =========================================================
   ОТСТУПЫ В СЕКЦИЯХ
   ========================================================= */

.sknic-home .sknic-section {
    position: relative;
}

.sknic-home .sknic-section > .sknic-wrap > .sknic-kicker {
    margin-bottom: 18px;
}

.sknic-home .sknic-grid,
.sknic-home .sknic-project-grid {
    margin-top: 34px;
}

.sknic-home .sknic-card,
.sknic-home .sknic-project-card {
    min-width: 0;
}

.sknic-home .sknic-card p,
.sknic-home .sknic-project-card p {
    margin-bottom: 0;
}

.sknic-home .sknic-project-card a {
    display: inline-flex;
    margin-top: 23px;
}

.sknic-home .sknic-case-grid > div > p:not(.sknic-kicker) {
    margin-bottom: 27px;
}

.sknic-home .sknic-cta__box h2 {
    margin-bottom: 22px;
}

.sknic-home .sknic-cta__box h2 + p {
    margin-top: 0;
    margin-bottom: 28px;
}


/* =========================================================
   ВИДЕО
   ========================================================= */

.sknic-home .sknic-video {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;
}


/* =========================================================
   РЕКВИЗИТЫ
   ========================================================= */

.sknic-home .sknic-details-table > div {
    min-width: 0;
}

.sknic-home .sknic-details-table strong {
    font-weight: 600;
    overflow-wrap: anywhere;
}


/* =========================================================
   ПЛАНШЕТЫ
   ========================================================= */

@media (max-width: 1100px) {

    .sknic-home .sknic-home-hero {
        min-height: 610px;
    }

    .sknic-home .sknic-home-hero .sknic-hero-v2__grid {
        min-height: 610px;

        grid-template-columns:
            minmax(0, 1.12fr)
            minmax(275px, 0.88fr);

        gap: 38px;

        padding-top: 68px;
        padding-bottom: 68px;
    }

    .sknic-home .sknic-home-hero h1 {
        max-width: 680px;

        margin-bottom: 24px;

        font-size: clamp(43px, 5.5vw, 61px);
        line-height: 1.08;
    }

    .sknic-home .sknic-home-hero .sknic-lead {
        max-width: 610px;

        margin-bottom: 30px;

        font-size: 18px;
        line-height: 1.56;
    }

    .sknic-home .sknic-hero-mark {
        min-height: 285px;
        padding: 28px;
    }

    .sknic-home .sknic-hero-mark img {
        max-width: 350px !important;
        max-height: 195px !important;
    }

    .sknic-home h2 {
        font-size: clamp(32px, 4.3vw, 48px);
    }

}


/* =========================================================
   НЕБОЛЬШИЕ ПЛАНШЕТЫ
   ========================================================= */

@media (max-width: 900px) {

    .sknic-home .sknic-home-hero .sknic-hero-v2__grid {
        grid-template-columns:
            minmax(0, 1.15fr)
            minmax(245px, 0.85fr);

        gap: 28px;
    }

    .sknic-home .sknic-home-hero h1 {
        font-size: clamp(40px, 5.8vw, 52px);
    }

    .sknic-home .sknic-hero-mark {
        min-height: 245px;
        padding: 23px;

        background-size: 36px 36px !important;
    }

    .sknic-home .sknic-hero-mark img {
        max-width: 295px !important;
        max-height: 170px !important;
    }

}


/* =========================================================
   МОБИЛЬНЫЕ УСТРОЙСТВА
   ========================================================= */

@media (max-width: 767px) {

    .sknic-home .sknic-home-hero {
        min-height: auto;
    }

    .sknic-home-hero__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(6, 10, 8, 0.70) 0%,
                rgba(6, 10, 8, 0.79) 48%,
                rgba(6, 10, 8, 0.95) 100%
            ),
            linear-gradient(
                rgba(38, 70, 50, 0.12),
                rgba(20, 39, 28, 0.23)
            );
    }

    .sknic-home-hero__slide {
        background-position: 60% center;
    }

    .sknic-home .sknic-home-hero .sknic-hero-v2__grid {
        min-height: auto;

        grid-template-columns: minmax(0, 1fr);

        gap: 38px;

        padding-top: 58px;
        padding-bottom: 58px;
    }

    .sknic-home .sknic-home-hero .sknic-kicker {
        margin-bottom: 18px;

        font-size: 12px;
        line-height: 1.4;
    }

    .sknic-home .sknic-home-hero h1 {
        width: 100%;
        max-width: 100%;

        margin-bottom: 21px;

        font-size: clamp(35px, 10.2vw, 47px);
        font-weight: 600 !important;
        line-height: 1.1;
        letter-spacing: -0.028em;
    }

    .sknic-home .sknic-home-hero .sknic-lead {
        width: 100%;
        max-width: 100%;

        margin-bottom: 27px;

        font-size: 17px;
        line-height: 1.56;
    }

    .sknic-home .sknic-home-hero .sknic-actions {
        gap: 11px;
    }

    .sknic-home .sknic-hero-mark {
        width: 100%;
        max-width: 420px;
        min-height: 245px;

        justify-self: center;

        margin: 0 auto;
        padding: 24px;

        background-size: 35px 35px !important;
    }

    .sknic-home .sknic-hero-mark img {
        max-width: 320px !important;
        max-height: 180px !important;
    }

    .sknic-home h2 {
        margin-bottom: 20px;

        font-size: clamp(30px, 8vw, 40px);
        line-height: 1.15;
    }

    .sknic-home h3 {
        font-size: clamp(20px, 5.5vw, 25px);
        line-height: 1.27;
    }

    .sknic-home .sknic-section p {
        line-height: 1.62;
    }

    .sknic-home .sknic-grid,
    .sknic-home .sknic-project-grid {
        margin-top: 27px;
    }

    .sknic-home .sknic-card span + h3,
    .sknic-home .sknic-project-card span + h3 {
        margin-top: 14px;
    }

    .sknic-home .sknic-card h3,
    .sknic-home .sknic-project-card h3 {
        margin-bottom: 12px;
    }

    .sknic-home .sknic-project-card a {
        margin-top: 19px;
    }

}


/* =========================================================
   УЗКИЕ ТЕЛЕФОНЫ
   ========================================================= */

@media (max-width: 420px) {

    .sknic-home .sknic-home-hero .sknic-hero-v2__grid {
        gap: 31px;

        padding-top: 48px;
        padding-bottom: 48px;
    }

    .sknic-home .sknic-home-hero h1 {
        margin-bottom: 19px;

        font-size: 33px;
        line-height: 1.11;
    }

    .sknic-home .sknic-home-hero .sknic-lead {
        margin-bottom: 24px;

        font-size: 16px;
        line-height: 1.55;
    }

    .sknic-home .sknic-home-hero .sknic-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .sknic-home .sknic-home-hero .sknic-btn {
        width: 100%;
        min-height: 50px;
    }

    .sknic-home .sknic-hero-mark {
        min-height: 215px;

        padding: 20px;

        background-size: 32px 32px !important;
    }

    .sknic-home .sknic-hero-mark img {
        max-width: 285px !important;
        max-height: 155px !important;
    }

    .sknic-home h2 {
        font-size: 29px;
        line-height: 1.17;
    }

    .sknic-home h3 {
        font-size: 21px;
    }

}


/* =========================================================
   ОТКЛЮЧЕНИЕ АНИМАЦИИ ПО НАСТРОЙКАМ УСТРОЙСТВА
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .sknic-home-hero__slide {
        animation: none !important;
        opacity: 0;
        transform: none;
    }

    .sknic-home-hero__slide--1 {
        opacity: 1;
    }

}/* End custom CSS */