.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-324 .elementor-element.elementor-element-6af646e .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:2.4vw;font-weight:400;line-height:0.92em;color:rgba(0,0,0,0.85);}.elementor-324 .elementor-element.elementor-element-993ca31{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-menu-toggle{margin:0 auto;}.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu .elementor-item{font-family:"Lato", Sans-serif;font-size:1.0417vw;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;}.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--main .elementor-item{color:rgba(0,0,0,0.8);fill:rgba(0,0,0,0.8);}.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-324 .elementor-element.elementor-element-bbd8f66{--e-nav-menu-horizontal-menu-item-margin:calc( 2.0833vw / 2 );}.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:2.0833vw;}.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--dropdown a, .elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-menu-toggle{color:rgba(0,0,0,0.8);fill:rgba(0,0,0,0.8);}.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--dropdown a:hover,
					.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--dropdown a:focus,
					.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-menu-toggle:hover,
					.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-menu-toggle:focus{color:#000000;}.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--dropdown a:hover,
					.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--dropdown a:focus,
					.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--dropdown a.highlighted{background-color:rgba(0,0,0,0);}.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--dropdown .elementor-item, .elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Lato", Sans-serif;font-size:18px;font-weight:400;}.elementor-324 .elementor-element.elementor-element-f85c4df .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:1.0417vw;font-weight:400;text-transform:uppercase;line-height:1.2em;color:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1600px){.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-324 .elementor-element.elementor-element-f85c4df .elementor-heading-title{font-size:16px;}}@media(max-width:1024px){.elementor-324 .elementor-element.elementor-element-6af646e .elementor-heading-title{font-size:25px;}.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu .elementor-item{font-size:18px;}.elementor-324 .elementor-element.elementor-element-f85c4df .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-324 .elementor-element.elementor-element-6af646e .elementor-heading-title{font-size:28px;}.elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-nav-menu .elementor-item{font-size:18px;}.elementor-324 .elementor-element.elementor-element-f85c4df .elementor-heading-title{font-size:14px;}}@media(min-width:768px){.elementor-324 .elementor-element.elementor-element-993ca31{--width:48.75vw;}}/* Start custom CSS *//* ── ДЕСКТОП (от 1025px) ──
   Полоса меню — 936 из 1920, как в макете (497..1433).
   Ниже 1025 виджет сворачивается в бургер, и эти правила только мешают,
   поэтому они ограничены брейкпоинтом. */
@media (min-width: 1025px) {
    .elementor-324 .elementor-element-993ca31 {
        flex: 0 0 48.75vw !important;
        width: 48.75vw !important;
        max-width: 48.75vw !important;
    }

    .elementor-324 .elementor-element-bbd8f66,
    .elementor-324 .elementor-element-bbd8f66 .elementor-widget-container,
    .elementor-324 .elementor-nav-menu--main,
    .elementor-324 .elementor-nav-menu--main > .elementor-nav-menu {
        width: 100%;
    }

    .elementor-324 .elementor-nav-menu--main > .elementor-nav-menu {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .elementor-324 .elementor-nav-menu--main > .elementor-nav-menu > li > a {
        white-space: nowrap;
        padding-left: 0;
        padding-right: 0;
    }
}

/* «ПОРТФОЛИО ↗» — одной строкой на всех ширинах */
.elementor-324 .elementor-element-f85c4df .elementor-heading-title {
    white-space: nowrap;
}

/* ── ПЛАНШЕТ И МОБИЛЬНЫЙ (до 1024px) ──
   Меню становится бургером. Колонка меню больше не занимает полосу,
   а сжимается до кнопки и уходит вправо — логотип слева, бургер справа. */
@media (max-width: 1024px) {
    .elementor-324 .elementor-element-993ca31 {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        margin-left: auto;
    }

    .elementor-324 .elementor-element-bbd8f66,
    .elementor-324 .elementor-element-bbd8f66 .elementor-widget-container {
        width: auto;
    }
}

/* На мобильном «ПОРТФОЛИО» убираем: рядом с логотипом и бургером
   строка не помещается, а ссылка дублируется пунктом «Работы» в меню. */
@media (max-width: 767px) {
    .elementor-324 .elementor-element-f85c4df {
        display: none;
    }
}


/* ── Бургер ──
   Штатная иконка Elementor — три полосы толщиной ~3px со скруглёнными
   концами, да ещё на сером квадрате со скруглением. Под волосяные линейки
   и тонкие стрелки макета это не подходит. Рисуем свои: три линии по 1px,
   при раскрытии — тонкий крест. Квадрат 44x44 — это область нажатия,
   визуально её не видно. */
.elementor-324 .elementor-menu-toggle {
    position: relative;
    width: 44px;
    height: 44px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    /* средняя линия — фоном самой кнопки */
    background-image: linear-gradient(
        var(--e-global-color-primary),
        var(--e-global-color-primary));
    background-repeat: no-repeat;
    background-size: 26px 1px;
    background-position: center center;
}

.elementor-324 .elementor-menu-toggle:hover,
.elementor-324 .elementor-menu-toggle:focus {
    background-color: transparent !important;
}

.elementor-324 .elementor-menu-toggle svg,
.elementor-324 .elementor-menu-toggle i {
    display: none !important;
}

/* верхняя и нижняя линии */
.elementor-324 .elementor-menu-toggle::before,
.elementor-324 .elementor-menu-toggle::after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -13px;
    width: 26px;
    height: 1px;
    background-color: var(--e-global-color-primary);
    transition: transform .25s ease, top .25s ease;
}

.elementor-324 .elementor-menu-toggle::before { top: calc(50% - 8px); }
.elementor-324 .elementor-menu-toggle::after  { top: calc(50% + 8px); }

/* Раскрытое меню — крест из тех же двух линий, средняя убирается */
.elementor-324 .elementor-menu-toggle.elementor-active {
    background-image: none;
}

.elementor-324 .elementor-menu-toggle.elementor-active::before,
.elementor-324 .elementor-menu-toggle.elementor-active::after {
    top: 50%;
}

.elementor-324 .elementor-menu-toggle.elementor-active::before {
    transform: rotate(45deg);
}

.elementor-324 .elementor-menu-toggle.elementor-active::after {
    transform: rotate(-45deg);
}


/* ── Панель раскрытого меню ──
   По умолчанию Elementor кладёт её обычным блоком внутрь виджета, поэтому
   она была узкой полоской в 127px под кнопкой. Штатная галка «на всю ширину»
   промахивается на величину бокового поля шапки и даёт прокрутку, так что
   позиционируем сами: снимаем систему координат с колонки меню и с самого
   виджета, тогда панель считается от контейнера шапки и ложится от края
   до края ровно под ней. */
@media (max-width: 1024px) {
    .elementor-324 .elementor-element-993ca31,
    .elementor-324 .elementor-element-bbd8f66 {
        position: static;
    }

    .elementor-324 .elementor-nav-menu--dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        z-index: 10;
        border-top: 1px solid var(--e-global-color-accent);
        box-shadow: none;
    }

    /* Пункты начинаются на одной вертикали с логотипом: 5.2083vw — то же
       боковое поле, что у шапки и у секций страницы. */
    .elementor-324 .elementor-nav-menu--dropdown .elementor-nav-menu a.elementor-item {
        padding: 18px 5.2083vw;
    }

    /* Волосяные линии между пунктами, цвет «Линия». Под последним не нужна —
       там уже нижний край панели. */
    .elementor-324 .elementor-nav-menu--dropdown .elementor-nav-menu > li:not(:last-child) > a.elementor-item {
        border-bottom: 1px solid var(--e-global-color-accent);
    }
}

@media (max-width: 767px) {
    .elementor-324 .elementor-nav-menu--dropdown .elementor-nav-menu a.elementor-item {
        padding: 16px 5.2083vw;
    }
}


/* Нижний край панели — такая же волосяная линия, как между пунктами:
   иначе белое поле просто обрывается. */
@media (max-width: 1024px) {
    .elementor-324 .elementor-nav-menu--dropdown {
        border-bottom: 1px solid var(--e-global-color-accent);
    }

    /* На главной шапка лежит поверх фотографии и прозрачна. Пока меню
       раскрыто, сквозь неё виден кусок снимка над белой панелью — заливаем
       шапку белым, чтобы шапка и панель читались одним листом. */
    .elementor-324 .elementor-element-5e4620f:has(.elementor-menu-toggle.elementor-active) {
        background-color: var(--e-global-color-7225f35);
    }
}


/* Панель короче экрана, и под её нижним краем оставалась срезанная пополам
   строка заголовка. Продлеваем белое поле от панели донизу — меню читается
   как отдельный экран, а не как наклейка поверх текста.
   Закрывается крестом. Убрать — удалить этот блок. */
@media (max-width: 1024px) {
    .elementor-324 .elementor-nav-menu--dropdown::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 100vh;
        background-color: var(--e-global-color-7225f35);
    }
}


/* Подложка через ::after не сработала: у панели overflow-y: auto — Elementor
   делает длинное меню прокручиваемым, и всё, что ниже пунктов, обрезается.
   Поэтому тянем саму панель на высоту экрана. Заодно пропадает лишняя
   полоска прокрутки внутри меню, а нижняя линия становится не нужна —
   низа панели теперь не видно. Этот блок заменяет два правила выше. */
@media (max-width: 1024px) {
    .elementor-324 .elementor-nav-menu--dropdown::after {
        content: none;
    }

    .elementor-324 .elementor-nav-menu--dropdown {
        min-height: 100vh;
        border-bottom: 0;
    }
}


/* «ПОРТФОЛИО» убираем и на планшете, не только на мобильном: оно стояло
   к бургеру вплотную — зазор ровно 0px — и перекашивало шапку, справа два
   элемента против одного слева. Ссылка не теряется: пункт «Работы» лежит
   в том же меню, которое открывает бургер. Правило расширяет блок
   max-width: 767 выше — теперь шапка на планшете такая же, как на телефоне:
   логотип слева, бургер справа. */
@media (max-width: 1024px) {
    .elementor-324 .elementor-element-f85c4df {
        display: none;
    }
}


/* Область нажатия у бургера 44px, а видимые линии 26px — по 9px пустоты
   с каждой стороны. Из-за этого линии заканчивались в 49px от правого края,
   тогда как логотип начинается в 40px от левого: оптически шапка съезжала.
   Сдвигаем кнопку на эти 9px — теперь оба края на одинаковом расстоянии. */
@media (max-width: 1024px) {
    .elementor-324 .elementor-menu-toggle {
        margin-right: -9px;
    }
}


/* Правило выше не сработало: Elementor из настройки выравнивания кнопки
   пишет свой `margin: 0 auto` селектором из четырёх классов, а мой был из
   двух — его и перебивало. Повторяем тем же селектором, чтобы выиграть. */
@media (max-width: 1024px) {
    .elementor-324 .elementor-element.elementor-element-bbd8f66 .elementor-menu-toggle {
        margin: 0 -9px 0 auto;
    }
}


/* ── Выравнивание шапки на десктопе ──
   Логотип набран Cormorant 2.4vw, меню и «ПОРТФОЛИО» — Lato 1.0417vw.
   Флексбокс выравнивал их по центру коробок: центры видимых букв при этом
   сходились почти идеально (расхождение 0.6px), но базовые линии
   расходились на 6.6px — логотип стоял ниже строки меню. Глаз читает
   именно строку, отсюда ощущение кривизны.
   Ставим на общую базовую линию. Ниже 1025 меню превращается в бургер,
   у которого базовой линии нет, поэтому правило только для десктопа. */
@media (min-width: 1025px) {
    .elementor-324 .elementor-element-5e4620f {
        align-items: baseline;
    }
}/* End custom CSS */