@charset "UTF-8";
@import"/_ext/fonts.googleapis.com/css2?family=Gilda+Display&display=swap";
@import"/_ext/use.typekit.net/isf2bxz.css";
:root {
    --padding-fluid: 4rem;
    --padding: .8rem;
    --header-height: 6.5rem;
    --pt-header: 0
}

@media only screen and (max-width: 1025px) {
    :root {
        --padding-fluid: 2.5rem
    }
}

@media only screen and (max-width: 767.98px) {
    :root {
        --padding-fluid: 2rem
    }
}

@media only screen and (min-width: 1025.1px) {
    html {
        font-size: .609759vw
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    html {
        font-size: 1.302086vw
    }
}

@media only screen and (max-width: 767.98px) {
    html {
        font-size: 2.564105vw
    }
}

@media only screen and (max-width: 768px) and (max-height: 550px) and (orientation: landscape) and (min-width:420px) {
    html {
        font-size: 1.302086vw
    }
}

@media only screen and (min-width: 768px) and (max-width: 1025px) and (max-height: 550px) and (orientation: landscape),
only screen and (min-width: 767.98px) and (orientation: landscape) and (max-width: 1025px) {
    html {
        font-size: 1.07299vw
    }
}

@media only screen and (min-width: 1025.1px) {
    :root {
        --scrollbar: 7.5px;
        --w-100vw: calc(100vw - var(--scrollbar))
    }
    ::-webkit-scrollbar {
        width: var(--scrollbar)
    }
    ::-webkit-scrollbar-track {
        background: var(--white-1)
    }
    ::-webkit-scrollbar-thumb {
        background: var(--red-1)
    }
    .wrapper {
        width: var(--w-100vw)
    }
    .container-fluid {
        max-width: var(--w-100vw)
    }
}

@media only screen and (max-width: 1025px) {
    :root {
        --w-100vw: 100%
    }
}

.font-1 {
    font-family: adelphi-pe-variable, sans-serif
}

.font-2 {
    font-family: Gilda Display, serif;
    font-feature-settings: "liga" 1, "clig" 1
}

.font-3,
.font-4,
.font-5,
.font-6,
.font-7 {
    font-family: ""
}

.fs--header {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 300
}

@media only screen and (min-width: 1025.1px) {
    .fs--header {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--header {
        font-size: 4.5rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--header {
        font-size: 3.4rem
    }
}

.fs--header-lang {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 300
}

@media only screen and (min-width: 1025.1px) {
    .fs--header-lang {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--header-lang {
        font-size: 4rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--header-lang {
        font-size: 2.6rem
    }
}

.fs--9 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--9 {
        font-size: clamp(10px, .9rem, .9rem)
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--9 {
        font-size: .9rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--9 {
        font-size: .9rem
    }
}

.fs--11 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--11 {
        font-size: clamp(10px, 1.1rem, 1.1rem)
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--11 {
        font-size: 1.1rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--11 {
        font-size: 1.1rem
    }
}

.fs--12 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--12 {
        font-size: clamp(12px, 1.2rem, 1.2rem)
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--12 {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--12 {
        font-size: 1.2rem
    }
}

.fs--13 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--13 {
        font-size: clamp(10px, 1.3rem, 1.3rem)
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--13 {
        font-size: 1.3rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--13 {
        font-size: 1.3rem
    }
}

.fs--14 {
    line-height: 1.25em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--14 {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--14 {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--14 {
        font-size: 1.4rem
    }
}

.fs--15 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--15 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--15 {
        font-size: 1.5rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--15 {
        font-size: 1.5rem
    }
}

.fs--16 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--16 {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--16 {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--16 {
        font-size: 1.6rem
    }
}

.fs--18 {
    line-height: 1.33em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--18 {
        font-size: 1.8rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--18 {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--18 {
        font-size: 1.8rem
    }
}

.fs--20 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--20 {
        font-size: 2rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--20 {
        font-size: 1.7rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--20 {
        font-size: 1.8rem
    }
}

.fs--21 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--21 {
        font-size: 2.1rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--21 {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--21 {
        font-size: 1.8rem
    }
}

.fs--22 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--22 {
        font-size: 2.2rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--22 {
        font-size: 1.9rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--22 {
        font-size: 1.8rem
    }
}

.fs--23 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--23 {
        font-size: 2.3rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--23 {
        font-size: 2rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--23 {
        font-size: 1.8rem
    }
}

.fs--24 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--24 {
        font-size: 2.4rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--24 {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--24 {
        font-size: 2.4rem
    }
}

.fs--28 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--28 {
        font-size: 2.8rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--28 {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--28 {
        font-size: 2rem
    }
}

.fs--30 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--30 {
        font-size: 3rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--30 {
        font-size: 2.8rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--30 {
        font-size: 2.6rem
    }
}

.fs--35 {
    line-height: 1.1em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--35 {
        font-size: 3.5rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--35 {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--35 {
        font-size: 3rem
    }
}

.fs--38 {
    line-height: 1em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--38 {
        font-size: 3.8rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--38 {
        font-size: 3.1rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--38 {
        font-size: 3rem
    }
}

.fs--47 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--47 {
        font-size: 4.7rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--47 {
        font-size: 3.3rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--47 {
        font-size: 1.65rem
    }
}

.fs--50 {
    line-height: 1.1em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--50 {
        font-size: 5rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--50 {
        font-size: 4rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--50 {
        font-size: 3.2rem
    }
}

.fs--61 {
    line-height: 1em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--61 {
        font-size: 6.1rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--61 {
        font-size: 3.6rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--61 {
        font-size: 3.4rem
    }
}

.fs--72 {
    line-height: 1.1em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--72 {
        font-size: 7.2rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--72 {
        font-size: 5rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--72 {
        font-size: 4.8rem
    }
}

.fs--78 {
    line-height: .8em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--78 {
        font-size: 7.8rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--78 {
        font-size: 5rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--78 {
        font-size: 3.5rem
    }
}

.fs--81 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--81 {
        font-size: 8.1rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--81 {
        font-size: 8.1rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--81 {
        font-size: 8.1rem
    }
}

.fs--88 {
    line-height: .8em;
    letter-spacing: -.045em;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--88 {
        font-size: 8.8rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--88 {
        font-size: 6rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--88 {
        font-size: 6rem
    }
}

.fs--103 {
    line-height: .8em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--103 {
        font-size: 10.3rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--103 {
        font-size: 6rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--103 {
        font-size: 5.6rem
    }
}

.fs--168 {
    line-height: .82em;
    letter-spacing: -.03em;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--168 {
        font-size: 16.8rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--168 {
        font-size: 10rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--168 {
        font-size: 6rem
    }
}

.fs--210 {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--210 {
        font-size: 21rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--210 {
        font-size: 15rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--210 {
        font-size: 7.8rem
    }
}

.fs--299 {
    line-height: .8em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--299 {
        font-size: 29.9rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--299 {
        font-size: 15rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--299 {
        font-size: 7.5rem
    }
}

.fs--449 {
    line-height: .85em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    .fs--449 {
        font-size: 44.9rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .fs--449 {
        font-size: 20rem
    }
}

@media only screen and (max-width: 767.98px) {
    .fs--449 {
        font-size: 14rem
    }
}

.lh-50 {
    line-height: .5em
}

.lh-60 {
    line-height: .6em
}

.lh-70 {
    line-height: .7em
}

.lh-80 {
    line-height: .8em
}

.lh-90 {
    line-height: .9em
}

.lh-100 {
    line-height: 1em
}

.lh-104 {
    line-height: 1.04em
}

.lh-110 {
    line-height: 1.1em
}

.lh-115 {
    line-height: 1.15em
}

.lh-120 {
    line-height: 1.2em
}

.lh-125 {
    line-height: 1.25em
}

.lh-130 {
    line-height: 1.3em
}

.lh-133 {
    line-height: 1.33em
}

.lh-140 {
    line-height: 1.4em
}

.lh-150 {
    line-height: 1.5em
}

.lh-160 {
    line-height: 1.6em
}

.lh-170 {
    line-height: 1.7em
}

.lh-180 {
    line-height: 1.8em
}

.lh-190 {
    line-height: 1.9em
}

.lh-200 {
    line-height: 2em
}

.fw-100 {
    font-weight: 100
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

.link-underline {
    color: var(--color, black);
    position: relative;
    -webkit-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    transition: all .2s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

.link-underline:before {
    -webkit-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    transition: all .2s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s;
    transform: scaleX(0);
    transform-origin: left;
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    background-color: var(--color-hover, black)
}

.link-underline:hover {
    color: var(--color-hover, black)
}

.link-underline:hover:before {
    transform: scaleX(1)
}

.link-underline.white-1 {
    --color: var(--white-1);
    --color-hover: var(--white-1)
}

.link-underlined {
    color: var(--color, black);
    position: relative;
    -webkit-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    transition: all .2s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

.link-underlined:before {
    -webkit-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .2s cubic-bezier(.785, .135, .15, .86);
    transition: all .2s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s;
    transform: scaleX(1);
    transform-origin: left;
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    background-color: var(--color-hover, black)
}

.link-underlined:hover {
    color: var(--color-hover, black)
}

.link-underlined:hover:before {
    transform: scaleX(0)
}

.link-underlined.white-1 {
    --color: var(--white-1);
    --color-hover: var(--white-1)
}

.btn-underline span,
.btn-underline-white span {
    display: inline;
    color: var(--btn-color, var(--red-1));
    background-image: linear-gradient(to right, var(--btn-color, var(--red-1)) 100%, var(--btn-color, var(--red-1)) 0%);
    background-position: 100% 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size 1s cubic-bezier(.19, 1, .155, 1.01) 0s;
    pointer-events: none
}

.btn-underline.active span,
.active.btn-underline-white span {
    background-image: linear-gradient(to right, var(--btn-color, var(--red-1)) 0%, var(--btn-color, var(--red-1)) 100%);
    background-size: 100% 1px;
    background-position: 0 100%
}

@media (hover: hover) {
    .btn-underline:hover span,
    .btn-underline-white:hover span {
        background-image: linear-gradient(to right, var(--btn-color, var(--red-1)) 0%, var(--btn-color, var(--red-1)) 100%);
        background-size: 100% 1px;
        background-position: 0 100%
    }
}

.btn-underlined span,
.btn-underlined-white span {
    display: inline;
    color: var(--btn-color, var(--red-1));
    background-image: linear-gradient(to right, var(--btn-color, var(--red-1)) 100%, var(--btn-color, var(--red-1)) 0%);
    background-size: 100% 1px;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    transition: background-size 1s cubic-bezier(.19, 1, .155, 1.01) 0s;
    pointer-events: none
}

.btn-underlined.active span,
.active.btn-underlined-white span {
    background-image: linear-gradient(to right, var(--btn-color, var(--red-1)) 0%, var(--btn-color, var(--red-1)) 100%);
    background-size: 0 1px;
    background-position: 100% 100%
}

@media (hover: hover) {
    .btn-underlined:hover span,
    .btn-underlined-white:hover span {
        background-image: linear-gradient(to right, var(--btn-color, var(--red-1)) 0%, var(--btn-color, var(--red-1)) 100%);
        background-size: 0 1px;
        background-position: 100% 100%
    }
}

.btn-underline-white,
.btn-underlined-white {
    --btn-color: var(--white-1)
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        -ms-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 4rem, 0);
        -ms-transform: translate3d(0, 4rem, 0);
        transform: translate3d(0, 4rem, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(4rem, 0, 0);
        -ms-transform: translate3d(4rem, 0, 0);
        transform: translate3d(4rem, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        -ms-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0)
    }
    10% {
        opacity: 1
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeIn {
    -webkit-animation: fadeIn .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -moz-animation: fadeIn .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -ms-animation: fadeIn .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -o-animation: fadeIn .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    animation: fadeIn .6s cubic-bezier(.785, .135, .15, .86) 0s both 1
}

.fadeOut {
    -webkit-animation: fadeOut .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -moz-animation: fadeOut .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -ms-animation: fadeOut .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -o-animation: fadeOut .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    animation: fadeOut .6s cubic-bezier(.785, .135, .15, .86) 0s both 1
}

@keyframes fadeInOverlay {
    0% {
        opacity: 0
    }
    to {
        opacity: .95
    }
}

@keyframes fadeOutOverlay {
    0% {
        opacity: .95
    }
    to {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2rem, 0);
        -ms-transform: translate3d(0, 2rem, 0);
        transform: translate3d(0, 2rem, 0)
    }
}

@keyframes fadeOutDown2 {
    0% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 10rem, 0);
        -ms-transform: translate3d(0, 10rem, 0);
        transform: translate3d(0, 10rem, 0)
    }
}

@keyframes unfadeInUp {
    0% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 3rem, 0);
        -ms-transform: translate3d(0, 3rem, 0);
        transform: translate3d(0, 3rem, 0)
    }
}

@keyframes unfadeInDown {
    0% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -3rem, 0);
        -ms-transform: translate3d(0, -3rem, 0);
        transform: translate3d(0, -3rem, 0)
    }
}

@keyframes scaleX {
    0% {
        transform: scaleX(0)
    }
    to {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes unscaleX {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    to {
        transform: scaleX(0)
    }
}

@keyframes click {
    50% {
        transform: scale(.8)
    }
    0%,
    to {
        transform: scale(1)
    }
}

@keyframes scaleOut {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.scaleOut2 {
    opacity: 1;
    transform: scale(1.1)
}

@keyframes scaleOut2 {
    0% {
        opacity: 1;
        transform: scale(1.1)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes scaleOut3 {
    0% {
        opacity: 0;
        transform: scale(1.05)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes unscaleOut {
    0% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    to {
        opacity: 0;
        transform: scale(1.2)
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(.9)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes unscaleIn {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(.9)
    }
}

@keyframes rotate {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    to {
        transform-origin: center center;
        transform: rotate(-360deg);
        opacity: 1
    }
}

@keyframes in-width-right {
    0% {
        visibility: visible;
        clip-path: inset(0 0 0 100%)
    }
    to {
        visibility: visible;
        clip-path: inset(0 0 0 0)
    }
}

@keyframes in-width-left {
    0% {
        visibility: visible;
        clip-path: inset(0 100% 0 0)
    }
    to {
        visibility: visible;
        clip-path: inset(0 0 0 0)
    }
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-up2 {
    0% {
        opacity: 0;
        transform: translateY(50%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes unslide-up {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(50%)
    }
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-200%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes unslide-down {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-200%)
    }
}

@keyframes reveal-up {
    0% {
        opacity: 0;
        transform: translateY(25vh)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes unreveal-up {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(25vh)
    }
}

@keyframes reveal-down {
    0% {
        opacity: 0;
        transform: translateY(-25vh)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes unreveal-down {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-25vh)
    }
}

@keyframes reveal-right {
    0% {
        opacity: 0;
        transform: translate(100%)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes reveal-right-2 {
    0% {
        transform: translate(100%)
    }
    to {
        transform: translate(0)
    }
}

@keyframes unreveal-right {
    0% {
        opacity: 1;
        transform: translate(0)
    }
    to {
        opacity: 0;
        transform: translate(100%)
    }
}

@keyframes reveal-left {
    0% {
        opacity: 0;
        transform: translate(-100%)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes reveal-left-2 {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(0)
    }
}

@keyframes unreveal-left {
    0% {
        opacity: 1;
        transform: translate(0)
    }
    to {
        opacity: 0;
        transform: translate(-10rem)
    }
}

@keyframes expand-right {
    0% {
        width: 50%
    }
    to {
        width: 100%
    }
}

.wrapper-mask,
.wrapper-mask-reverse,
.word {
    overflow: hidden;
    display: block
}

.wrapper-mask>span,
.wrapper-mask-reverse>span,
.word>span {
    display: block;
    opacity: 1
}

.split-words .wrapper-mask,
.split-words .word,
.split-chars .wrapper-mask,
.split-chars .word {
    display: inline-flex;
    padding-top: .1em;
    padding-bottom: .2em;
    margin-top: -.1em;
    margin-bottom: -.2em
}

.split-words .wrapper-mask>span,
.split-words .word>span,
.split-chars .wrapper-mask>span,
.split-chars .word>span {
    display: inline-flex
}

.split-words .word>span,
.split-chars .word>span {
    display: inline-block
}

.aos-animate.split-words {
    --animation-delay: 0s
}

.aos-animate.split-words .wrapper-mask>span,
.aos-animate.split-words .word>span {
    animation: slide-up 1s cubic-bezier(.645, .045, .355, 1) 0s both;
    animation-delay: calc(var(--word-index) * 32ms + var(--animation-delay))
}

.aos-animate.split-chars {
    --animation-delay: 0s
}

.aos-animate.split-chars .wrapper-mask>span,
.aos-animate.split-chars .word>span {
    animation: slide-up 1s cubic-bezier(.215, .61, .355, 1) 0s both;
    animation-delay: calc(var(--char-index) * 24ms + var(--animation-delay))
}

.page-enter-active:not([data-pg=pg-project-post]) #main-transition {
    -webkit-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

.page-enter-active[data-pg=pg-project-post][data-pg-prev=pg-project-post] #main-transition {
    -webkit-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

.page-leave-active #header,
.page-leave-active .home-intro .spacer,
.page-leave-active .home-intro .initial-img-row {
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition-delay: 0s
}

.page-leave-active[data-pg=pg-home],
.page-leave-active[data-pg=pg-home] * {
    pointer-events: none !important
}

.page-leave-active[data-pg=pg-home] main>*:not(.home-intro),
.page-leave-active[data-pg=pg-home] #footer>*:not(.home-intro) {
    -webkit-animation: fadeOut .3s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: fadeOut .3s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: fadeOut .3s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: fadeOut .3s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: fadeOut .3s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

.page-leave-active:not([data-pg=pg-home]) #main-transition {
    -webkit-animation: fadeOut .3s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: fadeOut .3s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: fadeOut .3s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: fadeOut .3s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: fadeOut .3s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

[data-aos] {
    visibility: hidden
}

[data-aos].aos-animate {
    visibility: visible
}

[data-aos|=fade] {
    opacity: 0
}

[data-aos|=fade].aos-animate {
    opacity: 1;
    -webkit-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

[data-aos|=fadeInUp] {
    opacity: 0
}

[data-aos|=fadeInUp].aos-animate {
    animation: fadeInUp .8s ease-in-out both
}

[data-aos|=fadeInUp2] {
    opacity: 0
}

[data-aos|=fadeInUp2].aos-animate {
    animation: fadeInUp2 .8s ease-in-out both
}

[data-aos|=slideInUp] {
    opacity: 0
}

[data-aos|=slideInUp].aos-animate {
    -webkit-animation: slideInUp 1.6s cubic-bezier(.42, 0, .58, 1) -.3s both 1;
    -moz-animation: slideInUp 1.6s cubic-bezier(.42, 0, .58, 1) -.3s both 1;
    -ms-animation: slideInUp 1.6s cubic-bezier(.42, 0, .58, 1) -.3s both 1;
    -o-animation: slideInUp 1.6s cubic-bezier(.42, 0, .58, 1) -.3s both 1;
    animation: slideInUp 1.6s cubic-bezier(.42, 0, .58, 1) -.3s both 1
}

[data-aos|=fadeIn] {
    opacity: 0
}

[data-aos|=fadeIn].aos-animate {
    animation: fadeIn .8s ease-in-out both
}

[data-aos|=fadeOut] {
    opacity: 0
}

[data-aos|=fadeOut].aos-animate {
    animation: fadeOut .8s ease-in-out both
}

[data-aos|=scaleOut].aos-animate {
    animation: scaleOut .8s ease-in-out both
}

[data-aos|=reveal-right].aos-animate {
    animation: reveal-right .8s ease-in-out both
}

[data-aos|=reveal-right].aos-animate.unreveal-right {
    animation: unreveal-right .4s ease-in-out both
}

[data-aos|=reveal-up].aos-animate {
    animation: reveal-up .8s ease-in-out both
}

[data-aos|=reveal-up].aos-animate.unreveal-up {
    animation: unreveal-up .4s ease-in-out both
}

[data-aos|=reveal-left].aos-animate {
    animation: reveal-left .8s ease-in-out both
}

[data-aos|=reveal-down].aos-animate {
    animation: reveal-down .8s ease-in-out both
}

.rotate {
    animation: rotate 8s linear forwards infinite;
    animation-direction: reverse
}

.slide-up {
    -webkit-animation: slide-up .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: slide-up .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: slide-up .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: slide-up .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: slide-up .25s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

.unslide-up {
    -webkit-animation: unslide-up .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: unslide-up .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: unslide-up .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: unslide-up .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: unslide-up .25s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

.slide-down {
    -webkit-animation: slide-down .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: slide-down .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: slide-down .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: slide-down .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: slide-down .25s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

.unslide-down {
    -webkit-animation: unslide-down .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: unslide-down .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: unslide-down .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: unslide-down .25s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: unslide-down .25s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

.menu--wrapper .container-language .language--link {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 300
}

@media only screen and (min-width: 1025.1px) {
    .menu--wrapper .container-language .language--link {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .menu--wrapper .container-language .language--link {
        font-size: 4rem
    }
}

@media only screen and (max-width: 767.98px) {
    .menu--wrapper .container-language .language--link {
        font-size: 2.6rem
    }
}

#pg-project-post .next-project .next-project-link .container-info .project-title .contrast-text .number,
.modal-project .next-project .next-project-link .container-info .project-title .contrast-text .number {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .next-project .next-project-link .container-info .project-title .contrast-text .number,
    .modal-project .next-project .next-project-link .container-info .project-title .contrast-text .number {
        font-size: clamp(10px, 1.1rem, 1.1rem)
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .next-project .next-project-link .container-info .project-title .contrast-text .number,
    .modal-project .next-project .next-project-link .container-info .project-title .contrast-text .number {
        font-size: 1.1rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .next-project .next-project-link .container-info .project-title .contrast-text .number,
    .modal-project .next-project .next-project-link .container-info .project-title .contrast-text .number {
        font-size: 1.1rem
    }
}

#pg-error #main .error-footer .rights-list li a,
#pg-project-post .next-project .next-project-link .container-info .project-info,
.modal-project .next-project .next-project-link .container-info .project-info,
#pg-project-post .project-info .text-content .column .column-item,
.modal-project .project-info .text-content .column .column-item,
#pg-home .home-things-that-inspire .content-section .column-description,
#pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-localization,
#pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-year,
#pg-home .home-other-projects .container-info .category-description,
#pg-home .home-about-us .about-content-row .slider-about .swiper-pagination,
.container-cookies .utilizamos-cookies .btn-cookies,
.container-cookies .utilizamos-cookies .text-cookies,
#footer .row-3 .rights-list li a,
#footer .container-address .column .country,
#footer .container-address .column address,
#footer .container-address .column .phone-link,
#footer .footer-container-title,
.container-newsletter .form-newsletter .container-checkbox label,
.btn-back-to-top span {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-error #main .error-footer .rights-list li a,
    #pg-project-post .next-project .next-project-link .container-info .project-info,
    .modal-project .next-project .next-project-link .container-info .project-info,
    #pg-project-post .project-info .text-content .column .column-item,
    .modal-project .project-info .text-content .column .column-item,
    #pg-home .home-things-that-inspire .content-section .column-description,
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-localization,
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-year,
    #pg-home .home-other-projects .container-info .category-description,
    #pg-home .home-about-us .about-content-row .slider-about .swiper-pagination,
    .container-cookies .utilizamos-cookies .btn-cookies,
    .container-cookies .utilizamos-cookies .text-cookies,
    #footer .row-3 .rights-list li a,
    #footer .container-address .column .country,
    #footer .container-address .column address,
    #footer .container-address .column .phone-link,
    #footer .footer-container-title,
    .container-newsletter .form-newsletter .container-checkbox label,
    .btn-back-to-top span {
        font-size: clamp(12px, 1.2rem, 1.2rem)
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-error #main .error-footer .rights-list li a,
    #pg-project-post .next-project .next-project-link .container-info .project-info,
    .modal-project .next-project .next-project-link .container-info .project-info,
    #pg-project-post .project-info .text-content .column .column-item,
    .modal-project .project-info .text-content .column .column-item,
    #pg-home .home-things-that-inspire .content-section .column-description,
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-localization,
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-year,
    #pg-home .home-other-projects .container-info .category-description,
    #pg-home .home-about-us .about-content-row .slider-about .swiper-pagination,
    .container-cookies .utilizamos-cookies .btn-cookies,
    .container-cookies .utilizamos-cookies .text-cookies,
    #footer .row-3 .rights-list li a,
    #footer .container-address .column .country,
    #footer .container-address .column address,
    #footer .container-address .column .phone-link,
    #footer .footer-container-title,
    .container-newsletter .form-newsletter .container-checkbox label,
    .btn-back-to-top span {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-error #main .error-footer .rights-list li a,
    #pg-project-post .next-project .next-project-link .container-info .project-info,
    .modal-project .next-project .next-project-link .container-info .project-info,
    #pg-project-post .project-info .text-content .column .column-item,
    .modal-project .project-info .text-content .column .column-item,
    #pg-home .home-things-that-inspire .content-section .column-description,
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-localization,
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-year,
    #pg-home .home-other-projects .container-info .category-description,
    #pg-home .home-about-us .about-content-row .slider-about .swiper-pagination,
    .container-cookies .utilizamos-cookies .btn-cookies,
    .container-cookies .utilizamos-cookies .text-cookies,
    #footer .row-3 .rights-list li a,
    #footer .container-address .column .country,
    #footer .container-address .column address,
    #footer .container-address .column .phone-link,
    #footer .footer-container-title,
    .container-newsletter .form-newsletter .container-checkbox label,
    .btn-back-to-top span {
        font-size: 1.2rem
    }
}

#pg-project-post .project-intro .text-wrapper .project-title .contrast-text .number,
.modal-project .project-intro .text-wrapper .project-title .contrast-text .number,
#pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-role,
#pg-home .home-other-projects .container-info .category-list li button {
    line-height: 1.25em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-intro .text-wrapper .project-title .contrast-text .number,
    .modal-project .project-intro .text-wrapper .project-title .contrast-text .number,
    #pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-role,
    #pg-home .home-other-projects .container-info .category-list li button {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .project-intro .text-wrapper .project-title .contrast-text .number,
    .modal-project .project-intro .text-wrapper .project-title .contrast-text .number,
    #pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-role,
    #pg-home .home-other-projects .container-info .category-list li button {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-intro .text-wrapper .project-title .contrast-text .number,
    .modal-project .project-intro .text-wrapper .project-title .contrast-text .number,
    #pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-role,
    #pg-home .home-other-projects .container-info .category-list li button {
        font-size: 1.4rem
    }
}

#pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-description {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-description {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-description {
        font-size: 1.5rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-description {
        font-size: 1.5rem
    }
}

#pg-project-post .project-two-medias .container-paragraph p,
.modal-project .project-two-medias .container-paragraph p,
#pg-project-post .project-media-text .container-paragraph,
.modal-project .project-media-text .container-paragraph,
#pg-project-post .project-info .container-paragraph p,
.modal-project .project-info .container-paragraph p {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-two-medias .container-paragraph p,
    .modal-project .project-two-medias .container-paragraph p,
    #pg-project-post .project-media-text .container-paragraph,
    .modal-project .project-media-text .container-paragraph,
    #pg-project-post .project-info .container-paragraph p,
    .modal-project .project-info .container-paragraph p {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .project-two-medias .container-paragraph p,
    .modal-project .project-two-medias .container-paragraph p,
    #pg-project-post .project-media-text .container-paragraph,
    .modal-project .project-media-text .container-paragraph,
    #pg-project-post .project-info .container-paragraph p,
    .modal-project .project-info .container-paragraph p {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-two-medias .container-paragraph p,
    .modal-project .project-two-medias .container-paragraph p,
    #pg-project-post .project-media-text .container-paragraph,
    .modal-project .project-media-text .container-paragraph,
    #pg-project-post .project-info .container-paragraph p,
    .modal-project .project-info .container-paragraph p {
        font-size: 1.6rem
    }
}

#pg-project-post .next-project .next-project-link .container-info .highligh-text,
.modal-project .next-project .next-project-link .container-info .highligh-text,
#loader .number {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .next-project .next-project-link .container-info .highligh-text,
    .modal-project .next-project .next-project-link .container-info .highligh-text,
    #loader .number {
        font-size: 2rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .next-project .next-project-link .container-info .highligh-text,
    .modal-project .next-project .next-project-link .container-info .highligh-text,
    #loader .number {
        font-size: 1.7rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .next-project .next-project-link .container-info .highligh-text,
    .modal-project .next-project .next-project-link .container-info .highligh-text,
    #loader .number {
        font-size: 1.8rem
    }
}

#pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-title {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-title {
        font-size: 2.1rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-title {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-title {
        font-size: 1.8rem
    }
}

#pg-home .home-things-that-inspire .content-section .content-title .number {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-things-that-inspire .content-section .content-title .number {
        font-size: 2.3rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-home .home-things-that-inspire .content-section .content-title .number {
        font-size: 2rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-things-that-inspire .content-section .content-title .number {
        font-size: 1.8rem
    }
}

#pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-name {
    line-height: 1.2em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-name {
        font-size: 2.4rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-name {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-name {
        font-size: 2.4rem
    }
}

#pg-project-post .project-two-medias .container-paragraph .paragraph-title,
.modal-project .project-two-medias .container-paragraph .paragraph-title,
#pg-project-post .project-info .container-paragraph .paragraph-title,
.modal-project .project-info .container-paragraph .paragraph-title {
    line-height: 1.1em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-two-medias .container-paragraph .paragraph-title,
    .modal-project .project-two-medias .container-paragraph .paragraph-title,
    #pg-project-post .project-info .container-paragraph .paragraph-title,
    .modal-project .project-info .container-paragraph .paragraph-title {
        font-size: 3.5rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .project-two-medias .container-paragraph .paragraph-title,
    .modal-project .project-two-medias .container-paragraph .paragraph-title,
    #pg-project-post .project-info .container-paragraph .paragraph-title,
    .modal-project .project-info .container-paragraph .paragraph-title {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-two-medias .container-paragraph .paragraph-title,
    .modal-project .project-two-medias .container-paragraph .paragraph-title,
    #pg-project-post .project-info .container-paragraph .paragraph-title,
    .modal-project .project-info .container-paragraph .paragraph-title {
        font-size: 3rem
    }
}

#footer .container-mail .mail-link,
.container-newsletter .form-newsletter .container-input label,
.container-newsletter .form-newsletter .container-input input {
    line-height: 1em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #footer .container-mail .mail-link,
    .container-newsletter .form-newsletter .container-input label,
    .container-newsletter .form-newsletter .container-input input {
        font-size: 3.8rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #footer .container-mail .mail-link,
    .container-newsletter .form-newsletter .container-input label,
    .container-newsletter .form-newsletter .container-input input {
        font-size: 3.1rem
    }
}

@media only screen and (max-width: 767.98px) {
    #footer .container-mail .mail-link,
    .container-newsletter .form-newsletter .container-input label,
    .container-newsletter .form-newsletter .container-input input {
        font-size: 3rem
    }
}

#pg-project-post .next-project .next-project-link .container-info .project-title,
.modal-project .next-project .next-project-link .container-info .project-title {
    line-height: 1em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .next-project .next-project-link .container-info .project-title,
    .modal-project .next-project .next-project-link .container-info .project-title {
        font-size: 6.1rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .next-project .next-project-link .container-info .project-title,
    .modal-project .next-project .next-project-link .container-info .project-title {
        font-size: 3.6rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .next-project .next-project-link .container-info .project-title,
    .modal-project .next-project .next-project-link .container-info .project-title {
        font-size: 3.4rem
    }
}

#pg-home .home-things-that-inspire .content-section .content-slogan {
    line-height: .8em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-things-that-inspire .content-section .content-slogan {
        font-size: 7.8rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-home .home-things-that-inspire .content-section .content-slogan {
        font-size: 5rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-things-that-inspire .content-section .content-slogan {
        font-size: 3.5rem
    }
}

#pg-home .home-things-that-inspire .content-section .content-title .text {
    line-height: .8em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-things-that-inspire .content-section .content-title .text {
        font-size: 29.9rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-home .home-things-that-inspire .content-section .content-title .text {
        font-size: 15rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-things-that-inspire .content-section .content-title .text {
        font-size: 7.5rem
    }
}

#pg-error #main .error-container .error-text {
    line-height: .85em;
    letter-spacing: 0;
    font-weight: 400
}

@media only screen and (min-width: 1025.1px) {
    #pg-error #main .error-container .error-text {
        font-size: 44.9rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-error #main .error-container .error-text {
        font-size: 20rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-error #main .error-container .error-text {
        font-size: 14rem
    }
}

#pg-project-post .project-two-medias .container-paragraph .paragraph-title,
.modal-project .project-two-medias .container-paragraph .paragraph-title {
    line-height: 1.2em
}

#pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-description {
    line-height: 1.25em
}

#pg-project-post .project-two-medias .container-paragraph p,
.modal-project .project-two-medias .container-paragraph p,
#pg-project-post .project-media-text .container-paragraph,
.modal-project .project-media-text .container-paragraph,
#pg-project-post .project-info .container-paragraph p,
.modal-project .project-info .container-paragraph p,
#pg-project-post .project-intro .text-wrapper .project-description,
.modal-project .project-intro .text-wrapper .project-description,
#pg-home .home-things-that-inspire .content-section .column-description,
#pg-home .home-other-projects .column-portfolio .portfolio-description {
    line-height: 1.3em
}

#pg-home .home-other-projects .container-info .category-description {
    line-height: 1.33em
}

.container-cookies .utilizamos-cookies .text-cookies {
    line-height: 1.5em
}

#pg-error #main .error-footer .rights-list li a,
#pg-project-post .next-project .next-project-link .container-info .project-info,
.modal-project .next-project .next-project-link .container-info .project-info,
#pg-project-post .project-two-medias .container-paragraph p,
.modal-project .project-two-medias .container-paragraph p,
#pg-project-post .project-media-text .container-paragraph,
.modal-project .project-media-text .container-paragraph,
#pg-project-post .project-info .container-paragraph p,
.modal-project .project-info .container-paragraph p,
#pg-project-post .project-info .text-content .column .column-item .content,
.modal-project .project-info .text-content .column .column-item .content,
#pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-description,
#pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-localization,
#pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-year,
#footer .row-3 .rights-list li a,
#footer .container-address .column address,
#footer .container-address .column .phone-link {
    font-weight: 300
}

#pg-project-post .next-project .next-project-link .container-info .project-title .contrast-text,
.modal-project .next-project .next-project-link .container-info .project-title .contrast-text,
#pg-project-post .project-two-medias .container-paragraph .paragraph-title,
.modal-project .project-two-medias .container-paragraph .paragraph-title,
#pg-project-post .project-info .container-paragraph .paragraph-title,
.modal-project .project-info .container-paragraph .paragraph-title,
#pg-home .home-things-that-inspire .content-section .content-slogan .contrast-text,
.btn-back-to-top span {
    font-weight: 400
}

#footer .container-address .column .country,
#footer .footer-container-title {
    font-weight: 500
}

#pg-project-post .next-project .next-project-link .container-info .project-info .year,
.modal-project .next-project .next-project-link .container-info .project-info .year,
#pg-project-post .next-project .next-project-link .container-info .project-title,
.modal-project .next-project .next-project-link .container-info .project-title,
#pg-project-post .project-info .text-content .column .column-item .title,
.modal-project .project-info .text-content .column .column-item .title,
#pg-home .home-things-that-inspire .content-section .column-description .description-title,
#pg-home .home-things-that-inspire .content-section .content-slogan {
    font-weight: 700
}

#pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-name {
    font-weight: 800
}

#loader {
    position: fixed;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100vw;
    height: 100svh;
    padding-right: var(--scrollbar);
    -webkit-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    transition: all .4s cubic-bezier(.42, 0, .58, 1);
    transition-delay: 0s;
    z-index: 150;
    display: flex;
    justify-content: initial;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    pointer-events: none;
    opacity: 0
}

#loader:before {
    content: "";
    width: 100%;
    height: 100lvh;
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background-color: var(--white-1);
    z-index: 2
}

#loader .inner-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    color: var(--red-1);
    z-index: 20;
    width: 100%;
    height: 100%;
    pointer-events: none
}

@media only screen and (min-width: 1025.1px) {
    #loader .inner-loader {
        padding-bottom: 1.9rem
    }
}

@media only screen and (max-width: 1025px) {
    #loader .inner-loader {
        padding-bottom: 2rem
    }
}

#loader .inner-loader>span {
    display: inline-block;
    text-align: center;
    letter-spacing: -.07em
}

#loader .inner-loader>span>span {
    display: inline-block
}

@media only screen and (min-width: 1025.1px) {
    #loader .inner-loader>span>span {
        transform: scale(1.15)
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #loader .inner-loader>span>span {
        transform: scale(1.05)
    }
}

#loader .number-wrapper {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 5.8rem;
    left: 50%;
    transform: translate(-50%)
}

#loader .number {
    font-family: Gilda Display, serif;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    opacity: 1;
    z-index: 5
}

#loader .number .val {
    position: relative;
    display: flex;
    width: auto;
    justify-content: center;
    padding-right: .3rem
}

#loader .number .val:before {
    content: attr(data-load-progress);
    display: block
}

body[data-load=first-loading] #loader {
    opacity: 1;
    pointer-events: auto;
    z-index: 110
}

body[data-load=first-loading] #loader .number {
    -webkit-animation: fadeInUp .8s cubic-bezier(.215, .61, .355, 1) .4s both 1;
    -moz-animation: fadeInUp .8s cubic-bezier(.215, .61, .355, 1) .4s both 1;
    -ms-animation: fadeInUp .8s cubic-bezier(.215, .61, .355, 1) .4s both 1;
    -o-animation: fadeInUp .8s cubic-bezier(.215, .61, .355, 1) .4s both 1;
    animation: fadeInUp .8s cubic-bezier(.215, .61, .355, 1) .4s both 1
}

body[data-load=first-loading] #loader .inner-loader>span {
    -webkit-animation: fadeInUp .8s cubic-bezier(.215, .61, .355, 1) .3s both 1;
    -moz-animation: fadeInUp .8s cubic-bezier(.215, .61, .355, 1) .3s both 1;
    -ms-animation: fadeInUp .8s cubic-bezier(.215, .61, .355, 1) .3s both 1;
    -o-animation: fadeInUp .8s cubic-bezier(.215, .61, .355, 1) .3s both 1;
    animation: fadeInUp .8s cubic-bezier(.215, .61, .355, 1) .3s both 1
}

body[data-load=first-loading] #header {
    transform: translateY(3rem);
    opacity: 0
}

body[data-load=first-leaving] #loader {
    opacity: 1;
    pointer-events: auto
}

body[data-load=first-leaving] #loader .inner-loader>span>span {
    transform: scale(1);
    -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    transition: all .6s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0s
}

body[data-load=first-leaving] #header {
    transform: translateY(2rem);
    opacity: 0
}

body[data-load=first-done] #loader {
    opacity: 0;
    z-index: 110;
    pointer-events: none;
    -webkit-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    transition: all .4s cubic-bezier(.42, 0, .58, 1);
    transition-delay: .4s
}

body[data-load=first-done] #loader .inner-loader>span>span {
    transform: scale(1);
    -webkit-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition-delay: 0s
}

body[data-load=first-done] #loader .number {
    -webkit-animation: unfadeInDown .4s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: unfadeInDown .4s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: unfadeInDown .4s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: unfadeInDown .4s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: unfadeInDown .4s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

body[data-load=first-done] #header {
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition-delay: .8s
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

body {
    font-family: adelphi-pe-variable, sans-serif;
    position: relative;
    overflow-x: hidden;
    overflow-y: overlay;
    -webkit-font-smoothing: antialiased;
    background: var(--white-1);
    color: var(--red-1);
    font-variation-settings: "opsz" 6, "slnt" 0
}

@media only screen and (max-width: 1025px) {
    body {
        width: 100vw
    }
}

.wrapper {
    width: 100%
}

.wrapper main {
    width: 100%
}

.imgs {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}

.imgs img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center center
}

.imgs .thumb {
    image-rendering: pixelated;
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0;
    opacity: 1;
    filter: blur(20px);
    transform: scale(1.15) translateZ(0)
}

.imgs .original {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    opacity: 0;
    transition-duration: 0s
}

.imgs[data-loaded=true] .thumb {
    opacity: 0
}

.imgs[data-loaded=true] .original {
    opacity: 1
}

.container-ratio-height-auto {
    position: relative;
    width: 100%;
    height: auto
}

.container-ratio-height-auto:before {
    content: "";
    width: 100%;
    height: auto;
    display: block;
    pointer-events: none;
    padding-bottom: calc(100% * var(--ratio, 1))
}

.container-ratio-height-auto>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

.container-ratio-height-auto>* img,
.container-ratio-height-auto>* video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.container-ratio-width-auto {
    position: relative;
    width: auto;
    height: var(--height)
}

.container-ratio-width-auto:before {
    content: "";
    width: auto;
    height: 100%;
    display: block;
    pointer-events: none;
    padding-left: calc(var(--height) / var(--ratio, 1))
}

.container-ratio-width-auto>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

.container-ratio-width-auto>* img,
.container-ratio-width-auto>* video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

::-moz-selection {
    background: var(--red-1);
    color: var(--white-1)
}

::selection {
    background: var(--red-1);
    color: var(--white-1)
}

.btn-back-to-top {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    text-transform: uppercase;
    margin-left: auto
}

.btn-back-to-top span {
    display: inline-block;
    padding-right: 1.1rem
}

.btn-back-to-top i {
    display: inline-block;
    font-size: .9rem
}

.container-newsletter {
    position: relative
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .container-newsletter {
        padding-right: 2.5rem
    }
}

.container-newsletter .form-newsletter {
    padding-top: .9rem
}

.container-newsletter .form-newsletter .container-input {
    position: relative
}

.container-newsletter .form-newsletter .container-input label {
    position: absolute;
    top: .2rem;
    right: auto;
    bottom: auto;
    left: 0;
    opacity: .15;
    pointer-events: none;
    -webkit-transition: all .2s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .2s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .2s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .2s cubic-bezier(.42, 0, .58, 1);
    transition: all .2s cubic-bezier(.42, 0, .58, 1);
    transition-delay: 0s
}

.container-newsletter .form-newsletter .container-input label,
.container-newsletter .form-newsletter .container-input input {
    font-family: Gilda Display, serif;
    color: var(--red-1);
    display: block;
    letter-spacing: -.03em;
    padding: 0;
    margin: 0
}

.container-newsletter .form-newsletter .container-input input {
    width: 100%;
    height: 4.5rem;
    border: none;
    border-bottom: 1px solid var(--red-1);
    background: transparent;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    pointer-events: all;
    padding-bottom: .3rem
}

.container-newsletter .form-newsletter .container-input .container-submit {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
    z-index: 5
}

.container-newsletter .form-newsletter .container-input .container-submit .bt-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    padding: 1rem;
    font-size: 1.8rem;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s
}

.container-newsletter .form-newsletter .container-input .container-submit .bt-submit i {
    position: relative;
    z-index: 2
}

.container-newsletter .form-newsletter .container-input .container-submit .bt-submit:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    background: var(--red-1);
    transform: translate(-50%, -50%) scale(0);
    z-index: 0;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s
}

@media (hover: hover) {
    .container-newsletter .form-newsletter .container-input .container-submit .bt-submit:hover {
        transform: rotate(45deg);
        color: var(--white-1)
    }
    .container-newsletter .form-newsletter .container-input .container-submit .bt-submit:hover:before {
        transform: translate(-50%, -50%) scale(1)
    }
}

.container-newsletter .form-newsletter .container-input.preenchido label {
    opacity: 0
}

.container-newsletter .form-newsletter .container-checkbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    font-family: adelphi-pe-variable, sans-serif;
    padding-top: 1.9rem;
    text-transform: uppercase
}

.container-newsletter .form-newsletter .container-checkbox input {
    position: relative;
    width: 1.2rem;
    height: 1.2rem;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--red-1)
}

.container-newsletter .form-newsletter .container-checkbox input:before {
    content: "";
    width: 61%;
    height: 61%;
    display: block;
    background: var(--red-1);
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}

.container-newsletter .form-newsletter .container-checkbox label {
    padding-left: .9rem;
    cursor: pointer
}

.container-newsletter .form-newsletter .container-checkbox input[type=checkbox]:checked:before {
    opacity: 1
}

.container-newsletter .container-feedback {
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    padding-top: 2rem
}

.container-newsletter.form-success .form-newsletter {
    opacity: .5 !important;
    filter: blur(1px);
    -webkit-filter: blur(1px);
    pointer-events: none !important
}

.container-newsletter.form-success .form-newsletter * {
    pointer-events: none !important
}

.container-newsletter.form-success .container-feedback {
    text-transform: uppercase
}

.editor {
    font-size: 1.6rem
}

.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
    margin-top: 8rem;
    margin-bottom: 3rem;
    font-size: 2rem;
    line-height: 1.5em;
    font-weight: 700;
    display: block
}

.editor a {
    color: var(--color-1)
}

.editor p,
.editor ul,
.editor ol {
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-size: 1.6rem;
    line-height: 1.5em
}

.editor ul,
.editor ol {
    margin-left: 2rem;
    margin-right: 0rem;
    padding-inline-start: 0
}

.editor ul li,
.editor ul dt,
.editor ol li,
.editor ol dt {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.editor dl {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.editor blockquote {
    margin-top: 10rem;
    margin-bottom: 1.5rem;
    display: block;
    border-width: 2px 0;
    border-style: solid;
    border-color: rgba(var(--red-1), .3);
    padding: 1.5em 0 .5em;
    position: relative;
    color: var(--red-1)
}

.editor blockquote:before {
    content: "“";
    position: absolute;
    top: -2.5rem;
    left: 50%;
    transform: translate(-50%);
    background: var(--white-1);
    width: 3.5rem;
    height: 4rem;
    font: 6em/1.08em PT Sans, sans-serif;
    color: var(--red-1);
    text-align: center;
    display: inline-block;
    z-index: 2
}

.editor blockquote:after {
    content: "– " attr(cite);
    display: block;
    text-align: right;
    font-size: .875em
}

.editor ul {
    list-style: disc
}

.editor ul.galeria {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: initial;
    align-content: initial;
    flex-wrap: wrap;
    flex-direction: row
}

.editor ul.galeria img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.editor div.video-shortcode {
    text-align: center !important
}

.editor img,
.editor figure {
    max-width: 100%;
    height: auto !important
}

.editor figure {
    display: inline-flex;
    flex-direction: column
}

.editor figure img {
    width: 100%
}

.editor a {
    text-decoration: underline;
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

.editor a:hover {
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s;
    color: var(--red-1)
}

.editor figure.align-left {
    float: left;
    margin-right: 2rem
}

.editor figure.align-right {
    float: right;
    margin-left: 2rem
}

.editor figure.image img {
    margin: 0
}

.editor figure.image figcaption {
    margin: 0 0 2rem;
    text-align: center;
    background: #eee;
    color: #333;
    font-size: .8rem
}

.editor .float-right {
    float: right;
    margin-left: 4rem;
    margin-top: 0rem !important;
    margin-bottom: 2rem
}

.editor .float-left {
    float: left;
    margin-right: 4rem;
    margin-top: 0rem !important;
    margin-bottom: 2rem
}

.editor>:first-child {
    margin-top: 0
}

.editor>:last-child {
    margin-bottom: 0
}

#header {
    --bg-active: var(--white-1);
    --color: var(--red-1);
    --color-hover: var(--red-1);
    --color-active: var(--red-1);
    --bg-color: var(--white-1);
    --content-color: var(--red-1);
    width: var(--w-100vw);
    height: var(--header-height);
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s;
    z-index: 99;
    position: fixed;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

#header .container-fluid {
    position: relative;
    z-index: 2;
    -webkit-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

#header>.container-fluid,
#header>.container-fluid>.row {
    height: 100%
}

#header .close-button {
    position: absolute;
    top: 1.2rem;
    right: auto;
    bottom: auto;
    left: calc(var(--padding-fluid) - 1.6rem);
    display: block;
    pointer-events: none;
    opacity: 0;
    border-radius: 50%;
    padding: 1rem
}

@media only screen and (max-width: 1025px) {
    #header .close-button {
        top: var(--padding-fluid);
        left: var(--padding-fluid);
        background: var(--white-1)
    }
}

#header .close-button:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: var(--red-1);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transform: scale(0);
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s
}

#header .close-button .close {
    color: var(--red-1);
    text-indent: -9999px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    height: 4rem;
    width: 4rem;
    background: transparent;
    border-radius: 0;
    position: relative;
    width: 1.6rem !important;
    height: 1.6rem !important
}

#header .close-button .close:hover {
    background: transparent
}

#header .close-button .close span {
    display: inline-block
}

#header .close-button .close:after,
#header .close-button .close:before {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    background-color: var(--red-1);
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

#header .close-button .close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

#header .close-button .close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

#header .close-button .close:hover:before,
#header .close-button .close:hover:after {
    background-color: var(--red-1)
}

@media only screen and (max-width: 1025px) {
    #header .close-button .close {
        width: 1.8rem !important;
        height: 1.8rem !important
    }
}

#header .close-button .close:after,
#header .close-button .close:before {
    height: .2rem;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s
}

@media (hover: hover) {
    #header .close-button:hover:before {
        transform: scale(1)
    }
    #header .close-button:hover .close:before,
    #header .close-button:hover .close:after {
        background: var(--white-1)
    }
}

.column-bt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row
}

#bt-menu {
    --color: var(--content-color);
    --color-active: var(--black-1);
    --color-hover: var(--purple-1);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    background: transparent;
    outline: none;
    border: none;
    z-index: 99;
    padding: 0;
    cursor: pointer;
    pointer-events: auto;
    margin-left: auto;
    transition: all .2s ease-in-out;
    margin-top: 2.5rem
}

#bt-menu svg {
    display: block;
    width: 5rem;
    height: 1.3rem
}

#bt-menu svg #bt-menu-bars {
    stroke: var(--color);
    stroke-miterlimit: 10;
    stroke-width: 2px;
    fill: none;
    cursor: pointer;
    opacity: 1
}

#bt-menu svg #topbar,
#bt-menu svg #bottombar {
    transform: rotate(0) translateY(0) translate(0);
    transition: transform .35s ease-in-out, stroke .2s ease-in-out, opacity .2s ease-in-out
}

#bt-menu svg #topbar {
    transform-origin: 4.5% 50%
}

#bt-menu svg #bottombar {
    transform-origin: 4.5% 50%
}

@media (hover: hover) {
    #bt-menu:hover #bt-menu-bars path {
        fill: var(--color-hover)
    }
}

body.menu-active #bt-menu #bottombar {
    -webkit-transform: rotate(15deg) translate(0) !important;
    transform: rotate(15deg) translate(0) !important
}

body.menu-active #bt-menu #topbar {
    -webkit-transform: rotate(-15deg) translate(0) !important;
    transform: rotate(-15deg) translate(0) !important
}

body.menu-active #bt-menu .bt-text .open-text {
    transform: translateY(-105%)
}

body.menu-active #bt-menu .bt-text .close-text {
    transform: translateY(0)
}

@media only screen and (min-width: 1025.1px) {
    .logo {
        width: 9.6rem;
        height: 3rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .logo {
        width: 13rem;
        height: 5rem
    }
}

@media only screen and (max-width: 767.98px) {
    .logo {
        width: 12rem;
        height: 4rem
    }
}

.logo svg {
    display: block;
    fill: var(--content-color)
}

#bt-menu {
    display: none
}

.column-logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    height: 100%;
    position: relative;
    z-index: 99
}

nav.menu {
    position: relative;
    width: auto;
    height: 100%;
    z-index: 98;
    margin-left: auto
}

.menu--wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    height: 100%;
    width: auto
}

.menu--wrapper .menu--list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -2.3rem;
    margin-right: -2.3rem;
    position: relative;
    height: 100%
}

.menu--wrapper .menu--list li {
    padding-left: 2.3rem;
    padding-right: 2.3rem;
    position: relative
}

.menu--wrapper .menu--list li a {
    position: relative;
    display: block;
    color: var(--content-color);
    --btn-color: var(--content-color)
}

.menu--wrapper .menu--list li a span {
    display: block
}

@media only screen and (min-width: 1025.1px) {
    .menu--wrapper .container-language {
        padding-left: 10.6rem
    }
}

.menu--wrapper .container-language .language--link {
    color: var(--content-color);
    --btn-color: var(--content-color)
}

@media only screen and (max-width: 1025px) {
    #bt-menu {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        flex-direction: row
    }
    nav.menu {
        width: 100vw;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 98;
        height: 100vh;
        overflow-x: hidden;
        overflow-y: hidden;
        pointer-events: none;
        display: block
    }
    nav.menu:before {
        content: "";
        width: 100vw;
        height: 100vh;
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        background: var(--bg-active);
        opacity: 0;
        -webkit-transition: all .6s cubic-bezier(.42, 0, .58, 1);
        -moz-transition: all .6s cubic-bezier(.42, 0, .58, 1);
        -ms-transition: all .6s cubic-bezier(.42, 0, .58, 1);
        -o-transition: all .6s cubic-bezier(.42, 0, .58, 1);
        transition: all .6s cubic-bezier(.42, 0, .58, 1);
        transition-delay: 0s
    }
    .show-on-menu-active {
        opacity: 0;
        pointer-events: none
    }
    .menu--wrapper {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        flex-direction: row;
        margin-top: auto;
        margin-bottom: auto;
        top: 0;
        left: 0;
        height: auto;
        min-height: 100%;
        -webkit-transition: all 0 cubic-bezier(.645, .045, .355, 1);
        -moz-transition: all 0 cubic-bezier(.645, .045, .355, 1);
        -ms-transition: all 0 cubic-bezier(.645, .045, .355, 1);
        -o-transition: all 0 cubic-bezier(.645, .045, .355, 1);
        transition: all 0 cubic-bezier(.645, .045, .355, 1);
        transition-delay: 0
    }
    .menu--wrapper .menu--list {
        display: flex;
        justify-content: center;
        align-items: initial;
        align-content: initial;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto;
        margin: auto 0;
        width: 100%;
        padding-top: 8rem;
        opacity: 0
    }
    .menu--wrapper .menu--list li {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        align-content: flex-end;
        flex-wrap: nowrap;
        flex-direction: row;
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .menu--wrapper .menu--list li a {
        position: relative;
        color: var(--color);
        -webkit-transition: all .3s cubic-bezier(.42, 0, .58, 1);
        -moz-transition: all .3s cubic-bezier(.42, 0, .58, 1);
        -ms-transition: all .3s cubic-bezier(.42, 0, .58, 1);
        -o-transition: all .3s cubic-bezier(.42, 0, .58, 1);
        transition: all .3s cubic-bezier(.42, 0, .58, 1);
        transition-delay: 0s
    }
    .menu--wrapper .menu--list li a span {
        position: relative;
        color: transparent
    }
    .menu--wrapper .menu--list li a span:before {
        content: attr(data-letter);
        font-family: adelphi-pe-variable, sans-serif;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 2;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%, -50%);
        color: var(--color);
        -webkit-transition: all .2s cubic-bezier(.785, .135, .15, .86);
        -moz-transition: all .2s cubic-bezier(.785, .135, .15, .86);
        -ms-transition: all .2s cubic-bezier(.785, .135, .15, .86);
        -o-transition: all .2s cubic-bezier(.785, .135, .15, .86);
        transition: all .2s cubic-bezier(.785, .135, .15, .86);
        transition-delay: 0s
    }
    .menu--wrapper .menu--list li a span:after {
        content: attr(data-letter);
        font-family: Gilda Display, serif;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 2;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%, -50%);
        color: var(--color);
        opacity: 0;
        -webkit-transition: all .2s cubic-bezier(.785, .135, .15, .86);
        -moz-transition: all .2s cubic-bezier(.785, .135, .15, .86);
        -ms-transition: all .2s cubic-bezier(.785, .135, .15, .86);
        -o-transition: all .2s cubic-bezier(.785, .135, .15, .86);
        transition: all .2s cubic-bezier(.785, .135, .15, .86);
        transition-delay: 0s
    }
    .menu--wrapper .menu--list li a.active span:before {
        opacity: 0
    }
    .menu--wrapper .menu--list li a.active span:after {
        opacity: 1
    }
    .menu--wrapper .container-language {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        padding-top: 10rem;
        opacity: 0;
        pointer-events: none;
        z-index: 5;
        -webkit-transition: all .6s cubic-bezier(.42, 0, .58, 1);
        -moz-transition: all .6s cubic-bezier(.42, 0, .58, 1);
        -ms-transition: all .6s cubic-bezier(.42, 0, .58, 1);
        -o-transition: all .6s cubic-bezier(.42, 0, .58, 1);
        transition: all .6s cubic-bezier(.42, 0, .58, 1);
        transition-delay: 0s
    }
    .menu--wrapper .container-language .language--link {
        --btn-color: var(--color);
        color: var(--color);
        font-weight: 500
    }
}

@media only screen and (max-width: 1025px) {
    body.menu-active {
        overflow: hidden
    }
}

body.menu-active #header {
    --content-color: var(--red-1) !important
}

body.menu-active .show-on-menu-active {
    opacity: 1;
    pointer-events: auto
}

body.menu-active .menu {
    pointer-events: none;
    overflow-y: auto;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    -webkit-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition-delay: 0s
}

body.menu-active .menu:before {
    opacity: .9
}

body.menu-active .logo {
    opacity: 1;
    pointer-events: auto
}

body.menu-active .menu--list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .15s cubic-bezier(.25, .46, .45, .94);
    -moz-transition: all .15s cubic-bezier(.25, .46, .45, .94);
    -ms-transition: all .15s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .15s cubic-bezier(.25, .46, .45, .94);
    transition: all .15s cubic-bezier(.25, .46, .45, .94);
    transition-delay: 0
}

body.menu-active .menu--list li {
    overflow: hidden;
    opacity: 1
}

body.menu-active .menu--list li a,
body.menu-active .menu--list li:before {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: reveal-down
}

body.menu-active .menu--list li:nth-child(1) a,
body.menu-active .menu--list li:nth-child(1):before {
    animation-delay: 0s
}

body.menu-active .menu--list li:nth-child(2) a,
body.menu-active .menu--list li:nth-child(2):before {
    animation-delay: .1s
}

body.menu-active .menu--list li:nth-child(3) a,
body.menu-active .menu--list li:nth-child(3):before {
    animation-delay: .15s
}

body.menu-active .menu--list li:nth-child(4) a,
body.menu-active .menu--list li:nth-child(4):before {
    animation-delay: .2s
}

body.menu-active .menu--list li:nth-child(5) a,
body.menu-active .menu--list li:nth-child(5):before {
    animation-delay: .25s
}

body.menu-active .menu--list li:nth-child(6) a,
body.menu-active .menu--list li:nth-child(6):before {
    animation-delay: .3s
}

body.menu-active .menu--list li:nth-child(7) a,
body.menu-active .menu--list li:nth-child(7):before {
    animation-delay: .35s
}

body.menu-active .menu--list li:nth-child(8) a,
body.menu-active .menu--list li:nth-child(8):before {
    animation-delay: .4s
}

body.menu-active .menu--list li:nth-child(9) a,
body.menu-active .menu--list li:nth-child(9):before {
    animation-delay: .45s
}

body.menu-active .container-language {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition-delay: .4s
}

body.menu-leave nav.menu {
    pointer-events: auto;
    -webkit-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition-delay: .2s
}

body.menu-leave nav.menu:before {
    transition-delay: .3s !important
}

body.menu-leave .menu--wrapper {
    animation-name: fadeOut
}

body.menu-leave .menu--list {
    -webkit-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    transition: all .4s cubic-bezier(.42, 0, .58, 1);
    transition-delay: 0
}

body.menu-leave .container-language {
    opacity: 0;
    -webkit-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .4s cubic-bezier(.42, 0, .58, 1);
    transition: all .4s cubic-bezier(.42, 0, .58, 1);
    transition-delay: 0s
}

[data-pg-next=pg-project-post] #header:before,
[data-pg-next=pg-project-post] #header .container-fluid,
[data-pg=pg-project-post] #header:before,
[data-pg=pg-project-post] #header .container-fluid,
[data-pg=pg-error] #header:before,
[data-pg=pg-error] #header .container-fluid {
    transform: translateY(-110%)
}

[data-pg-next=pg-project-post] #header .close-button,
[data-pg=pg-project-post] #header .close-button {
    opacity: 1;
    pointer-events: all
}

@media only screen and (min-width: 1025.1px) {
    #footer .container-fluid {
        padding-top: 5.3rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #footer .container-fluid {
        height: 100vh;
        padding-top: 25rem;
        padding-bottom: 5rem;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
        flex-direction: column
    }
}

@media only screen and (max-width: 767.98px) {
    #footer .container-fluid {
        padding-top: 8rem
    }
}

#footer .footer-container-title {
    font-family: adelphi-pe-variable, sans-serif;
    display: block;
    text-transform: uppercase;
    padding-bottom: .9rem
}

#footer .container-social .social--list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -.5rem;
    margin-right: -.5rem
}

#footer .container-social .social--list .social--item {
    padding-left: .5rem;
    padding-right: .5rem;
    transform: scale(.9);
    opacity: 0
}

#footer .container-social .social--list .social--item a {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    color: var(--white-1);
    background: var(--red-1)
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #footer .container-social .social--list .social--item a {
        width: 4rem;
        height: 4rem
    }
}

@media only screen and (max-width: 767.98px) {
    #footer .container-social .social--list .social--item a {
        width: 3.5rem;
        height: 3.5rem
    }
}

#footer .container-social .social--list .social--item a i {
    display: inline-block;
    font-size: 2.1rem
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #footer .container-social .social--list .social--item a i {
        font-size: 1.75rem
    }
}

@media only screen and (max-width: 767.98px) {
    #footer .container-social .social--list .social--item a i {
        font-size: 1.5rem
    }
}

#footer .container-social .social--list.aos-animate .social--item {
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0s
}

#footer .container-social .social--list.aos-animate .social--item:nth-of-type(1) {
    transition-delay: 0s
}

#footer .container-social .social--list.aos-animate .social--item:nth-of-type(2) {
    transition-delay: .1s
}

#footer .container-social .social--list.aos-animate .social--item:nth-of-type(3) {
    transition-delay: .2s
}

#footer .container-social .social--list.aos-animate .social--item:nth-of-type(4) {
    transition-delay: .3s
}

#footer .container-social .social--list.aos-animate .social--item:nth-of-type(5) {
    transition-delay: .4s
}

@media only screen and (min-width: 1025.1px) {
    #footer .container-mail {
        padding-left: 7.8rem
    }
}

@media only screen and (max-width: 767.98px) {
    #footer .container-mail {
        padding-top: 2rem
    }
}

#footer .container-mail .mail-link {
    font-family: Gilda Display, serif;
    color: var(--red-1)
}

#footer .row-2 {
    padding-top: 8.1rem
}

@media only screen and (max-width: 767.98px) {
    #footer .row-2 {
        padding-top: 6rem
    }
}

#footer .container-address {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row
}

@media only screen and (min-width: 1025.1px) {
    #footer .container-address {
        padding-left: 7.8rem
    }
}

@media only screen and (max-width: 767.98px) {
    #footer .container-address {
        padding-top: 7rem
    }
}

#footer .container-address .column {
    text-transform: uppercase
}

@media only screen and (min-width: 1025.1px) {
    #footer .container-address .column {
        min-width: 18.7rem;
        margin-right: 6.1rem
    }
}

@media only screen and (max-width: 1025px) {
    #footer .container-address .column {
        width: 50%
    }
}

#footer .container-address .column .country,
#footer .container-address .column address,
#footer .container-address .column .phone-link {
    display: block
}

#footer .container-address .column .country {
    padding-bottom: 2.4rem
}

#footer .container-address .column address {
    font-style: normal;
    padding-bottom: 1.6rem
}

#footer .lets-talk-text {
    margin-top: 4.1rem;
    width: 100%
}

@media only screen and (max-width: 1025px) {
    #footer .lets-talk-text {
        margin-top: 5rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #footer .lets-talk-text {
        margin-top: 8rem
    }
}

#footer .lets-talk-text svg {
    display: block;
    width: 100%;
    height: auto
}

#footer .row-3 {
    padding-top: 4.7rem;
    padding-bottom: 1.6rem
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #footer .row-3 {
        margin-top: auto
    }
}

#footer .row-3 .rights-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row
}

@media only screen and (min-width: 1025.1px) {
    #footer .row-3 .rights-list {
        padding-left: 7.8rem;
        padding-right: 7.8rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #footer .row-3 .rights-list {
        justify-content: flex-start
    }
}

@media only screen and (max-width: 767.98px) {
    #footer .row-3 .rights-list {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #footer .row-3 .rights-list li {
        padding-right: 4rem
    }
}

#footer .row-3 .rights-list li a {
    text-transform: uppercase
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #footer .row-3 .column-rights {
        padding-top: 5rem;
        text-align: center
    }
}

@media only screen and (max-width: 767.98px) {
    #footer .row-3 .btn-back-to-top {
        margin-left: auto;
        margin-right: auto
    }
}

[data-modal-state] {
    overflow: hidden
}

[data-modal-state]:before {
    --overlay: var(--white-1);
    content: "";
    width: 100vw;
    height: 100vh;
    display: block;
    position: fixed;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: var(--overlay);
    opacity: .95;
    -webkit-animation: fadeInOverlay .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -moz-animation: fadeInOverlay .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -ms-animation: fadeInOverlay .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -o-animation: fadeInOverlay .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    animation: fadeInOverlay .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    z-index: 100
}

[data-modal-state=leave]:before {
    opacity: 0;
    -webkit-animation: fadeOutOverlay .6s cubic-bezier(.42, 0, .58, 1) .3s both 1;
    -moz-animation: fadeOutOverlay .6s cubic-bezier(.42, 0, .58, 1) .3s both 1;
    -ms-animation: fadeOutOverlay .6s cubic-bezier(.42, 0, .58, 1) .3s both 1;
    -o-animation: fadeOutOverlay .6s cubic-bezier(.42, 0, .58, 1) .3s both 1;
    animation: fadeOutOverlay .6s cubic-bezier(.42, 0, .58, 1) .3s both 1
}

modal-group {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    z-index: 100;
    scroll-behavior: smooth;
    opacity: 0
}

@media only screen and (max-width: 767.98px) {
    modal-group {
        height: 100vh;
        top: 0
    }
}

modal-group.active {
    display: flex;
    pointer-events: auto;
    opacity: 1;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -webkit-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

modal-group.leave {
    display: flex;
    pointer-events: none;
    opacity: 1;
    -webkit-animation: fadeOut .6s cubic-bezier(.42, 0, .58, 1) .2s both 1;
    -moz-animation: fadeOut .6s cubic-bezier(.42, 0, .58, 1) .2s both 1;
    -ms-animation: fadeOut .6s cubic-bezier(.42, 0, .58, 1) .2s both 1;
    -o-animation: fadeOut .6s cubic-bezier(.42, 0, .58, 1) .2s both 1;
    animation: fadeOut .6s cubic-bezier(.42, 0, .58, 1) .2s both 1
}

modal-container {
    margin: auto;
    width: 100vw;
    height: 100%;
    pointer-events: none;
    -webkit-overflow-scrolling: touch;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row
}

modal-item {
    margin: auto;
    height: 100%;
    background-color: var(---modal-background);
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    display: none;
    position: relative
}

modal-item.active {
    display: flex;
    pointer-events: auto;
    -webkit-animation: scaleIn .8s cubic-bezier(.215, .61, .355, 1) .4s both 1;
    -moz-animation: scaleIn .8s cubic-bezier(.215, .61, .355, 1) .4s both 1;
    -ms-animation: scaleIn .8s cubic-bezier(.215, .61, .355, 1) .4s both 1;
    -o-animation: scaleIn .8s cubic-bezier(.215, .61, .355, 1) .4s both 1;
    animation: scaleIn .8s cubic-bezier(.215, .61, .355, 1) .4s both 1
}

modal-item.leave {
    display: flex;
    pointer-events: none;
    opacity: 1;
    -webkit-animation: unscaleIn .5s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: unscaleIn .5s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: unscaleIn .5s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: unscaleIn .5s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: unscaleIn .5s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

.section-modal {
    width: 100vw;
    height: 100%
}

.section-modal>.container-fluid {
    height: 100%
}

.section-modal>.container-fluid>.row {
    height: 100%
}

.section-modal .modal-content {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 4.8rem 3.2rem 4.8rem 4.8rem;
    background-color: var(--white-1)
}

@media only screen and (max-width: 767.98px) {
    .section-modal .modal-content {
        padding: 4.8rem 0
    }
}

.section-modal .modal-content:before {
    content: "";
    width: var(--padding-fluid);
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    background-color: var(--white-1);
    z-index: 1;
    transform: translate(100%)
}

@media only screen and (max-width: 1025px) {
    .section-modal .modal-content:before {
        display: none
    }
}

.modal-container-iframe {
    background: transparent;
    height: 100vh;
    width: 156.25vh;
    max-width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row
}

.modal-container-iframe .modal-iframe {
    --inner-padding: 3rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 56.25%
}

.modal-container-iframe .modal-iframe iframe {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%
}

btn-modal-close {
    position: fixed;
    top: 5rem;
    right: 5rem;
    bottom: auto;
    left: auto;
    pointer-events: auto;
    cursor: pointer;
    z-index: 801;
    padding: 1rem;
    border-radius: 50%
}

@media only screen and (max-width: 1025px) {
    btn-modal-close {
        right: 3rem
    }
}

btn-modal-close:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    z-index: 0;
    background-color: var(--red-1);
    transform: scale(0);
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s
}

btn-modal-close .close {
    color: var(--red-1);
    text-indent: -9999px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    height: 4rem;
    width: 4rem;
    background: transparent;
    border-radius: 0;
    position: relative;
    width: 2.2rem !important;
    height: 2.2rem !important;
    z-index: 2
}

btn-modal-close .close:hover {
    background: transparent
}

btn-modal-close .close span {
    display: inline-block
}

btn-modal-close .close:after,
btn-modal-close .close:before {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    background-color: var(--red-1);
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

btn-modal-close .close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

btn-modal-close .close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

btn-modal-close .close:hover:before,
btn-modal-close .close:hover:after {
    background-color: var(--red-1)
}

btn-modal-close .close:after,
btn-modal-close .close:before {
    height: .15rem;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s
}

btn-modal-close:hover:after {
    transform: scale(1)
}

btn-modal-close:hover .close:after,
btn-modal-close:hover .close:before {
    background: var(--white-1)
}

btn-modal-open {
    cursor: pointer
}

.modal-container-image {
    background: transparent;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row
}

.modal-container-image .modal-image {
    --inner-padding: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    position: relative;
    height: 100%
}

.modal-container-image .modal-image img,
.modal-container-image .modal-image video {
    -webkit-animation: fadeInUp .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -moz-animation: fadeInUp .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -ms-animation: fadeInUp .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -o-animation: fadeInUp .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    animation: fadeInUp .6s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain
}

modal-item .shopify-buy-frame {
    width: 100%;
    height: 100%
}

modal-item .shopify-buy-frame iframe {
    width: 100%;
    height: 100% !important
}

#modal--contact modal-item {
    width: 100%;
    height: 100%
}

.module-py {
    padding-top: var(--p, calc(var(--padding-fluid) / 2));
    padding-bottom: var(--p, calc(var(--padding-fluid) / 2))
}

.module-pb {
    padding-top: 0;
    padding-bottom: var(--p, calc(var(--padding-fluid) / 2))
}

.module-pt {
    padding-top: var(--p, calc(var(--padding-fluid) / 2));
    padding-bottom: 0
}

.module-no-py {
    padding-top: 0;
    padding-bottom: 0
}

@font-face {
    font-family: icomoon;
    src: url(icomoon.eot?o09c);
    src: url(icomoon.eot?o09c#iefix) format("embedded-opentype"), url(icomoon.ttf?o09c) format("truetype"), url(icomoon.woff?o09c) format("woff"), url(icomoon.svg?o09c#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class^=icon-],
[class*=" icon-"] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-instagram:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-pinterest:before {
    content: ""
}

.icon-arrow-diagonal-down:before {
    content: ""
}

.icon-arrow-diagonal-up:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.cursor-wrapper {
    --color: var(--red-1);
    --content: var(--white-1);
    position: fixed;
    top: 0;
    left: 0;
    opacity: 1;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    transform: var(--mouse-position);
    z-index: 1600000;
    pointer-events: none;
    will-change: transform;
    --width: 1.3rem;
    --height: 1.3rem;
    --borderRadius: 50%;
    transition: all .1s
}

@media only screen and (max-width: 1025px),
(hover: none) {
    .cursor-wrapper {
        display: none
    }
}

.cursor-wrapper>div {
    border-radius: var(--borderRadius, 50%);
    width: var(--width);
    height: var(--height)
}

[data-cursor=off] {
    opacity: 0
}

[data-cursor=default]>div,
[data-cursor=default-click]>div,
[data-cursor=drag]>div,
[data-cursor=open]>div,
[data-cursor=close]>div,
[data-cursor=home]>div,
[data-cursor=mix]>div,
[data-cursor=next]>div,
[data-cursor=play]>div,
[data-cursor=prev]>div,
[data-cursor=small]>div,
[data-cursor=small-white]>div,
[data-cursor=view]>div,
[data-cursor=white]>div {
    position: relative;
    transition: all .3s;
    transform-origin: center;
    overflow: visible
}

[data-cursor=default]>div:after,
[data-cursor=default-click]>div:after,
[data-cursor=drag]>div:after,
[data-cursor=open]>div:after,
[data-cursor=close]>div:after,
[data-cursor=home]>div:after,
[data-cursor=mix]>div:after,
[data-cursor=next]>div:after,
[data-cursor=play]>div:after,
[data-cursor=prev]>div:after,
[data-cursor=small]>div:after,
[data-cursor=small-white]>div:after,
[data-cursor=view]>div:after,
[data-cursor=white]>div:after {
    content: "";
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: var(--borderRadius);
    display: block;
    margin: -50% 0 0 -50%;
    background: var(--color);
    z-index: 0
}

[data-cursor=default]>div:before,
[data-cursor=default-click]>div:before,
[data-cursor=drag]>div:before,
[data-cursor=open]>div:before,
[data-cursor=close]>div:before,
[data-cursor=home]>div:before,
[data-cursor=mix]>div:before,
[data-cursor=next]>div:before,
[data-cursor=play]>div:before,
[data-cursor=prev]>div:before,
[data-cursor=small]>div:before,
[data-cursor=small-white]>div:before,
[data-cursor=view]>div:before,
[data-cursor=white]>div:before {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1.2rem;
    color: var(--content);
    text-transform: uppercase;
    z-index: 2;
    opacity: 0;
    transition: font-size 0s 0s, transform ease-in-out .2s, opacity .3s, background-color .3s, color .3s, border-color .3s
}

[data-cursor=mix] {
    mix-blend-mode: difference;
    -webkit-mix-blend-mode: difference;
    --color: var(--white-1)
}

[data-cursor=drag],
[data-cursor=open],
[data-cursor=close],
[data-cursor=home],
[data-cursor=next],
[data-cursor=prev],
[data-cursor=play],
[data-cursor=view] {
    --width: 6.4rem;
    --height: 6.4rem
}

[data-cursor=drag]>div:before,
[data-cursor=open]>div:before,
[data-cursor=close]>div:before,
[data-cursor=home]>div:before,
[data-cursor=next]>div:before,
[data-cursor=prev]>div:before,
[data-cursor=play]>div:before,
[data-cursor=view]>div:before {
    opacity: 1
}

[data-cursor=small-white],
[data-cursor=small] {
    --width: .8rem;
    --height: .8rem
}

[data-cursor=drag]>div:before {
    content: "Drag"
}

[data-cursor=open]>div:before {
    content: "+";
    font-size: 3rem
}

[data-cursor=close]>div:before {
    content: "-";
    font-size: 3rem
}

[data-cursor=home]>div:before {
    content: "Home"
}

[data-cursor=next]>div:before {
    content: "Next"
}

[data-cursor=play]>div:before {
    content: "Play"
}

[data-cursor=prev]>div:before {
    content: "Prev"
}

[data-cursor=view]>div:before {
    content: "View"
}

[data-cursor=home],
[data-cursor=white],
[data-cursor=small-white] {
    --color: var(--white-1);
    --content: var(--red-1)
}

[data-clicked=true] div {
    -webkit-animation: click .3s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -moz-animation: click .3s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -ms-animation: click .3s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    -o-animation: click .3s cubic-bezier(.785, .135, .15, .86) 0s both 1;
    animation: click .3s cubic-bezier(.785, .135, .15, .86) 0s both 1
}

[data-cursor=default-click]>div {
    margin: -18px 0 0 -18px
}

.plyr {
    pointer-events: none
}

.plyr:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    pointer-events: auto
}

.plyr .plyr__controls,
.plyr .plyr__control {
    z-index: 12;
    pointer-events: auto
}

.container-cookies {
    position: fixed;
    top: auto;
    right: auto;
    bottom: 2rem;
    left: calc(var(--w-100vw) / 2 - var(--cookies-w) / 2);
    width: var(--cookies-w);
    padding: 1.5rem 2rem;
    background: var(--red-1);
    border-radius: 1rem;
    z-index: 99
}

@media only screen and (min-width: 1025.1px) {
    .container-cookies {
        --cookies-w: 80rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    .container-cookies {
        --cookies-w: 44rem
    }
}

@media only screen and (max-width: 767.98px) {
    .container-cookies {
        --cookies-w: 33rem
    }
}

.container-cookies .utilizamos-cookies {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    color: var(--white-1)
}

@media only screen and (min-width: 768px) {
    .container-cookies .utilizamos-cookies .text-cookies {
        width: calc(100% - 5rem)
    }
}

.container-cookies .utilizamos-cookies .btn-cookies {
    font-family: Gilda Display, serif;
    color: var(--white-1)
}

@media only screen and (min-width: 768px) {
    .container-cookies .utilizamos-cookies .btn-cookies {
        margin-left: 2rem
    }
}

@media only screen and (max-width: 767.98px) {
    .container-cookies .utilizamos-cookies .btn-cookies {
        margin-top: 1rem
    }
}

#pg-home .home-intro {
    height: 500svh
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-intro {
        height: 300svh
    }
}

#pg-home .home-intro .spacer {
    margin: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important
}

#pg-home .home-intro .intro-row {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 100svh;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}

#pg-home .home-intro .intro-row .container-text {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    transform: translate(-50%, -50%);
    mix-blend-mode: difference
}

#pg-home .home-intro .intro-row .container-text .text-arquitectura {
    letter-spacing: -.06em
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-intro .intro-row .container-text .text-arquitectura {
        margin-right: 2rem;
        margin-top: -3.8rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-home .home-intro .intro-row .container-text .text-arquitectura {
        margin-right: 1.7rem;
        margin-top: -1.75rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-intro .intro-row .container-text .text-arquitectura {
        transform: translateY(-1.1rem);
        margin-right: .6rem
    }
}

#pg-home .home-intro .intro-row .text-septiembre {
    letter-spacing: -.07em
}

#pg-home .home-intro .intro-row .scroll-text {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 6rem;
    left: 50%;
    transform: translate(-50%)
}

@media only screen and (max-width: 1024px) and (max-height: 550px) and (orientation: landscape) {
    #pg-home .home-intro .intro-row .scroll-text {
        bottom: 3rem
    }
}

#pg-home .home-intro .initial-img-row {
    height: 100svh;
    position: relative
}

#pg-home .home-intro .initial-img-row .initial-img {
    position: absolute;
    top: 49%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30.5rem;
    height: auto;
    z-index: 0;
    overflow: hidden;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
}

@media only screen and (min-width: 767.98px) and (orientation: portrait) and (max-width: 1025px) {
    #pg-home .home-intro .initial-img-row .initial-img {
        width: 35vw
    }
}

@media only screen and (min-width: 767.98px) and (orientation: landscape) and (max-width: 1025px) {
    #pg-home .home-intro .initial-img-row .initial-img {
        width: 25rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-intro .initial-img-row .initial-img {
        width: 16.5rem
    }
}

@media only screen and (max-width: 1024px) and (max-height: 550px) and (orientation: landscape) {
    #pg-home .home-intro .initial-img-row .initial-img {
        width: 18rem
    }
}

#pg-home .home-intro .initial-img-row .initial-img .container-img {
    position: relative;
    width: 100%;
    z-index: 5;
    mix-blend-mode: difference;
    -webkit-mix-blend-mode: difference;
    transform: scale(1.2)
}

#pg-home .home-intro .initial-img-row .initial-img .container-img:after {
    content: "";
    width: 100%;
    display: block;
    padding-top: 151.47%
}

#pg-home .home-intro .initial-img-row .initial-img .container-img .media {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%
}

#pg-home .home-intro .initial-img-row .initial-img.aos-animate {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
    -webkit-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition-delay: .2s
}

#pg-home .home-intro .initial-img-row .initial-img.aos-animate .container-img {
    transform: scale(1);
    -webkit-transition: all 1s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all 1s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all 1s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all 1s cubic-bezier(.215, .61, .355, 1);
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0s
}

#pg-home .home-intro .initial-img-row .initial-img .text-spacer {
    top: 50% !important;
    transform: translate(-50%, -50.6%) !important
}

#pg-home .home-intro .initial-img-row .initial-img .invisible-text {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    color: var(--white-1);
    overflow: hidden;
    z-index: 0;
    mix-blend-mode: difference;
    -webkit-mix-blend-mode: difference;
    letter-spacing: -.07em
}

#pg-home .home-intro .initial-img-row .initial-img .invisible-text span {
    display: block
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-intro .initial-img-row .initial-img .invisible-text span {
        transform: translate(-50%, -50%) !important
    }
}

#pg-home .home-intro .gallery-row {
    height: 400svh
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row {
        height: 200svh
    }
}

#pg-home .home-intro .gallery-row .gallery-spacer {
    width: 100% !important
}

#pg-home .home-intro .gallery-row .trigger {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 1rem;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    z-index: 98
}

#pg-home .home-intro .gallery-row .trigger.trigger-1 {
    top: 180svh
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row .trigger.trigger-1 {
        top: 90svh
    }
}

#pg-home .home-intro .gallery-row .trigger.trigger-2 {
    top: 220svh
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row .trigger.trigger-2 {
        top: 110svh
    }
}

#pg-home .home-intro .gallery-row .trigger.trigger-3 {
    top: 270svh
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row .trigger.trigger-3 {
        top: 135svh
    }
}

#pg-home .home-intro .gallery-row .trigger.trigger-5 {
    top: 350svh
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row .trigger.trigger-5 {
        top: 175svh
    }
}

#pg-home .home-intro .gallery-row .trigger.trigger-4 {
    top: 395svh
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row .trigger.trigger-4 {
        top: 197.5svh
    }
}

#pg-home .home-intro .gallery-row .gallery-wrapper {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 100svh;
    width: 100%
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: var(--w-100vw);
    height: 100svh;
    pointer-events: none;
    transform: translateY(100svh)
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(1) {
    --pt: 9.5%;
    --pr: 73.8%;
    --img-ratio: .6;
    --img-w: 23.659vw
}

@media only screen and (min-width: 767.98px) and (orientation: portrait) and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(1) {
        --img-w: 36vw;
        --pr: 60%
    }
}

@media only screen and (max-width: 767.98px) and (orientation: portrait) {
    #pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(1) {
        --pr: 55%;
        --img-w: 41vw
    }
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(2) {
    --pt: 18%;
    --pr: 42.3%;
    --img-ratio: 1.47;
    --img-w: 23.659vw
}

@media only screen and (min-width: 767.98px) and (orientation: portrait) and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(2) {
        --img-w: 32vw;
        --pt: 29%;
        --pr: 34%
    }
}

@media only screen and (max-width: 767.98px) and (orientation: portrait) {
    #pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(2) {
        --pt: 31%;
        --pr: 30%;
        --img-w: 38vw
    }
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(3) {
    --pt: 9.5%;
    --pr: 12.5%;
    --img-ratio: 1.01;
    --img-w: 16.342vw
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(3) {
        --pr: var(--padding-fluid)
    }
}

@media only screen and (min-width: 767.98px) and (orientation: portrait) and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(3) {
        --img-w: 26vw
    }
}

@media only screen and (max-width: 767.98px) and (orientation: portrait) {
    #pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(3) {
        --img-w: 33vw
    }
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(4) {
    --pt: 44.5%;
    --pr: 77.6%;
    --img-ratio: 1.48;
    --img-w: 16.342vw
}

@media only screen and (min-width: 767.98px) and (orientation: portrait) and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(4) {
        --img-w: 25vw;
        --pt: 64%;
        --pr: 71%
    }
}

@media only screen and (max-width: 767.98px) and (orientation: portrait) {
    #pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(4) {
        --img-w: 30vw;
        --pt: 66%;
        --pr: 66%
    }
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(5) {
    --pt: 52.5%;
    --pr: var(--padding-fluid);
    --img-ratio: .61;
    --img-w: 30.366vw
}

@media only screen and (min-width: 767.98px) and (orientation: portrait) and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(5) {
        --img-w: 36vw;
        --pt: 72%
    }
}

@media only screen and (max-width: 767.98px) and (orientation: portrait) {
    #pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper:nth-child(5) {
        --pt: 70%;
        --img-w: 40vw
    }
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper a {
    position: absolute;
    top: var(--pt, auto);
    right: var(--pr, auto);
    bottom: var(--pb, auto);
    left: var(--pl, auto);
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s;
    display: block;
    pointer-events: all;
    will-change: transform
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper a .container-img {
    position: relative;
    width: var(--img-w, calc(100vw - var(--padding-fluid) * 2));
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s;
    will-change: transform
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper a .container-img:after {
    content: "";
    width: 100%;
    display: block;
    height: calc(var(--img-w) * var(--img-ratio, 1));
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper a .container-img .media {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper.leaving {
    opacity: 0;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -webkit-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition: all .6s cubic-bezier(.42, 0, .58, 1);
    transition-delay: 0s
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper.transition {
    opacity: 1
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper.active {
    --pt: var(--padding-fluid);
    --pb: auto;
    --pr: var(--padding-fluid);
    --pl: auto;
    --img-w: 70rem;
    opacity: 1;
    filter: none;
    -webkit-filter: none
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper.active {
        --img-w: calc(100vw - var(--padding-fluid) * 2)
    }
}

#pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper.active .container-img:after {
    height: calc(100svh - var(--padding-fluid) * 2)
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-intro .gallery-row .gallery-wrapper .project-item-wrapper.active .container-img:after {
        height: calc(50vh - var(--padding-fluid))
    }
}

#pg-home .home-about-us {
    background: var(--white-1);
    position: relative;
    z-index: 2;
    overflow: hidden
}

#pg-home .home-about-us .text-colorizer-wrapper {
    position: relative;
    height: 250vh;
    margin-bottom: 20rem
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-about-us .text-colorizer-wrapper {
        margin-bottom: 5rem
    }
}

#pg-home .home-about-us .text-colorizer-wrapper .text-row {
    height: 100vh;
    align-items: center;
    align-content: center;
    text-align: center;
    will-change: transform;
    padding-bottom: 7rem
}

#pg-home .home-about-us .text-colorizer-wrapper .text-row .column-text {
    padding-top: 11.6rem
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-about-us .text-colorizer-wrapper .text-row .column-text {
        padding-top: 5rem
    }
}

@media only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-home .home-about-us .text-colorizer-wrapper .text-row .column-text {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

#pg-home .home-about-us .text-colorizer-wrapper .text-row .column-text p {
    letter-spacing: -.03em
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-about-us .text-colorizer-wrapper .text-row .column-text p br {
        display: none
    }
}

#pg-home .home-about-us .about-content-row {
    position: relative;
    color: var(--white-1)
}

#pg-home .home-about-us .about-content-row .bg-div {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: calc(var(--padding-fluid) * -1);
    width: calc(100% + var(--padding-fluid) * 2);
    background: var(--red-1);
    z-index: 0;
    border-radius: 1rem
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-about-us .about-content-row .bg-div {
        height: calc(100% - 10rem)
    }
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-about-us .about-content-row .bg-div {
        height: 100%
    }
}

@media only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-home .home-about-us .about-content-row .bg-div {
        height: calc(100% - 8rem)
    }
}

#pg-home .home-about-us .about-content-row>* {
    position: relative;
    z-index: 2
}

#pg-home .home-about-us .about-content-row .column-1 {
    padding-top: 16.8rem
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-about-us .about-content-row .column-1 {
        padding-top: 12rem;
        padding-bottom: 6rem
    }
}

@media only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-home .home-about-us .about-content-row .column-1 {
        padding-top: 8rem
    }
}

#pg-home .home-about-us .about-content-row .column-1 .column-title {
    padding-bottom: 3.7rem
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-about-us .about-content-row .column-1 .column-title {
        padding-bottom: 3.2rem
    }
}

@media only screen and (min-width: 767.98px) and (orientation: portrait) and (max-width: 1025px) {
    #pg-home .home-about-us .about-content-row .column-1 .column-title {
        max-width: 75%
    }
}

#pg-home .home-about-us .about-content-row .column-1 .column-paragraph {
    max-width: 38.3rem
}

#pg-home .home-about-us .about-content-row .column-2 {
    padding-top: 12.8rem
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-about-us .about-content-row .column-2 {
        margin-top: 9rem
    }
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-about-us .about-content-row .column-2 {
        padding-top: 6rem;
        padding-bottom: 12rem
    }
}

@media only screen and (min-width: 767.98px) and (orientation: landscape) and (max-width: 1025px) {
    #pg-home .home-about-us .about-content-row .column-2 {
        padding-left: 2rem
    }
}

#pg-home .home-about-us .about-content-row .column-2 p:last-child {
    padding-top: 3.7rem
}

@media only screen and (min-width: 767.98px) and (orientation: portrait) and (max-width: 1025px) {
    #pg-home .home-about-us .about-content-row .column-2 p:last-child {
        padding-right: 18rem
    }
}

#pg-home .home-about-us .about-content-row .btn-video {
    display: block;
    position: relative;
    margin-left: auto
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-about-us .about-content-row .btn-video {
        margin-right: 1rem;
        width: 97.4rem;
        margin-top: -1rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-home .home-about-us .about-content-row .btn-video {
        width: 80%
    }
}

@media only screen and (max-width: 767.98px),
only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-home .home-about-us .about-content-row .btn-video {
        width: 100%
    }
}

@media only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-home .home-about-us .about-content-row .btn-video {
        margin-top: -3rem
    }
}

#pg-home .home-about-us .about-content-row .btn-video .container-video {
    position: relative;
    width: 100%;
    overflow: hidden;
    transform: scale(.8);
    visibility: visible
}

#pg-home .home-about-us .about-content-row .btn-video .container-video:after {
    content: "";
    width: 100%;
    display: block;
    padding-top: 60%
}

#pg-home .home-about-us .about-content-row .btn-video .container-video .media {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.15)
}

#pg-home .home-about-us .about-content-row .btn-video .container-video.aos-animate,
#pg-home .home-about-us .about-content-row .btn-video .container-video.aos-animate .media {
    transform: scale(1);
    -webkit-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0s
}

#pg-home .home-about-us .about-content-row .slider-about {
    position: relative;
    overflow: hidden;
    transform: scale(.8);
    visibility: visible
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-about-us .about-content-row .slider-about {
        width: calc(100% + var(--padding) * 2)
    }
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-about-us .about-content-row .slider-about {
        width: 100%
    }
}

#pg-home .home-about-us .about-content-row .slider-about .swiper-slide {
    position: relative;
    width: 100%
}

#pg-home .home-about-us .about-content-row .slider-about .swiper-slide:after {
    content: "";
    width: 100%;
    display: block;
    padding-top: 99%
}

#pg-home .home-about-us .about-content-row .slider-about .swiper-slide .media {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center
}

#pg-home .home-about-us .about-content-row .slider-about .swiper-slide-active {
    transform: scale(1.2)
}

#pg-home .home-about-us .about-content-row .slider-about .swiper-button-prev,
#pg-home .home-about-us .about-content-row .slider-about .swiper-button-next {
    width: 50%;
    height: 100%;
    z-index: 2;
    cursor: pointer
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-about-us .about-content-row .slider-about .swiper-button-prev,
    #pg-home .home-about-us .about-content-row .slider-about .swiper-button-next {
        font-size: 2rem;
        color: var(--white-1);
        padding-left: 1rem;
        padding-right: 1rem
    }
}

#pg-home .home-about-us .about-content-row .slider-about .swiper-button-prev i,
#pg-home .home-about-us .about-content-row .slider-about .swiper-button-next i {
    display: inline-block
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-about-us .about-content-row .slider-about .swiper-button-prev i,
    #pg-home .home-about-us .about-content-row .slider-about .swiper-button-next i {
        display: none
    }
}

#pg-home .home-about-us .about-content-row .slider-about .swiper-button-prev.swiper-button-disabled,
#pg-home .home-about-us .about-content-row .slider-about .swiper-button-next.swiper-button-disabled {
    pointer-events: none
}

#pg-home .home-about-us .about-content-row .slider-about .swiper-button-prev {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-about-us .about-content-row .slider-about .swiper-button-prev {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        flex-direction: row
    }
    #pg-home .home-about-us .about-content-row .slider-about .swiper-button-prev i {
        transform: rotate(-90deg)
    }
}

#pg-home .home-about-us .about-content-row .slider-about .swiper-button-next {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-about-us .about-content-row .slider-about .swiper-button-next {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        flex-direction: row
    }
    #pg-home .home-about-us .about-content-row .slider-about .swiper-button-next i {
        transform: rotate(90deg)
    }
}

#pg-home .home-about-us .about-content-row .slider-about .swiper-pagination {
    font-family: adelphi-pe-variable, sans-serif;
    color: var(--red-1);
    padding-top: 1.6rem
}

@media only screen and (max-width: 1025px) and (orientation: portrait),
only screen and (max-width: 767.98px) {
    #pg-home .home-about-us .about-content-row .slider-about .swiper-pagination {
        color: var(--white-1)
    }
}

#pg-home .home-about-us .about-content-row .slider-about.aos-animate,
#pg-home .home-about-us .about-content-row .slider-about.aos-animate .swiper-slide {
    transform: scale(1);
    -webkit-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0s
}

#pg-home .home-other-projects {
    padding-top: 11.7rem;
    --content-color: var(--red-1);
    color: var(--content-color)
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-other-projects {
        padding-bottom: 16rem
    }
}

#pg-home .home-other-projects .title-wrapper {
    display: inline-flex;
    position: relative;
    height: 12rem;
    width: 100%
}

#pg-home .home-other-projects .title-wrapper .category-title {
    position: absolute;
    top: -.2rem;
    right: auto;
    bottom: auto;
    left: 0;
    letter-spacing: -.065em;
    transform: translateY(105%);
    display: inline-flex;
    display: none
}

#pg-home .home-other-projects .title-wrapper .category-title .projects-quantity {
    position: absolute;
    top: 1.2rem;
    right: auto;
    bottom: auto;
    left: calc(100% + .5rem)
}

#pg-home .home-other-projects .title-wrapper.aos-animate .category-title.leave-category {
    display: inline-flex;
    transform: translateY(105%);
    -webkit-animation: unslide-up .4s cubic-bezier(.645, .045, .355, 1) 0s both 1;
    -moz-animation: unslide-up .4s cubic-bezier(.645, .045, .355, 1) 0s both 1;
    -ms-animation: unslide-up .4s cubic-bezier(.645, .045, .355, 1) 0s both 1;
    -o-animation: unslide-up .4s cubic-bezier(.645, .045, .355, 1) 0s both 1;
    animation: unslide-up .4s cubic-bezier(.645, .045, .355, 1) 0s both 1
}

#pg-home .home-other-projects .title-wrapper.aos-animate .category-title.active-category {
    display: inline-flex;
    transform: translateY(0);
    -webkit-animation: slide-up2 .8s cubic-bezier(.215, .61, .355, 1) 0s both 1;
    -moz-animation: slide-up2 .8s cubic-bezier(.215, .61, .355, 1) 0s both 1;
    -ms-animation: slide-up2 .8s cubic-bezier(.215, .61, .355, 1) 0s both 1;
    -o-animation: slide-up2 .8s cubic-bezier(.215, .61, .355, 1) 0s both 1;
    animation: slide-up2 .8s cubic-bezier(.215, .61, .355, 1) 0s both 1
}

#pg-home .home-other-projects .container-info {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 2.8rem
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-other-projects .container-info {
        padding-top: 5rem
    }
}

#pg-home .home-other-projects .container-info .category-list li {
    padding-bottom: .35rem
}

#pg-home .home-other-projects .container-info .category-list li button {
    font-family: adelphi-pe-variable, sans-serif;
    display: inline-block
}

#pg-home .home-other-projects .container-info .category-list li button span {
    position: relative;
    display: block;
    text-align: left;
    white-space: nowrap;
    color: transparent
}

#pg-home .home-other-projects .container-info .category-list li button span:before {
    content: attr(data-letter);
    font-family: adelphi-pe-variable, sans-serif;
    width: 100%;
    height: 100%;
    display: block;
    color: var(--red-1);
    font-variation-settings: "wght" 300;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .2s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .2s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .2s cubic-bezier(.42, 0, .58, 1);
    transition: all .2s cubic-bezier(.42, 0, .58, 1);
    transition-delay: 0s
}

#pg-home .home-other-projects .container-info .category-list li button span:after {
    font-family: adelphi-pe-variable, sans-serif;
    content: attr(data-letter);
    font-variation-settings: "wght" 700;
    letter-spacing: -.015em;
    width: 100%;
    height: 100%;
    display: block;
    color: var(--red-1);
    z-index: 2;
    opacity: 0;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .2s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all .2s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .2s cubic-bezier(.42, 0, .58, 1);
    transition: all .2s cubic-bezier(.42, 0, .58, 1);
    transition-delay: 0s
}

@media (hover: hover) {
    #pg-home .home-other-projects .container-info .category-list li button:hover span:before {
        opacity: 1
    }
    #pg-home .home-other-projects .container-info .category-list li button:hover span:after {
        opacity: 1
    }
}

#pg-home .home-other-projects .container-info .category-list li button.active-category span:before {
    opacity: 1
}

#pg-home .home-other-projects .container-info .category-list li button.active-category span:after {
    opacity: 1
}

#pg-home .home-other-projects .container-info .category-description {
    font-weight: 300;
    text-transform: uppercase;
    padding-top: .2rem
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-other-projects .container-info .category-description {
        width: 54.4rem;
        margin-left: 10.4rem
    }
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-other-projects .container-info .category-description {
        width: 100%;
        padding-top: 3rem
    }
}

@media only screen and (max-width: 768px) and (max-height: 550px) and (orientation: landscape) and (min-width:420px) {
    #pg-home .home-other-projects .container-info .category-description {
        width: 70%;
        padding-top: 0;
        padding-left: 10rem
    }
}

#pg-home .home-other-projects .container-info .category-description [data-get-category] {
    display: none
}

#pg-home .home-other-projects .container-info .category-description [data-get-category].active-category {
    display: block;
    -webkit-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: fadeIn .6s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

#pg-home .home-other-projects .container-projects {
    position: relative;
    padding-bottom: 10.4rem;
    min-height: 50rem;
    width: 100%
}

#pg-home .home-other-projects .container-projects.aos-animate .project-list.leave {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-animation: fadeOut .4s cubic-bezier(.645, .045, .355, 1) 0s both 1;
    -moz-animation: fadeOut .4s cubic-bezier(.645, .045, .355, 1) 0s both 1;
    -ms-animation: fadeOut .4s cubic-bezier(.645, .045, .355, 1) 0s both 1;
    -o-animation: fadeOut .4s cubic-bezier(.645, .045, .355, 1) 0s both 1;
    animation: fadeOut .4s cubic-bezier(.645, .045, .355, 1) 0s both 1
}

#pg-home .home-other-projects .container-projects .project-list {
    width: 100%
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-other-projects .container-projects .project-list {
        padding-top: 7.9rem
    }
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-other-projects .container-projects .project-list {
        padding-top: 6rem
    }
}

#pg-home .home-other-projects .container-projects .project-list.category-changing .project-item.leave-category {
    display: block;
    -webkit-animation: fadeOutDown .4s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: fadeOutDown .4s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: fadeOutDown .4s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: fadeOutDown .4s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: fadeOutDown .4s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

#pg-home .home-other-projects .container-projects .project-list .project-item {
    width: 100%;
    display: none
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item {
        pointer-events: none
    }
}

#pg-home .home-other-projects .container-projects .project-list .project-item.active-category {
    display: block;
    -webkit-animation: fadeInUp .4s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -moz-animation: fadeInUp .4s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -ms-animation: fadeInUp .4s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    -o-animation: fadeInUp .4s cubic-bezier(.42, 0, .58, 1) 0s both 1;
    animation: fadeInUp .4s cubic-bezier(.42, 0, .58, 1) 0s both 1
}

#pg-home .home-other-projects .container-projects .project-list .project-item .inner-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: .35rem;
    padding-bottom: .45rem
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content {
        width: 94rem;
        pointer-events: auto
    }
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

#pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-title {
    font-family: Gilda Display, serif
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-title {
        width: 50%
    }
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-title {
        width: 100%;
        padding-bottom: .2rem
    }
}

#pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-localization,
#pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-year {
    text-transform: uppercase
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-localization {
        width: 47%
    }
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-localization {
        width: 85%
    }
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-year {
        flex: 1
    }
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-year {
        width: 15%
    }
}

#pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-title>span,
#pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-localization>span,
#pg-home .home-other-projects .container-projects .project-list .project-item .inner-content .project-year>span {
    display: inline;
    color: var(--btn-color, var(--red-1));
    background-image: linear-gradient(to right, var(--btn-color, var(--red-1)) 100%, var(--btn-color, var(--red-1)) 0%);
    background-position: 100% 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size 1s cubic-bezier(.19, 1, .155, 1.01) 0s;
    pointer-events: none
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .accordion-content {
        position: absolute;
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translateY(-50%);
        opacity: 0;
        width: 41.9rem;
        pointer-events: none;
        z-index: 20
    }
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .accordion-content {
        height: 0;
        overflow: hidden;
        will-change: height;
        width: 100%
    }
    #pg-home .home-other-projects .container-projects .project-list .project-item .accordion-content .container-img {
        opacity: 0;
        -webkit-transition: all .2s cubic-bezier(.42, 0, .58, 1);
        -moz-transition: all .2s cubic-bezier(.42, 0, .58, 1);
        -ms-transition: all .2s cubic-bezier(.42, 0, .58, 1);
        -o-transition: all .2s cubic-bezier(.42, 0, .58, 1);
        transition: all .2s cubic-bezier(.42, 0, .58, 1);
        transition-delay: .3s
    }
}

@media only screen and (max-width: 1025px) and (max-width: 768px) and (max-height: 550px) and (orientation: landscape) and (min-width:420px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .accordion-content .container-img {
        width: 50%
    }
}

@media only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .accordion-content {
        max-height: 80vh
    }
}

#pg-home .home-other-projects .container-projects .project-list .project-item .accordion-content .category-imgs {
    position: relative;
    width: 100%;
    height: 100%;
    display: none
}

#pg-home .home-other-projects .container-projects .project-list .project-item .accordion-content .category-imgs.active {
    display: block
}

#pg-home .home-other-projects .container-projects .project-list .project-item .accordion-content .category-imgs .container-img {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    display: none;
    transform: scale(.95)
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item .accordion-content .category-imgs .container-img {
        margin-top: 3rem;
        height: 100%
    }
}

#pg-home .home-other-projects .container-projects .project-list .project-item .accordion-content .category-imgs .container-img .media {
    object-fit: contain;
    object-position: top left;
    transform: scale(1.15);
    opacity: 0
}

#pg-home .home-other-projects .container-projects .project-list .project-item .accordion-content .category-imgs .container-img.active {
    display: block
}

#pg-home .home-other-projects .container-projects .project-list .project-item .accordion-content.aos-animate .category-imgs .container-img {
    transform: scale(1);
    -webkit-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0s
}

#pg-home .home-other-projects .container-projects .project-list .project-item .accordion-content.aos-animate .category-imgs .container-img .media {
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0s
}

#pg-home .home-other-projects .container-projects .project-list .project-item.active .inner-content .project-title span,
#pg-home .home-other-projects .container-projects .project-list .project-item.active .inner-content .project-localization span,
#pg-home .home-other-projects .container-projects .project-list .project-item.active .inner-content .project-year span {
    background-image: linear-gradient(to right, var(--btn-color, var(--red-1)) 0%, var(--btn-color, var(--red-1)) 100%);
    background-size: 100% 1px;
    background-position: 0 100%
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item.active .accordion-content {
        opacity: 1;
        pointer-events: auto
    }
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-other-projects .container-projects .project-list .project-item.active .accordion-content {
        height: auto
    }
    #pg-home .home-other-projects .container-projects .project-list .project-item.active .accordion-content .container-img {
        opacity: 1;
        -webkit-transition: all .2s cubic-bezier(.42, 0, .58, 1);
        -moz-transition: all .2s cubic-bezier(.42, 0, .58, 1);
        -ms-transition: all .2s cubic-bezier(.42, 0, .58, 1);
        -o-transition: all .2s cubic-bezier(.42, 0, .58, 1);
        transition: all .2s cubic-bezier(.42, 0, .58, 1);
        transition-delay: 0s
    }
}

#pg-home .home-other-projects .column-portfolio .portfolio-description {
    max-width: 23.1rem;
    padding-bottom: 2.8rem
}

#pg-home .home-other-projects .column-portfolio .portfolio-link {
    text-transform: uppercase;
    color: var(--content-color);
    width: fit-content;
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

@media only screen and (min-width: 768px) {
    #pg-home .home-other-projects .column-portfolio .portfolio-link {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        flex-direction: row
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-other-projects .column-portfolio .portfolio-link {
        display: inline-block
    }
}

#pg-home .home-other-projects .column-portfolio .portfolio-link .file-indicator {
    padding-left: 2.6rem;
    padding-right: 4rem;
    transform: translateY(-.8rem);
    color: var(--content-color);
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-other-projects .column-portfolio .portfolio-link .file-indicator {
        display: inline-block
    }
}

#pg-home .home-other-projects .column-portfolio .portfolio-link i {
    display: inline-block;
    font-size: 1.3rem;
    color: var(--content-color);
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

@media (hover: hover) {
    #pg-home .home-other-projects .column-portfolio .portfolio-link:hover {
        transform: translate(1rem)
    }
    #pg-home .home-other-projects .column-portfolio .portfolio-link:hover .file-indicator {
        transform: translate(1.5rem, -.8rem)
    }
    #pg-home .home-other-projects .column-portfolio .portfolio-link:hover i {
        transform: rotate(45deg)
    }
}

#pg-home .home-things-that-inspire {
    position: relative;
    --content-color: var(--red-1);
    overflow: hidden
}

#pg-home .home-things-that-inspire .pin-spacer {
    pointer-events: none !important
}

#pg-home .home-things-that-inspire .container-thumbs {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: var(--w-100vw);
    height: 100svh;
    pointer-events: none;
    z-index: 20
}

#pg-home .home-things-that-inspire .thumbs-list {
    display: flex;
    justify-content: flex-end;
    align-items: initial;
    align-content: initial;
    flex-wrap: wrap;
    flex-direction: row;
    position: absolute;
    top: auto;
    right: 7.4rem;
    bottom: 4rem;
    left: auto;
    margin-left: -1rem;
    margin-right: -1rem
}

@media only screen and (max-width: 767.98px),
only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-home .home-things-that-inspire .thumbs-list {
        right: var(--padding-fluid)
    }
}

#pg-home .home-things-that-inspire .thumbs-list li {
    padding-left: 1rem;
    padding-right: 1rem
}

#pg-home .home-things-that-inspire .thumbs-list li .thumb {
    position: relative;
    display: block;
    width: 8.8rem;
    pointer-events: all
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-things-that-inspire .thumbs-list li .thumb {
        width: 7rem
    }
}

#pg-home .home-things-that-inspire .thumbs-list li .thumb .container-img {
    position: relative;
    width: 100%;
    -webkit-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

#pg-home .home-things-that-inspire .thumbs-list li .thumb .container-img:after {
    content: "";
    width: 100%;
    display: block;
    padding-top: 56%
}

#pg-home .home-things-that-inspire .thumbs-list li .thumb .container-img .media {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

#pg-home .home-things-that-inspire .thumbs-list li .thumb i {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.4rem;
    color: var(--content-color)
}

#pg-home .home-things-that-inspire .thumbs-list li .thumb:before {
    content: "";
    width: calc(100% + 1.2rem);
    height: calc(100% + 1.2rem);
    display: block;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    border: 1px solid var(--content-color);
    transform: translate(-50%, -50%) scale(.85);
    opacity: 0;
    will-change: transform;
    -webkit-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

#pg-home .home-things-that-inspire .thumbs-list li .thumb:hover:before {
    transform: translate(-50%, -50%) scale(1);
    opacity: .2
}

#pg-home .home-things-that-inspire .thumbs-list li .thumb:hover .container-img {
    opacity: .7
}

#pg-home .home-things-that-inspire .thumbs-list li .thumb.active:before {
    transform: translate(-50%, -50%) scale(1);
    opacity: .2
}

#pg-home .home-things-that-inspire .thumbs-list li .thumb.active .container-img {
    opacity: .3
}

#pg-home .home-things-that-inspire .placeholder {
    position: relative;
    display: block;
    pointer-events: none !important;
    --vh-height: 100svh;
    height: var(--placeholder, var(--vh-height))
}

#pg-home .home-things-that-inspire .placeholder .container-scroll {
    display: flex;
    justify-content: initial;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    height: 100svh;
    pointer-events: none !important
}

#pg-home .home-things-that-inspire .placeholder .scroll-content {
    --height: 100svh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    position: relative;
    pointer-events: auto;
    height: calc(var(--height))
}

#pg-home .home-things-that-inspire .content-section {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100vw;
    height: 100svh
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-things-that-inspire .content-section {
        padding-left: var(--padding-fluid);
        padding-right: var(--padding-fluid);
        padding-bottom: 4rem
    }
}

#pg-home .home-things-that-inspire .content-section .content-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    color: var(--content-color);
    width: 100%
}

#pg-home .home-things-that-inspire .content-section .content-slogan {
    text-align: right;
    letter-spacing: -.03em;
    font-variation-settings: "wght" 700, "opsz" 10, "slnt" 0;
    text-transform: lowercase;
    overflow: visible;
    margin-top: -1rem;
    --animation-delay: .1s
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-things-that-inspire .content-section .content-slogan {
        padding-right: 6.5rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-home .home-things-that-inspire .content-section .content-slogan {
        padding-right: 3rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-things-that-inspire .content-section .content-slogan {
        margin-right: auto
    }
}

@media only screen and (max-width: 1024px) and (max-height: 550px) and (orientation: landscape) {
    #pg-home .home-things-that-inspire .content-section .content-slogan {
        font-size: 3rem;
        margin-right: 8rem
    }
}

#pg-home .home-things-that-inspire .content-section .content-slogan .contrast-text {
    font-family: Gilda Display, serif
}

#pg-home .home-things-that-inspire .content-section .content-slogan>span {
    display: block
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-things-that-inspire .content-section .content-slogan .first-line {
        margin-right: 4rem
    }
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-things-that-inspire .content-section .content-slogan .first-line {
        margin-right: 2.5rem
    }
}

#pg-home .home-things-that-inspire .content-section .video-wrapper {
    position: relative;
    display: block;
    width: 40rem;
    margin-top: 2rem;
    pointer-events: all;
    overflow: hidden;
    visibility: visible;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%)
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-home .home-things-that-inspire .content-section .video-wrapper {
        width: 32rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-things-that-inspire .content-section .video-wrapper {
        width: 55%;
        margin-left: auto
    }
}

@media only screen and (max-width: 1024px) and (max-height: 550px) and (orientation: landscape) {
    #pg-home .home-things-that-inspire .content-section .video-wrapper {
        width: 25%;
        margin-top: 2rem
    }
}

#pg-home .home-things-that-inspire .content-section .video-wrapper .container-img {
    position: relative;
    width: 100%;
    transform: scale(1.2)
}

#pg-home .home-things-that-inspire .content-section .video-wrapper .container-img:after {
    content: "";
    width: 100%;
    display: block;
    padding-top: 61%
}

#pg-home .home-things-that-inspire .content-section .video-wrapper .container-img .media {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

#pg-home .home-things-that-inspire .content-section .video-wrapper i {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    font-size: 5.1rem;
    color: var(--content-color)
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-home .home-things-that-inspire .content-section .video-wrapper i {
        font-size: 4rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-things-that-inspire .content-section .video-wrapper i {
        font-size: 3rem
    }
}

#pg-home .home-things-that-inspire .content-section .video-wrapper.aos-animate {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-transition: all .7s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .7s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all .7s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .7s cubic-bezier(.215, .61, .355, 1);
    transition: all .7s cubic-bezier(.215, .61, .355, 1);
    transition-delay: .3s
}

#pg-home .home-things-that-inspire .content-section .video-wrapper.aos-animate .container-img {
    transform: scale(1);
    -webkit-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition-delay: .3s
}

#pg-home .home-things-that-inspire .content-section .video-wrapper.aos-animate:hover .container-img .media {
    transform: scale(1.08)
}

#pg-home .home-things-that-inspire .content-section .content-title {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: -9rem;
    z-index: 5;
    width: 100%;
    pointer-events: none
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-home .home-things-that-inspire .content-section .content-title {
        margin-top: -5rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-things-that-inspire .content-section .content-title {
        margin-top: -2.5rem
    }
}

#pg-home .home-things-that-inspire .content-section .content-title .text {
    font-family: Gilda Display, serif;
    --animation-delay: .3s;
    letter-spacing: -.05em;
    text-transform: lowercase;
    position: relative
}

@media only screen and (max-width: 1024px) and (max-height: 550px) and (orientation: landscape) {
    #pg-home .home-things-that-inspire .content-section .content-title .text {
        font-size: 11rem
    }
}

#pg-home .home-things-that-inspire .content-section .content-title .number {
    font-family: adelphi-pe-variable, sans-serif;
    position: absolute;
    top: 26%;
    right: auto;
    bottom: auto;
    left: 100%
}

#pg-home .home-things-that-inspire .content-section .column-description {
    width: 29.5rem;
    text-transform: uppercase;
    margin-right: auto;
    padding-top: 3rem
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-things-that-inspire .content-section .column-description {
        margin-left: 29vw
    }
}

@media only screen and (min-width: 767.98px) and (orientation: portrait) and (max-width: 1025px) {
    #pg-home .home-things-that-inspire .content-section .column-description {
        margin-left: 10vw
    }
}

@media only screen and (min-width: 767.98px) and (orientation: landscape) and (max-width: 1025px) {
    #pg-home .home-things-that-inspire .content-section .column-description {
        margin-left: 19.5vw
    }
}

@media only screen and (max-width: 767.98px) and (orientation: portrait) {
    #pg-home .home-things-that-inspire .content-section .column-description {
        padding-top: 5rem
    }
}

@media only screen and (max-width: 1024px) and (max-height: 550px) and (orientation: landscape) {
    #pg-home .home-things-that-inspire .content-section .column-description {
        width: 40rem;
        margin-left: 20vw
    }
}

#pg-home .home-things-that-inspire .content-section .column-description .description-title {
    display: block
}

#pg-home .home-things-that-inspire .content-section .column-description .description-content {
    padding-top: 1.4rem
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-things-that-inspire .content-section:nth-child(1) .content-title .number {
        left: calc(100% + 3rem)
    }
}

@media only screen and (max-width: 1025px) {
    #pg-home .home-things-that-inspire .content-section:nth-child(1) .content-title .number {
        left: calc(100% + 1rem)
    }
}

#pg-home .home-team {
    padding-top: 20rem;
    --content-color: var(--white-1);
    overflow: hidden
}

#pg-home .home-team .column-text {
    color: var(--content-color)
}

#pg-home .home-team .section-title {
    position: relative;
    display: inline-block
}

#pg-home .home-team .section-title .text {
    letter-spacing: -.065em;
    font-variation-settings: "opsz" 10, "slnt" 0
}

#pg-home .home-team .section-title .text span {
    display: inline-block;
    transform: translate(4rem);
    opacity: 0
}

#pg-home .home-team .section-title .number {
    position: absolute;
    top: .5rem;
    right: auto;
    bottom: auto;
    left: calc(100% + .5rem);
    transform: translate(4rem);
    opacity: 0
}

#pg-home .home-team .section-title.aos-animate .text span {
    transform: translate(0);
    opacity: 1
}

#pg-home .home-team .section-title.aos-animate .text span:nth-of-type(0) {
    transition: transform .8s cubic-bezier(.215, .61, .355, 1) .2s, opacity .8s cubic-bezier(.215, .61, .355, 1) .2s, color .1s ease-in-out 0s
}

#pg-home .home-team .section-title.aos-animate .text span:nth-of-type(1) {
    transition: transform .8s cubic-bezier(.215, .61, .355, 1) .3s, opacity .8s cubic-bezier(.215, .61, .355, 1) .3s, color .1s ease-in-out 0s
}

#pg-home .home-team .section-title.aos-animate .text span:nth-of-type(2) {
    transition: transform .8s cubic-bezier(.215, .61, .355, 1) .4s, opacity .8s cubic-bezier(.215, .61, .355, 1) .4s, color .1s ease-in-out 0s
}

#pg-home .home-team .section-title.aos-animate .text span:nth-of-type(3) {
    transition: transform .8s cubic-bezier(.215, .61, .355, 1) .5s, opacity .8s cubic-bezier(.215, .61, .355, 1) .5s, color .1s ease-in-out 0s
}

#pg-home .home-team .section-title.aos-animate .number {
    transform: translate(0);
    opacity: 1;
    transition: transform .8s cubic-bezier(.215, .61, .355, 1) .6s, opacity .8s cubic-bezier(.215, .61, .355, 1) .6s, color .1s ease-in-out 0s
}

#pg-home .home-team .section-paragraph {
    padding-top: 3rem;
    padding-right: 3rem
}

#pg-home .home-team .marquee-team {
    --marquee-height: 45rem;
    position: relative;
    min-height: var(--marquee-height)
}

#pg-home .home-team .marquee-team p-marquee {
    display: flex;
    justify-content: flex-start;
    align-items: initial;
    align-content: initial;
    flex-wrap: nowrap;
    flex-direction: row;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: var(--marquee-height);
    display: block
}

#pg-home .home-team .team-list {
    display: flex;
    justify-content: flex-start;
    align-items: initial;
    align-content: initial;
    flex-wrap: nowrap;
    flex-direction: row;
    padding-top: 4.4rem;
    position: relative;
    z-index: 2
}

#pg-home .home-team .team-list li {
    position: relative;
    padding-right: .9rem;
    transition: max-width .6s cubic-bezier(.215, .61, .355, 1) 0s
}

#pg-home .home-team .team-list li .member-card {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    cursor: pointer
}

#pg-home .home-team .team-list li .member-card .member-img {
    position: relative;
    width: 24.7rem;
    overflow: hidden;
    -webkit-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    -o-transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition: all .6s cubic-bezier(.785, .135, .15, .86);
    transition-delay: 0s
}

@media only screen and (min-width: 767.98px) and (orientation: portrait) and (max-width: 1025px) {
    #pg-home .home-team .team-list li .member-card .member-img {
        width: 33vw
    }
}

@media only screen and (min-width: 767.98px) and (orientation: landscape) and (max-width: 1025px) {
    #pg-home .home-team .team-list li .member-card .member-img {
        width: 25vw
    }
}

@media only screen and (max-width: 767.98px) and (orientation: portrait) {
    #pg-home .home-team .team-list li .member-card .member-img {
        width: 60vw
    }
}

@media only screen and (max-width: 1024px) and (max-height: 550px) and (orientation: landscape) {
    #pg-home .home-team .team-list li .member-card .member-img {
        width: 30vw
    }
}

#pg-home .home-team .team-list li .member-card .member-img .container-img {
    width: 24.7rem;
    height: 40.8rem
}

@media only screen and (min-width: 767.98px) and (orientation: portrait) and (max-width: 1025px) {
    #pg-home .home-team .team-list li .member-card .member-img .container-img {
        width: 33vw
    }
}

@media only screen and (min-width: 767.98px) and (orientation: landscape) and (max-width: 1025px) {
    #pg-home .home-team .team-list li .member-card .member-img .container-img {
        width: 25vw
    }
}

@media only screen and (max-width: 767.98px) and (orientation: portrait) {
    #pg-home .home-team .team-list li .member-card .member-img .container-img {
        width: 60vw
    }
}

@media only screen and (max-width: 768px) and (max-height: 550px) and (orientation: landscape) and (min-width:420px) {
    #pg-home .home-team .team-list li .member-card .member-img .container-img {
        width: 30vw
    }
}

#pg-home .home-team .team-list li .member-card .member-img .container-img .media {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#pg-home .home-team .team-list li .member-card .member-info-container {
    overflow: hidden;
    max-width: 0;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s
}

#pg-home .home-team .team-list li .member-card .member-info-container .member-content {
    padding: 6.4rem 6.1rem 5rem 4.8rem
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-home .home-team .team-list li .member-card .member-info-container .member-content {
        width: 70vw
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-team .team-list li .member-card .member-info-container .member-content {
        padding: 3rem 2rem 5rem;
        width: 90vw
    }
}

#pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-name {
    display: block
}

#pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-role {
    display: block;
    text-transform: uppercase;
    padding-top: .5rem
}

@media only screen and (min-width: 1025.1px) {
    #pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-description {
        width: 56.5rem;
        padding-top: 3.2rem
    }
}

#pg-home .home-team .team-list li .member-card .member-info-container .member-content .member-description p:not(:last-child) {
    padding-bottom: 1.6rem
}

#pg-home .home-team .team-list li.active {
    background-color: var(--white-1);
    z-index: 99;
    position: relative
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-team .team-list li.active .member-img {
        width: 0
    }
}

#pg-home .home-team .team-list li.active .member-info-container {
    max-width: 70rem
}

@media only screen and (max-width: 767.98px) {
    #pg-home .home-team .team-list li.active .member-info-container {
        max-width: 100vw
    }
}

#pg-home .home-team .team-list.clone {
    z-index: 1
}

#pg-home .home-team .marquee-wrapper {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    padding-bottom: 4rem
}

#pg-home .home-team .marquee-wrapper .team-list {
    flex: 0 0 auto
}

@media only screen and (max-width: 1025px) {
    #pg-project-post .project-intro,
    .modal-project .project-intro {
        padding-top: var(--padding-fluid)
    }
}

@media only screen and (min-width: 1025.1px),
only screen and (max-width: 1025px) and (orientation: landscape),
only screen and (max-width: 768px) and (max-height: 550px) and (orientation: landscape) and (min-width:420px) {
    #pg-project-post .project-intro .text-wrapper,
    .modal-project .project-intro .text-wrapper {
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
        padding-bottom: 4rem;
        min-height: 100vh
    }
}

@media only screen and (max-width: 1025px) {
    #pg-project-post .project-intro .text-wrapper,
    .modal-project .project-intro .text-wrapper {
        padding-top: var(--padding-fluid)
    }
}

@media only screen and (max-width: 1025px) and (orientation: landscape),
only screen and (max-width: 768px) and (max-height: 550px) and (orientation: landscape) and (min-width:420px) {
    #pg-project-post .project-intro .text-wrapper,
    .modal-project .project-intro .text-wrapper {
        justify-content: flex-start
    }
}

#pg-project-post .project-intro .text-wrapper .highlight,
.modal-project .project-intro .text-wrapper .highlight {
    font-style: italic
}

#pg-project-post .project-intro .text-wrapper .project-title,
.modal-project .project-intro .text-wrapper .project-title {
    margin-left: -1.1rem;
    padding-top: 1.7rem;
    font-variation-settings: "wght" 700, "opsz" 12, "slnt" 0
}

@media only screen and (max-width: 1025px) {
    #pg-project-post .project-intro .text-wrapper .project-title,
    .modal-project .project-intro .text-wrapper .project-title {
        margin-left: -.5rem
    }
}

@media only screen and (max-width: 1025px) and (orientation: landscape),
only screen and (max-width: 768px) and (max-height: 550px) and (orientation: landscape) and (min-width:420px) {
    #pg-project-post .project-intro .text-wrapper .project-title,
    .modal-project .project-intro .text-wrapper .project-title {
        font-size: 6rem
    }
}

#pg-project-post .project-intro .text-wrapper .project-title .contrast-text,
.modal-project .project-intro .text-wrapper .project-title .contrast-text {
    position: relative;
    display: inline-block;
    letter-spacing: -.075em
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-intro .text-wrapper .project-title .contrast-text,
    .modal-project .project-intro .text-wrapper .project-title .contrast-text {
        top: -1.8rem
    }
}

#pg-project-post .project-intro .text-wrapper .project-title .contrast-text .number,
.modal-project .project-intro .text-wrapper .project-title .contrast-text .number {
    font-family: adelphi-pe-variable, sans-serif;
    position: absolute;
    top: 7%;
    right: auto;
    bottom: auto;
    left: 100%;
    font-variation-settings: "wght" 300
}

#pg-project-post .project-intro .text-wrapper .project-description,
.modal-project .project-intro .text-wrapper .project-description {
    max-width: 46.25rem;
    padding-top: 2.2rem
}

@media only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-project-post .project-intro .text-wrapper .project-description,
    .modal-project .project-intro .text-wrapper .project-description {
        max-width: 37rem
    }
}

#pg-project-post .project-intro .text-wrapper .scroll-text,
.modal-project .project-intro .text-wrapper .scroll-text {
    padding-top: 6rem
}

@media only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-project-post .project-intro .text-wrapper .scroll-text,
    .modal-project .project-intro .text-wrapper .scroll-text {
        margin-top: auto
    }
}

#pg-project-post .project-intro .img-wrapper,
.modal-project .project-intro .img-wrapper {
    width: 100%;
    display: block
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-intro .img-wrapper,
    .modal-project .project-intro .img-wrapper {
        padding-top: var(--padding-fluid)
    }
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-intro .img-wrapper .container-img,
    .modal-project .project-intro .img-wrapper .container-img {
        margin-left: auto;
        width: 70rem;
        height: calc(100vh - var(--padding-fluid) * 2)
    }
}

@media only screen and (max-width: 1025px) {
    #pg-project-post .project-intro .img-wrapper .container-img,
    .modal-project .project-intro .img-wrapper .container-img {
        height: calc(50vh - var(--padding-fluid))
    }
}

@media only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-project-post .project-intro .img-wrapper .container-img,
    .modal-project .project-intro .img-wrapper .container-img {
        height: calc(100vh - var(--padding-fluid) * 2)
    }
}

#pg-project-post .project-info,
.modal-project .project-info {
    padding-top: 11.9rem
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-info .img-1,
    .modal-project .project-info .img-1 {
        width: calc(100% - 3.7rem)
    }
}

@media only screen and (max-width: 1025px) {
    #pg-project-post .project-info .img-1,
    .modal-project .project-info .img-1 {
        width: 100%
    }
}

#pg-project-post .project-info .img-1 .container-img,
.modal-project .project-info .img-1 .container-img {
    width: 100%;
    height: auto
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-info .img-1 .container-img .media,
    .modal-project .project-info .img-1 .container-img .media {
        margin-top: -5rem;
        height: calc(100% + 5rem)
    }
}

#pg-project-post .project-info .img-2,
.modal-project .project-info .img-2 {
    transform: translateY(-18.5rem)
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-info .img-2,
    .modal-project .project-info .img-2 {
        width: calc(100% + var(--padding) * 2);
        margin-left: calc(var(--padding) * 2 * -1)
    }
}

@media only screen and (max-width: 1025px) {
    #pg-project-post .project-info .img-2,
    .modal-project .project-info .img-2 {
        width: 100%
    }
}

#pg-project-post .project-info .img-2 .container-img,
.modal-project .project-info .img-2 .container-img {
    width: 100%
}

#pg-project-post .project-info .text-content,
.modal-project .project-info .text-content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 1.7rem
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-info .text-content,
    .modal-project .project-info .text-content {
        margin-left: -4.6rem;
        margin-right: -4.6rem;
        padding-left: 7.2rem;
        padding-right: 1.6rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .project-info .text-content,
    .modal-project .project-info .text-content {
        margin-left: -2rem;
        margin-right: -2rem;
        padding-top: 4rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-info .text-content,
    .modal-project .project-info .text-content {
        padding-top: 2.4rem
    }
}

@media only screen and (min-width: 768px) {
    #pg-project-post .project-info .text-content .column,
    .modal-project .project-info .text-content .column {
        width: 50%
    }
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-info .text-content .column,
    .modal-project .project-info .text-content .column {
        padding-left: 4.6rem;
        padding-right: 4.6rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .project-info .text-content .column,
    .modal-project .project-info .text-content .column {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-info .text-content .column,
    .modal-project .project-info .text-content .column {
        padding-right: 2rem
    }
}

#pg-project-post .project-info .text-content .column .column-item,
.modal-project .project-info .text-content .column .column-item {
    text-transform: uppercase;
    padding-bottom: 3.8rem
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-info .text-content .column .column-item,
    .modal-project .project-info .text-content .column .column-item {
        padding-bottom: 2.4rem
    }
}

#pg-project-post .project-info .text-content .column .column-item .title,
.modal-project .project-info .text-content .column .column-item .title {
    display: block
}

#pg-project-post .project-info .text-content .column .column-item .content,
.modal-project .project-info .text-content .column .column-item .content {
    display: block;
    padding-top: .5rem
}

#pg-project-post .project-info .text-content .column.aos-animate .column-item,
.modal-project .project-info .text-content .column.aos-animate .column-item {
    -webkit-animation: fadeInUp2 .8s cubic-bezier(.215, .61, .355, 1) .2s both 1;
    -moz-animation: fadeInUp2 .8s cubic-bezier(.215, .61, .355, 1) .2s both 1;
    -ms-animation: fadeInUp2 .8s cubic-bezier(.215, .61, .355, 1) .2s both 1;
    -o-animation: fadeInUp2 .8s cubic-bezier(.215, .61, .355, 1) .2s both 1;
    animation: fadeInUp2 .8s cubic-bezier(.215, .61, .355, 1) .2s both 1
}

#pg-project-post .project-info .text-content .column.aos-animate .column-item:nth-of-type(1),
.modal-project .project-info .text-content .column.aos-animate .column-item:nth-of-type(1) {
    animation-delay: .2s
}

#pg-project-post .project-info .text-content .column.aos-animate .column-item:nth-of-type(2),
.modal-project .project-info .text-content .column.aos-animate .column-item:nth-of-type(2) {
    animation-delay: .3s
}

#pg-project-post .project-info .text-content .column.aos-animate .column-item:nth-of-type(3),
.modal-project .project-info .text-content .column.aos-animate .column-item:nth-of-type(3) {
    animation-delay: .4s
}

#pg-project-post .project-info .text-content .column.aos-animate .column-item:nth-of-type(4),
.modal-project .project-info .text-content .column.aos-animate .column-item:nth-of-type(4) {
    animation-delay: .5s
}

#pg-project-post .project-info .text-content .column.aos-animate .column-item:nth-of-type(5),
.modal-project .project-info .text-content .column.aos-animate .column-item:nth-of-type(5) {
    animation-delay: .6s
}

#pg-project-post .project-info .text-content .column.aos-animate .column-item:nth-of-type(6),
.modal-project .project-info .text-content .column.aos-animate .column-item:nth-of-type(6) {
    animation-delay: .7s
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-info .container-paragraph,
    .modal-project .project-info .container-paragraph {
        padding-left: 6.4rem;
        padding-top: 14.7rem;
        padding-bottom: 20rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .project-info .container-paragraph,
    .modal-project .project-info .container-paragraph {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-info .container-paragraph,
    .modal-project .project-info .container-paragraph {
        padding-top: 2.4rem;
        padding-bottom: 4rem
    }
}

#pg-project-post .project-info .container-paragraph .paragraph-title,
.modal-project .project-info .container-paragraph .paragraph-title {
    font-family: Gilda Display, serif;
    display: block
}

#pg-project-post .project-info .container-paragraph p,
.modal-project .project-info .container-paragraph p {
    display: block;
    padding-top: 3.2rem
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-info .container-paragraph p,
    .modal-project .project-info .container-paragraph p {
        width: 46.23rem
    }
}

#pg-project-post .project-media,
.modal-project .project-media {
    padding-top: 2rem;
    padding-bottom: 4rem
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .project-media,
    .modal-project .project-media {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-media,
    .modal-project .project-media {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-media .img-wrapper,
    .modal-project .project-media .img-wrapper {
        width: 87.4rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .project-media .img-wrapper,
    .modal-project .project-media .img-wrapper {
        width: 70vw
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-media .img-wrapper,
    .modal-project .project-media .img-wrapper {
        width: 100%
    }
}

@media only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-project-post .project-media .img-wrapper,
    .modal-project .project-media .img-wrapper {
        width: 70vw
    }
}

#pg-project-post .project-media .img-wrapper.img-right,
.modal-project .project-media .img-wrapper.img-right {
    margin-left: auto
}

#pg-project-post .project-media .img-wrapper .container-img,
.modal-project .project-media .img-wrapper .container-img {
    width: 100%
}

#pg-project-post .project-media .img-wrapper .container-img .media,
.modal-project .project-media .img-wrapper .container-img .media {
    min-width: 100%
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-media .img-wrapper .container-img .media,
    .modal-project .project-media .img-wrapper .container-img .media {
        margin-top: -5rem;
        height: calc(100% + 10rem)
    }
}

#pg-project-post .project-media-text,
.modal-project .project-media-text {
    padding-top: 5rem;
    padding-bottom: 8rem
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .project-media-text,
    .modal-project .project-media-text {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-media-text,
    .modal-project .project-media-text {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-media-text .img-wrapper,
    .modal-project .project-media-text .img-wrapper {
        width: calc(100% + var(--padding) * 2);
        margin-left: calc(var(--padding-fluid) * 1)
    }
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-media-text .img-wrapper .container-img .media,
    .modal-project .project-media-text .img-wrapper .container-img .media {
        height: calc(100% + 5rem);
        margin-top: -5rem
    }
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-media-text .container-paragraph,
    .modal-project .project-media-text .container-paragraph {
        margin-left: calc(var(--padding-fluid) * 1);
        max-width: 86.2rem;
        padding-top: 9.2rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .project-media-text .container-paragraph,
    .modal-project .project-media-text .container-paragraph {
        padding-top: 4rem;
        width: 85%
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-media-text .container-paragraph,
    .modal-project .project-media-text .container-paragraph {
        padding-top: 2.4rem
    }
}

@media only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-project-post .project-media-text .container-paragraph,
    .modal-project .project-media-text .container-paragraph {
        width: 80%
    }
}

#pg-project-post .project-media-text .container-paragraph p,
.modal-project .project-media-text .container-paragraph p {
    padding-bottom: 2.1rem
}

#pg-project-post .project-media-text .container-paragraph p:last-child,
.modal-project .project-media-text .container-paragraph p:last-child {
    padding-bottom: 0
}

#pg-project-post .project-two-medias,
.modal-project .project-two-medias {
    padding-top: 7rem;
    padding-bottom: 6.2rem
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .project-two-medias,
    .modal-project .project-two-medias {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-two-medias,
    .modal-project .project-two-medias {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }
}

#pg-project-post .project-two-medias .img-wrapper,
.modal-project .project-two-medias .img-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-two-medias .img-wrapper,
    .modal-project .project-two-medias .img-wrapper {
        padding-bottom: 2.4rem
    }
}

#pg-project-post .project-two-medias .img-wrapper .container-img,
.modal-project .project-two-medias .img-wrapper .container-img {
    width: 55.6rem;
    overflow: hidden
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-two-medias .img-wrapper .container-img,
    .modal-project .project-two-medias .img-wrapper .container-img {
        width: 100%
    }
}

#pg-project-post .project-two-medias .img-wrapper .container-img .media,
.modal-project .project-two-medias .img-wrapper .container-img .media {
    position: relative;
    width: 100%
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-two-medias .img-wrapper .container-img .media,
    .modal-project .project-two-medias .img-wrapper .container-img .media {
        top: -5rem;
        height: calc(100% + 8rem)
    }
}

#pg-project-post .project-two-medias .container-paragraph,
.modal-project .project-two-medias .container-paragraph {
    padding-top: 9.2rem
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px) {
    #pg-project-post .project-two-medias .container-paragraph,
    .modal-project .project-two-medias .container-paragraph {
        padding-top: 4rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .project-two-medias .container-paragraph,
    .modal-project .project-two-medias .container-paragraph {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem
    }
}

#pg-project-post .project-two-medias .container-paragraph .paragraph-title,
.modal-project .project-two-medias .container-paragraph .paragraph-title {
    font-family: Gilda Display, serif;
    display: block
}

#pg-project-post .project-two-medias .container-paragraph p,
.modal-project .project-two-medias .container-paragraph p {
    display: block;
    padding-top: 3.3rem
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .project-two-medias .container-paragraph p,
    .modal-project .project-two-medias .container-paragraph p {
        width: 47rem
    }
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .next-project,
    .modal-project .next-project {
        padding-top: 18rem;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 1025px) {
    #pg-project-post .next-project,
    .modal-project .next-project {
        padding-top: 6rem;
        padding-bottom: 0
    }
}

#pg-project-post .next-project .row,
.modal-project .next-project .row {
    position: relative
}

#pg-project-post .next-project .next-project-link,
.modal-project .next-project .next-project-link {
    display: flex;
    justify-content: flex-start;
    align-items: initial;
    align-content: initial;
    flex-wrap: wrap;
    flex-direction: row;
    padding-left: var(--padding-fluid);
    padding-right: var(--padding-fluid);
    position: relative;
    color: var(--red-1);
    width: calc(100% + var(--padding-fluid) * 2);
    left: calc(-1 * var(--padding-fluid));
    padding-bottom: 3.8rem;
    padding-top: 2rem;
    overflow: hidden;
    visibility: visible
}

@media only screen and (max-width: 1025px) {
    #pg-project-post .next-project .next-project-link,
    .modal-project .next-project .next-project-link {
        padding-bottom: 4rem
    }
}

#pg-project-post .next-project .next-project-link:before,
.modal-project .next-project .next-project-link:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: var(--red-1);
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    z-index: 0;
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    transition: all .6s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0s
}

#pg-project-post .next-project .next-project-link>*,
.modal-project .next-project .next-project-link>* {
    position: relative;
    z-index: 2
}

#pg-project-post .next-project .next-project-link .container-img,
.modal-project .next-project .next-project-link .container-img {
    position: relative;
    width: 24.6rem
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px),
only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-project-post .next-project .next-project-link .container-img,
    .modal-project .next-project .next-project-link .container-img {
        width: 19rem
    }
}

@media only screen and (max-width: 767.98px) and (orientation: portrait) {
    #pg-project-post .next-project .next-project-link .container-img,
    .modal-project .next-project .next-project-link .container-img {
        width: 100%
    }
}

#pg-project-post .next-project .next-project-link .container-img:after,
.modal-project .next-project .next-project-link .container-img:after {
    content: "";
    width: 100%;
    display: block;
    padding-top: 64.22%
}

#pg-project-post .next-project .next-project-link .container-img .media,
.modal-project .next-project .next-project-link .container-img .media {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    transition: all .6s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0s
}

#pg-project-post .next-project .next-project-link .container-info,
.modal-project .next-project .next-project-link .container-info {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .next-project .next-project-link .container-info,
    .modal-project .next-project .next-project-link .container-info {
        padding-left: 4.6rem
    }
}

@media only screen and (min-width: 767.98px) and (max-width: 1025px),
only screen and (max-width: 1025px) and (orientation: landscape) {
    #pg-project-post .next-project .next-project-link .container-info,
    .modal-project .next-project .next-project-link .container-info {
        width: calc(100% - 19rem);
        padding-left: 2rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .next-project .next-project-link .container-info,
    .modal-project .next-project .next-project-link .container-info {
        padding-top: 1.2rem
    }
}

#pg-project-post .next-project .next-project-link .container-info .highligh-text,
.modal-project .next-project .next-project-link .container-info .highligh-text {
    font-style: italic;
    display: block;
    padding-bottom: .2rem
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .next-project .next-project-link .container-info .highligh-text,
    .modal-project .next-project .next-project-link .container-info .highligh-text {
        padding-bottom: 1rem
    }
}

#pg-project-post .next-project .next-project-link .container-info .project-title,
.modal-project .next-project .next-project-link .container-info .project-title {
    letter-spacing: -.04em;
    font-variation-settings: "opsz" 12, "slnt" 0
}

#pg-project-post .next-project .next-project-link .container-info .project-title .contrast-text,
.modal-project .next-project .next-project-link .container-info .project-title .contrast-text {
    font-family: Gilda Display, serif;
    position: relative
}

#pg-project-post .next-project .next-project-link .container-info .project-title .contrast-text .number,
.modal-project .next-project .next-project-link .container-info .project-title .contrast-text .number {
    font-family: adelphi-pe-variable, sans-serif;
    position: absolute;
    top: 8%;
    right: auto;
    bottom: auto;
    left: calc(100% + .5rem)
}

#pg-project-post .next-project .next-project-link .container-info .project-info,
.modal-project .next-project .next-project-link .container-info .project-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 2.7rem;
    text-transform: uppercase
}

@media only screen and (max-width: 1025px) {
    #pg-project-post .next-project .next-project-link .container-info .project-info,
    .modal-project .next-project .next-project-link .container-info .project-info {
        padding-left: .3rem;
        padding-right: .3rem;
        justify-content: space-between;
        width: 100%
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .next-project .next-project-link .container-info .project-info,
    .modal-project .next-project .next-project-link .container-info .project-info {
        padding-top: 1rem
    }
}

#pg-project-post .next-project .next-project-link .container-info .project-info .localization,
.modal-project .next-project .next-project-link .container-info .project-info .localization {
    display: inline-block;
    padding-right: 7.7rem
}

#pg-project-post .next-project .next-project-link .container-info .project-info .year,
.modal-project .next-project .next-project-link .container-info .project-info .year {
    display: inline-block
}

#pg-project-post .next-project .next-project-link .container-info,
#pg-project-post .next-project .next-project-link .container-img,
.modal-project .next-project .next-project-link .container-info,
.modal-project .next-project .next-project-link .container-img {
    transform: translateY(3rem);
    opacity: 0
}

#pg-project-post .next-project .next-project-link .highligh-text,
#pg-project-post .next-project .next-project-link .project-title,
#pg-project-post .next-project .next-project-link .project-info,
.modal-project .next-project .next-project-link .highligh-text,
.modal-project .next-project .next-project-link .project-title,
.modal-project .next-project .next-project-link .project-info {
    -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    transition: all .6s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0s
}

#pg-project-post .next-project .next-project-link.aos-animate .container-img,
#pg-project-post .next-project .next-project-link.aos-animate .container-info,
.modal-project .next-project .next-project-link.aos-animate .container-img,
.modal-project .next-project .next-project-link.aos-animate .container-info {
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition: all .8s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0s
}

#pg-project-post .next-project .next-project-link.aos-animate .container-info,
.modal-project .next-project .next-project-link.aos-animate .container-info {
    transition-delay: .2s
}

@media (hover: hover) {
    #pg-project-post .next-project .next-project-link:hover .highligh-text,
    #pg-project-post .next-project .next-project-link:hover .project-title,
    #pg-project-post .next-project .next-project-link:hover .project-info,
    .modal-project .next-project .next-project-link:hover .highligh-text,
    .modal-project .next-project .next-project-link:hover .project-title,
    .modal-project .next-project .next-project-link:hover .project-info {
        color: var(--white-1)
    }
    #pg-project-post .next-project .next-project-link:hover:before,
    .modal-project .next-project .next-project-link:hover:before {
        transform: translateY(0)
    }
    #pg-project-post .next-project .next-project-link:hover .container-img .media,
    .modal-project .next-project .next-project-link:hover .container-img .media {
        transform: scale(1.1)
    }
}

#pg-project-post .next-project .bt-wrapper,
.modal-project .next-project .bt-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
    flex-direction: row;
    z-index: 10;
    pointer-events: none
}

@media only screen and (min-width: 1025.1px) {
    #pg-project-post .next-project .bt-wrapper,
    .modal-project .next-project .bt-wrapper {
        position: absolute;
        top: auto;
        right: var(--padding);
        bottom: 3.4rem;
        left: auto;
        height: 100%
    }
}

@media only screen and (max-width: 1025px) {
    #pg-project-post .next-project .bt-wrapper,
    .modal-project .next-project .bt-wrapper {
        width: 100%;
        justify-content: center;
        padding-top: 4rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-project-post .next-project .bt-wrapper,
    .modal-project .next-project .bt-wrapper {
        padding-top: 2rem;
        padding-bottom: 4rem
    }
}

#pg-project-post .next-project .bt-wrapper .btn-back-to-top,
.modal-project .next-project .bt-wrapper .btn-back-to-top {
    pointer-events: all
}

@media only screen and (max-width: 1025px) {
    #pg-project-post .next-project .bt-wrapper .btn-back-to-top,
    .modal-project .next-project .bt-wrapper .btn-back-to-top {
        margin-left: auto;
        margin-right: auto
    }
}

#pg-project-post .next-project .bt-wrapper .btn-back-to-top.on-hover,
.modal-project .next-project .bt-wrapper .btn-back-to-top.on-hover {
    --btn-color: var(--white-1);
    color: var(--white-1)
}

#pg-error {
    background: var(--red-1)
}

#pg-error #main {
    position: relative;
    overflow: hidden;
    height: 100lvh;
    width: 100vw
}

#pg-error #main .error-container {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    color: var(--white-1);
    height: 100%;
    width: 100%
}

#pg-error #main .error-container .error-text {
    text-transform: lowercase;
    letter-spacing: -.055em;
    margin-left: -3.2rem;
    margin-top: -3rem
}

@media only screen and (min-width: 768px) {
    #pg-error #main .error-container .error-text {
        white-space: nowrap
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-error #main .error-container .error-text span {
        display: block;
        width: 100%;
        text-align: center
    }
}

#pg-error #main .error-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    color: var(--white-1);
    padding-left: var(--padding-fluid);
    padding-right: var(--padding-fluid);
    position: absolute;
    top: auto;
    right: auto;
    bottom: 3rem;
    left: 0;
    width: 100%;
    pointer-events: none
}

#pg-error #main .error-footer .rights-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row
}

@media only screen and (min-width: 768px) {
    #pg-error #main .error-footer .rights-list {
        margin-left: -6.8rem;
        margin-right: -6.8rem
    }
}

@media only screen and (max-width: 767.98px) {
    #pg-error #main .error-footer .rights-list {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    #pg-error #main .error-footer .rights-list li {
        padding-left: 6.8rem;
        padding-right: 6.8rem
    }
}

#pg-error #main .error-footer .rights-list li a {
    text-transform: uppercase;
    pointer-events: all
}

@media only screen and (max-width: 767.98px) {
    #pg-error #main .error-footer>span {
        text-align: center;
        width: 100%;
        padding-top: 1.2rem
    }
}

#pg-privacy-policy .content,
#pg-terms-of-use .content {
    padding-bottom: 18.6rem
}

@media only screen and (min-width: 1025.1px) {
    #pg-privacy-policy .content,
    #pg-terms-of-use .content {
        margin-left: auto;
        margin-right: auto;
        width: 83.6rem
    }
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}