.header {
    --hero-width: min(86%, 1600px);
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: clamp(44rem, 50vw, 61rem);
    overflow: hidden;
    background: #26262e;
}

.header::before {
    content: "";
    position: absolute;
    inset: 0 0 -8%;
    background: url(../images/1.jpg) center top / cover no-repeat;
}

.header .header_3 {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: var(--hero-width);
    gap: clamp(1.1rem, 4.9vw, 6.25rem);
    padding-block: clamp(1.25rem, 1.8vw, 2.1rem);
}

.header .header_3 .header_3_logo {
    width: auto;
    flex-wrap: nowrap;
}

.header_3 .header_3_logo .header_3_logo_left {
    padding-top: 0;
}

.bureau-brand {
    display: flex;
    gap: .8rem;
    align-items: center;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    font: clamp(1rem, 1.35vw, 1.5rem)/1.06 "Montserrat_SB", sans-serif;
}

.bureau-brand .bureau-amp {
    color: #e12021;
    font-family: "Oranienbaum_R", serif;
}

.bureau-brand img {
    display: block;
    width: clamp(3.35rem, 4.35vw, 5rem);
    height: auto;
}

.header_3 .header_3_logo .header_3_logo_right {
    width: min-content;
    font-size: clamp(.88rem, 1.36vw, 1.5rem);
    line-height: 1.06;
}

.header .header_3 .header_3_tel {
    width: auto;
    padding-left: 0;
    margin-left: auto;
    white-space: nowrap;
}

.header .header_3 .header_3_tel a {
    font-size: clamp(1.3rem, 2.02vw, 2.25rem);
}

.header .header_3_menu {
    position: relative;
    flex: 0 0 58px;
    min-height: 58px;
}

.header_3_soc {
    padding-right: 0;
}

.header_3_soc .custom {
    width: auto;
}

.header_4,
.header_4 > .custom {
    display: flex;
    flex: 1;
    min-width: 0;
}

.header_4 {
    position: relative;
    z-index: 1;
}

.header_4 .wrap_wapka {
    box-sizing: border-box;
    width: var(--hero-width);
    height: auto;
    padding-block: clamp(3rem, 6.6vw, 9rem) clamp(3rem, 4.6vw, 5rem);
}

.header_4 .wrap_wapka2 {
    width: 47%;
}

.header_4 .wrap_wapka .wrap_wapka2 .wrap_wapka_row_1 {
    padding-bottom: clamp(1.65rem, 2.6vw, 3rem);
    font-size: clamp(2.55rem, 4.42vw, 5.45rem);
    line-height: 1;
}

.header_4 .wrap_wapka .wrap_wapka2 .wrap_wapka_row_2 {
    width: min(100%, 42rem);
    color: #fff;
}

.header_4 .wrap_wapka .wrap_wapka2 .wrap_wapka_row_3 {
    padding-top: 1rem;
}

.hero-portraits {
    position: absolute;
    right: calc(max(0px, calc((100% - 1920px) / 2)) + clamp(3rem, calc(11vw - 4rem), 8.25rem));
    bottom: 0;
    width: min(48%, 950px);
    height: calc(100% - clamp(7.5rem, 8.4vw, 10rem));
    overflow: hidden;
    pointer-events: none;
}

.hero-portraits img {
    position: absolute;
    bottom: 0;
    width: auto;
    max-width: none;
}

.hero-portraits .hero-portrait--lead {
    left: 4%;
    bottom: -.75rem;
    height: calc(100% + .75rem);
    z-index: 1;
}

.hero-portrait--partner {
    right: 0;
    height: 96%;
}

.office-address {
    flex: 1;
    min-width: min(20rem, calc(100vw - 5rem));
    container-type: inline-size;
}

.wrap_kontakti_3_right_row_left_item .office-address .wrap_kontakti_3_right_row_left_item_right_row_2 {
    font-size: clamp(.7rem, 4.6cqw, 1.125rem);
}

@media (max-width: 1100px) {
    .header {
        --hero-width: calc(100% - 2rem);
        min-height: 0;
    }

    .header .header_3 {
        justify-content: center;
        flex-wrap: wrap;
        gap: .45rem 1rem;
        padding-block: .8rem;
    }

    .header .header_3 .header_3_tel {
        margin-left: 0;
    }

    .header_4 .wrap_wapka {
        justify-content: center;
        padding-block: 2.6rem 2rem;
    }

    .header_4 .wrap_wapka2 {
        width: min(100%, 42rem);
        text-align: center;
    }

    .header_4 .wrap_wapka .wrap_wapka2 .wrap_wapka_row_1 {
        font-size: clamp(2.25rem, 6.8vw, 4rem);
    }

    .header_4 .wrap_wapka .wrap_wapka2 .wrap_wapka_row_3 a {
        margin-inline: auto;
    }

    .hero-portraits {
        position: relative;
        right: auto;
        bottom: auto;
        margin-inline: auto;
        width: min(100%, 660px);
        height: clamp(15rem, 78vw, 34rem);
    }
}

@media (max-width: 600px) {
    .header .header_3 {
        column-gap: .55rem;
    }

    .header_3_soc .soc_a1 a {
        width: 44px;
        height: 44px;
    }

    .header_4 .wrap_wapka {
        width: calc(100% - 5.5rem);
    }

    .header_4 .wrap_wapka .wrap_wapka2 .wrap_wapka_row_2 {
        font-size: .94rem;
        line-height: 1.4;
    }

    .header_4 .wrap_wapka .wrap_wapka2 .wrap_wapka_row_3 a {
        width: min(100%, 275px);
    }

    .header .header_3 .header_3_logo {
        width: 100%;
        justify-content: center;
    }

    .header_3 .header_3_logo .header_3_logo_left {
        margin-right: .65rem;
        padding-right: .65rem;
    }
}