/* LONGXIN EN */
:root { --title-en: 'Satoshi-Black'; }

/*------------------------------------------/*
 DIRECTIONS
/*------------------------------------------*/
#header2 #header-container .header-right-section .menu-nav #menu { direction: ltr !important; }

.section.two-image-row-sec .grid-row { direction: ltr !important; }

.section.clients-logos-sec { justify-content: flex-start; }

.section.projects-map-sec .grid-row { direction: rtl !important; }

.section.text-above-images-sec .grid-row { direction: ltr !important; }


/*------------------------------------------/*
 BUTTONS
/*------------------------------------------*/
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit button::after,
.section.ingenuity-sec .grid-boxes .grid-box:nth-child(1) .grid-box-text .grid-box-subtitle.button a::after,
.section.two-image-row-sec .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button::after,
.project .back-to-projects-button a.projects-btn::after,
.FormResultPage #pageview #text1 a.FormResultPageButton::after,
.page-404 #SiteGrid #GridPage .page-not-found a::after,
#multi-content-modal.map-row-modal .modal-content .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button::after { transform: scaleX(-1); }


/*------------------------------------------/*
 SWIPER ARROWS
/*------------------------------------------*/
.section.recommendations-sec .grid-boxes .swiper-button-next,
.section.recommendations-sec .grid-boxes .swiper-button-prev,
.section.leading-projects-container .swiper-button-next,
.section.leading-projects-container .swiper-button-prev,
.section.images-gallery-sec .gallery-container .swiper-button-prev,
.section.images-gallery-sec .gallery-container .swiper-button-next { transform: scaleX(-1); }


/*------------------------------------------/*
 FONTS
/*------------------------------------------*/
#home-gallery .gallery-caption .gallery-text div { font-family: var(--title-en); font-size: 6.25vw; letter-spacing: -0.125vw; line-height: 1; }

.section.two-image-row-sec .grid-row .grid-row-cell-text .grid-row-text h2,
.section.leading-projects-title .section-title h2,
.section.projects-map-sec .grid-row .grid-row-cell-text .grid-row-text h2,
.section.recommendations-sec .section-title h2,
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle,
#lobbyview #headline h1,
.section.team-sec .section-title h2,
.projects-lobby-page #pageview #headline h1,
.project .project-info h1.project-headline,
.FormResultPage #pageview #headline h1,
.accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1,
.page-404 #SiteGrid #GridPage .page-not-found::before { font-family: var(--title-en), var(--med); line-height: 1; font-size: 3.33vw; letter-spacing: -0.067vw; }

@media(max-width: 1024px) {
    #home-gallery .gallery-caption .gallery-text div { font-size: 4.8rem; letter-spacing: -0.96px; }

    .section.two-image-row-sec .grid-row .grid-row-cell-text .grid-row-text h2,
    .section.leading-projects-title .section-title h2,
    .section.projects-map-sec .grid-row .grid-row-cell-text .grid-row-text h2,
    .section.recommendations-sec .section-title h2,
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle,
    #lobbyview #headline h1,
    .section.team-sec .section-title h2,
    .projects-lobby-page #pageview #headline h1,
    .project .project-info h1.project-headline,
    .FormResultPage #pageview #headline h1,
    .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1,
    .page-404 #SiteGrid #GridPage .page-not-found::before { font-size: 3.6rem; letter-spacing: -0.72px; }
}


/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
#header2 #header-container .header-right-section .menu-nav #menu > li > a { text-transform: none; }

#multi-content-modal.map-row-modal .modal-content .grid-row { direction: ltr !important; }

#multi-content-modal.map-row-modal .modal-content .grid-row .grid-row-cell-text { overflow: hidden; }
#multi-content-modal.map-row-modal .modal-content .grid-row .grid-row-cell-text .grid-row-text { overflow-y: auto; direction: ltr; }

.section.projects-map-sec .grid-row .flexslider-box .map-icon-lottie { inset-inline-end: 27%; }

#SiteFooter .FooterForm { display: none; }


@media(min-width: 1025px) {
    #home-gallery .gallery-caption { max-width: 75vw; }

    .section.two-image-row-sec .grid-row .grid-row-cell-text .grid-row-text { width: 25vw; }

    .section.ingenuity-sec .grid-boxes .grid-box:nth-child(1) .grid-box-text .grid-box-title h3 { font-size: 2vw; }
}

@media(max-width: 1024px) {
    #header2 ul.menu { right: -1px; left: unset; }

    .section.projects-map-text-sec .grid-text-content ul { direction: ltr; }

    .section.ingenuity-sec .grid-boxes .grid-box:nth-child(2) { bottom: 110px; }
    .section.ingenuity-sec .grid-boxes .grid-box.lastItem { height: 1300px; }
}

@keyframes scroll {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0%); }
}