:root {
    --mgd-text: #111111;
    --mgd-muted: rgba(17, 17, 17, 0.58);
    --mgd-line: rgba(17, 17, 17, 0.12);
    --mgd-bg: #ffffff;
    --mgd-container: 1500px;
    --mgd-side: 64px;
    --mgd-accent: #D4C5B0;
}

body.single-projects,
body.single-projects .mgd-project-page,
body.single-projects .mgd-project-page * {
    box-sizing: border-box !important;
}

html,
body.single-projects {
    margin: 0 !important;
    padding: 0 !important;
    background: var(--mgd-bg) !important;
    color: var(--mgd-text) !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

body.single-projects .mgd-project-page a {
    text-decoration: none !important;
}

body.single-projects .mgd-project-page img {
    max-width: 100% !important;
}

body.single-projects .mgd-site-logo img,
body.single-projects .footer-logo img {
    max-width: none !important;
}

.mgd-project-page {
    background: #ffffff;
    color: var(--mgd-text);
    min-height: 100vh;
    overflow: hidden;
}

.mgd-project-container {
    width: min(var(--mgd-container), calc(100% - calc(var(--mgd-side) * 2)));
    margin: 0 auto;
}


body.single-projects #header.mgd-site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    padding: 24px var(--mgd-side) !important;
    background: transparent !important;
    border-bottom: none !important;
    transition: background 0.5s ease, backdrop-filter 0.5s ease, -webkit-backdrop-filter 0.5s ease !important;
}

body.single-projects #header.mgd-site-header.scrolled,
body.single-projects #header.mgd-site-header.is-scrolled {
    background: rgba(243,243,241,0.45) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: none !important;
    padding: 24px var(--mgd-side) !important;
}

.mgd-site-header-inner {
    max-width: var(--mgd-container) !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
}

.mgd-site-logo {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 165px !important;
    min-width: 165px !important;
    height: 48px !important;
    text-decoration: none !important;
}

.mgd-site-logo img {
    display: block !important;
    width: 165px !important;
    height: auto !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    transition: opacity 0.25s ease !important;
}

.mgd-logo-white { opacity: 1 !important; }
.mgd-logo-black { opacity: 0 !important; }

#header.scrolled .mgd-logo-white,
#header.is-scrolled .mgd-logo-white { opacity: 0 !important; }

#header.scrolled .mgd-logo-black,
#header.is-scrolled .mgd-logo-black { opacity: 1 !important; }

.mgd-site-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 38px !important;
}

.mgd-site-actions {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
}

.mgd-site-nav a,
.lang-current,
.lang-option,
.btn-contact-elegant {
    color: #FBFBFB !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: 0.15em !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    transition: color 0.4s ease, border-color 0.3s ease, background 0.3s ease, opacity 0.3s ease !important;
}

#header.scrolled .mgd-site-nav a,
#header.scrolled .lang-current,
#header.scrolled .lang-option,
#header.scrolled .btn-contact-elegant,
#header.is-scrolled .mgd-site-nav a,
#header.is-scrolled .lang-current,
#header.is-scrolled .lang-option,
#header.is-scrolled .btn-contact-elegant {
    color: #111111 !important;
}

.mgd-site-nav a {
    position: relative !important;
    display: inline-block !important;
}

.mgd-site-nav a::after {
    content: "" !important;
    position: absolute !important;
    bottom: -4px !important;
    left: 0 !important;
    width: 0 !important;
    height: 1px !important;
    background: #8a7a60 !important;
    transition: width 0.25s ease-out !important;
}

.mgd-site-nav a:hover::after { width: 100% !important; }

.mgd-site-nav a:hover,
#header.scrolled .mgd-site-nav a:hover,
#header.is-scrolled .mgd-site-nav a:hover { color: #8a7a60 !important; }

.btn-contact-elegant {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
    padding: 12px 26px !important;
    background: transparent !important;
    cursor: pointer !important;
}

.btn-contact-elegant svg {
    width: 16px !important;
    height: 16px !important;
    stroke: currentColor !important;
    fill: none !important;
}

.btn-contact-elegant:hover {
    background: rgba(255,255,255,0.1) !important;
    border-color: #FBFBFB !important;
}

#header.scrolled .btn-contact-elegant,
#header.is-scrolled .btn-contact-elegant { border-color: rgba(17,17,17,0.3) !important; }

#header.scrolled .btn-contact-elegant:hover,
#header.is-scrolled .btn-contact-elegant:hover {
    border-color: #111111 !important;
    background: rgba(17,17,17,0.05) !important;
}


.lang-dropdown {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.15em !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    z-index: 100000 !important;
}

.lang-current {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    font-family: inherit !important;
}

.lang-dropdown.is-lang-open .lang-current { color: var(--mgd-accent) !important; }

.lang-arrow {
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2 !important;
    transition: transform 0.3s ease !important;
}

.lang-dropdown.is-lang-open .lang-arrow { transform: rotate(180deg) !important; }

.lang-list {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    padding-top: 5px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

.lang-dropdown.is-lang-open .lang-list {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.lang-option {
    color: #FFFFFF !important;
    text-decoration: none !important;
    padding: 5px 0 !important;
    text-align: center !important;
    display: block !important;
    transition: color 0.3s, opacity 0.3s !important;
    opacity: 0.7 !important;
    width: 100% !important;
}

.lang-option:hover,
.lang-option.is-current {
    background-color: transparent !important;
    color: var(--mgd-accent) !important;
    opacity: 1 !important;
}

#header.scrolled .lang-arrow,
#header.is-scrolled .lang-arrow { stroke: #111111 !important; }

#header.scrolled .lang-option,
#header.is-scrolled .lang-option { color: #111111 !important; }

#header.scrolled .lang-option:hover,
#header.scrolled .lang-option.is-current,
#header.is-scrolled .lang-option:hover,
#header.is-scrolled .lang-option.is-current { color: #8a7a60 !important; }

@media (min-width: 992px) {
    .lang-dropdown:hover .lang-current { color: var(--mgd-accent) !important; }
    .lang-dropdown:hover .lang-arrow { transform: rotate(180deg) !important; }
    .lang-dropdown:hover .lang-list {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}


.mgd-project-single { overflow: hidden; }

.mgd-project-hero-v2 {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #111111;
}

.mgd-project-hero-bg { position: absolute; inset: 0; z-index: 1; }

.mgd-project-hero-bg img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.mgd-project-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: rgba(0,0,0,0.42);
}

.mgd-project-hero-inner {
    position: relative;
    z-index: 3;
    width: min(var(--mgd-container), calc(100% - calc(var(--mgd-side) * 2)));
    min-height: 100vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 120px 0 90px;
}

.mgd-project-back-v2 {
    position: absolute;
    left: 0;
    top: 132px;
    color: rgba(255,255,255,0.82) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
}

.mgd-project-back-v2:hover { color: #ffffff !important; }

.mgd-project-hero-center {
    max-width: 980px;
    text-align: center;
}

.mgd-project-kicker-v2 {
    margin-bottom: 22px;
    color: rgba(255,255,255,0.78);
    font-size: 13px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.mgd-project-title-v2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(42px, 5.2vw, 78px);
    line-height: 0.98;
    letter-spacing: -0.045em;
    font-weight: 400;
}


.mgd-project-info-section {
    background: #ffffff;
    padding: 110px 0 105px;
}

.mgd-project-info-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) 360px;
    gap: 110px;
    align-items: start;
    border-top: 1px solid var(--mgd-line);
    padding-top: 54px;
}

.mgd-project-info-left {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 68px;
    align-items: start;
}

.mgd-project-section-label,
.mgd-project-gallery-title {
    color: var(--mgd-muted);
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 400;
}

.mgd-project-description-v2 { max-width: 760px; }

.mgd-project-description-v2 p,
.mgd-project-description-v2 li {
    margin: 0 0 15px !important;
    color: #111111 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
    font-weight: 300 !important;
}

.mgd-project-description-v2 h2,
.mgd-project-description-v2 h3 {
    margin: 0 0 24px;
    color: #111111;
    font-size: 28px;
    line-height: 1.18;
    font-weight: 400;
    letter-spacing: -0.03em;
}

.mgd-project-details-card {
    border-top: none !important;
    padding-top: 0 !important;
    display: grid;
    gap: 26px;
}

.mgd-project-detail-row { display: grid; gap: 8px; }

.mgd-project-detail-row span {
    color: var(--mgd-muted);
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 400;
}

.mgd-project-detail-row strong {
    color: #111111;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
}


.mgd-project-gallery-section-v2 {
    background: #ffffff;
    padding: 0 0 128px;
}

.mgd-project-gallery-title { margin-bottom: 34px; }

.mgd-project-gallery-carousel {
    position: relative;
    width: 100%;
}

.mgd-project-gallery-viewport {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.mgd-project-gallery-viewport::-webkit-scrollbar {
    display: none;
}

.mgd-project-gallery-v2 {
    display: flex;
    gap: 0;
    width: max-content;
    min-width: 100%;
}

.mgd-project-gallery-item-v2 {
    margin: 0;
    width: 25vw;
    min-width: 25vw;
    height: 330px;
    overflow: hidden;
    background: #e6e6e3;
}

.mgd-gallery-lightbox-trigger {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    cursor: zoom-in !important;
}

.mgd-project-gallery-item-v2 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.5s ease;
}

.mgd-project-gallery-item-v2:hover img { transform: scale(1.035); }

.mgd-gallery-arrow {
    position: absolute !important;
    top: 50% !important;
    z-index: 20 !important;
    width: 48px !important;
    height: 48px !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,0.65) !important;
    background: rgba(17,17,17,0.42) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: background 0.25s ease, opacity 0.25s ease !important;
}

.mgd-gallery-arrow:hover {
    background: rgba(17,17,17,0.72) !important;
}

.mgd-gallery-arrow svg {
    width: 24px !important;
    height: 24px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 1.6 !important;
}

.mgd-gallery-arrow-prev { left: 24px !important; }
.mgd-gallery-arrow-next { right: 24px !important; }

.mgd-gallery-arrow.is-disabled {
    opacity: 0.25 !important;
    pointer-events: none !important;
}

.mgd-project-gallery-carousel.is-not-scrollable .mgd-gallery-arrow {
    display: none !important;
}

.mgd-gallery-lightbox {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 56px !important;
    background: rgba(0,0,0,0.82) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.25s ease, visibility 0.25s ease !important;
}

.mgd-gallery-lightbox.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.mgd-gallery-lightbox-image {
    max-width: min(86vw, 1500px) !important;
    max-height: 86vh !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

.mgd-gallery-lightbox-close {
    position: fixed !important;
    top: 22px !important;
    right: 28px !important;
    z-index: 1000001 !important;
    border: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 44px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    cursor: pointer !important;
}

.mgd-gallery-lightbox-arrow {
    position: fixed !important;
    top: 50% !important;
    z-index: 1000001 !important;
    width: 58px !important;
    height: 58px !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,0.45) !important;
    background: rgba(17,17,17,0.38) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: background 0.25s ease, border-color 0.25s ease !important;
}

.mgd-gallery-lightbox-arrow:hover {
    background: rgba(17,17,17,0.72) !important;
    border-color: rgba(255,255,255,0.75) !important;
}

.mgd-gallery-lightbox-arrow svg {
    width: 28px !important;
    height: 28px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 1.6 !important;
}

.mgd-gallery-lightbox-prev { left: 40px !important; }
.mgd-gallery-lightbox-next { right: 40px !important; }


.section.footer.new-premium-footer {
    position: relative !important;
    overflow: hidden !important;
    padding: 50px var(--mgd-side) 20px !important;
    color: #FFFFFF !important;
    background-color: #111 !important;
}

.section.footer.new-premium-footer::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: url('http://maxgroupdev.pl/wp-content/uploads/2026/05/692d52ec356e8549a2ee446c_Rectangle2031-min-scaled.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    z-index: 1 !important;
}

.section.footer.new-premium-footer::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    z-index: 2 !important;
}

.footer-main-container {
    position: relative !important;
    z-index: 10 !important;
    max-width: var(--mgd-container) !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.footer-top-row {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr !important;
    gap: 40px !important;
    margin-bottom: 40px !important;
}

.footer-logo.is-large img {
    height: 60px !important;
    width: auto !important;
    filter: brightness(0) invert(1) !important;
    margin-bottom: 60px !important;
    display: block !important;
}

.co-name {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 12px !important;
}

.company-legal-details p {
    font-size: 13px !important;
    font-weight: 300 !important;
    color: #FFFFFF !important;
    line-height: 1.6 !important;
    margin: 0 0 5px 0 !important;
    opacity: 0.8 !important;
}

.footer-contacts-block {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding-top: 122px !important;
}

.footer-contacts-title {
    font-size: 12px !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2em !important;
    margin-bottom: 20px !important;
}

.footer-contact-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

.contact-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    transition: opacity 0.3s !important;
}

.contact-item:hover { opacity: 0.7 !important; }

.contact-item svg {
    width: 18px !important;
    height: 18px !important;
    color: #D4C5B0 !important;
    stroke-width: 1.5px !important;
}

.footer-extra-space { min-height: 40px !important; }

.footer-middle-row {
    width: 100% !important;
    margin-bottom: 25px !important;
}

.footer-horizontal-nav {
    display: flex !important;
    justify-content: center !important;
    gap: 40px !important;
    flex-wrap: wrap !important;
}

.footer-horizontal-nav a {
    color: #FFFFFF !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    text-decoration: none !important;
    transition: 0.3s !important;
    opacity: 0.8 !important;
}

.footer-horizontal-nav a:hover {
    color: #D4C5B0 !important;
    opacity: 1 !important;
}

.footer-divider-line {
    width: 100% !important;
    height: 1px !important;
    background: rgba(255,255,255,0.15) !important;
    margin-bottom: 20px !important;
}

.footer-bottom-row {
    display: flex !important;
    justify-content: space-between !important;
    gap: 24px !important;
    font-size: 11px !important;
    color: rgba(255,255,255,0.5) !important;
    text-transform: uppercase !important;
}

.legal-links-group a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}

.legal-links-group a:hover { color: #FFFFFF !important; }


@media (max-width: 1200px) {
    :root { --mgd-side: 48px; }

    .mgd-project-info-grid {
        grid-template-columns: 1fr;
        gap: 56px;
    }

    .mgd-project-details-card { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 991px) {
    :root { --mgd-side: 24px; }

    body.single-projects #header.mgd-site-header,
    body.single-projects #header.mgd-site-header.scrolled,
    body.single-projects #header.mgd-site-header.is-scrolled { padding: 18px var(--mgd-side) !important; }

    .mgd-site-nav { display: none !important; }

    .mgd-site-logo,
    .mgd-site-logo img {
        width: 150px !important;
        min-width: 150px !important;
    }

    .mgd-site-actions { gap: 18px !important; }
    .btn-contact-elegant { padding: 11px 18px !important; }
    .mgd-project-back-v2 { top: 110px; }
    .mgd-project-title-v2 { font-size: clamp(38px, 10vw, 62px); }
    .mgd-project-info-section { padding: 80px 0; }

    .mgd-project-info-left {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .mgd-project-details-card {
        grid-template-columns: 1fr;
        border-top: 1px solid var(--mgd-line) !important;
        padding-top: 28px !important;
    }

    .mgd-project-gallery-item-v2 {
        width: 50vw;
        min-width: 50vw;
        height: 300px;
    }

    .footer-top-row {
        grid-template-columns: 1fr !important;
        text-align: center !important;
        gap: 30px !important;
        margin-bottom: 30px !important;
    }

    .footer-logo.is-large,
    .footer-contacts-block {
        align-items: center !important;
        padding-top: 0 !important;
    }

    .footer-logo.is-large img {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 40px !important;
    }

    .contact-item { justify-content: center !important; }

    .footer-bottom-row {
        flex-direction: column !important;
        gap: 15px !important;
        align-items: center !important;
        text-align: center !important;
    }
}

@media (max-width: 600px) {
    :root { --mgd-side: 18px; }

    .mgd-site-logo,
    .mgd-site-logo img {
        width: 132px !important;
        min-width: 132px !important;
    }

    .btn-contact-elegant {
        font-size: 11px !important;
        padding: 10px 14px !important;
    }

    .lang-current,
    .lang-option { font-size: 11px !important; }

    .mgd-project-hero-inner {
        align-items: flex-start;
        text-align: left;
    }

    .mgd-project-hero-center { text-align: left; }
    .mgd-project-title-v2 { font-size: 42px; }

    .mgd-project-description-v2 p,
    .mgd-project-description-v2 li { font-size: 16px; }

    .mgd-project-gallery-v2 { grid-template-columns: 1fr; }

    .mgd-project-gallery-item-v2,
    .mgd-project-gallery-item-v2:first-child {
        grid-column: span 1;
        width: 82vw;
        min-width: 82vw;
        height: 300px;
    }

    .mgd-gallery-lightbox {
        padding: 26px !important;
    }

    .mgd-gallery-lightbox-arrow {
        width: 44px !important;
        height: 44px !important;
    }

    .mgd-gallery-lightbox-prev { left: 14px !important; }
    .mgd-gallery-lightbox-next { right: 14px !important; }

    .footer-horizontal-nav { gap: 18px !important; }
}


@media (max-width: 767px) {
    body.single-projects .mgd-project-gallery-section-v2 {
        padding-bottom: 96px !important;
    }

    body.single-projects .mgd-project-gallery-carousel {
        width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: hidden !important;
    }

    body.single-projects .mgd-project-gallery-viewport {
        width: 100vw !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-left: 0 !important;
    }

    body.single-projects .mgd-project-gallery-v2 {
        gap: 0 !important;
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    body.single-projects .mgd-project-gallery-item-v2,
    body.single-projects .mgd-project-gallery-item-v2:first-child {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 360px !important;
        flex: 0 0 100vw !important;
        scroll-snap-align: start !important;
        margin: 0 !important;
    }

    body.single-projects .mgd-project-gallery-item-v2 img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    body.single-projects .mgd-gallery-arrow {
        width: 54px !important;
        height: 54px !important;
    }

    body.single-projects .mgd-gallery-prev { left: 16px !important; }
    body.single-projects .mgd-gallery-next { right: 16px !important; }

    body.single-projects .footer-logo.is-large,
    body.single-projects .footer-info-block {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    body.single-projects .footer-logo.is-large img {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }

    body.single-projects #header.mgd-site-header,
    body.single-projects #header.mgd-site-header.scrolled,
    body.single-projects #header.mgd-site-header.is-scrolled {
        padding: 22px 28px !important;
    }

    body.single-projects .mgd-site-header-inner {
        gap: 18px !important;
    }

    body.single-projects .mgd-site-actions {
        gap: 26px !important;
    }

    body.single-projects .lang-current,
    body.single-projects .lang-option,
    body.single-projects .btn-contact-elegant {
        font-size: 16px !important;
        font-weight: 600 !important;
        letter-spacing: 0.12em !important;
    }

    body.single-projects .lang-current {
        gap: 9px !important;
    }

    body.single-projects .lang-arrow {
        width: 16px !important;
        height: 16px !important;
    }

    body.single-projects .btn-contact-elegant {
        border: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body.single-projects .btn-contact-elegant svg {
        display: none !important;
    }

    body.single-projects .mgd-contact-label-desktop {
        display: none !important;
    }

    body.single-projects .mgd-contact-label-mobile {
        display: inline !important;
    }
}

@media (min-width: 768px) {
    body.single-projects .mgd-contact-label-mobile {
        display: none !important;
    }

    body.single-projects .mgd-contact-label-desktop {
        display: inline !important;
    }
}

@media (max-width: 420px) {
    body.single-projects .mgd-project-gallery-item-v2,
    body.single-projects .mgd-project-gallery-item-v2:first-child {
        height: 350px !important;
    }

    body.single-projects #header.mgd-site-header,
    body.single-projects #header.mgd-site-header.scrolled,
    body.single-projects #header.mgd-site-header.is-scrolled {
        padding: 20px 26px !important;
    }

    body.single-projects .mgd-site-logo,
    body.single-projects .mgd-site-logo img {
        width: 132px !important;
        min-width: 132px !important;
    }
}

.mgd-project-mobile-menu {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    background: #111111 !important;
    color: #ffffff !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.28s ease, visibility 0.28s ease !important;
    padding: 32px 28px !important;
}

.mgd-project-mobile-menu.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.mgd-project-mobile-menu-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 72px !important;
}

.mgd-project-mobile-menu-logo img {
    width: 165px !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important;
}

.mgd-project-mobile-menu-close {
    appearance: none !important;
    border: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.mgd-project-mobile-menu-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
}

.mgd-project-mobile-menu-nav a {
    color: #ffffff !important;
    font-size: 32px !important;
    line-height: 1.05 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.mgd-project-mobile-menu-bottom {
    position: absolute !important;
    left: 28px !important;
    right: 28px !important;
    bottom: 34px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.mgd-project-mobile-menu-bottom a {
    color: rgba(255,255,255,0.78) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

html.mgd-mobile-menu-open,
html.mgd-mobile-menu-open body {
    overflow: hidden !important;
}

@media (max-width: 767px) {
    body.single-projects .project-page-navbar {
        display: none !important;
    }

    body.single-projects #header.mgd-site-header,
    body.single-projects #header.mgd-site-header.scrolled,
    body.single-projects #header.mgd-site-header.is-scrolled {
        padding: 16px 10px !important;
        background: transparent !important;
        border: 0 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.single-projects #header.mgd-site-header.scrolled,
    body.single-projects #header.mgd-site-header.is-scrolled {
        background: rgba(243,243,241,0.45) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
    }

    body.single-projects .mgd-site-header-inner {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    body.single-projects .mgd-site-nav,
    body.single-projects .mgd-contact-label-desktop,
    body.single-projects .btn-contact-elegant svg {
        display: none !important;
    }

    body.single-projects .mgd-site-logo,
    body.single-projects .mgd-site-logo img {
        width: 165px !important;
        min-width: 165px !important;
        height: auto !important;
    }

    body.single-projects .mgd-site-actions {
        display: flex !important;
        align-items: center !important;
        gap: 24px !important;
        margin-left: auto !important;
    }

    body.single-projects .lang-current,
    body.single-projects .btn-contact-elegant,
    body.single-projects .mgd-contact-label-mobile {
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        letter-spacing: 0.12em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        border: 0 !important;
        background: transparent !important;
        padding: 0 !important;
    }

    body.single-projects #header.mgd-site-header.scrolled .lang-current,
    body.single-projects #header.mgd-site-header.scrolled .btn-contact-elegant,
    body.single-projects #header.mgd-site-header.scrolled .mgd-contact-label-mobile,
    body.single-projects #header.mgd-site-header.is-scrolled .lang-current,
    body.single-projects #header.mgd-site-header.is-scrolled .btn-contact-elegant,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-contact-label-mobile {
        color: #111111 !important;
    }

    body.single-projects #header.mgd-site-header.scrolled .mgd-logo-white,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-logo-white { opacity: 0 !important; }
    body.single-projects #header.mgd-site-header.scrolled .mgd-logo-black,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-logo-black { opacity: 1 !important; }
}

.project-cms-mobile-menu {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100vw !important;
    height: 100vh !important;
    padding: 24px 28px 42px !important;
    box-sizing: border-box !important;
    background: rgba(0, 0, 0, 0.72) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-10px) !important;
    transition: opacity .34s ease, transform .34s ease, visibility .34s ease !important;
}

.project-cms-mobile-menu.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

.project-cms-mobile-menu-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin-bottom: 86px !important;
}

.project-cms-mobile-menu-logo img {
    width: 240px !important;
    max-width: 44vw !important;
    height: auto !important;
    display: block !important;
}

.project-cms-mobile-menu-actions {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    margin-left: auto !important;
}

.project-cms-mobile-menu .lang-current,
.project-cms-mobile-menu .lang-option,
.project-cms-mobile-menu-close {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.project-cms-mobile-menu-close {
    appearance: none !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    cursor: pointer !important;
}

.project-cms-mobile-menu-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
}

.project-cms-mobile-menu-nav a {
    color: #ffffff !important;
    font-size: clamp(38px, 8vw, 56px) !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    letter-spacing: 0.11em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.project-cms-mobile-menu-bottom {
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.project-cms-mobile-menu-bottom a {
    color: rgba(255,255,255,.82) !important;
    font-size: 13px !important;
    letter-spacing: .1em !important;
    text-decoration: none !important;
}

.project-cms-menu-lock,
.project-cms-menu-lock body {
    overflow: hidden !important;
    touch-action: none !important;
}

.project-cms-mobile-header { display: none !important; }
@media (max-width: 767px) {
    .project-cms-mobile-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999998 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 16px 10px !important;
        box-sizing: border-box !important;
        background: transparent !important;
    }
    .project-cms-mobile-header.is-scrolled {
        background: rgba(243,243,241,0.45) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
    }
    .project-cms-mobile-header-logo { position: relative !important; display: block !important; width: 165px !important; min-width: 165px !important; height: 55px !important; }
    .project-cms-mobile-header-logo img { position: absolute !important; left: 0 !important; top: 0 !important; width: 165px !important; height: auto !important; transition: opacity .25s ease !important; }
    .project-cms-logo-black { opacity: 0 !important; }
    .project-cms-mobile-header.is-scrolled .project-cms-logo-white { opacity: 0 !important; }
    .project-cms-mobile-header.is-scrolled .project-cms-logo-black { opacity: 1 !important; }
    .project-cms-mobile-header-actions { display: flex !important; align-items: center !important; gap: 24px !important; margin-left: auto !important; }
    .project-cms-mobile-header .lang-current,
    .project-cms-mobile-header-menu {
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        letter-spacing: .12em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        border: 0 !important;
        background: transparent !important;
        padding: 0 !important;
    }
    .project-cms-mobile-header.is-scrolled .lang-current,
    .project-cms-mobile-header.is-scrolled .project-cms-mobile-header-menu { color: #111111 !important; }
}

@media (max-width: 767px) {
    .project-cms-mobile-header {
        top: 0 !important;
        min-height: 94px !important;
        padding: 18px 16px 16px 16px !important;
        overflow: visible !important;
        align-items: center !important;
    }
    .project-cms-mobile-header-logo {
        width: 188px !important;
        min-width: 188px !important;
        height: 64px !important;
        overflow: visible !important;
        display: flex !important;
        align-items: center !important;
    }
    .project-cms-mobile-header-logo img {
        width: 188px !important;
        max-width: none !important;
        height: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        object-fit: contain !important;
    }
    .project-cms-mobile-header-actions {
        gap: 20px !important;
        flex: 0 0 auto !important;
    }
    .project-cms-mobile-header .lang-current,
    .project-cms-mobile-header-menu {
        appearance: none !important;
        border: 0 !important;
        background: transparent !important;
        cursor: pointer !important;
        font-family: inherit !important;
        line-height: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .project-cms-mobile-menu {
        z-index: 2147483640 !important;
        padding: 96px 28px 42px 28px !important;
    }
    .project-cms-mobile-menu-top {
        position: absolute !important;
        top: 22px !important;
        left: 28px !important;
        right: 28px !important;
        width: auto !important;
        margin-bottom: 0 !important;
    }
    .project-cms-mobile-menu-logo img {
        width: 240px !important;
        max-width: 46vw !important;
    }
}
@media (max-width: 390px) {
    .project-cms-mobile-header {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .project-cms-mobile-header-logo {
        width: 178px !important;
        min-width: 178px !important;
    }
    .project-cms-mobile-header-logo img {
        width: 178px !important;
    }
    .project-cms-mobile-header-actions {
        gap: 16px !important;
    }
}


:root {
    --project-cms-header-y: 28px;
    --project-cms-page-x: 56px;
    --project-cms-container: 1260px;
}
@media (max-width: 1200px) { :root { --project-cms-page-x: 48px; --project-cms-header-y: 24px; } }
@media (max-width: 991px) { :root { --project-cms-page-x: 24px; --project-cms-header-y: 18px; } }
@media (max-width: 767px) { :root { --project-cms-page-x: 16px; --project-cms-header-y: 16px; } }
@media (max-width: 390px) { :root { --project-cms-page-x: 10px; --project-cms-header-y: 16px; } }

.project-cms-mobile-header {
    display: none !important;
}

@media (max-width: 991px) {
    body.single-projects .project-page-navbar,
    body.single-projects #header.mgd-site-header,
    body.single-projects .mgd-site-header {
        display: none !important;
    }

    .project-cms-mobile-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 999998 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        padding-left: var(--project-cms-page-x) !important;
        padding-right: var(--project-cms-page-x) !important;
        padding-top: var(--project-cms-header-y) !important;
        padding-bottom: var(--project-cms-header-y) !important;
        background: transparent !important;
        border-bottom: 1px solid transparent !important;
        transition: background .5s ease, border-color .5s ease, backdrop-filter .5s ease, -webkit-backdrop-filter .5s ease !important;
        overflow: visible !important;
    }

    .project-cms-mobile-header.is-scrolled {
        background: rgba(243,243,241,0.45) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
        border-bottom-color: rgba(0,0,0,0.04) !important;
    }

    .project-cms-mobile-header-logo {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        width: 165px !important;
        min-width: 165px !important;
        height: 50px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        text-decoration: none !important;
    }

    .project-cms-mobile-header-logo img {
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 165px !important;
        max-width: 165px !important;
        height: auto !important;
        display: block !important;
        object-fit: contain !important;
        transition: opacity .4s ease !important;
    }

    .project-cms-logo-white { opacity: 1 !important; }
    .project-cms-logo-black { opacity: 0 !important; }
    .project-cms-mobile-header.is-scrolled .project-cms-logo-white { opacity: 0 !important; }
    .project-cms-mobile-header.is-scrolled .project-cms-logo-black { opacity: 1 !important; }

    .project-cms-mobile-header-actions {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 20px !important;
        margin-left: auto !important;
        flex: 0 0 auto !important;
        overflow: visible !important;
    }

    .project-cms-mobile-header .lang-dropdown,
    .project-cms-mobile-header .lang-current,
    .project-cms-mobile-header .lang-option,
    .project-cms-mobile-header-menu {
        pointer-events: auto !important;
    }

    .project-cms-mobile-header .lang-dropdown {
        display: flex !important;
        position: relative !important;
        z-index: 2147483000 !important;
        margin: 0 !important;
        color: #FBFBFB !important;
        overflow: visible !important;
    }

    .project-cms-mobile-header .lang-current,
    .project-cms-mobile-header-menu {
        appearance: none !important;
        -webkit-appearance: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #FBFBFB !important;
        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        text-decoration: none !important;
        cursor: pointer !important;
        transition: color .4s ease !important;
    }

    .project-cms-mobile-header .lang-arrow {
        stroke: currentColor !important;
        fill: none !important;
        stroke-width: 2 !important;
        transition: stroke .4s ease !important;
    }

    .project-cms-mobile-header.is-scrolled .lang-current,
    .project-cms-mobile-header.is-scrolled .lang-dropdown,
    .project-cms-mobile-header.is-scrolled .project-cms-mobile-header-menu {
        color: #111111 !important;
    }
    .project-cms-mobile-header.is-scrolled .lang-arrow { stroke: #111111 !important; }

    .project-cms-mobile-header .lang-list {
        z-index: 2147483001 !important;
        min-width: 62px !important;
    }

    .project-cms-mobile-header .lang-option {
        text-decoration: none !important;
    }

    .project-cms-mobile-menu {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        z-index: 2147483640 !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
        padding: 100px 30px 40px 30px !important;
        background-color: rgba(0, 0, 0, 0.48) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-10px) !important;
        transition: opacity .34s ease, transform .34s ease, visibility .34s ease !important;
    }

    .project-cms-mobile-menu.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    .project-cms-mobile-menu-top {
        position: absolute !important;
        top: 22px !important;
        left: 30px !important;
        right: 30px !important;
        width: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .project-cms-mobile-menu-logo {
        display: flex !important;
        align-items: center !important;
        width: 240px !important;
        max-width: 46vw !important;
        height: 50px !important;
        overflow: visible !important;
    }
    .project-cms-mobile-menu-logo img {
        width: 240px !important;
        max-width: 46vw !important;
        height: auto !important;
        display: block !important;
        object-fit: contain !important;
    }

    .project-cms-mobile-menu-actions {
        display: flex !important;
        align-items: center !important;
        gap: 20px !important;
        margin-left: auto !important;
    }

    .project-cms-mobile-menu .lang-dropdown {
        display: flex !important;
        position: relative !important;
        z-index: 2147483000 !important;
        color: #ffffff !important;
    }
    .project-cms-mobile-menu .lang-current,
    .project-cms-mobile-menu .lang-option,
    .project-cms-mobile-menu-close {
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        text-decoration: none !important;
    }
    .project-cms-mobile-menu .lang-arrow { stroke: #ffffff !important; fill: none !important; }
    .project-cms-mobile-menu .lang-list {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        min-width: 70px !important;
        padding-top: 10px !important;
        z-index: 2147483001 !important;
    }
    .project-cms-mobile-menu .lang-option {
        color: #ffffff !important;
        padding: 7px 0 !important;
    }
    .project-cms-mobile-menu-close {
        appearance: none !important;
        -webkit-appearance: none !important;
        border: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        cursor: pointer !important;
    }

    .project-cms-mobile-menu-nav {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .project-cms-mobile-menu-nav a {
        display: block !important;
        color: #ffffff !important;
        font-size: 28px !important;
        font-weight: 300 !important;
        line-height: 1.15 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
        text-decoration: none !important;
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
    }

    .project-cms-mobile-menu-bottom {
        margin-top: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding: 0 !important;
    }
    .project-cms-mobile-menu-bottom a {
        color: rgba(255,255,255,.82) !important;
        font-size: 13px !important;
        letter-spacing: .1em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    html.project-cms-menu-lock,
    body.project-cms-menu-lock {
        overflow: hidden !important;
        touch-action: none !important;
    }
}

@media (max-width: 390px) {
    .project-cms-mobile-header-actions { gap: 16px !important; }
    .project-cms-mobile-header-logo {
        width: 165px !important;
        min-width: 165px !important;
    }
    .project-cms-mobile-header-logo img {
        width: 165px !important;
        max-width: 165px !important;
    }
}

@media (max-width: 991px) {
    body .project-cms-mobile-header {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 82px !important;
        z-index: 2147483000 !important;
        pointer-events: auto !important;
        transform: none !important;
        overflow: visible !important;
        padding-left: var(--project-cms-page-x, 16px) !important;
        padding-right: var(--project-cms-page-x, 16px) !important;
        padding-top: var(--project-cms-header-y, 16px) !important;
        padding-bottom: var(--project-cms-header-y, 16px) !important;
        box-sizing: border-box !important;
        align-items: center !important;
        justify-content: space-between !important;
        background: transparent !important;
        border-bottom: 1px solid transparent !important;
    }

    body .project-cms-mobile-header.is-scrolled {
        background: rgba(243,243,241,0.45) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
        border-bottom-color: rgba(0,0,0,0.04) !important;
    }

    body .project-cms-mobile-header-logo {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 165px !important;
        min-width: 165px !important;
        height: 50px !important;
        max-width: 165px !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 2147483001 !important;
        flex: 0 0 165px !important;
    }

    body .project-cms-mobile-header-logo img {
        display: block !important;
        visibility: visible !important;
        width: 165px !important;
        max-width: 165px !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    body .project-cms-logo-white { opacity: 1 !important; }
    body .project-cms-logo-black { opacity: 0 !important; }
    body .project-cms-mobile-header.is-scrolled .project-cms-logo-white { opacity: 0 !important; }
    body .project-cms-mobile-header.is-scrolled .project-cms-logo-black { opacity: 1 !important; }

    body .project-cms-mobile-header-actions {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 20px !important;
        margin-left: auto !important;
        position: relative !important;
        z-index: 2147483002 !important;
        overflow: visible !important;
        flex: 0 0 auto !important;
    }

    body .project-cms-mobile-header .lang-dropdown,
    body .project-cms-mobile-header .lang-current,
    body .project-cms-mobile-header-menu {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #FBFBFB !important;
        pointer-events: auto !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        text-decoration: none !important;
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
    }

    body .project-cms-mobile-header.is-scrolled .lang-current,
    body .project-cms-mobile-header.is-scrolled .lang-dropdown,
    body .project-cms-mobile-header.is-scrolled .project-cms-mobile-header-menu {
        color: #111111 !important;
    }

    body .project-cms-mobile-header .lang-arrow { stroke: currentColor !important; }
    body .project-cms-mobile-header.is-scrolled .lang-arrow { stroke: #111111 !important; }

    body .project-cms-mobile-menu {
        z-index: 2147483640 !important;
    }
}

@media (max-width: 390px) {
    body .project-cms-mobile-header {
        min-height: 78px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    body .project-cms-mobile-header-actions { gap: 16px !important; }
}

body.single-projects #header.mgd-site-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 2147482000 !important;
    background: transparent !important;
    border-bottom: 1px solid transparent !important;
    padding: 24px var(--mgd-side) !important;
    box-sizing: border-box !important;
    transition: background 0.5s ease, backdrop-filter 0.5s ease, -webkit-backdrop-filter 0.5s ease, border-color 0.5s ease !important;
    pointer-events: auto !important;
}

body.single-projects #header.mgd-site-header.scrolled,
body.single-projects #header.mgd-site-header.is-scrolled {
    background: rgba(243,243,241,0.45) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom-color: rgba(0,0,0,0.04) !important;
}

body.single-projects #header.mgd-site-header .mgd-site-header-inner {
    max-width: var(--mgd-container) !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
    overflow: visible !important;
}

body.single-projects #header.mgd-site-header .mgd-site-logo {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 165px !important;
    width: 165px !important;
    min-width: 165px !important;
    height: 50px !important;
    overflow: visible !important;
    text-decoration: none !important;
}

body.single-projects #header.mgd-site-header .mgd-site-logo img {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 165px !important;
    max-width: 165px !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
    transition: opacity .4s ease !important;
}

body.single-projects #header.mgd-site-header .mgd-logo-white { opacity: 1 !important; }
body.single-projects #header.mgd-site-header .mgd-logo-black { opacity: 0 !important; }
body.single-projects #header.mgd-site-header.scrolled .mgd-logo-white,
body.single-projects #header.mgd-site-header.is-scrolled .mgd-logo-white { opacity: 0 !important; }
body.single-projects #header.mgd-site-header.scrolled .mgd-logo-black,
body.single-projects #header.mgd-site-header.is-scrolled .mgd-logo-black { opacity: 1 !important; }

body.single-projects #header.mgd-site-header .mgd-site-actions {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    margin-left: auto !important;
    overflow: visible !important;
}

body.single-projects #header.mgd-site-header .mgd-project-mobile-menu-btn {
    display: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    background: transparent !important;
    color: #FBFBFB !important;
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: color .4s ease !important;
}

body.single-projects #header.mgd-site-header.scrolled .mgd-project-mobile-menu-btn,
body.single-projects #header.mgd-site-header.is-scrolled .mgd-project-mobile-menu-btn { color: #111111 !important; }

body.single-projects .project-cms-mobile-menu {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 2147483000 !important;
    background: rgba(0,0,0,0.78) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    padding: 28px 24px 40px !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
}

body.single-projects .project-cms-mobile-menu.is-open {
    display: flex !important;
    flex-direction: column !important;
}

body.single-projects .project-cms-mobile-menu-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 70px !important;
    position: static !important;
    width: 100% !important;
}

body.single-projects .project-cms-mobile-menu-logo img {
    width: 155px !important;
    max-width: 155px !important;
    height: auto !important;
    display: block !important;
}

body.single-projects .project-cms-mobile-menu-actions {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    margin-left: auto !important;
}

body.single-projects .project-cms-mobile-menu .lang-dropdown {
    display: flex !important;
    position: relative !important;
    z-index: 2147483001 !important;
    color: #ffffff !important;
}

body.single-projects .project-cms-mobile-menu .lang-current,
body.single-projects .project-cms-mobile-menu .lang-option,
body.single-projects .project-cms-mobile-menu-close {
    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

body.single-projects .project-cms-mobile-menu-close {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.single-projects .project-cms-mobile-menu .lang-arrow {
    stroke: currentColor !important;
    fill: none !important;
}

body.single-projects .project-cms-mobile-menu .lang-list {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    min-width: 70px !important;
    padding-top: 10px !important;
    z-index: 2147483002 !important;
}

body.single-projects .project-cms-mobile-menu-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    margin: 0 0 auto !important;
    padding: 0 !important;
}

body.single-projects .project-cms-mobile-menu-nav a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-projects .project-cms-mobile-menu-bottom {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin-top: 60px !important;
    padding: 0 !important;
}

body.single-projects .project-cms-mobile-menu-bottom a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    opacity: 0.85 !important;
}

body.project-cms-menu-lock { overflow: hidden !important; }
html.project-cms-menu-lock { overflow: hidden !important; }

@media (max-width: 991px) {
    body.single-projects #header.mgd-site-header {
        display: block !important;
        padding: 18px 18px !important;
        min-height: 86px !important;
        overflow: visible !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-header-inner {
        gap: 20px !important;
        min-height: 50px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-nav,
    body.single-projects #header.mgd-site-header .mgd-contact-desktop {
        display: none !important;
    }

    body.single-projects #header.mgd-site-header .mgd-project-mobile-menu-btn {
        display: block !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        letter-spacing: 0.15em !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-actions {
        gap: 20px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo {
        flex-basis: 165px !important;
        width: 165px !important;
        min-width: 165px !important;
        height: 50px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img {
        width: 165px !important;
        max-width: 165px !important;
    }

    body.single-projects #header.mgd-site-header .lang-current {
        font-size: 16px !important;
        font-weight: 500 !important;
        letter-spacing: 0.15em !important;
    }

    body.single-projects .project-cms-mobile-menu {
        padding: 28px 24px 40px !important;
    }
}

@media (max-width: 390px) {
    body.single-projects #header.mgd-site-header {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-actions {
        gap: 16px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo {
        flex-basis: 155px !important;
        width: 155px !important;
        min-width: 155px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img {
        width: 155px !important;
        max-width: 155px !important;
    }
}


@media (max-width: 991px) {
    body.single-projects #header.mgd-site-header {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 2147482000 !important;
        padding: 18px 24px !important;
        min-height: 86px !important;
        background: transparent !important;
        transition: all 0.5s ease !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body.single-projects #header.mgd-site-header.scrolled,
    body.single-projects #header.mgd-site-header.is-scrolled {
        background: rgba(243,243,241,0.45) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
        border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-header-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 50px !important;
        gap: 20px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: 50px !important;
        margin: 0 !important;
        overflow: visible !important;
        position: relative !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img {
        height: 50px !important;
        width: auto !important;
        max-width: none !important;
        object-fit: contain !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        transition: opacity .4s ease !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-actions {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 20px !important;
        margin-left: auto !important;
        overflow: visible !important;
    }

    body.single-projects #header.mgd-site-header .lang-current,
    body.single-projects #header.mgd-site-header .mgd-project-mobile-menu-btn {
        color: #FBFBFB !important;
        font-family: inherit !important;
        font-size: 16px !important;
        line-height: 1 !important;
        font-weight: 500 !important;
        letter-spacing: 0.15em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        transition: color .4s ease !important;
    }

    body.single-projects #header.mgd-site-header .mgd-project-mobile-menu-btn {
        display: block !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        border: 0 !important;
        background: transparent !important;
        cursor: pointer !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body.single-projects #header.mgd-site-header.scrolled .lang-current,
    body.single-projects #header.mgd-site-header.is-scrolled .lang-current,
    body.single-projects #header.mgd-site-header.scrolled .mgd-project-mobile-menu-btn,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-project-mobile-menu-btn {
        color: #111111 !important;
    }

    body.single-projects #header.mgd-site-header .lang-arrow {
        stroke: currentColor !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-nav,
    body.single-projects #header.mgd-site-header .mgd-contact-desktop {
        display: none !important;
    }

    body.single-projects .project-cms-mobile-menu {
        display: flex !important;
        flex-direction: column !important;
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        z-index: 2147483000 !important;
        background-color: rgba(0, 0, 0, 0.24) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
        padding: 34px 30px calc(96px + env(safe-area-inset-bottom, 0px)) 30px !important;
        color: #ffffff !important;
        box-sizing: border-box !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-12px) !important;
        transition: opacity .35s ease, transform .35s ease, visibility .35s ease !important;
        overflow: hidden !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    body.single-projects .project-cms-mobile-menu-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        margin: 0 0 170px 0 !important;
        padding: 0 !important;
        position: static !important;
        box-sizing: border-box !important;
    }

    body.single-projects .project-cms-mobile-menu-logo {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: 50px !important;
        overflow: visible !important;
    }

    body.single-projects .project-cms-mobile-menu-logo img {
        height: 50px !important;
        width: auto !important;
        max-width: none !important;
        display: block !important;
        object-fit: contain !important;
    }

    body.single-projects .project-cms-mobile-menu-actions {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 20px !important;
        margin-left: auto !important;
    }

    body.single-projects .project-cms-mobile-menu .lang-current,
    body.single-projects .project-cms-mobile-menu-close {
        color: #ffffff !important;
        font-family: inherit !important;
        font-size: 16px !important;
        line-height: 1 !important;
        font-weight: 500 !important;
        letter-spacing: 0.15em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    body.single-projects .project-cms-mobile-menu .lang-option {
        color: #ffffff !important;
        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        letter-spacing: 0.12em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    body.single-projects .project-cms-mobile-menu .lang-arrow {
        stroke: currentColor !important;
        fill: none !important;
    }

    body.single-projects .project-cms-mobile-menu .lang-dropdown {
        display: flex !important;
        position: relative !important;
        z-index: 2147483001 !important;
        color: #ffffff !important;
    }

    body.single-projects .project-cms-mobile-menu .lang-list {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        min-width: 70px !important;
        padding-top: 10px !important;
        z-index: 2147483002 !important;
    }

    body.single-projects .project-cms-mobile-menu-close {
        appearance: none !important;
        -webkit-appearance: none !important;
        border: 0 !important;
        background: transparent !important;
        cursor: pointer !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body.single-projects .project-cms-mobile-menu-nav {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single-projects .project-cms-mobile-menu-nav a {
        color: #ffffff !important;
        text-decoration: none !important;
        font-size: 28px !important;
        line-height: 1.2 !important;
        font-weight: 300 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
    }

    body.single-projects .project-cms-mobile-menu-bottom {
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
        margin-top: auto !important;
        padding: 0 !important;
    }

    body.single-projects .project-cms-mobile-menu-bottom a {
        color: #ffffff !important;
        text-decoration: none !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
        font-weight: 300 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        opacity: 1 !important;
    }
}

@media (max-width: 767px) {
    body.single-projects #header.mgd-site-header {
        padding: 16px 16px !important;
    }
}

@media (max-width: 479px) {
    body.single-projects #header.mgd-site-header {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-actions,
    body.single-projects .project-cms-mobile-menu-actions {
        gap: 20px !important;
    }

    body.single-projects .project-cms-mobile-menu {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 767px) {
    :root {
        --mgd-side: 10px !important;
        --project-cms-page-x: 10px !important;
    }

    body.single-projects .mgd-project-container,
    body.single-projects .mgd-project-hero-inner,
    body.single-projects .footer-container,
    body.single-projects .wrapper {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.single-projects .mgd-project-info-section,
    body.single-projects .mgd-project-gallery-section-v2,
    body.single-projects .footer-section,
    body.single-projects .section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.single-projects .mgd-project-info-grid,
    body.single-projects .mgd-project-info-left,
    body.single-projects .mgd-project-description-v2,
    body.single-projects .mgd-project-details-card,
    body.single-projects .mgd-project-gallery-title {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.single-projects .project-cms-mobile-menu {
        padding: 100px 10px 34px 10px !important;
        background-color: rgba(0, 0, 0, 0.22) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
    }

    body.single-projects .project-cms-mobile-menu-top {
        left: 10px !important;
        right: 10px !important;
        top: 16px !important;
    }

    body.single-projects .project-cms-mobile-menu-logo {
        width: 165px !important;
        max-width: 165px !important;
        height: 50px !important;
    }

    body.single-projects .project-cms-mobile-menu-logo img {
        width: 165px !important;
        max-width: 165px !important;
        height: auto !important;
    }

    body.single-projects .project-cms-mobile-menu-actions {
        gap: 20px !important;
    }

    body.single-projects .project-cms-mobile-menu .lang-current,
    body.single-projects .project-cms-mobile-menu .lang-option,
    body.single-projects .project-cms-mobile-menu-close {
        font-weight: 400 !important;
        letter-spacing: 0.08em !important;
    }

    body.single-projects .project-cms-mobile-menu-nav {
        position: absolute !important;
        left: 10px !important;
        right: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: flex !important;
        flex-direction: column !important;
        gap: clamp(24px, 4vh, 34px) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single-projects .project-cms-mobile-menu-nav a {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #ffffff !important;
        font-size: 28px !important;
        font-weight: 300 !important;
        line-height: 1.15 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    body.single-projects .project-cms-mobile-menu-bottom {
        position: absolute !important;
        left: 10px !important;
        right: 10px !important;
        bottom: 28px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single-projects .project-cms-mobile-menu-bottom a {
        color: rgba(255,255,255,.86) !important;
        font-size: 16px !important;
        font-weight: 300 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
    }
}

@media (max-width: 390px) {
    body.single-projects .project-cms-mobile-menu-actions {
        gap: 16px !important;
    }

    body.single-projects .project-cms-mobile-menu-nav a {
        font-size: 27px !important;
    }
}


@media (max-width: 991px) {
    body.single-projects #header.mgd-site-header {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-header-inner {
        min-height: 44px !important;
        height: 44px !important;
        align-items: center !important;
        overflow: visible !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        overflow: visible !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo img {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
        height: auto !important;
        max-height: 44px !important;
        object-fit: contain !important;
        object-position: left center !important;
        top: 50% !important;
        left: 0 !important;
        transform: translateY(-50%) !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-actions {
        gap: 20px !important;
        align-items: center !important;
    }

    body.single-projects #header.mgd-site-header .lang-current,
    body.single-projects #header.mgd-site-header .mgd-project-mobile-menu-btn {
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
    }

    body.single-projects .project-cms-mobile-menu {
        padding: 76px 10px 34px 10px !important;
        box-sizing: border-box !important;
    }

    body.single-projects .project-cms-mobile-menu > .project-cms-mobile-menu-top {
        position: absolute !important;
        top: 16px !important;
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
    }

    body.single-projects .project-cms-mobile-menu-logo {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        overflow: visible !important;
    }

    body.single-projects .project-cms-mobile-menu-logo img {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
        height: auto !important;
        max-height: 44px !important;
        object-fit: contain !important;
        object-position: left center !important;
        display: block !important;
    }

    body.single-projects .project-cms-mobile-menu-actions {
        gap: 20px !important;
        align-items: center !important;
    }

    body.single-projects .project-cms-mobile-menu .lang-current,
    body.single-projects .project-cms-mobile-menu-close {
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
    }

    body.single-projects .project-cms-mobile-menu-nav {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
}

@media (max-width: 390px) {
    body.single-projects #header.mgd-site-header .mgd-site-logo,
    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects .project-cms-mobile-menu-logo,
    body.single-projects .project-cms-mobile-menu-logo img {
        width: 138px !important;
        min-width: 138px !important;
        max-width: 138px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-actions,
    body.single-projects .project-cms-mobile-menu-actions {
        gap: 16px !important;
    }
}

@media (max-width: 991px) {

    body.single-projects #header.mgd-site-header .mgd-site-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        flex: 0 0 145px !important;
        overflow: visible !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo img {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
        height: auto !important;
        max-height: 44px !important;
        object-fit: contain !important;
        object-position: left center !important;
        left: 0 !important;
        top: 50% !important;
        display: block !important;
    }

    body.single-projects #header.mgd-site-header .mgd-logo-white {
        transform: translateY(-50%) scale(1) !important;
        transform-origin: left center !important;
    }

    body.single-projects #header.mgd-site-header .mgd-logo-black {
        transform: translateY(-50%) scale(.94) !important;
        transform-origin: left center !important;
    }

    body.single-projects .project-cms-mobile-menu {
        display: flex !important;
        flex-direction: column !important;
        opacity: 1 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translate3d(0, -104%, 0) !important;
        transition:
            transform .42s cubic-bezier(.22, .78, .24, 1),
            visibility 0s linear .42s !important;
        will-change: transform !important;
        overflow: hidden !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open {
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translate3d(0, 0, 0) !important;
        transition:
            transform .42s cubic-bezier(.22, .78, .24, 1),
            visibility 0s linear 0s !important;
    }

    body.single-projects .project-cms-mobile-menu-nav,
    body.single-projects .project-cms-mobile-menu-bottom {
        opacity: 0 !important;
        will-change: opacity, transform !important;
    }

    body.single-projects .project-cms-mobile-menu-nav {
        transform: translateY(calc(-50% + 24px)) !important;
        transition:
            opacity .24s ease .26s,
            transform .34s cubic-bezier(.22, .78, .24, 1) .26s !important;
    }

    body.single-projects .project-cms-mobile-menu-bottom {
        transform: translateY(24px) !important;
        transition:
            opacity .24s ease .32s,
            transform .34s cubic-bezier(.22, .78, .24, 1) .32s !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav,
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-bottom {
        opacity: 1 !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav {
        transform: translateY(-50%) !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-bottom {
        transform: translateY(0) !important;
    }

    body.single-projects .project-cms-mobile-menu > .project-cms-mobile-menu-top {
        opacity: 1 !important;
        transform: none !important;
    }
}

@media (max-width: 390px) {
    body.single-projects #header.mgd-site-header .mgd-site-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo {
        width: 138px !important;
        min-width: 138px !important;
        max-width: 138px !important;
        flex-basis: 138px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo img {
        width: 138px !important;
        min-width: 138px !important;
        max-width: 138px !important;
    }
}

@media (max-width: 991px) {
    body.single-projects #header.mgd-site-header .mgd-site-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        flex: 0 0 145px !important;
        overflow: visible !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo img {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
        height: auto !important;
        max-height: 44px !important;
        object-fit: contain !important;
        object-position: left center !important;
        left: 0 !important;
        top: 50% !important;
        display: block !important;
        transform-origin: left center !important;
    }

    body.single-projects #header.mgd-site-header .mgd-logo-white {
        transform: translateY(-50%) scale(1.064) !important;
        transform-origin: left center !important;
    }

    body.single-projects #header.mgd-site-header .mgd-logo-black {
        transform: translateY(-50%) scale(1) !important;
        transform-origin: left center !important;
    }

    body.single-projects .project-cms-mobile-menu-logo {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        overflow: visible !important;
    }

    body.single-projects .project-cms-mobile-menu-logo img {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
        height: auto !important;
        max-height: 44px !important;
        object-fit: contain !important;
        object-position: left center !important;
        transform: scale(1.064) !important;
        transform-origin: left center !important;
    }
}

@media (max-width: 390px) {
    body.single-projects #header.mgd-site-header .mgd-site-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo,
    body.single-projects .project-cms-mobile-menu-logo {
        width: 138px !important;
        min-width: 138px !important;
        max-width: 138px !important;
        flex-basis: 138px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo img,
    body.single-projects .project-cms-mobile-menu-logo img {
        width: 138px !important;
        min-width: 138px !important;
        max-width: 138px !important;
    }
}

@media (max-width: 991px) {
    body.single-projects #header.mgd-site-header .mgd-site-header-inner {
        min-height: 50px !important;
        height: 50px !important;
        align-items: center !important;
        overflow: visible !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        flex: 0 0 165px !important;
        overflow: visible !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo img {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: auto !important;
        max-height: 50px !important;
        object-fit: contain !important;
        object-position: left center !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) scale(1) !important;
        transform-origin: left center !important;
        display: block !important;
    }

    body.single-projects #header.mgd-site-header .mgd-logo-white,
    body.single-projects #header.mgd-site-header .mgd-logo-black {
        transform: translateY(-50%) scale(1) !important;
        transform-origin: left center !important;
    }

    body.single-projects .project-cms-mobile-menu-logo {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        overflow: visible !important;
        display: flex !important;
        align-items: center !important;
    }

    body.single-projects .project-cms-mobile-menu-logo img {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: auto !important;
        max-height: 50px !important;
        object-fit: contain !important;
        object-position: left center !important;
        transform: none !important;
        transform-origin: left center !important;
        display: block !important;
    }

    body.single-projects .project-cms-mobile-menu {
        transform: translate3d(0, -104%, 0) !important;
        transition:
            transform .50s cubic-bezier(.22, .78, .24, 1),
            visibility 0s linear .50s !important;
        will-change: transform !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open {
        transform: translate3d(0, 0, 0) !important;
        transition:
            transform .50s cubic-bezier(.22, .78, .24, 1),
            visibility 0s linear 0s !important;
    }

    body.single-projects .project-cms-mobile-menu-nav {
        opacity: 1 !important;
        transform: translateY(-50%) !important;
        transition: none !important;
        will-change: auto !important;
    }

    body.single-projects .project-cms-mobile-menu-nav a {
        opacity: 0 !important;
        transform: translate3d(0, 26px, 0) !important;
        will-change: opacity, transform !important;
        transition:
            opacity .20s ease,
            transform .34s cubic-bezier(.22, .78, .24, 1) !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a {
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(1) { transition-delay: .32s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(2) { transition-delay: .36s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(3) { transition-delay: .40s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(4) { transition-delay: .44s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(5) { transition-delay: .48s !important; }

    body.single-projects .project-cms-mobile-menu-bottom {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        will-change: auto !important;
    }

    body.single-projects .project-cms-mobile-menu-bottom a {
        opacity: 0 !important;
        transform: translate3d(0, 22px, 0) !important;
        will-change: opacity, transform !important;
        transition:
            opacity .20s ease,
            transform .34s cubic-bezier(.22, .78, .24, 1) !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-bottom a {
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-bottom a:nth-child(1) { transition-delay: .52s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-bottom a:nth-child(2) { transition-delay: .56s !important; }

    body.single-projects .project-cms-mobile-menu:not(.is-open) .project-cms-mobile-menu-nav a,
    body.single-projects .project-cms-mobile-menu:not(.is-open) .project-cms-mobile-menu-bottom a {
        transition-delay: 0s !important;
    }
}

@media (max-width: 390px) {
    body.single-projects #header.mgd-site-header .mgd-site-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo,
    body.single-projects .project-cms-mobile-menu-logo {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        flex-basis: 165px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo img,
    body.single-projects .project-cms-mobile-menu-logo img {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-actions,
    body.single-projects .project-cms-mobile-menu-actions {
        gap: 14px !important;
    }
}

@media (max-width: 991px) {
    body.single-projects #header.mgd-site-header .mgd-site-header-inner,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-header-inner,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-header-inner {
        min-height: 50px !important;
        height: 50px !important;
        overflow: visible !important;
        align-items: center !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        flex: 0 0 165px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        overflow: visible !important;
        transform: none !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo-black,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo .mgd-logo-black,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo .mgd-logo-black {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 50px !important;
        object-fit: contain !important;
        object-position: left center !important;
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translate3d(0, -50%, 0) scale(1) !important;
        transform-origin: left center !important;
        display: block !important;
    }

    body.single-projects #header.mgd-site-header .mgd-logo-white { opacity: 1 !important; }
    body.single-projects #header.mgd-site-header .mgd-logo-black { opacity: 0 !important; }
    body.single-projects #header.mgd-site-header.scrolled .mgd-logo-white,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-logo-white { opacity: 0 !important; }
    body.single-projects #header.mgd-site-header.scrolled .mgd-logo-black,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-logo-black { opacity: 1 !important; }

    body.single-projects .project-cms-mobile-menu-logo,
    body.single-projects .project-cms-mobile-menu-logo img {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: auto !important;
        max-height: 50px !important;
        object-fit: contain !important;
        object-position: left center !important;
        transform: none !important;
        transform-origin: left center !important;
    }

    body.single-projects .project-cms-mobile-menu-logo {
        height: 50px !important;
        min-height: 50px !important;
        display: flex !important;
        align-items: center !important;
        overflow: visible !important;
        flex: 0 0 165px !important;
    }

    body.single-projects .project-cms-mobile-menu {
        transform: translate3d(0, -104%, 0) !important;
        transition:
            transform .56s cubic-bezier(.19, 1, .22, 1),
            visibility 0s linear .56s !important;
        will-change: transform !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open {
        transform: translate3d(0, 0, 0) !important;
        transition:
            transform .56s cubic-bezier(.19, 1, .22, 1),
            visibility 0s linear 0s !important;
    }

    body.single-projects .project-cms-mobile-menu-nav {
        opacity: 1 !important;
        transform: translateY(-50%) !important;
        transition: none !important;
        will-change: auto !important;
    }

    body.single-projects .project-cms-mobile-menu-nav a {
        opacity: 0 !important;
        transform: translate3d(0, 34px, 0) !important;
        will-change: opacity, transform !important;
        transition:
            opacity .22s ease,
            transform .42s cubic-bezier(.19, 1, .22, 1) !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a {
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(1) { transition-delay: .36s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(2) { transition-delay: .405s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(3) { transition-delay: .45s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(4) { transition-delay: .495s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(5) { transition-delay: .54s !important; }

    body.single-projects .project-cms-mobile-menu-bottom {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        will-change: auto !important;
    }

    body.single-projects .project-cms-mobile-menu-bottom a {
        opacity: 0 !important;
        transform: translate3d(0, 28px, 0) !important;
        will-change: opacity, transform !important;
        transition:
            opacity .22s ease,
            transform .42s cubic-bezier(.19, 1, .22, 1) !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-bottom a {
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-bottom a:nth-child(1) { transition-delay: .585s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-bottom a:nth-child(2) { transition-delay: .63s !important; }

    body.single-projects .project-cms-mobile-menu:not(.is-open) .project-cms-mobile-menu-nav a,
    body.single-projects .project-cms-mobile-menu:not(.is-open) .project-cms-mobile-menu-bottom a {
        transition-delay: 0s !important;
    }
}

@media (max-width: 390px) {
    body.single-projects #header.mgd-site-header .mgd-site-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo,
    body.single-projects .project-cms-mobile-menu-logo {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        flex-basis: 165px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo-black,
    body.single-projects .project-cms-mobile-menu-logo img {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
    }
}

@media (max-width: 991px) {
    body.single-projects #header.mgd-site-header .mgd-site-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        flex: 0 0 165px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        overflow: visible !important;
        transform: none !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo-black,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo .mgd-logo-black,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo .mgd-logo-black {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 50px !important;
        object-fit: contain !important;
        object-position: left center !important;
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translate3d(0, -50%, 0) scale(1) !important;
        transform-origin: left center !important;
        display: block !important;
    }

    body.single-projects #header.mgd-site-header .mgd-logo-white {
        opacity: 1 !important;
        filter: none !important;
    }

    body.single-projects #header.mgd-site-header .mgd-logo-black {
        opacity: 0 !important;
        filter: invert(1) brightness(0) !important;
    }

    body.single-projects #header.mgd-site-header.scrolled .mgd-logo-white,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-logo-white {
        opacity: 0 !important;
    }

    body.single-projects #header.mgd-site-header.scrolled .mgd-logo-black,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-logo-black {
        opacity: 1 !important;
    }

    body.single-projects .project-cms-mobile-menu-logo,
    body.single-projects .project-cms-mobile-menu-logo img {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: auto !important;
        max-height: 50px !important;
        object-fit: contain !important;
        object-position: left center !important;
        transform: none !important;
        transform-origin: left center !important;
    }

    body.single-projects .project-cms-mobile-menu-logo {
        height: 50px !important;
        min-height: 50px !important;
        display: flex !important;
        align-items: center !important;
        overflow: visible !important;
        flex: 0 0 165px !important;
    }

    body.single-projects .project-cms-mobile-menu {
        opacity: 1 !important;
        transform: translate3d(0, -108%, 0) !important;
        transition:
            transform .72s cubic-bezier(.16, 1, .3, 1),
            visibility 0s linear .72s !important;
        will-change: transform !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open {
        transform: translate3d(0, 0, 0) !important;
        transition:
            transform .72s cubic-bezier(.16, 1, .3, 1),
            visibility 0s linear 0s !important;
    }

    body.single-projects .project-cms-mobile-menu-nav {
        opacity: 1 !important;
        transform: translateY(-50%) !important;
        transition: none !important;
        will-change: auto !important;
    }

    body.single-projects .project-cms-mobile-menu-nav a {
        opacity: 0 !important;
        transform: translate3d(0, 46px, 0) !important;
        will-change: opacity, transform !important;
        transition:
            opacity .34s ease,
            transform .62s cubic-bezier(.16, 1, .3, 1) !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a {
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(1) { transition-delay: .45s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(2) { transition-delay: .51s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(3) { transition-delay: .57s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(4) { transition-delay: .63s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-nav a:nth-child(5) { transition-delay: .69s !important; }

    body.single-projects .project-cms-mobile-menu-bottom {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        will-change: auto !important;
    }

    body.single-projects .project-cms-mobile-menu-bottom a {
        opacity: 0 !important;
        transform: translate3d(0, 38px, 0) !important;
        will-change: opacity, transform !important;
        transition:
            opacity .34s ease,
            transform .62s cubic-bezier(.16, 1, .3, 1) !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-bottom a {
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) !important;
    }

    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-bottom a:nth-child(1) { transition-delay: .78s !important; }
    body.single-projects .project-cms-mobile-menu.is-open .project-cms-mobile-menu-bottom a:nth-child(2) { transition-delay: .84s !important; }

    body.single-projects .project-cms-mobile-menu:not(.is-open) .project-cms-mobile-menu-nav a,
    body.single-projects .project-cms-mobile-menu:not(.is-open) .project-cms-mobile-menu-bottom a {
        transition-delay: 0s !important;
    }
}

@media (max-width: 390px) {
    body.single-projects #header.mgd-site-header .mgd-site-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo,
    body.single-projects .project-cms-mobile-menu-logo {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        flex-basis: 165px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo-black,
    body.single-projects .project-cms-mobile-menu-logo img {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
    }
}

@media (min-width: 992px) {
    body.single-projects #header.mgd-site-header .mgd-site-header-inner {
        display: grid !important;
        grid-template-columns: 165px 1fr auto !important;
        align-items: center !important;
        column-gap: 48px !important;
        max-width: var(--mgd-container) !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo {
        grid-column: 1 !important;
        justify-self: start !important;
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        flex: 0 0 165px !important;
        overflow: visible !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo-black,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo .mgd-logo-black,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo .mgd-logo-black {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: auto !important;
        max-height: 50px !important;
        object-fit: contain !important;
        object-position: left center !important;
        transform: translateY(-50%) !important;
        transform-origin: left center !important;
    }

    body.single-projects #header.mgd-site-header .mgd-logo-white {
        opacity: 1 !important;
        filter: none !important;
    }

    body.single-projects #header.mgd-site-header .mgd-logo-black {
        opacity: 0 !important;
        filter: invert(1) brightness(0) !important;
    }

    body.single-projects #header.mgd-site-header.scrolled .mgd-logo-white,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-logo-white {
        opacity: 0 !important;
    }

    body.single-projects #header.mgd-site-header.scrolled .mgd-logo-black,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-logo-black {
        opacity: 1 !important;
        filter: invert(1) brightness(0) !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-nav {
        grid-column: 2 !important;
        justify-self: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 32px !important;
        width: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-nav a {
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-actions {
        grid-column: 3 !important;
        justify-self: end !important;
    }
}


@media (min-width: 992px) {
    :root {
        --mgd-project-header-logo-width: 150px;
        --mgd-project-header-logo-ratio: 0.3604; 
    }

    body.single-projects #header.mgd-site-header .mgd-site-header-inner {
        display: grid !important;
        grid-template-columns: var(--mgd-project-header-logo-width) 1fr auto !important;
        align-items: center !important;
        column-gap: 48px !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo {
        grid-column: 1 !important;
        justify-self: start !important;
        display: block !important;
        position: relative !important;
        flex: 0 0 var(--mgd-project-header-logo-width) !important;
        width: var(--mgd-project-header-logo-width) !important;
        min-width: var(--mgd-project-header-logo-width) !important;
        max-width: var(--mgd-project-header-logo-width) !important;
        height: calc(var(--mgd-project-header-logo-width) * var(--mgd-project-header-logo-ratio)) !important;
        min-height: calc(var(--mgd-project-header-logo-width) * var(--mgd-project-header-logo-ratio)) !important;
        max-height: none !important;
        overflow: visible !important;
        text-decoration: none !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-logo img,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header .mgd-site-logo .mgd-logo-black,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header.scrolled .mgd-site-logo .mgd-logo-black,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo img,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo .mgd-logo,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo .mgd-logo-white,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-site-logo .mgd-logo-black {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: var(--mgd-project-header-logo-width) !important;
        min-width: var(--mgd-project-header-logo-width) !important;
        max-width: var(--mgd-project-header-logo-width) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: left center !important;
        transform: none !important;
        transform-origin: left center !important;
        transition: opacity .25s ease, filter .25s ease !important;
    }

    body.single-projects #header.mgd-site-header .mgd-logo-white {
        opacity: 1 !important;
        filter: none !important;
    }

    body.single-projects #header.mgd-site-header .mgd-logo-black {
        opacity: 0 !important;
        filter: invert(1) brightness(0) !important;
    }

    body.single-projects #header.mgd-site-header.scrolled .mgd-logo-white,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-logo-white {
        opacity: 0 !important;
    }

    body.single-projects #header.mgd-site-header.scrolled .mgd-logo-black,
    body.single-projects #header.mgd-site-header.is-scrolled .mgd-logo-black {
        opacity: 1 !important;
        filter: invert(1) brightness(0) !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-nav {
        grid-column: 2 !important;
        justify-self: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 32px !important;
        width: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    body.single-projects #header.mgd-site-header .mgd-site-actions {
        grid-column: 3 !important;
        justify-self: end !important;
    }
}

@media (min-width: 992px) {
    body:not(.single-projects) #header,
    body:not(.single-projects) #about,
    body:not(.single-projects) #geo,
    body:not(.single-projects) #services,
    body:not(.single-projects) #projects,
    body:not(.single-projects) #partners,
    body:not(.single-projects) .section-map,
    body:not(.single-projects) .section.footer.new-premium-footer,
    body:not(.single-projects) .hero-content {
        padding-left: 65px !important;
        padding-right: 65px !important;
        box-sizing: border-box !important;
    }
}

html.mgd-lightbox-open,
html.mgd-lightbox-open body {
    overflow: hidden !important;
}

body.single-projects .mgd-gallery-lightbox {
    z-index: 2147483600 !important;
    padding: 56px !important;
}

body.single-projects .mgd-gallery-lightbox.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body.single-projects .mgd-gallery-lightbox-close,
body.single-projects .mgd-gallery-lightbox-arrow {
    z-index: 2147483602 !important;
}

@media (min-width: 992px) {
    html.mgd-lightbox-open body.single-projects #header,
    html.mgd-lightbox-open body.single-projects .mgd-site-header {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.single-projects .mgd-gallery-lightbox-close {
        top: 32px !important;
        right: 36px !important;
    }
}

@media (max-width: 991px) {
    body.single-projects .mgd-gallery-lightbox {
        align-items: center !important;
        justify-content: center !important;
        padding: 86px 26px 72px !important;
        background: rgba(0,0,0,0.84) !important;
    }

    body.single-projects .mgd-gallery-lightbox-image {
        max-width: calc(100vw - 52px) !important;
        max-height: calc(100vh - 190px) !important;
    }

    body.single-projects .mgd-gallery-lightbox-close {
        position: fixed !important;
        top: calc(env(safe-area-inset-top, 0px) + 22px) !important;
        right: 18px !important;
        width: 38px !important;
        height: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(255,255,255,0.55) !important;
        background: rgba(17,17,17,0.28) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        color: #ffffff !important;
        font-size: 0 !important;
        line-height: 1 !important;
        cursor: pointer !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.single-projects .mgd-gallery-lightbox-close::before,
    body.single-projects .mgd-gallery-lightbox-close::after {
        content: "" !important;
        position: absolute !important;
        width: 17px !important;
        height: 1.5px !important;
        background: #ffffff !important;
        left: 50% !important;
        top: 50% !important;
        transform-origin: center !important;
    }

    body.single-projects .mgd-gallery-lightbox-close::before {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    body.single-projects .mgd-gallery-lightbox-close::after {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }
}