.elementor-20076 .elementor-element.elementor-element-c9df64c:not(.elementor-motion-effects-element-type-background), .elementor-20076 .elementor-element.elementor-element-c9df64c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0C0F;}.elementor-20076 .elementor-element.elementor-element-c9df64c > .elementor-container{max-width:1200px;}.elementor-20076 .elementor-element.elementor-element-c9df64c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:80px 0px 80px 0px;}.elementor-20076 .elementor-element.elementor-element-c9df64c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-20076 .elementor-element.elementor-element-e260d45.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-20076 .elementor-element.elementor-element-e260d45.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-20076 .elementor-element.elementor-element-e260d45 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-20076 .elementor-element.elementor-element-ffe76dd > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-20076 .elementor-element.elementor-element-ffe76dd{text-align:start;}.elementor-20076 .elementor-element.elementor-element-ffe76dd .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:2.5px;color:#C8192E;}.elementor-20076 .elementor-element.elementor-element-03c8186 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-20076 .elementor-element.elementor-element-03c8186 .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:3rem;color:var( --e-global-color-primary );}.elementor-20076 .elementor-element.elementor-element-c5381fe > .elementor-widget-container{padding:0px 20px 0px 0px;}.elementor-20076 .elementor-element.elementor-element-c5381fe .elementor-widget-container{font-family:"Inter", Sans-serif;font-size:0.875rem;color:#7A7A8C;}.elementor-20076 .elementor-element.elementor-element-a25fca4 .elementor-button{background-color:#960018;}.elementor-20076 .elementor-element.elementor-element-a25fca4 .elementor-button-content-wrapper{flex-direction:row;}.elementor-20076 .elementor-element.elementor-element-bdceec4 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:10px 10px 10px 10px;}.elementor-20076 .elementor-element.elementor-element-dadb349:not(.elementor-motion-effects-element-type-background), .elementor-20076 .elementor-element.elementor-element-dadb349 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0C0F;}.elementor-20076 .elementor-element.elementor-element-dadb349 > .elementor-container{max-width:1200px;}.elementor-20076 .elementor-element.elementor-element-dadb349{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-20076 .elementor-element.elementor-element-dadb349 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-20076 .elementor-element.elementor-element-82a9b44 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-20076 .elementor-element.elementor-element-d8e1697 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-20076 .elementor-element.elementor-element-d8e1697{text-align:start;}.elementor-20076 .elementor-element.elementor-element-d8e1697 .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:2.5px;color:#C8192E;}.elementor-20076 .elementor-element.elementor-element-11f76a3 .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:3rem;font-weight:600;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-20076 .elementor-element.elementor-element-4cf7310{margin-top:16px;margin-bottom:34px;}.elementor-20076 .elementor-element.elementor-element-da369ac > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-20076 .elementor-element.elementor-element-f7a6b78{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;align-self:center;--e-search-submit-margin-inline-start:0px;}.elementor-20076 .elementor-element.elementor-element-f7a6b78 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-20076 .elementor-element.elementor-element-0ca8a77 .elementor-post__thumbnail__link{padding-bottom:calc( 0.64 * 100% );}.elementor-20076 .elementor-element.elementor-element-0ca8a77:after{content:"0.64";position:absolute;color:transparent;}.elementor-20076 .elementor-element.elementor-element-0ca8a77{--grid-row-gap:8px;--grid-column-gap:8px;}.elementor-20076 .elementor-element.elementor-element-0ca8a77 > .elementor-widget-container{margin:0px 0px 32px 0px;padding:11px 11px 11px 11px;}.elementor-20076 .elementor-element.elementor-element-0ca8a77 a .elementor-portfolio-item__overlay{background-color:#000000C4;}.elementor-20076 .elementor-element.elementor-element-0ca8a77 .elementor-portfolio-item__title{font-family:"Rajdhani", Sans-serif;}.elementor-20076 .elementor-element.elementor-element-f652bc3:not(.elementor-motion-effects-element-type-background), .elementor-20076 .elementor-element.elementor-element-f652bc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080808;}.elementor-20076 .elementor-element.elementor-element-f652bc3 > .elementor-container{max-width:1216px;}.elementor-20076 .elementor-element.elementor-element-f652bc3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-20076 .elementor-element.elementor-element-f652bc3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:767px){.elementor-20076 .elementor-element.elementor-element-03c8186 .elementor-heading-title{font-size:3rem;}}@media(min-width:768px){.elementor-20076 .elementor-element.elementor-element-e260d45{width:49.782%;}.elementor-20076 .elementor-element.elementor-element-bdceec4{width:50%;}}/* Start custom CSS for section, class: .elementor-element-c9df64c *//* Контейнер в стиле киберпанк с КРАСНОЙ сеткой и крупными углами */
.elementor-20076 .elementor-element.elementor-element-c9df64c {
   /* СЛОЙ 1: Глубокий темный фон */
   background-color: #0a0a10;
   
   /* СЛОЙ 2: КРАСНОВАТАЯ математическая сетка */
   background-image: 
      linear-gradient(rgba(255, 0, 85, 0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 0, 85, 0.05) 1px, transparent 1px);
   background-size: 40px 40px;
   background-position: center center;
}

/* Эффект виньетки */
.glitch-wrapper::before {
   content: "";
   position: absolute;
   top: 0; left: 0; right: 0; bottom: 0;
   background: radial-gradient(circle at center, rgba(13, 13, 23, 0) 30%, #08080d 85%);
   pointer-events: none;
   z-index: 1;
}

/* СЛОЙ 3: ДЕКОРАТИВНЫЕ КРАСНЫЕ УГОЛКИ (Увеличена геометрия) */
.glitch-wrapper::after {
   content: "";
   position: absolute;
   /* Отступы рамки от краев экрана */
   top: 25px; left: 25px; right: 25px; bottom: 25px;
   
   /* Более плотная рамка */
   border: 1px solid rgba(255, 0, 85, 0.25); 
   
   /* Обрезка увеличена до 35px, чтобы прямоугольники в углах стали больше */
   clip-path: polygon(
      0 0, 35px 0, 35px 35px, 0 35px, 0 100%, 35px 100%, 35px calc(100% - 35px), 0 calc(100% - 35px),
      0 100%, 100% 100%, 100% calc(100% - 35px), calc(100% - 35px) calc(100% - 35px), calc(100% - 35px) 100%,
      100% 0, calc(100% - 35px) 0, calc(100% - 35px) 35px, 100% 35px
   );
   
   /* Утолщенные внутренние засечки на углах (6px вместо 4px) */
   box-shadow: 
      inset 6px 6px 0 #ff0055, 
      inset -6px 6px 0 #ff0055, 
      inset 6px -6px 0 #ff0055, 
      inset -6px -6px 0 #ff0055;
      
   pointer-events: none;
   z-index: 2;
}/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-f7a6b78 *//* ОБЩИЙ КОНТЕЙНЕР ФОРМЫ */
.elementor-20076 .elementor-element.elementor-element-f7a6b78 form,
.elementor-20076 .elementor-element.elementor-element-f7a6b78 .elementor-search-form {
    display: flex !important;
    gap: 15px !important; /* Управляет размером отступа между поиском и кнопкой */
}

/* 1. ПОЛЕ ВВОДА (ИНПУТ) */
.elementor-20076 .elementor-element.elementor-element-f7a6b78 input[type="search"],
.elementor-20076 .elementor-element.elementor-element-f7a6b78 .elementor-search-form__input {
    background-color: #0b0e14 !important; /* Тёмный фон */
    border: 1px solid rgba(255, 59, 48, 0.15) !important; /* Тонкая красная рамка */
    color: #ffffff !important; /* Белый цвет текста */
    font-size: 14px !important;
    padding: 12px 15px !important;
    border-radius: 4px !important; /* Красивое скругление со всех сторон */
    flex-grow: 1 !important; /* Поле занимает всю доступную ширину */
    transition: all 0.3s ease-in-out !important;
}

/* Цвет плейсхолдера (Текст "Поиск...") */
.elementor-20076 .elementor-element.elementor-element-f7a6b78 input[type="search"]::placeholder,
.elementor-20076 .elementor-element.elementor-element-f7a6b78 .elementor-search-form__input::placeholder {
    color: #555c6b !important; /* Приглушенный серый */
}

/* Состояние поля при клике мышкой или наведении */
.elementor-20076 .elementor-element.elementor-element-f7a6b78 input[type="search"]:focus,
.elementor-20076 .elementor-element.elementor-element-f7a6b78 input[type="search"]:hover,
.elementor-20076 .elementor-element.elementor-element-f7a6b78 .elementor-search-form__input:focus,
.elementor-20076 .elementor-element.elementor-element-f7a6b78 .elementor-search-form__input:hover {
    border-color: rgba(255, 59, 48, 0.6) !important; /* Подсветка рамки */
    box-shadow: 0 0 15px rgba(255, 59, 48, 0.12) !important; /* Легкое свечение */
}

/* 2. КНОПКА ОТПРАВКИ (ВСЕ) */
.elementor-20076 .elementor-element.elementor-element-f7a6b78 button[type="submit"],
.elementor-20076 .elementor-element.elementor-element-f7a6b78 .elementor-search-form__submit {
    background-color: #0b0e14 !important; /* Тёмный фон кнопки */
    border: 1px solid #ff3b30 !important; /* Четкая красная рамка */
    color: #ff3b30 !important; /* Красный цвет текста "ВСЕ" или иконки */
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important; /* Заглавные буквы */
    letter-spacing: 1px !important;
    padding: 0 25px !important;
    border-radius: 4px !important; /* Красивое скругление со всех сторон */
    margin-left: 0 !important; /* Сбрасываем старый стык */
    height: auto !important; /* Выравнивание высоты под инпут */
    transition: all 0.3s ease-in-out !important;
}

/* Кнопка при наведении */
.elementor-20076 .elementor-element.elementor-element-f7a6b78 button[type="submit"]:hover,
.elementor-20076 .elementor-element.elementor-element-f7a6b78 .elementor-search-form__submit:hover {
    background-color: #ff3b30 !important; /* Заливка красным */
    color: #ffffff !important; /* Текст становится белым */
    box-shadow: 0 0 15px rgba(255, 59, 48, 0.3) !important; /* Свечение кнопки */
}

/* Иконка лупы (если кнопка настроена как иконка) */
.elementor-20076 .elementor-element.elementor-element-f7a6b78 .elementor-search-form__submit i,
.elementor-20076 .elementor-element.elementor-element-f7a6b78 .elementor-search-form__submit svg {
    fill: #ff3b30 !important;
    color: #ff3b30 !important;
    transition: all 0.3s ease-in-out !important;
}

.elementor-20076 .elementor-element.elementor-element-f7a6b78 .elementor-search-form__submit:hover i,
.elementor-20076 .elementor-element.elementor-element-f7a6b78 .elementor-search-form__submit:hover svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for portfolio, class: .elementor-element-0ca8a77 *//* 1. Базовые настройки карточки */
.elementor-20076 .elementor-element.elementor-element-0ca8a77 .elementor-portfolio-item {
    border: 1px solid #1f242e;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    transition: border-color 0.3s ease-in-out; /* Плавная рамка */
}

/* 2. Подсветка всей карточки красной рамкой при наведении */
.elementor-20076 .elementor-element.elementor-element-0ca8a77 .elementor-portfolio-item:hover {
    border-color: #C8192E;
}

/* 3. Оверлей ВСЕГДА видим */
.elementor-20076 .elementor-element.elementor-element-0ca8a77 .elementor-portfolio-item__overlay {
    background-color: rgba(17, 20, 26, 0.95); /* Изначальный плотный темный фон */
    opacity: 1 !important; 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    height: 100%;
    box-sizing: border-box;
    transition: background-color 0.3s ease-in-out; /* Плавное исчезновение фона */
}

/* 4. При наведении убираем только темное затемнение фона */
.elementor-20076 .elementor-element.elementor-element-0ca8a77 .elementor-portfolio-item:hover .elementor-portfolio-item__overlay {
    background-color: rgba(17, 20, 26, 0) !important; /* Делаем фон прозрачным */
}

/* 5. Настройки заголовка (ПРИНУДИТЕЛЬНО ПРИЖАТ К НИЗУ КАРТОЧКИ) */
.elementor-20076 .elementor-element.elementor-element-0ca8a77 .elementor-portfolio-item__title {
    color: #a4b3c6;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    margin: 0;
    
    /* Абсолютное позиционирование намертво фиксирует блок по краям */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.75);
    
    /* НАСТРОЙКА ВЫСОТЫ: Изменяйте верхний и нижний padding под себя */
    padding-top: 15px;        
    padding-bottom: 15px;     
    padding-left: 20px;       /* Отступ текста от левого края */
    padding-right: 20px;      /* Отступ текста от правого края */
}

/* 6. Настройки мета-данных (ПОДНЯТЫ НАД ЧЕРНОЙ ПЛАШКОЙ) */
.elementor-20076 .elementor-element.elementor-element-0ca8a77 .elementor-portfolio-item__tags {
    color: #566275;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    display: block;
    
    order: 2;
    margin-top: auto; /* Прижимает текст вниз */
    
    /* Корректируем нижний отступ, чтобы мета-данные не перекрывались черной плашкой */
    margin-bottom: 45px; /* Увеличьте или уменьшите, если плашка станет выше/ниже */
}

/* ДОБАВЛЯЕМ ИКОНКУ PLAY В ЦЕНТР КАРТОЧКИ */
.elementor-20076 .elementor-element.elementor-element-0ca8a77 .elementor-portfolio-item__title::after {
    content: '▶';
    color: transparent; /* Голубой цвет, как на скриншоте (замените на #C8192E, если нужен красный) */
    font-size: 28px; /* Крупный размер для центральной иконки */
    
    /* Точное позиционирование по центру */
    position: absolute;
    top: -200%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 2; /* Отображается поверх картинки */
    
    transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

/* Эффект при наведении: меняем цвет центральной иконки на красный */
.elementor-20076 .elementor-element.elementor-element-0ca8a77 .elementor-portfolio-item:hover .elementor-portfolio-item__title::after {
    color: #C8192E;
    transform: translate(-50%, -50%) scale(1.1); /* Слегка увеличиваем при наведении */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-dadb349 *//* Контейнер в стиле киберпанк с КРАСНОЙ сеткой и крупными углами */
.elementor-20076 .elementor-element.elementor-element-dadb349 {
   /* СЛОЙ 1: Глубокий темный фон */
   background-color: #0a0a10;
   
   /* СЛОЙ 2: КРАСНОВАТАЯ математическая сетка */
   background-image: 
      linear-gradient(rgba(255, 0, 85, 0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 0, 85, 0.05) 1px, transparent 1px);
   background-size: 40px 40px;
   background-position: center center;
}

/* Эффект виньетки */
.glitch-wrapper::before {
   content: "";
   position: absolute;
   top: 0; left: 0; right: 0; bottom: 0;
   background: radial-gradient(circle at center, rgba(13, 13, 23, 0) 30%, #08080d 85%);
   pointer-events: none;
   z-index: 1;
}

/* СЛОЙ 3: ДЕКОРАТИВНЫЕ КРАСНЫЕ УГОЛКИ (Увеличена геометрия) */
.glitch-wrapper::after {
   content: "";
   position: absolute;
   /* Отступы рамки от краев экрана */
   top: 25px; left: 25px; right: 25px; bottom: 25px;
   
   /* Более плотная рамка */
   border: 1px solid rgba(255, 0, 85, 0.25); 
   
   /* Обрезка увеличена до 35px, чтобы прямоугольники в углах стали больше */
   clip-path: polygon(
      0 0, 35px 0, 35px 35px, 0 35px, 0 100%, 35px 100%, 35px calc(100% - 35px), 0 calc(100% - 35px),
      0 100%, 100% 100%, 100% calc(100% - 35px), calc(100% - 35px) calc(100% - 35px), calc(100% - 35px) 100%,
      100% 0, calc(100% - 35px) 0, calc(100% - 35px) 35px, 100% 35px
   );
   
   /* Утолщенные внутренние засечки на углах (6px вместо 4px) */
   box-shadow: 
      inset 6px 6px 0 #ff0055, 
      inset -6px 6px 0 #ff0055, 
      inset 6px -6px 0 #ff0055, 
      inset -6px -6px 0 #ff0055;
      
   pointer-events: none;
   z-index: 2;
}/* End custom CSS */