@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    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")
}

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

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

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

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

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

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

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

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

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

.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 {
    backface-visibility: hidden;
    transform: translateZ(0)
}

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

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

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

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

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

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

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

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

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

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

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

[dir=ltr] .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-left: var(--swiper-centered-offset-before)
}

[dir=rtl] .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-right: var(--swiper-centered-offset-before)
}

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

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before)
}

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        transform: rotate(1turn)
    }
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: #007aff;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: 44px;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: -22px;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    top: var(--swiper-navigation-top-offset, 50%);
    width: 27px;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px;
    right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 8px;
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: auto;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: 8px;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: .2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: 8px;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: #007aff;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: 1;
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: auto;
    left: var(--swiper-pagination-left, auto);
    right: 8px;
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: inherit;
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: #00000040;
    background: var(--swiper-pagination-progressbar-bg-color, #00000040);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: #0000001a;
    background: var(--swiper-scrollbar-bg-color, #0000001a);
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 4px;
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: 4px;
    height: var(--swiper-scrollbar-size, 4px);
    left: 1%;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: auto;
    top: var(--swiper-scrollbar-top, auto);
    width: 98%;
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    height: 98%;
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: auto;
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: 4px;
    right: var(--swiper-scrollbar-right, 4px);
    top: 1%;
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: 4px;
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50
}

.swiper-scrollbar-drag {
    background: #00000080;
    background: var(--swiper-scrollbar-drag-bg-color, #00000080);
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.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
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

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

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

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

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

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

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

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    backface-visibility: hidden;
    z-index: 0
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}

.glightbox-container {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    touch-action: none;
    width: 100%;
    z-index: 999999 !important
}

.glightbox-container.inactive {
    display: none
}

.glightbox-container .gcontainer {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 9999
}

.glightbox-container .gslider {
    align-items: center;
    display: flex !important;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    transform: translateZ(0);
    transition: transform .4s ease;
    width: 100%
}

.glightbox-container .gslide {
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 0;
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.glightbox-container .gslide.current {
    opacity: 1;
    position: relative;
    z-index: 99999
}

.glightbox-container .gslide.prev {
    opacity: 1;
    z-index: 9999
}

.glightbox-container .gslide-inner-content {
    width: 100%
}

.glightbox-container .ginner-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    margin: auto;
    max-width: 100%;
    position: relative;
    width: 100%
}

.glightbox-container .ginner-container.gvideo-container {
    width: 100%
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
    flex-direction: column
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
    max-width: 100% !important
}

.gslide iframe,
.gslide video {
    -webkit-overflow-scrolling: touch;
    border: none;
    min-height: 165px;
    outline: 0 !important;
    touch-action: auto
}

.gslide:not(.current) {
    pointer-events: none
}

.gslide-image {
    align-items: center
}

.gslide-image img {
    border: none;
    display: block;
    float: none;
    height: auto;
    margin: auto;
    max-height: 100vh;
    max-width: 100vw;
    min-width: 200px;
    object-fit: cover;
    outline: 0;
    padding: 0;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    width: auto
}

.desc-bottom .gslide-image img,
.desc-top .gslide-image img {
    width: auto
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
    max-width: 100%;
    width: auto
}

.gslide-image img.zoomable {
    position: relative
}

.gslide-image img.dragging {
    cursor: grabbing !important;
    transition: none
}

.gslide-video {
    max-width: 100vh;
    position: relative;
    width: 100% !important
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
    display: none
}

.gslide-video .gvideo-wrapper {
    margin: auto;
    width: 100%
}

.gslide-video:before {
    background: #ff000057;
    content: "";
    display: none;
    height: 100%;
    position: absolute;
    width: 100%
}

.gslide-video.playing:before {
    display: none
}

.gslide-video.fullscreen {
    height: 75vh;
    max-width: 100% !important;
    min-width: 100%
}

.gslide-video.fullscreen video {
    max-width: 100% !important;
    width: 100% !important
}

.gslide-inline {
    background: #fff;
    margin: auto;
    max-height: calc(100vh - 40px);
    max-width: 100%;
    overflow: auto;
    text-align: left
}

.gslide-inline .ginlined-content {
    padding: 20px;
    width: 100%
}

.gslide-inline .dragging {
    cursor: grabbing !important;
    transition: none
}

.ginlined-content {
    display: block !important;
    opacity: 1;
    overflow: auto
}

.gslide-external {
    background: #fff;
    display: flex;
    height: 100%;
    max-height: 75vh;
    min-width: 100%;
    overflow: auto;
    padding: 0;
    width: 100%
}

.gslide-media {
    display: flex;
    width: auto
}

.zoomed .gslide-media {
    box-shadow: none !important
}

.desc-bottom .gslide-media,
.desc-top .gslide-media {
    flex-direction: column;
    margin: 0 auto
}

.gslide-description {
    flex: 1 0 100%;
    position: relative
}

.gslide-description.description-left,
.gslide-description.description-right {
    max-width: 100%
}

.gslide-description.description-bottom,
.gslide-description.description-top {
    margin: 0 auto;
    width: 100%
}

.gslide-description p {
    margin-bottom: 12px
}

.gslide-description p:last-child {
    margin-bottom: 0
}

.glightbox-button-hidden,
.zoomed .gslide-description {
    display: none
}

.glightbox-mobile .glightbox-container .gslide-description {
    background: linear-gradient(180deg, #0000 0, #000000bf);
    bottom: 0;
    height: auto !important;
    max-height: 78vh;
    max-width: 100vw !important;
    order: 2 !important;
    overflow: auto !important;
    padding: 19px 11px 50px;
    position: absolute;
    transition: opacity .3s linear;
    width: 100%
}

.glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1
}

.glightbox-mobile .glightbox-container .gslide-desc a {
    color: #fff;
    font-weight: 700
}

.glightbox-mobile .glightbox-container .gslide-desc * {
    color: inherit
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color: #fff;
    opacity: .4
}

.gdesc-open .gslide-media {
    opacity: .4;
    transition: opacity .5s ease
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px
}

.gdesc-closed .gslide-media {
    opacity: 1;
    transition: opacity .5s ease
}

.greset {
    transition: all .3s ease
}

.gabsolute {
    position: absolute
}

.grelative {
    position: relative
}

.glightbox-desc {
    display: none !important
}

.glightbox-open {
    overflow: hidden
}

.gloader {
    animation: lightboxLoader .8s linear infinite;
    border: 2px solid #fff;
    border-radius: 50%;
    border-right-color: #0000;
    display: block;
    height: 25px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 47%;
    width: 25px;
    z-index: 9999
}

.goverlay {
    height: calc(100vh + 1px);
    left: 0;
    position: fixed;
    top: -1px;
    width: 100%;
    will-change: opacity
}

.glightbox-mobile .goverlay,
.goverlay {
    background: #000
}

.gclose,
.gnext,
.gprev {
    align-items: center;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 44px;
    justify-content: center;
    width: 26px;
    z-index: 99999
}

.gclose svg,
.gnext svg,
.gprev svg {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    width: 25px
}

.gclose.disabled,
.gnext.disabled,
.gprev.disabled {
    opacity: .1
}

.gclose .garrow,
.gnext .garrow,
.gprev .garrow {
    stroke: #fff
}

.gbtn.focused {
    outline: 2px solid #0f3d81
}

iframe.wait-autoplay {
    opacity: 0
}

.glightbox-closing .gclose,
.glightbox-closing .gnext,
.glightbox-closing .gprev {
    opacity: 0 !important
}

.glightbox-clean .gslide-description {
    background: #fff
}

.glightbox-clean .gdesc-inner {
    padding: 22px 20px
}

.glightbox-clean .gslide-title {
    color: #000;
    font-family: arial;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 19px
}

.glightbox-clean .gslide-desc {
    font-family: arial;
    font-size: .86em;
    line-height: 1.4em;
    margin-bottom: 0
}

.glightbox-clean .gslide-video {
    background: #000
}

.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
    background-color: #000000bf;
    border-radius: 4px
}

.glightbox-clean .gclose path,
.glightbox-clean .gnext path,
.glightbox-clean .gprev path {
    fill: #fff
}

.glightbox-clean .gprev {
    left: 30px
}

.glightbox-clean .gnext,
.glightbox-clean .gprev {
    height: 50px;
    position: absolute;
    top: -100%;
    width: 40px
}

.glightbox-clean .gnext {
    right: 30px
}

.glightbox-clean .gclose {
    height: 35px;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 35px
}

.glightbox-clean .gclose svg {
    height: auto;
    width: 18px
}

.glightbox-clean .gclose:hover {
    opacity: 1
}

.gfadeIn {
    animation: gfadeIn .5s ease
}

.gfadeOut {
    animation: gfadeOut .5s ease
}

.gslideOutLeft {
    animation: gslideOutLeft .3s ease
}

.gslideInLeft {
    animation: gslideInLeft .3s ease
}

.gslideOutRight {
    animation: gslideOutRight .3s ease
}

.gslideInRight {
    animation: gslideInRight .3s ease
}

.gzoomIn {
    animation: gzoomIn .5s ease
}

.gzoomOut {
    animation: gzoomOut .5s ease
}

@keyframes lightboxLoader {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes gfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes gfadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes gslideInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-60%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0);
        visibility: visible
    }
}

@keyframes gslideOutLeft {
    0% {
        opacity: 1;
        transform: translateZ(0);
        visibility: visible
    }

    to {
        opacity: 0;
        transform: translate3d(-60%, 0, 0);
        visibility: hidden
    }
}

@keyframes gslideInRight {
    0% {
        opacity: 0;
        transform: translate3d(60%, 0, 0);
        visibility: visible
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes gslideOutRight {
    0% {
        opacity: 1;
        transform: translateZ(0);
        visibility: visible
    }

    to {
        opacity: 0;
        transform: translate3d(60%, 0, 0)
    }
}

@keyframes gzoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 1
    }
}

@keyframes gzoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@media (min-width:769px) {
    .glightbox-container .ginner-container {
        flex-direction: row;
        height: auto;
        width: auto
    }

    .glightbox-container .ginner-container.desc-top .gslide-description {
        order: 0
    }

    .glightbox-container .ginner-container.desc-top .gslide-image,
    .glightbox-container .ginner-container.desc-top .gslide-image img {
        order: 1
    }

    .glightbox-container .ginner-container.desc-left .gslide-description {
        order: 0
    }

    .glightbox-container .ginner-container.desc-left .gslide-image {
        order: 1
    }

    .gslide-image img {
        max-height: 97vh;
        max-width: 100%
    }

    .gslide-image img.zoomable {
        cursor: zoom-in
    }

    .zoomed .gslide-image img.zoomable {
        cursor: grab
    }

    .gslide-inline {
        max-height: 95vh
    }

    .gslide-external {
        max-height: 100vh
    }

    .gslide-description.description-left,
    .gslide-description.description-right {
        max-width: 275px
    }

    .glightbox-open {
        height: auto
    }

    .goverlay {
        background: #000000eb
    }

    .glightbox-clean .gslide-media {
        box-shadow: 1px 2px 9px 0 #000000a6
    }

    .glightbox-clean .description-left .gdesc-inner,
    .glightbox-clean .description-right .gdesc-inner {
        height: 100%;
        overflow-y: auto;
        position: absolute
    }

    .glightbox-clean .gclose,
    .glightbox-clean .gnext,
    .glightbox-clean .gprev {
        background-color: #00000052
    }

    .glightbox-clean .gclose:hover,
    .glightbox-clean .gnext:hover,
    .glightbox-clean .gprev:hover {
        background-color: #000000b3
    }

    .glightbox-clean .gnext,
    .glightbox-clean .gprev {
        top: 45%
    }
}

@media (min-width:992px) {
    .glightbox-clean .gclose {
        opacity: .7;
        right: 20px
    }
}

@media screen and (max-height:420px) {
    .goverlay {
        background: #000
    }
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}

blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

ol[role=list],
ul[role=list] {
    list-style: none
}

body {
    line-height: 1.5;
    min-height: 100vh
}

button,
h1,
h2,
h3,
h4,
input,
label {
    line-height: 1.1
}

h1,
h2,
h3,
h4 {
    text-wrap: balance
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    color: currentColor;
    text-decoration-skip-ink: auto
}

img,
picture {
    display: block;
    height: auto;
    max-width: 100%
}

button,
input,
select,
textarea {
    font: inherit
}

textarea:not([rows]) {
    min-height: 10em
}

:target {
    scroll-margin-block: 5ex
}

@font-face {
    font-display: swap;
    font-family: Halcom;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/subset-Halcom-Bold.b4baca.woff2) format("woff2"), url(../fonts/subset-Halcom-Bold.28dfde.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Halcom;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/subset-Halcom-Book.89dda1.woff2) format("woff2"), url(../fonts/subset-Halcom-Book.c672a0.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: SFTSchriftedSans;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/subset-SFTSchriftedSans-Medium.d1b980.woff2) format("woff2"), url(../fonts/subset-SFTSchriftedSans-Medium.e604fc.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: SFTSchriftedSans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/subset-SFTSchriftedSans-Regular.55c424.woff2) format("woff2"), url(../fonts/subset-SFTSchriftedSans-Regular.c55a98.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SFTSchriftedSerif";
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/subset-SFTSchriftedSerifT-It.794270.woff2) format("woff2"), url(../fonts/subset-SFTSchriftedSerifT-It.c49045.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SFTSchriftedSerif";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/subset-SFTSchriftedSerifT-Rg.657cf2.woff2) format("woff2"), url(../fonts/subset-SFTSchriftedSerifT-Rg.360229.woff) format("woff")
}

:root {
    --color-black: #0f070b;
    --color-white: #fcfaf5;
    --color-sand: #e3d7c7;
    --color-concrete: #968b84;
    --color-clay: #b6753d;
    --color-brick: #792f01;
    --anim-time: 0.3s;
    --anim-time-long: 0.6s;
    --anim-time-short: 0.15s;
    --anim-ease: ease-out;
    --container-fluid: 100rem;
    --container: 83rem;
    --container-small: 67rem;
    --container-xs: 45rem;
    --container-padding: var(--space-m);
    --font-halcom: "Halcom", sans-serif;
    --font-sft: "SFTSchriftedSans", sans-serif;
    --font-sft-serif: "SFTSchriftedSerif", serif;
    --border-radius: 0.625rem;
    --mobile-img-height: 16rem;
    --header-height: 3.125rem;
    --admin-bar-height: 46px;
    --step--2: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
    --step--1: clamp(0.8889rem, 0.8889rem + 0vw, 0.8889rem);
    --step-0: clamp(1rem, 1rem + 0vw, 1rem);
    --step-1: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
    --step-2: clamp(1.2656rem, 1.2656rem + 0vw, 1.2656rem);
    --step-3: clamp(1.4238rem, 1.4238rem + 0vw, 1.4238rem);
    --step-4: clamp(1.6018rem, 1.6018rem + 0vw, 1.6018rem);
    --step-5: clamp(1.802rem, 1.802rem + 0vw, 1.802rem);
    --step-6: clamp(2.0273rem, 2.0273rem + 0vw, 2.0273rem);
    --step-7: clamp(2.2807rem, 2.2807rem + 0vw, 2.2807rem);
    --step-8: clamp(2.5658rem, 2.5658rem + 0vw, 2.5658rem);
    --step-9: clamp(2.8865rem, 2.8865rem + 0vw, 2.8865rem);
    --step-10: clamp(3.2473rem, 3.2473rem + 0vw, 3.2473rem);
    --space-3xs: clamp(0.25rem, 0.25rem + 0vw, 0.25rem);
    --space-2xs: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);
    --space-xs: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
    --space-s: clamp(1rem, 1rem + 0vw, 1rem);
    --space-m: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    --space-l: clamp(2rem, 2rem + 0vw, 2rem);
    --space-xl: clamp(3rem, 3rem + 0vw, 3rem);
    --space-2xl: clamp(4rem, 4rem + 0vw, 4rem);
    --space-3xl: clamp(6rem, 6rem + 0vw, 6rem);
    --space-4xl: clamp(8rem, 8rem + 0vw, 8rem);
    --space-3xs-2xs: clamp(0.25rem, 0.17rem + 0.4vw, 0.5rem);
    --space-2xs-xs: clamp(0.5rem, 0.46rem + 0.2vw, 0.625rem);
    --space-xs-s: clamp(0.625rem, 0.505rem + 0.6vw, 1rem);
    --space-s-m: clamp(1rem, 0.84rem + 0.8vw, 1.5rem);
    --space-m-l: clamp(1.5rem, 1.34rem + 0.8vw, 2rem);
    --space-l-xl: clamp(2rem, 1.68rem + 1.6vw, 3rem);
    --space-xl-2xl: clamp(3rem, 2.68rem + 1.6vw, 4rem);
    --space-2xl-3xl: clamp(4rem, 3.36rem + 3.2vw, 6rem);
    --space-3xl-4xl: clamp(6rem, 5.36rem + 3.2vw, 8rem);
    --space-xl-4xl: clamp(3rem, 1.4rem + 8vw, 8rem);
    --space-xl-3xl: clamp(3rem, 2.04rem + 4.8vw, 6rem)
}

@media(min-width:1025px) {
    :root {
        --header-height: 5.25rem
    }
}

@media(min-width:783px) {
    :root {
        --admin-bar-height: 32px
    }
}

body,
html {
    cursor: auto;
    min-height: -webkit-fill-available;
    scroll-behavior: smooth
}

body {
    background-color: #e3d7c7;
    background-color: var(--color-sand);
    color: #0f070b;
    color: var(--color-black);
    font-family: SFTSchriftedSans, sans-serif;
    font-family: var(--font-sft);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    min-height: 100dvh
}

@media(min-width:768px) {
    body {
        padding-top: 3.125rem;
        padding-top: var(--header-height)
    }
}

body.\--menu-open,
body.overflow-hidden {
    overflow: hidden
}

body.\--dark {
    background-color: #0f070b;
    background-color: var(--color-black);
    color: #fcfaf5;
    color: var(--color-white)
}

body.home {
    overflow: hidden
}

:target {
    scroll-margin-top: calc(clamp(3rem, 2.68rem + 1.6vw, 4rem) + 1rem);
    scroll-margin-top: calc(var(--space-xl-2xl) + 1rem)
}

@media(max-width:767px) {
    .page-how :target {
        scroll-margin-top: calc(clamp(6rem, 5.36rem + 3.2vw, 8rem) + 1rem);
        scroll-margin-top: calc(var(--space-3xl-4xl) + 1rem)
    }
}

.loaded .js-draw {
    opacity: 1
}

.\--completed-animation .js-text-fade,
.\--completed-animation .js-text-fade * {
    color: inherit !important
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    background-color: #e3d7c7;
    background-color: var(--color-sand);
    border: 1px solid #e3d7c7;
    border: 1px solid var(--color-sand);
    border-radius: 1.875rem;
    box-shadow: none;
    color: #0f070b;
    color: var(--color-black);
    font-size: 1rem;
    line-height: 1.125rem;
    padding: max(.75rem, min(calc(.75rem + .59vw - 2.478px), 1.125rem)) max(1rem, min(calc(1rem + .78vw - 3.276px), 1.5rem))
}

input[type=color]::placeholder,
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=datetime]::placeholder,
input[type=email]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=range]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
input[type=week]::placeholder,
select::placeholder,
textarea::placeholder {
    color: #0f070b;
    color: var(--color-black);
    font-size: var(--step--0)
}

.bg-mushroom input[type=color],
.bg-mushroom input[type=date],
.bg-mushroom input[type=datetime-local],
.bg-mushroom input[type=datetime],
.bg-mushroom input[type=email],
.bg-mushroom input[type=month],
.bg-mushroom input[type=number],
.bg-mushroom input[type=password],
.bg-mushroom input[type=range],
.bg-mushroom input[type=search],
.bg-mushroom input[type=tel],
.bg-mushroom input[type=text],
.bg-mushroom input[type=time],
.bg-mushroom input[type=url],
.bg-mushroom input[type=week],
.bg-mushroom select,
.bg-mushroom textarea {
    border-color: #0f070b;
    border-color: var(--color-black)
}

label {
    font-size: clamp(.8889rem, .8889rem + 0vw, .8889rem);
    font-size: var(--step--1)
}

select {
    -webkit-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.888' height='6.828'%3E%3Cpath d='m1.025 1.025 2.919 5.053 2.919-5.053' fill='none' stroke='%233e3b31' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat calc(100% - 1.625rem) 50%/8px;
    cursor: pointer;
    padding: max(.8125rem, min(calc(.8125rem + .49vw - 2.058px), 1.125rem)) 2.5rem max(.8125rem, min(calc(.8125rem + .49vw - 2.058px), 1.125rem)) max(1rem, min(calc(1rem + .78vw - 3.276px), 1.5rem))
}

input[type=search] {
    background-color: #0000;
    text-indent: clamp(2rem, 2rem + 0vw, 2rem);
    text-indent: var(--space-l)
}

textarea {
    border-radius: .75rem
}

fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.fieldset-search {
    align-items: center;
    display: grid
}

.fieldset-search * {
    grid-area: 1/1
}

.fieldset-search i {
    font-size: 1.5rem;
    margin-left: clamp(1rem, 1rem + 0vw, 1rem);
    margin-left: var(--space-s)
}

.form-field.\--select {
    align-items: center;
    display: grid;
    position: relative
}

@media(min-width:1025px) {
    .form-field.\--select {
        justify-content: end;
        justify-items: end
    }
}

.form-field.\--select * {
    grid-area: 1/1
}

.form-field.\--select i {
    align-items: center;
    justify-items: center;
    place-items: center;
    position: absolute;
    right: clamp(1rem, 1rem + 0vw, 1rem);
    right: var(--space-s);
    z-index: 2
}

.frm_checkbox,
.frm_radio {
    align-items: center;
    display: flex;
    gap: clamp(.625rem, .625rem + 0vw, .625rem);
    gap: var(--space-xs)
}

.frm_form_field .frm_checkbox,
.frm_form_field .frm_radio {
    margin-bottom: clamp(.625rem, .625rem + 0vw, .625rem);
    margin-bottom: var(--space-xs)
}

input[type=checkbox],
input[type=radio] {
    border: 1px solid gold;
    box-shadow: none;
    height: 1.5rem;
    margin: 0;
    padding: 0;
    width: 1.5rem
}

input[type=checkbox]:before,
input[type=radio]:before {
    box-shadow: inset 1.5rem 1.5rem brown;
    height: 1.5rem;
    margin: 4px 0 0 4px;
    width: 1.5rem
}

.frm_checkbox input[type=checkbox] {
    border-radius: 50%
}

.frm_checkbox input[type=checkbox]:before {
    border-radius: 50%;
    clip-path: none
}

.field-switch {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    font-family: Halcom, sans-serif;
    font-family: var(--font-halcom);
    font-size: .6875rem;
    font-weight: 500;
    gap: .25rem
}

.field-switch,
.field-switch__toggle {
    position: relative
}

.field-switch input {
    display: none
}

.field-switch input:checked+.field-switch__slider {
    font-size: .6875rem
}

.field-switch input:checked+.field-switch__slider:before {
    transform: translateX(1.875rem)
}

.field-switch input:checked~.field-switch__off,
.field-switch input:not(:checked)+.field-switch__slider {
    font-size: 0
}

.field-switch input:not(:checked)~.field-switch__off {
    font-size: .6875rem
}

.field-switch__slider {
    background-color: #fff;
    border: 1px solid #b6753d;
    border: 1px solid var(--color-clay);
    border-radius: .5rem;
    color: #b6753d;
    color: var(--color-clay);
    cursor: pointer;
    font-size: 0;
    height: 1rem;
    line-height: .875rem;
    min-width: 2.9375rem;
    padding: 0 .1875rem;
    position: relative;
    width: 2.9375rem
}

.field-switch__slider:before {
    background-color: #b6753d;
    background-color: var(--color-clay);
    border-radius: 50%;
    content: "";
    height: .75rem;
    left: 2px;
    position: absolute;
    top: 1px;
    transition: .4s;
    width: .75rem
}

.field-switch__off {
    color: #b6753d;
    color: var(--color-clay);
    line-height: 1rem;
    position: absolute;
    right: .25rem;
    top: 0
}

.with_frm_style {
    --label-color: var(--color-white)
}

.with_frm_style .frm_primary_label {
    margin-bottom: 1rem
}

.with_frm_style .frm_required {
    display: none
}

.with_frm_style .frm_button_submit {
    padding: 0 !important
}

.frm_form_fields_error_style,
.frm_style_formidable-style.with_frm_style .frm_blank_field .frm-card-element.StripeElement,
.frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe,
.frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe,
.frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe,
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=number],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=password],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=url],
.frm_style_formidable-style.with_frm_style .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year),
.frm_style_formidable-style.with_frm_style .frm_blank_field textarea,
.frm_style_formidable-style.with_frm_style .frm_form_field :invalid {
    border-color: #792f01;
    border-color: var(--color-brick);
    border-width: 2px
}

.frm_style_formidable-style.with_frm_style .frm_error_style {
    border: 1px solid #792f01;
    border: 1px solid var(--color-brick);
    color: #792f01;
    color: var(--color-brick)
}

.frm_style_formidable-style.with_frm_style .frm_error,
.frm_style_formidable-style.with_frm_style .frm_limit_error {
    color: #fcfaf5;
    color: var(--color-white);
    margin-top: .5rem
}

.sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.overlay {
    position: relative
}

.overlay:before {
    background: #00000059;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.overlay-bottom-gradient,
.overlay-top-gradient {
    position: relative
}

.overlay-bottom-gradient:before,
.overlay-top-gradient:before {
    background: linear-gradient(180deg, #0000, #000000a6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.overlay-top-gradient:before {
    background: linear-gradient(180deg, #000000a6, #0000)
}

.text-uppercase {
    text-transform: uppercase
}

.m-auto {
    margin: auto
}

.color-white {
    color: #fff
}

.w-100 {
    width: 100%
}

.m-0 {
    margin: 0
}

.rounded-container,
.rounded-corners img {
    border-radius: .625rem;
    border-radius: var(--border-radius)
}

button.plain {
    background: #0000;
    border: none;
    margin: 0;
    padding: 0
}

.text-center {
    text-align: center
}

.capitalize {
    text-transform: capitalize
}

.separator {
    padding-left: .2em;
    padding-right: .2em;
    position: relative;
    top: -.1em
}

.vertically-center {
    align-content: center;
    display: inline-grid
}

.bg-object-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media(min-width:0) {
    .hidden-xs-up {
        display: none !important
    }
}

@media(max-width:-1) {
    .visible-xs-up {
        display: none !important
    }
}

@media(min-width:768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media(max-width:767px) {
    .visible-md-up {
        display: none !important
    }
}

@media(min-width:1025px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media(max-width:1024px) {
    .visible-lg-up {
        display: none !important
    }
}

@media(min-width:1440px) {
    .hidden-xl-up {
        display: none !important
    }
}

@media(max-width:1439px) {
    .visible-xl-up {
        display: none !important
    }
}

.d-none {
    display: none !important
}

.bg-black {
    background-color: #0f070b !important;
    background-color: var(--color-black) !important
}

.color-black {
    color: #0f070b !important;
    color: var(--color-black) !important
}

.bg-white {
    background-color: #fcfaf5 !important;
    background-color: var(--color-white) !important
}

.color-white {
    color: #fcfaf5 !important;
    color: var(--color-white) !important
}

.bg-concrete {
    background-color: #968b84 !important;
    background-color: var(--color-concrete) !important
}

.color-concrete {
    color: #968b84 !important;
    color: var(--color-concrete) !important
}

.bg-sand {
    background-color: #e3d7c7 !important;
    background-color: var(--color-sand) !important
}

.color-sand {
    color: #e3d7c7 !important;
    color: var(--color-sand) !important
}

.bg-black {
    color: #fcfaf5;
    color: var(--color-white)
}

.bg-clay {
    color: #e3d7c7;
    color: var(--color-sand)
}

.bg-sand {
    color: #0f070b;
    color: var(--color-black)
}

.flush-top {
    padding-top: 0 !important
}

.flush-both,
.flush-bottom {
    padding-bottom: 0 !important
}

.flush-both {
    padding-top: 0 !important
}

.stretched-link:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.amenities-icons {
    display: flex;
    flex-direction: column;
    gap: clamp(.5rem, .5rem + 0vw, .5rem);
    gap: var(--space-2xs);
    list-style: none;
    margin: 0;
    padding: 0
}

.amenities-icons li {
    align-items: center;
    display: flex;
    gap: clamp(1rem, 1rem + 0vw, 1rem);
    gap: var(--space-s);
    margin: 0;
    position: relative
}

.amenities-icons li:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 1.5rem;
    width: 1.5rem
}

.amenities-icons .king:before,
.amenities-icons .kings:before,
.amenities-icons .queen:before,
.amenities-icons .queens:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC45NjkiIGhlaWdodD0iMTguMDQiPjxnIGRhdGEtbmFtZT0iR3JvdXAgMTk2MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2UzYjMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkYXRhLW5hbWU9IkxpbmUgMTA5IiBkPSJNLjc1Ljc1djE2LjU0Ii8+PHBhdGggZGF0YS1uYW1lPSJMaW5lIDExMCIgZD0iTTI0LjIxOSA0LjgwNlYxNy4yOSIvPjxwYXRoIGRhdGEtbmFtZT0iTGluZSAxMTEiIGQ9Ik0yNC4yMTkgMTMuN0guNzUiLz48cGF0aCBkYXRhLW5hbWU9IkxpbmUgMTEyIiBkPSJNMjQuMjE5IDguNDM2SC43NSIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMDI4IiBkPSJNLjc1IDQuODA2aDguMDE0YTEuNjg5IDEuNjg5IDAgMCAxIDEuNTI1IDEuODE1IDEuNjg5IDEuNjg5IDAgMCAxLTEuNTI1IDEuODExIi8+PC9nPjwvc3ZnPg==)
}

.amenities-icons .hammock:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS45MjciIGhlaWdodD0iMjUuMTQ4Ij48ZyBkYXRhLW5hbWU9Ikdyb3VwIDI0NjIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNlM2IzMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDEwMjkiIGQ9Ik0xMC4zOTMgMjQuMzg0YTEwLjQzIDEwLjQzIDAgMCAxLTEuMjE3LS4xNDZjLTMuNjY4LS42NTctNS45NTEtMy4zMzQtOC4xNzgtNS43OTVhMS4yIDEuMiAwIDAgMS0uMTktLjg4OSA2MC44ODkgNjAuODg5IDAgMCAxIDUuMjYtMTIuNzM3IDEwLjcyMiAxMC43MjIgMCAwIDEgMi45MjMtMy4zNTkgMy4yNjYgMy4yNjYgMCAwIDEgNC4zNTIuMzA3IDE1LjE2IDE1LjE2IDAgMCAxIDMuNDg5IDQuNzM2IDcwLjIxNCA3MC4yMTQgMCAwIDEgNC4yNDcgMTAuNzM5IDEuMTkzIDEuMTkzIDAgMCAxLS4yMTEgMS4zNDhjLTIuNzE2IDMuMDg0LTUuOTEzIDYuMDY4LTEwLjQ3NSA1Ljc5NloiLz48cGF0aCBkYXRhLW5hbWU9IlBhdGggMTAzMCIgZD0iTTIwLjQzNyAxNS4wNThjLTIuNjI4IDMuNzcyLTUuNzM0IDcuMi0xMC4wNSA2Ljg2NGE4LjMgOC4zIDAgMCAxLTEuMjMzLS4xOTVjLTMuMzUxLS43ODItNS41NTgtMy43NDItNy42MTMtNi43Ii8+PC9nPjwvc3ZnPg==)
}

.amenities-icons .roll_in_shower:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC41NDIiIGhlaWdodD0iMTguMTI1Ij48ZyBkYXRhLW5hbWU9Ikdyb3VwIDE5NDciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNlM2IzMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDEwNDciIGQ9Ik03LjQwNiAxMS4wNTNhNS40NTQgNS40NTQgMCAxIDEgMTAuOTA4IDBaIi8+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDEwNDgiIGQ9Ik0xOC43MDQgMTMuMjNINy4wMTdhMS4wODkgMS4wODkgMCAxIDEgMC0yLjE3N2gxMS42ODdhMS4wODkgMS4wODkgMCAxIDEgMCAyLjE3N1oiLz48cGF0aCBkYXRhLW5hbWU9IlBhdGggMTA0OSIgZD0iTTEyLjg2IDUuNlYyLjA3MkExLjM4OCAxLjM4OCAwIDAgMCAxMS40MTIuNzUxSDIuMzYxQTEuOSAxLjkgMCAwIDAgLjc1IDIuODU0djE0LjQzNyIvPjxwYXRoIGRhdGEtbmFtZT0iTGluZSAxMzIiIGQ9Im04LjU3MiAxNS4yODUtLjI0NSAyLjAwNiIvPjxwYXRoIGRhdGEtbmFtZT0iTGluZSAxMzMiIGQ9Im0xMS41MDYgMTUuMjg1LS4xNTkgMi4wMDYiLz48cGF0aCBkYXRhLW5hbWU9IkxpbmUgMTM0IiBkPSJtMTcuMTQ5IDE1LjI4NS4yNDUgMi4wMDYiLz48cGF0aCBkYXRhLW5hbWU9IkxpbmUgMTM1IiBkPSJtMTQuMjE0IDE1LjI4NS4xNTkgMi4wMDYiLz48L2c+PC9zdmc+)
}

.amenities-icons .bathtub:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS45NDciIGhlaWdodD0iMjIuMDY3Ij48ZyBkYXRhLW5hbWU9Ikdyb3VwIDI0ODUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNlM2IzMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDEwNDAiIGQ9Ik0yNC4yNyAxMi40NDRIMS42NzdhLjkyNy45MjcgMCAwIDEgMC0xLjg1NEgyNC4yN2EuOTI3LjkyNyAwIDAgMSAwIDEuODU0WiIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMDQxIiBkPSJNMTcuODg1IDMuNDFhMi42NiAyLjY2IDAgMCAxIDUuMzIxIDB2Ny4xOCIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMDQyIiBkPSJtMi4xODIgMTIuNDQ0IDEuOTQ4IDUuMzY1YTIuMTYxIDIuMTYxIDAgMCAwIDIuMDMxIDEuNDIzSDE5Ljc5YTIuMTYxIDIuMTYxIDAgMCAwIDIuMDMxLTEuNDIzbDEuOTQ4LTUuMzY1Ii8+PHBhdGggZGF0YS1uYW1lPSJMaW5lIDExOSIgZD0ibTE5LjI4NCAxOS4yMzMuOTgxIDEuODE3Ii8+PHBhdGggZGF0YS1uYW1lPSJMaW5lIDEyMCIgZD0ibTcuMzU3IDE5LjIzMy0uOTgxIDEuODE3Ii8+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDEwNDMiIGQ9Ik0xNS45MjQgNS41MTRhMS45NiAxLjk2IDAgMCAxIDMuOTE5IDBaIi8+PC9nPjwvc3ZnPg==)
}

.amenities-icons .private_bar:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi4zMzEiIGhlaWdodD0iMjEuOCI+PGcgZGF0YS1uYW1lPSJHcm91cCAxOTY5IiBmaWxsPSJub25lIiBzdHJva2U9IiMzZTNiMzEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMDUwIiBkPSJNLjc1IDUuNTk1aDE2LjYxNGwtOC4zMDcgOC41MDlaIi8+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDEwNTEiIGQ9Ik0xNS4yODcgMjEuMDVIMi44MjdsNi4yMy0yLjU0M1oiLz48cGF0aCBkYXRhLW5hbWU9IkxpbmUgMTQwIiBkPSJNOS4wNTcgMTQuMTA0djQuNDAzIi8+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDEwNTIiIGQ9Ik0xMS44ODkgNS42MDFhNC44NDYgNC44NDYgMCAxIDEgMS44IDMuNzY3Ii8+PC9nPjwvc3ZnPg==)
}

.amenities-icons .double_vanity:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS4yMjYiIGhlaWdodD0iMTguMiI+PGcgZGF0YS1uYW1lPSJHcm91cCAxOTcxIiBmaWxsPSJub25lIiBzdHJva2U9IiMzZTNiMzEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMDMzIiBkPSJNMTIuNjEyIDcuNzk3SC43OThhOC43NjcgOC43NjcgMCAwIDAgMi4wNjMgNi45MjVjMi40OTEgMi43NjIgNi4zNzYgMi43MjggOS43NTYgMi43MjgiLz48cGF0aCBkYXRhLW5hbWU9IlBhdGggMTAzNCIgZD0iTTEyLjYxMyA3Ljc5N2gxMS44MTlhOC43NjcgOC43NjcgMCAwIDEtMi4wNjMgNi45MjVjLTIuNDkxIDIuNzYyLTYuMzc2IDIuNzI4LTkuNzU2IDIuNzI4Ii8+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDEwMzUiIGQ9Ik0xNy43NTYgMy4zMjFhMi41NzEgMi41NzEgMCAwIDAtNS4xNDMgMFY3LjgiLz48L2c+PC9zdmc+)
}

.amenities-icons .sitting_area:before,
.amenities-icons .sofa:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOC4yNSIgaGVpZ2h0PSIxNC42NDIiPjxnIGRhdGEtbmFtZT0iR3JvdXAgMTk3MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2UzYjMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkYXRhLW5hbWU9IlBhdGggMTAzMSIgZD0iTTE0LjEyNSA3LjE0Mmg3LjAzOGEzLjE2OCAzLjE2OCAwIDAgMSAzLjEwNy0zLjE2OCAzLjIyNiAzLjIyNiAwIDAgMSAzLjIzIDMuMjM5djMuMTI1YTEuNjM5IDEuNjM5IDAgMCAxLTEuNjQgMS42NEgyLjM4OUExLjYzOSAxLjYzOSAwIDAgMSAuNzUgMTAuMzM5VjcuMjEzYTMuMjI2IDMuMjI2IDAgMCAxIDMuMjI5LTMuMjM5IDMuMTY4IDMuMTY4IDAgMCAxIDMuMTA3IDMuMTY4WiIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMDMyIiBkPSJNMjQuMzMxIDMuOTc0VjEuODYyUzI0LjI2My43NSAyMi43ODEuNzVINS40NjhjLTEuNDgyIDAtMS41NSAxLjExMi0xLjU1IDEuMTEydjIuMTEyIi8+PHBhdGggZGF0YS1uYW1lPSJMaW5lIDExNCIgZD0iTTMuOTE4IDExLjk3OHYxLjkxNCIvPjxwYXRoIGRhdGEtbmFtZT0iTGluZSAxMTUiIGQ9Ik0yNC4zMzEgMTEuOTc4djEuOTE0Ii8+PC9nPjwvc3ZnPg==)
}

.amenities-icons .mountain_view:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi40MDMiIGhlaWdodD0iMTkuNzg5Ij48ZyBkYXRhLW5hbWU9Ikdyb3VwIDI0NzciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNlM2IzMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDEwMzYiIGQ9Ik0uOTc4IDE4LjgxIDcuNzk2IDIuMTAxYTIuMTc5IDIuMTc5IDAgMCAxIDQuMDM1IDBsNi44MTggMTYuNyIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMDM3IiBkPSJtMTYuMTIyIDEyLjYyMyAyLjAzNi00Ljk4OGExLjQ2MSAxLjQ2MSAwIDAgMSAyLjcwNiAwbDQuNTYxIDExLjE3NSIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMDM4IiBkPSJNNC45MyA5LjM3MmEyLjYyMSAyLjYyMSAwIDAgMSAzLjQtLjM0NGMuMjg3LjIxNC41MjYuNDg3LjgyMy42ODVhMi4xIDIuMSAwIDAgMCAyLjQ0Ny0uMTMyYy4yMTQtLjE4LjM5MS0uNC42MTQtLjU3MWEzLjE2OSAzLjE2OSAwIDAgMSAyLjA1OC0uNDExIi8+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDEwMzkiIGQ9Ik0xNi4wODcgMTIuNTg5YTMuNjEgMy42MSAwIDAgMSAyLjkzLjEyNmMxLjI4OS42OTMgMi43MDcgMS4wNjQgMy44Ny0uMSIvPjwvZz48L3N2Zz4=)
}

.amenities-icons .workstation:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS4xODQiIGhlaWdodD0iMTQuOTU5Ij48ZyBkYXRhLW5hbWU9Ikdyb3VwIDE5NDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNlM2IzMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZGF0YS1uYW1lPSJMaW5lIDEyMSIgZD0iTTI0LjQzNC43NUguNzUiLz48cGF0aCBkYXRhLW5hbWU9IkxpbmUgMTIyIiBkPSJNLjc1IDE0LjIwOVYuNzUiLz48cGF0aCBkYXRhLW5hbWU9IkxpbmUgMTIzIiBkPSJNMjQuNDM0Ljc1djEzLjQ1OSIvPjxwYXRoIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDY4MyIgZD0iTTE1LjQ0Mi43NWg4Ljk2OXY0Ljc2N2gtOC45Njl6Ii8+PHBhdGggZGF0YS1uYW1lPSJSZWN0YW5nbGUgNjg0IiBkPSJNMTUuNDQyIDUuNDc4aDguOTY5djQuNzY3aC04Ljk2OXoiLz48L2c+PC9zdmc+)
}

.js-image-animation {
    overflow: hidden;
    position: relative
}

.full-width-image .container-fluid {
    padding: 0
}

.full-width-image img {
    aspect-ratio: 1/1.4;
    height: 100%;
    max-height: 40rem;
    object-fit: cover;
    width: 100%
}

@media(min-width:768px) {
    .full-width-image img {
        aspect-ratio: 1280/580
    }
}

.screen-reader-text {
    word-wrap: normal !important;
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
}

.screen-reader-text:focus {
    clip: auto !important;
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px #0009;
    clip-path: none;
    color: #000;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: .9375rem 1.4375rem .875rem;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.section-cta__content,
.section-cta__content *,
.subheading,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: SFTSchriftedSans, sans-serif;
    font-family: var(--font-sft);
    font-weight: 400;
    line-height: 1.05
}

.h1,
h1 {
    text-wrap: balance;
    font-size: max(3.25rem, min(calc(3.25rem + 4.61vw - 19.362px), 6.1875rem));
    font-weight: 500
}

.h2,
.h3,
.section-cta__content,
.section-cta__content *,
h2,
h3 {
    font-size: max(1.75rem, min(calc(1.75rem + 1.08vw - 4.536px), 2.4375rem))
}

.h4,
h4 {
    font-family: "SFTSchriftedSerif", serif;
    font-family: var(--font-sft-serif);
    font-size: max(1.5625rem, min(calc(1.5625rem + .78vw - 3.276px), 2.0625rem));
    line-height: 1.3
}

.h5,
.subheading,
h5 {
    font-family: SFTSchriftedSans, sans-serif;
    font-family: var(--font-sft);
    font-size: max(1.375rem, min(calc(1.375rem + .49vw - 2.058px), 1.6875rem));
    line-height: 1.3
}

.h6,
h6 {
    font-size: max(1.125rem, min(calc(1.125rem + .1vw - .42px), 1.1875rem));
    line-height: 1.3
}

.p,
blockquote footer,
blockquote header,
p {
    font-family: Halcom, sans-serif;
    font-family: var(--font-halcom);
    font-size: clamp(1rem, 1rem + 0vw, 1rem);
    font-size: var(--step-0);
    line-height: 1.4;
    margin-bottom: clamp(1rem, .84rem + .8vw, 1.5rem);
    margin-bottom: var(--space-s-m)
}

.lead,
.lead ol,
.lead p,
.lead ul {
    font-size: max(1.125rem, min(calc(1.125rem + .1vw - .42px), 1.1875rem))
}

.caption,
.glightbox-clean .gslide-title {
    font-size: 1rem;
    font-style: italic;
    line-height: 1.3;
    margin: 0
}

.link {
    letter-spacing: .02em;
    transition: text-shadow .3s;
    transition: text-shadow var(--anim-time)
}

.link:hover {
    text-shadow: .02em 0 .02em currentColor, -.02em 0 .02em currentColor
}

.small,
small {
    font-size: clamp(.8889rem, .8889rem + 0vw, .8889rem);
    font-size: var(--step--1)
}

blockquote {
    font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
    font-size: var(--step-1);
    font-style: italic;
    line-height: 1.5
}

blockquote footer,
blockquote header {
    font-style: normal
}

hr {
    border: none;
    border-top: 1.5px solid #0f070b;
    border-top: 1.5px solid var(--color-black);
    margin-bottom: clamp(1rem, .84rem + .8vw, 1.5rem);
    margin-bottom: var(--space-s-m);
    margin-top: clamp(1rem, .84rem + .8vw, 1.5rem);
    margin-top: var(--space-s-m);
    width: 100%
}

hr.light {
    border-top-color: #e3d7c7;
    border-top-color: var(--color-sand)
}

figcaption {
    font-size: clamp(.8889rem, .8889rem + 0vw, .8889rem);
    font-size: var(--step--1);
    font-style: italic;
    margin-top: clamp(.625rem, .625rem + 0vw, .625rem);
    margin-top: var(--space-xs)
}

svg {
    flex-shrink: 0;
    transition: fill .3s ease-out, transform .3s ease-out;
    transition: fill var(--anim-time) var(--anim-ease), transform var(--anim-time) var(--anim-ease)
}

ol,
ul {
    padding-left: 1.2rem
}

ol li,
ul li {
    margin-bottom: .8rem
}

details summary::marker {
    display: none
}

.subheading {
    color: #968b84;
    color: var(--color-concrete);
    font-family: SFTSchriftedSans, sans-serif;
    font-family: var(--font-sft)
}

.editor .h1,
.editor .h2,
.editor .h3,
.editor .h4,
.editor .h5,
.editor .h6,
.editor .section-cta__content,
.editor .section-cta__content *,
.editor .subheading,
.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6,
.section-cta__content .editor *,
.subheading {
    margin-bottom: max(1.25rem, min(calc(1.25rem + .78vw - 3.276px), 1.75rem))
}

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

.editor a:not([class]) {
    color: inherit;
    text-decoration: underline
}

.editor a:not([class]):hover {
    color: inherit;
    text-decoration: none
}

.line-wrapper {
    padding-bottom: clamp(.25rem, .25rem + 0vw, .25rem);
    padding-bottom: var(--space-3xs)
}

.btn {
    align-items: center;
    background-color: #b6753d;
    background-color: var(--color-clay);
    border: 1px solid #b6753d;
    border: 1px solid var(--color-clay);
    border-radius: calc(clamp(.625rem, .625rem + 0vw, .625rem)*3);
    border-radius: calc(var(--space-xs)*3);
    color: #fff;
    display: inline-flex;
    font-family: Halcom, sans-serif;
    font-family: var(--font-halcom);
    font-size: clamp(.75rem, .75rem + 0vw, .75rem);
    font-size: var(--step--2);
    justify-content: center;
    padding: .75rem clamp(2rem, 2rem + 0vw, 2rem);
    padding: .75rem var(--space-l);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .3s ease-out, border-color .3s ease-out, color .3s ease-out;
    transition: background var(--anim-time) var(--anim-ease), border-color var(--anim-time) var(--anim-ease), color var(--anim-time) var(--anim-ease)
}

.btn:hover {
    background-color: #0000;
    color: #b6753d;
    color: var(--color-clay)
}

.btn:hover.\--alt {
    background-color: #0f070b;
    background-color: var(--color-black);
    color: #fff
}

.bg-black .btn:hover.\--alt {
    background-color: #e3d7c7;
    background-color: var(--color-sand);
    color: #0f070b;
    color: var(--color-black)
}

.btn.\--alt {
    background-color: #0000;
    border-color: #0f070b;
    border-color: var(--color-black);
    color: #0f070b;
    color: var(--color-black)
}

.bg-black .btn.\--alt {
    color: #e3d7c7;
    color: var(--color-sand)
}

.bg-black .btn.\--alt,
.btn.\--light {
    border-color: #e3d7c7;
    border-color: var(--color-sand)
}

.btn.\--light {
    background-color: #e3d7c7;
    background-color: var(--color-sand);
    color: #0f070b;
    color: var(--color-black)
}

.btn.\--light:hover {
    background-color: #0f070b;
    background-color: var(--color-black);
    border-color: #0f070b;
    border-color: var(--color-black);
    color: #fff
}

.bg-black .btn.\--light,
.btn.\--light-outline {
    border-color: #e3d7c7;
    border-color: var(--color-sand)
}

.btn.\--light-outline {
    background-color: #0000;
    color: #e3d7c7;
    color: var(--color-sand)
}

.btn-tan {
    background-color: #b6753d;
    background-color: var(--color-clay);
    border-color: #b6753d;
    border-color: var(--color-clay);
    color: #fff
}

.btn-link,
.card-person-modal__bio a,
.with_frm_style .frm_button_submit {
    align-items: flex-end;
    background: none !important;
    border: none;
    border-radius: 0;
    color: currentColor;
    display: inline-flex;
    font-family: Halcom, sans-serif;
    font-family: var(--font-halcom);
    font-size: max(1rem, min(calc(1rem + .39vw - 1.638px), 1.25rem));
    font-weight: 400;
    gap: 1rem;
    justify-content: center;
    letter-spacing: .1em;
    line-height: 1.2;
    outline: none;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s, text-shadow .3s, padding .3s;
    transition: color var(--anim-time), text-shadow var(--anim-time), padding var(--anim-time)
}

.btn-link:hover,
.card-person-modal__bio a:hover,
.with_frm_style .frm_button_submit:hover {
    text-shadow: -.8px 0 .8px currentColor, .8px 0 .8px currentColor
}

.btn-link:hover:after,
.card-person-modal__bio a:hover:after,
.with_frm_style .frm_button_submit:hover:after {
    transform: scaleX(1)
}

.btn-link:hover svg,
.card-person-modal__bio a:hover svg,
.with_frm_style .frm_button_submit:hover svg {
    transform: scale(1.2)
}

.btn-link:after,
.card-person-modal__bio a:after,
.with_frm_style .frm_button_submit:after {
    background-color: currentColor;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: calc(100% + 8px);
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform .3s ease-out;
    transition: transform var(--anim-time) var(--anim-ease);
    width: 100%
}

.btn-link svg,
.card-person-modal__bio a svg,
.with_frm_style .frm_button_submit svg {
    color: currentColor;
    height: .625rem;
    position: relative;
    top: -.15em;
    transition: transform .3s ease-out;
    transition: transform var(--anim-time) var(--anim-ease);
    transition-delay: .15s;
    transition-delay: calc(var(--anim-time)/2);
    width: .625rem
}

.btn-link:hover,
.card-person-modal__bio a:hover,
.with_frm_style .frm_button_submit:hover {
    background: #968b84;
    background: var(--color-concrete)
}

.breakout-arrow {
    display: block;
    position: relative;
    width: 100%
}

.breakout-arrow span {
    bottom: 0;
    position: absolute;
    right: 0
}

.breakout-arrow:hover i {
    transform: rotate(-45deg)
}

button {
    cursor: pointer
}

.ctas {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(.625rem, .505rem + .6vw, 1rem);
    gap: var(--space-xs-s)
}

.ctas.\--center {
    justify-content: center
}

.container .\--flush-inline.container-left,
.container-fluid.\--flush-inline,
.container.\--flush-inline,
.flush-inline {
    padding-left: 0;
    padding-right: 0
}

.container,
.container .container-left,
.container-fluid {
    padding-left: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    padding-left: var(--container-padding);
    padding-right: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    padding-right: var(--container-padding)
}

.container,
.container .container-left {
    margin-left: auto;
    margin-right: auto;
    max-width: 83rem;
    max-width: var(--container);
    width: 100%
}

.container .\--centered.container-left,
.container.\--centered {
    text-align: center
}

.container .\--small.container-left,
.container.\--small {
    max-width: 67rem;
    max-width: var(--container-small)
}

.container .\--half.container-left,
.container.\--half {
    max-width: 45rem;
    max-width: var(--container-xs)
}

.container .container-left {
    padding-left: 0;
    padding-right: 0
}

.column-50,
.column-66,
.column-75 {
    margin: 0 auto;
    width: 100%
}

.column-50 {
    max-width: 35rem
}

.column-66 {
    max-width: 41.5625rem
}

.column-75 {
    max-width: 50rem
}

.header {
    background-color: #e3d7c7;
    background-color: var(--color-sand);
    height: 3.125rem;
    height: var(--header-height);
    left: 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 101
}

.\--dark:not(.\--menu-open) .header {
    /* background-color: #0f070b; */
    /* background-color: var(--color-black); */
    color: #fcfaf5;
    color: var(--color-white)
}

@media(min-width:768px) {
    .header {
        position: fixed
    }

    .admin-bar .header {
        top: 46px;
        top: var(--admin-bar-height)
    }
}

.container .header__main .container-left,
.header__main .container,
.header__main .container .container-left {
    grid-gap: 1rem;
    align-items: center;
    display: grid;
    grid-template-areas: "brand";
    height: 3.125rem;
    height: var(--header-height)
}

@media(min-width:768px) {

    .container .header__main .container-left,
    .header__main .container,
    .header__main .container .container-left {
        grid-template-areas: "socials brand .";
        grid-template-columns: 9.375rem auto 9.375rem;
        justify-content: space-between
    }
}

.header__brand {
    display: inline-block;
    grid-area: brand;
    line-height: 0;
    transition: opacity .3s;
    transition: opacity var(--anim-time)
}

.home:not(.\--menu-open) .header__brand {
    /* opacity: 0; */
    /* visibility: hidden */
}

.header__brand svg {
    fill: #0f070b;
    fill: var(--color-black);
    display: block;
    height: max(1.0625rem, min(calc(1.0625rem + .69vw - 2.898px), 1.5rem));
    width: auto
}

.\--dark:not(.\--menu-open) .header__brand svg {
    fill: #fcfaf5;
    fill: var(--color-white)
}

.header__socials {
    display: flex;
    gap: 1.6875rem;
    z-index: 2
}

@media(max-width:767px) {
    .header__socials {
        bottom: 3.125rem;
        left: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
        left: var(--container-padding);
        position: fixed
    }
}

body:not(.\--menu-open) .header__socials {
    opacity: 0;
    visibility: hidden
}

.header__socials-item img {
    display: block;
    height: 1.3125rem;
    object-fit: contain;
    width: 1.3125rem
}

.header__menu {
    background-color: #e3d7c7;
    background-color: var(--color-sand);
    display: flex;
    height: calc(100dvh - 3.125rem);
    height: calc(100dvh - var(--header-height));
    left: 0;
    opacity: 0;
    padding-bottom: 6.25rem;
    padding-top: 2.5rem;
    position: absolute;
    top: 100%;
    transition: opacity .3s;
    transition: opacity var(--anim-time);
    visibility: hidden;
    width: 100%
}

@media(min-width:768px) {
    .header__menu {
        padding-bottom: 0;
        padding-top: calc(2.5rem + 5vh)
    }
}

.admin-bar .header__menu {
    height: calc(100dvh - 3.125rem - 46px);
    height: calc(100dvh - var(--header-height) - var(--admin-bar-height))
}

.bg-black .header__menu {
    background-color: #0f070b;
    background-color: var(--color-black)
}

.\--menu-open .header__menu {
    opacity: 1;
    visibility: visible
}

.container .header__menu .container-left,
.header__menu .container,
.header__menu .container .container-left {
    grid-gap: 10vh;
    display: grid;
    grid-template-rows: min-content auto;
    height: 100%
}

@media(min-width:768px) {

    .container .header__menu .container-left,
    .header__menu .container,
    .header__menu .container .container-left {
        grid-gap: 3rem;
        grid-template-columns: 2fr 1fr
    }
}

.header__menu-brand {
    grid-column: -1/1;
    margin-top: auto;
    padding-bottom: 5px;
    padding-top: 5px
}

@media(max-width:767px) {
    .header__menu-brand {
        display: none
    }
}

@media(min-width:768px) {
    .header__menu-brand {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

.header__menu-brand svg {
    height: auto;
    width: 100%
}

.main-menu {
    display: flex;
    flex-direction: column;
    gap: 5vh;
    list-style: none;
    margin: 0;
    padding: 0
}

.main-menu li {
    margin: 0
}

@media(min-width:768px) {
    .main-menu {
        gap: max(1.5rem, min(calc(1.5rem + .78vw - 3.276px), 2rem))
    }
}

.main-menu>li {
    margin: 0
}

.main-menu>li.\--active>a,
.main-menu>li.current-menu-item>a {
    text-shadow: -.8px 0 .8px currentColor, .8px 0 .8px currentColor
}

.main-menu>li.\--active>a .menu-featured-image,
.main-menu>li.current-menu-item>a .menu-featured-image {
    opacity: 1
}

.main-menu>li>a {
    align-items: flex-end;
    color: #0f070b;
    color: var(--color-black);
    display: flex;
    font-family: Halcom, sans-serif;
    font-family: var(--font-halcom);
    font-size: max(2.0625rem, min(calc(2.0625rem + .69vw - 2.898px), 2.5rem));
    gap: max(3.125rem, min(calc(3.125rem + .98vw - 4.116px), 3.75rem));
    letter-spacing: .15em;
    line-height: 1;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: text-shadow .3s, padding .3s;
    transition: text-shadow var(--anim-time), padding var(--anim-time)
}

.main-menu>li>a>span {
    min-width: max(7.5rem, min(calc(7.5rem + 4.62vw - 17.325px), 9.375rem))
}

.main-menu>li>a svg {
    height: max(.875rem, min(calc(.875rem + .69vw - 2.898px), 1.3125rem));
    margin-bottom: 2px;
    transition: transform .3s, fill .3s;
    transition: transform var(--anim-time), fill var(--anim-time);
    width: max(.875rem, min(calc(.875rem + .69vw - 2.898px), 1.3125rem))
}

.main-menu>li>a:hover {
    text-shadow: -.8px 0 .8px currentColor, .8px 0 .8px currentColor
}

.main-menu>li>a:hover svg {
    color: #792f01;
    color: var(--color-brick);
    transform: scale(1.25)
}

.home-menu {
    position: relative
}

.home-menu>li {
    margin: 0
}

.home-menu>li>a {
    background-color: #0f070b;
    background-color: var(--color-black);
    color: #fcfaf5;
    color: var(--color-white);
    font-size: 2.5rem
}

@media(max-width:767px) {
    .home-menu>li>a {
        align-items: center;
        height: 100%;
        justify-content: center;
        text-shadow: none !important;
        width: 100%
    }
}

@media(min-width:768px) {
    .home-menu>li>a {
        position: static
    }
}

.home-menu>li>a:hover .menu-featured-image {
    opacity: 1
}

.home-menu>li>a:hover svg {
    color: #b6753d;
    color: var(--color-clay)
}

@media(max-width:767px) {
    .home-menu>li>a>span {
        font-weight: 600;
        position: relative;
        z-index: 2
    }

    .home-menu>li>a>svg {
        display: none
    }
}

.home-menu>li>a .menu-featured-image {
    clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%);
    height: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s;
    transition: opacity var(--anim-time);
    width: 100%
}

@media(max-width:767px) {
    .home-menu>li>a .menu-featured-image {
        opacity: .8 !important
    }
}

@media(min-width:768px) {
    .home-menu>li>a .menu-featured-image {
        aspect-ratio: 1/1;
        object-fit: cover;
        object-position: top right;
        opacity: 0;
        width: 60%
    }
}

@media(max-width:767px) {
    .home-menu>li>a .menu-featured-image img {
        height: 100%;
        object-fit: cover;
        width: 100%
    }
}

.secondary-menu {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    list-style: none;
    margin: 0;
    padding: 0
}

.secondary-menu li {
    margin: 0
}

.secondary-menu.\--active>a,
.secondary-menu.current-menu-item>a {
    text-shadow: -.3px 0 .3px #0f070b, .3px 0 .3px #0f070b;
    text-shadow: -.3px 0 .3px var(--color-black), .3px 0 .3px var(--color-black)
}

.secondary-menu>li>a {
    color: #0f070b;
    color: var(--color-black);
    font-family: Halcom, sans-serif;
    font-family: var(--font-halcom);
    line-height: 1;
    text-decoration: none;
    transition: text-shadow .3s, padding .3s;
    transition: text-shadow var(--anim-time), padding var(--anim-time)
}

.secondary-menu>li>a:hover {
    text-decoration: underline;
    text-shadow: -.3px 0 .3px currentColor, .3px 0 .3px currentColor
}

.hamburger {
    -webkit-appearance: none;
    appearance: none;
    background: #0000;
    border: none;
    box-shadow: none;
    height: 23px;
    padding: 0;
    position: absolute;
    right: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    right: var(--container-padding);
    top: calc(50% - 11.5px);
    width: 32px
}

body:not(.\--menu-open) .hamburger:hover .hamburger-inner:after,
body:not(.\--menu-open) .hamburger:hover .hamburger-inner:before {
    width: 20px
}

.hamburger-box {
    display: block;
    height: 100%;
    position: relative;
    transition: transform .3s;
    width: 100%
}

.\--menu-open .hamburger-box {
    transform: rotate(45deg)
}

.hamburger-inner {
    background-color: currentColor;
    border-radius: 5px;
    color: #0f070b;
    color: var(--color-black);
    height: 5px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 32px
}

.\--dark:not(.\--menu-open) .hamburger-inner {
    color: #fcfaf5;
    color: var(--color-white)
}

.hamburger-inner:after,
.hamburger-inner:before {
    background-color: currentColor;
    border-radius: 5px;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    transition: transform .15s ease, width .2s linear;
    width: 16px
}

.hamburger-inner:before {
    left: 0;
    top: -9px
}

.\--menu-open .hamburger-inner:before {
    transform: rotate(90deg) translate(1px, -8px);
    transition: transform .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger-inner:after {
    bottom: -9px;
    right: 0
}

.\--menu-open .hamburger-inner:after {
    transform: rotate(90deg) translate(-1px, 8px);
    transition: transform .15s cubic-bezier(.215, .61, .355, 1)
}

.section {
    padding-bottom: clamp(3rem, 1.4rem + 8vw, 8rem);
    padding-bottom: var(--space-xl-4xl);
    padding-top: clamp(3rem, 1.4rem + 8vw, 8rem);
    padding-top: var(--space-xl-4xl);
    position: relative;
    z-index: 2
}

.section.\--flush {
    padding-bottom: 0;
    padding-top: 0
}

.section.\--flush-top {
    padding-top: 0
}

.section.\--flush-bottom {
    padding-bottom: 0
}

.section.\--full-height {
    align-content: center;
    display: grid;
    height: calc(100dvh - 3.125rem);
    height: calc(100dvh - var(--header-height));
    justify-content: center;
    justify-items: center
}

.glightbox-container {
    padding-bottom: max(7.5rem, min(calc(7.5rem + 1.96vw - 8.232px), 8.75rem));
    padding-top: max(7.5rem, min(calc(7.5rem + 1.96vw - 8.232px), 8.75rem))
}

.glightbox-container .gcontainer {
    margin-left: auto;
    margin-right: auto;
    max-width: 62.5rem;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem
}

.glightbox-clean .gslide-description {
    background-color: #0000
}

.glightbox-clean .gdesc-inner {
    padding-top: max(1rem, min(calc(1rem + .39vw - 1.638px), 1.25rem))
}

.glightbox-clean .gslide-title {
    color: #fff
}

.glightbox-clean .gnext,
.glightbox-clean .gprev {
    background-color: #0000;
    bottom: 0;
    height: max(4.6875rem, min(calc(4.6875rem + 1.96vw - 8.232px), 5.9375rem));
    position: fixed;
    top: auto !important;
    width: max(4.4375rem, min(calc(4.4375rem + 4.9vw - 20.58px), 7.5625rem))
}

.glightbox-clean .gnext {
    right: 0
}

.glightbox-clean .gprev {
    left: 0
}

.glightbox-clean .gclose {
    background-color: #0000;
    padding: 0;
    right: max(1.5625rem, min(calc(1.5625rem + 2.45vw - 10.29px), 3.125rem));
    width: 1.3125rem
}

.gfraction,
.glightbox-clean .gclose {
    position: fixed;
    top: max(2.0625rem, min(calc(2.0625rem + .88vw - 3.696px), 2.625rem))
}

.gfraction {
    display: inline-block;
    font-style: italic;
    left: max(1.5625rem, min(calc(1.5625rem + 2.45vw - 10.29px), 3.125rem));
    line-height: 2.1875rem;
    -webkit-user-select: none;
    user-select: none;
    z-index: 99999
}

.gfraction>span {
    margin-left: .25rem;
    margin-right: .25rem
}

.swiper-horizontal .swiper-pagination-fraction {
    --swiper-pagination-bottom: 0
}

.swiper-wrapper {
    margin: auto;
    width: 100%
}

.swiper-slide {
    height: auto
}

.swiper-slide picture {
    height: 100%
}

.swiper button {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none
}

.swiper-pagination-bullet {
    border: 2px solid;
    height: .875rem;
    margin-left: .6875rem !important;
    margin-right: .6875rem !important;
    opacity: 1;
    transition: background-color .15s;
    transition: background-color var(--anim-time-short);
    width: .875rem
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet:hover {
    background-color: currentColor
}

.swiper-next,
.swiper-prev {
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0
}

.swiper-next,
.swiper-next svg,
.swiper-prev,
.swiper-prev svg {
    height: 1.875rem;
    width: 1.875rem
}

.swiper-next:hover,
.swiper-prev:hover {
    color: #792f01;
    color: var(--color-brick)
}

.bg-black .swiper-next:hover,
.bg-black .swiper-prev:hover,
[data-bg=black] .swiper-next:hover,
[data-bg=black] .swiper-prev:hover {
    color: #b6753d;
    color: var(--color-clay)
}

.swiper-button-disabled {
    color: #968b84 !important;
    color: var(--color-concrete) !important
}

.swiper[\:has\(\.swiper-scrollbar\)] {
    padding-bottom: max(1.875rem, min(calc(1.875rem + 1.47vw - 6.174px), 2.8125rem))
}

.swiper:has(.swiper-scrollbar) {
    padding-bottom: max(1.875rem, min(calc(1.875rem + 1.47vw - 6.174px), 2.8125rem))
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
    background-color: #fff;
    height: 2px;
    left: 0;
    width: 100%
}

.swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
    background: #fff;
    cursor: pointer;
    height: 10px;
    margin-top: -4px
}

.marquee {
    --size: clamp(10rem, 1rem + 40vmin, 30rem);
    --gap: calc(var(--size)/14);
    --duration: 20s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
    margin-bottom: clamp(4rem, 3.36rem + 3.2vw, 6rem);
    margin-bottom: var(--space-2xl-3xl);
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.marquee,
.marquee__group {
    display: flex;
    gap: var(--gap)
}

.marquee__group {
    align-items: center;
    animation: scroll-x var(--duration) linear infinite;
    flex-shrink: 0;
    justify-content: space-around;
    min-width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .marquee__content {
        animation-play-state: paused !important
    }
}

@keyframes scroll-x {
    0% {
        transform: translateX(var(--scroll-start))
    }

    to {
        transform: translateX(var(--scroll-end))
    }
}

.error404__title {
    font-family: SFTSchriftedSans, sans-serif;
    font-family: var(--font-sft);
    margin-bottom: clamp(1.5rem, 1.34rem + .8vw, 2rem);
    margin-bottom: var(--space-m-l)
}

.section-articles-carousel {
    overflow: hidden
}

.section-articles-carousel__header {
    grid-gap: 1rem;
    align-items: baseline;
    display: grid;
    grid-template-columns: 1fr min-content;
    margin-bottom: max(3.125rem, min(calc(3.125rem + 4.41vw - 18.522px), 5.9375rem))
}

.section-articles-carousel__heading {
    margin: 0
}

.section-articles-carousel .swiper {
    overflow: visible
}

.section-articles-carousel .swiper-controls {
    display: inline-flex;
    gap: 1.125rem
}

.section-articles-carousel .swiper-next,
.section-articles-carousel .swiper-next svg,
.section-articles-carousel .swiper-prev,
.section-articles-carousel .swiper-prev svg {
    height: 1.25rem;
    width: 1.25rem
}

.articles-carousel-slide__image {
    display: block;
    margin-bottom: max(1.25rem, min(calc(1.25rem + .78vw - 3.276px), 1.75rem))
}

.articles-carousel-slide__image:hover img {
    opacity: .9
}

.articles-carousel-slide__image img {
    aspect-ratio: 5/4;
    height: auto;
    object-fit: cover;
    transition: opacity .3s;
    transition: opacity var(--anim-time);
    width: 100%
}

.articles-carousel-slide__meta {
    color: #968b84;
    color: var(--color-concrete)
}

.articles-carousel-slide__heading,
.articles-carousel-slide__meta {
    margin-bottom: max(1.25rem, min(calc(1.25rem + .78vw - 3.276px), 1.75rem))
}

.articles-carousel-slide__heading {
    font-family: SFTSchriftedSans, sans-serif;
    font-family: var(--font-sft)
}

.articles-carousel-slide__heading a {
    text-decoration: none
}

.section-cta {
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(min-width:1025px) {
    .section-cta {
        height: calc(100dvh - 3.125rem);
        height: calc(100dvh - var(--header-height))
    }

    .admin-bar .section-cta {
        height: calc(100dvh - 3.125rem - 46px);
        height: calc(100dvh - var(--header-height) - var(--admin-bar-height))
    }
}

.section-cta__wrapper {
    display: grid;
    height: 100%
}

.section-cta__image {
    grid-area: 1/1;
    margin: 0;
    position: relative
}

.section-cta__image picture {
    height: 100%;
    width: 100%
}

.section-cta__image img {
    height: 100%;
    margin: auto;
    object-fit: cover;
    width: 100%
}

.section-cta__overlay {
    background-color: #0f070b;
    background-color: var(--color-black);
    grid-area: 1/1;
    height: 100%;
    opacity: .5;
    width: 100%
}

.container .section-cta .container-left,
.section-cta .container,
.section-cta .container .container-left {
    align-content: center;
    align-items: center;
    color: #fcfaf5;
    color: var(--color-white);
    display: inline-grid;
    grid-area: 1/1;
    justify-content: center;
    justify-items: center;
    position: relative;
    z-index: 2
}

.container .section-cta .container-left a,
.section-cta .container a {
    color: inherit
}

.section-cta__link {
    display: inline-flex;
    margin-bottom: .5rem;
    margin-top: clamp(3rem, 2.68rem + 1.6vw, 4rem);
    margin-top: var(--space-xl-2xl)
}

.card-person-modal__bio .section-cta__link a,
.section-cta__link .btn-link,
.section-cta__link .card-person-modal__bio a,
.section-cta__link .with_frm_style .frm_button_submit,
.with_frm_style .section-cta__link .frm_button_submit {
    font-size: max(1rem, min(calc(1rem + 1.08vw - 4.536px), 1.6875rem))
}

@media(max-width:480px) {

    .card-person-modal__bio .section-cta__link a,
    .section-cta__link .btn-link,
    .section-cta__link .card-person-modal__bio a,
    .section-cta__link .with_frm_style .frm_button_submit,
    .with_frm_style .section-cta__link .frm_button_submit {
        max-width: 12.5rem;
        text-align: left
    }
}

.card-person-modal__bio .section-cta__link a svg,
.section-cta__link .btn-link svg,
.section-cta__link .card-person-modal__bio a svg,
.section-cta__link .with_frm_style .frm_button_submit svg,
.with_frm_style .section-cta__link .frm_button_submit svg {
    height: max(.625rem, min(calc(.625rem + .29vw - 1.218px), .8125rem));
    width: max(.625rem, min(calc(.625rem + .29vw - 1.218px), .8125rem))
}

.section-content-area[\:has\(\.js-text-fade\)] {
    align-items: center;
    display: flex;
    min-height: calc(100dvh - 3.125rem);
    min-height: calc(100dvh - var(--header-height))
}

.section-content-area:has(.js-text-fade) {
    align-items: center;
    display: flex;
    min-height: calc(100dvh - 3.125rem);
    min-height: calc(100dvh - var(--header-height))
}

.section-full-image figure {
    margin: 0
}

.section-full-image figure img {
    width: 100%
}

.single-projects .section-full-image figure img {
    aspect-ratio: 4/5;
    object-fit: cover
}

@media(min-width:768px) {
    .single-projects .section-full-image figure img {
        aspect-ratio: 16/10
    }
}

.container .section-heading-content .container-left,
.section-heading-content .container,
.section-heading-content .container .container-left {
    grid-gap: 2rem max(2rem, min(calc(2rem + 10.12vw - 77.7216px), 6.25rem));
    display: grid
}

@media(min-width:768px) {

    .container .section-heading-content .container-left,
    .section-heading-content .container,
    .section-heading-content .container .container-left {
        grid-template-columns: 1fr 1fr
    }
}

.card-person-modal__bio .section-heading-content a,
.section-heading-content .btn-link,
.section-heading-content .card-person-modal__bio a,
.section-heading-content .with_frm_style .frm_button_submit,
.with_frm_style .section-heading-content .frm_button_submit {
    margin-top: clamp(1rem, .84rem + .8vw, 1.5rem);
    margin-top: var(--space-s-m)
}

.section-hero {
    padding-top: 10vh
}

@media(max-width:767px) {
    .section-hero {
        margin-bottom: -.9375rem
    }
}

@media(min-width:1025px) {
    .section-hero {
        padding-top: 15vh
    }
}

.section-hero__container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 2rem
}

@media(min-width:1025px) {
    .section-hero__container {
        align-items: flex-end;
        flex-direction: row;
        justify-content: space-between
    }
}

.section-hero__subheading {
    font-family: SFTSchriftedSans, sans-serif;
    font-family: var(--font-sft)
}

@media(min-width:1025px) {
    .section-hero__subheading {
        max-width: 67%
    }
}

.section-hero__image img {
    aspect-ratio: 1/1.5;
    height: auto;
    object-fit: cover;
    opacity: 0;
    transform-origin: bottom;
    width: 100%
}

@media(min-width:1025px) {
    .section-hero__image img {
        aspect-ratio: 2/1
    }
}

.home.\--not-loaded .header,
.home.\--not-loaded .home-menu__container {
    opacity: 0
}

.home__wrapper {
    height: calc(100dvh - 3.125rem);
    height: calc(100dvh - var(--header-height));
    padding-bottom: calc(7.5vw + 10px);
    padding-top: 2.5rem
}

@media(min-width:768px) {
    .home__wrapper {
        padding-bottom: calc(7.5vw + 60px)
    }
}

@media(min-width:1440px) {
    .home__wrapper {
        padding-bottom: 10.625rem
    }
}

.admin-bar .home__wrapper {
    height: calc(100dvh - 3.125rem - 46px);
    height: calc(100dvh - var(--header-height) - var(--admin-bar-height))
}

.container .home__wrapper .container-left,
.home__wrapper .container,
.home__wrapper .container .container-left {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.home__brand {
    left: 50%;
    max-width: 83rem;
    max-width: var(--container);
    opacity: 0;
    padding: 5px clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    padding: 5px var(--container-padding);
    position: fixed;
    top: 50%;
    width: 100%
}

@media(min-width:768px) {
    .home__brand {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

.home__brand svg {
    height: auto;
    width: 100%
}

.home__brand-mask-img2 {
    opacity: 0
}

.home .home-menu__container.swiper {
    height: 100%;
    padding-bottom: 100px;
    width: 100%
}

@media(min-width:768px) {
    .home .home-menu__container.swiper {
        height: 100%;
        margin: 0;
        overflow: visible;
        position: relative
    }
}

@media(max-width:767px) {
    .home .home-menu__container.swiper .swiper-wrapper {
        flex-direction: row;
        gap: 0
    }
}

@media(min-width:768px) {
    .home .home-menu__container.swiper .swiper-wrapper {
        padding-top: 5vh;
        position: static
    }
}

@media(max-width:767px) {
    .home .home-menu__container.swiper .swiper-slide {
        width: 100% !important
    }
}

@media(min-width:768px) {
    .home .home-menu__container.swiper .swiper-slide {
        position: static
    }
}

@media(max-width:767px) {
    .home .home-menu__container.swiper .swiper-slide .menu-featured-image {
        opacity: 1
    }
}

.home .home-menu__container.swiper .swiper-pagination {
    bottom: 2.1875rem !important;
    top: auto !important
}

@media(min-width:768px) {
    .home .home-menu__container.swiper .swiper-pagination {
        display: none
    }
}

.container .section-images .container-left,
.section-images .container,
.section-images .container .container-left {
    position: relative
}

.section-images__image-1 {
    width: 80%
}

.section-images__image-1:only-child {
    width: 100%
}

.section-images__image-1:only-child img {
    aspect-ratio: 16/10
}

@media(min-width:768px) {
    .section-images__image-1:only-child img {
        aspect-ratio: 185/100
    }
}

.section-images__image-1 img {
    aspect-ratio: 5/4;
    height: auto;
    object-fit: cover;
    width: 100%
}

@media(min-width:768px) {
    .section-images__image-1 img {
        aspect-ratio: 16/9
    }
}

.section-images__image-2 {
    position: absolute;
    right: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    right: var(--container-padding);
    top: 50%;
    transform: translateY(-50%);
    width: 42%;
    z-index: 2
}

.section-images__image-2 img {
    aspect-ratio: 4/3;
    height: auto;
    object-fit: cover;
    width: 100%
}

@media(min-width:768px) {
    .section-images__image-2 img {
        aspect-ratio: 3/2
    }
}

.container .section-images-content .container-left,
.section-images-content .container,
.section-images-content .container .container-left {
    grid-gap: 2rem max(2rem, min(calc(2rem + 10.12vw - 77.7216px), 6.25rem));
    align-items: center;
    display: grid;
    grid-template-areas: "media" "content";
    grid-template-columns: 100%
}

@media(min-width:768px) {

    .container .section-images-content .container-left,
    .section-images-content .container,
    .section-images-content .container .container-left {
        grid-template-areas: "media content";
        grid-template-columns: 7fr 4fr
    }

    .container .section-images-content .order-reverse.container-left,
    .section-images-content .container .order-reverse.container-left,
    .section-images-content .container.order-reverse {
        grid-template-areas: "content media";
        grid-template-columns: 4fr 7fr
    }
}

.section-images-content__media {
    aspect-ratio: 670/715;
    grid-area: media;
    position: relative
}

.section-images-content__media[\:has\(\%3Efigure\:only-child\)] {
    aspect-ratio: unset
}

.section-images-content__media:has(>figure:only-child) {
    aspect-ratio: unset
}

.section-images-content__image-1 {
    width: 100%
}

.section-images-content__image-1:only-child img {
    aspect-ratio: 1/1
}

.section-images-content__image-1:not(:only-child) {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 76%;
    z-index: 2
}

.section-images-content__image-1 img {
    aspect-ratio: 215/270;
    height: auto;
    object-fit: cover;
    width: 100%
}

@media(min-width:768px) {
    .section-images-content__image-1 img {
        aspect-ratio: 515/640
    }
}

.section-images-content__image-2 {
    left: 0;
    position: absolute;
    top: 0;
    width: 48%
}

.section-images-content__image-2 img {
    aspect-ratio: 135/200;
    height: auto;
    object-fit: cover;
    width: 100%
}

@media(min-width:768px) {
    .section-images-content__image-2 img {
        aspect-ratio: 320/470
    }
}

.section-images-content__content {
    grid-area: content
}

.section-marquee-carousel__heading {
    margin-bottom: max(2.25rem, min(calc(2.25rem + 5.69vw - 23.898px), 5.875rem))
}

.section-marquee-carousel .swiper-wrapper {
    transition-timing-function: linear
}

.section-marquee-carousel .swiper-wrapper,
.section-marquee-carousel .swiper-wrapper * {
    pointer-events: none !important;
    -webkit-user-select: none !important;
    user-select: none !important
}

.section-marquee-carousel .swiper-slide {
    width: auto
}

.section-marquee-carousel .swiper-slide figure {
    margin: 0
}

.section-marquee-carousel .swiper-slide figure img {
    height: max(3.125rem, min(calc(3.125rem + 4.9vw - 20.58px), 6.25rem));
    width: auto
}

@media(max-width:767px) {
    .section-media-carousel .swiper-wrapper {
        flex-direction: column;
        gap: 2.5rem
    }

    .section-media-carousel .swiper-scrollbar {
        display: none !important
    }
}

.section-media-carousel .swiper-slide {
    padding-left: max(1.5625rem, min(calc(1.5625rem + 2.94vw - 12.348px), 3.4375rem));
    padding-right: max(1.5625rem, min(calc(1.5625rem + 2.94vw - 12.348px), 3.4375rem));
    width: auto !important
}

@media(min-width:1440px) {
    .section-media-carousel .swiper-slide:last-child {
        padding-right: 10vw
    }
}

.section-media-carousel .swiper-slide a {
    display: block;
    text-decoration: none;
    width: 100%
}

.section-media-carousel .swiper-slide a:hover svg {
    transform: scale(1.1)
}

.section-media-carousel .swiper-slide a img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.section-media-carousel .swiper-slide a svg {
    fill: #fcfaf5;
    fill: var(--color-white);
    height: max(3rem, min(calc(3rem + 1.57vw - 6.594px), 4rem));
    left: calc(50% - max(1.5rem, min(calc(1.5rem + (1vw - 4.2px) * .78), 2rem)));
    position: absolute;
    top: calc(50% - max(1.5rem, min(calc(1.5rem + (1vw - 4.2px) * .78), 2rem)));
    width: max(3rem, min(calc(3rem + 1.57vw - 6.594px), 4rem));
    z-index: 2
}

@media(min-width:768px) {
    .section-media-carousel .swiper-slide .layout-image {
        padding-top: 3.125rem;
        width: 45vw !important
    }
}

.section-media-carousel .swiper-slide .layout-image[\:has\(h4\)] {
    padding-top: 0
}

.section-media-carousel .swiper-slide .layout-image:has(h4) {
    padding-top: 0
}

.section-media-carousel .swiper-slide .layout-image[\:has\(h4\)] a {
    aspect-ratio: 16/9
}

.section-media-carousel .swiper-slide .layout-image:has(h4) a {
    aspect-ratio: 16/9
}

@media(min-width:768px) {
    .section-media-carousel .swiper-slide .layout-image[\:has\(h4\)] a {
        padding-left: max(1.875rem, min(calc(1.875rem + 1.96vw - 8.232px), 3.125rem))
    }

    .section-media-carousel .swiper-slide .layout-image:has(h4) a {
        padding-left: max(1.875rem, min(calc(1.875rem + 1.96vw - 8.232px), 3.125rem))
    }
}

.section-media-carousel .swiper-slide .layout-image img {
    aspect-ratio: 635/340;
    height: auto;
    object-fit: cover;
    width: 100%
}

.section-media-carousel .swiper-slide .layout-image h4 {
    margin: max(2.125rem, min(calc(2.125rem + .98vw - 4.116px), 2.75rem)) 0 0;
    width: 73%
}

.section-media-carousel .swiper-slide .layout-image_vertical {
    margin-left: auto;
    margin-right: auto;
    width: 68vw
}

@media(min-width:768px) {
    .section-media-carousel .swiper-slide .layout-image_vertical {
        width: 29vw
    }
}

.section-media-carousel .swiper-slide .layout-image_vertical a {
    aspect-ratio: 4/5
}

.section-media-carousel .swiper-slide .layout-two_images {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

@media(max-width:767px) {
    .section-media-carousel .swiper-slide .layout-two_images {
        gap: 2.5rem
    }
}

@media(min-width:768px) {
    .section-media-carousel .swiper-slide .layout-two_images {
        height: 36vw;
        width: 26vw
    }
}

.section-media-carousel .swiper-slide .layout-two_images a {
    aspect-ratio: 1/1;
    width: 52vw
}

@media(min-width:768px) {
    .section-media-carousel .swiper-slide .layout-two_images a {
        height: 35%;
        width: auto
    }
}

.section-media-carousel .swiper-slide .layout-two_images a:nth-child(2) {
    aspect-ratio: 4/3;
    width: 100%
}

@media(min-width:768px) {
    .section-media-carousel .swiper-slide .layout-two_images a:nth-child(2) {
        height: 56%
    }

    .section-media-carousel .swiper-slide .layout-video {
        padding-top: 3.125rem;
        width: 55vw
    }
}

.section-projects {
    --project-height: calc(100dvh - var(--header-height))
}

@media(min-width:601px) {
    .admin-bar .section-projects {
        --project-height: calc(100dvh - var(--header-height) - var(--admin-bar-height))
    }
}

.card-project {
    height: var(--project-height);
    position: relative;
    width: 100%
}

.card-project__image {
    height: 100%;
    width: 100%
}

.card-project__image img,
.card-project__image picture {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.card-project__image:after {
    background: linear-gradient(180deg, #0f070b33, #0f070b66);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.card-project__header {
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    padding: max(1.5rem, min(calc(1.5rem + 3.53vw - 14.826px), 3.75rem)) max(1.25rem, min(calc(1.25rem + 5.39vw - 22.638px), 4.6875rem));
    position: absolute;
    text-decoration: none;
    width: 100%;
    z-index: 2
}

@media(min-width:768px) {
    .card-project__header {
        align-items: flex-end;
        flex-direction: row;
        justify-content: space-between
    }
}

@media(min-width:1025px) {
    .card-project__header {
        height: auto;
        min-height: 40vh
    }

    .card-project__header:hover .card-project__title:after {
        height: 4px
    }

    .card-project__header:hover .card-project__title svg {
        fill: #b6753d;
        fill: var(--color-clay);
        transform: scale(1.25)
    }
}

.card-project__title {
    align-items: flex-end;
    display: flex;
    gap: max(.5rem, min(calc(.5rem + 4.9vw - 20.58px), 3.625rem));
    justify-content: space-between;
    position: relative
}

@media(min-width:768px) {
    .card-project__title {
        max-width: 70%
    }
}

@media(min-width:1025px) {
    .card-project__title {
        padding-bottom: 1.5rem
    }

    .card-project__title:after {
        background-color: #b6753d;
        background-color: var(--color-clay);
        bottom: 0;
        content: "";
        display: block;
        height: 0;
        left: 0;
        position: absolute;
        transition: height .3s;
        transition: height var(--anim-time);
        width: 100%
    }
}

.card-project__title svg {
    height: max(1.5rem, min(calc(1.5rem + 1.18vw - 4.956px), 2.25rem));
    position: relative;
    top: -.08em;
    width: max(1.5rem, min(calc(1.5rem + 1.18vw - 4.956px), 2.25rem))
}

.card-project__location {
    white-space: nowrap
}

.section-statistics__items {
    display: flex;
    flex-direction: column;
    gap: max(2.5rem, min(calc(2.5rem + 2.94vw - 12.348px), 4.375rem))
}

.section-statistics__item {
    grid-gap: max(1.6875rem, min(calc(1.6875rem + 1.93vw - 14.8224px), 2.5rem));
    display: grid;
    justify-content: space-between
}

@media(min-width:768px) {
    .section-statistics__item {
        grid-template-columns: auto 50%
    }
}

.section-statistics__item__number {
    margin: 0;
    opacity: 0
}

.section-statistics__item-content h4 {
    font-family: SFTSchriftedSans, sans-serif;
    font-family: var(--font-sft)
}

[data-bg=black] .section-statistics__item-content ol,
[data-bg=black] .section-statistics__item-content p,
[data-bg=black] .section-statistics__item-content ul {
    color: #fff
}

.section-sticky-nav {
    border-bottom: 1px solid;
    border-top: 1px solid;
    position: sticky;
    top: 3.125rem;
    top: var(--header-height);
    width: 100%;
    z-index: 100
}

@media(min-width:600px) {
    .admin-bar .section-sticky-nav {
        top: calc(3.125rem + 46px);
        top: calc(var(--header-height) + var(--admin-bar-height))
    }
}

.container .section-sticky-nav .container-left,
.section-sticky-nav .container,
.section-sticky-nav .container .container-left {
    overflow: hidden
}

@media(max-width:1439px) {

    .container .section-sticky-nav .container-left,
    .section-sticky-nav .container,
    .section-sticky-nav .container .container-left {
        padding: 0
    }
}

.section-sticky-nav ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.section-sticky-nav ul li {
    margin: 0
}

@media(max-width:767px) {
    .section-sticky-nav ul {
        margin-left: -1px;
        margin-right: -1px
    }
}

.section-sticky-nav ul li {
    flex: 1 0 33.3%
}

@media(max-width:767px) {
    .section-sticky-nav ul li {
        border-right: 1px solid;
        border-top: 1px solid;
        flex: 1 0 50%;
        margin-top: -1px
    }
}

.section-sticky-nav ul a {
    align-items: center;
    color: #0f070b;
    color: var(--color-black);
    display: inline-flex;
    font-family: Halcom, sans-serif;
    font-family: var(--font-halcom);
    font-size: max(1rem, min(calc(1rem + .39vw - 1.638px), 1.25rem));
    height: max(3rem, min(calc(3rem + 1.67vw - 7.014px), 4.0625rem));
    justify-content: center;
    letter-spacing: .11em;
    padding-left: .625rem;
    padding-right: .625rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s, letter-spacing .3s;
    transition: color var(--anim-time), letter-spacing var(--anim-time);
    white-space: nowrap;
    width: 100%
}

@media(min-width:1025px) {
    .section-sticky-nav ul a:hover {
        color: #792f01;
        color: var(--color-brick);
        font-weight: 600
    }

    .section-sticky-nav ul a:hover:after {
        height: 4px
    }
}

.section-sticky-nav ul a.active {
    font-weight: 600
}

@media(min-width:1025px) {
    .section-sticky-nav ul a.active:after {
        background-color: #0f070b;
        background-color: var(--color-black);
        height: 4px
    }

    .section-sticky-nav ul a.active:hover:after {
        background-color: #792f01;
        background-color: var(--color-brick)
    }
}

.section-sticky-nav ul a:after {
    background-color: #792f01;
    background-color: var(--color-brick);
    bottom: -1px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    transition: height .3s;
    transition: height var(--anim-time);
    width: 100%
}

.section-team {
    position: static
}

.section-team__grid {
    grid-gap: max(1.75rem, min(calc(1.75rem + 6.57vw - 27.594px), 5.9375rem)) 2.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(264px, 1fr))
}

.section-team__grid-title {
    margin-bottom: max(2.1875rem, min(calc(2.1875rem + 2.94vw - 12.348px), 4.0625rem))
}

.section-team__grid+.section-team__grid-title {
    margin-top: max(3.75rem, min(calc(3.75rem + 4.41vw - 18.522px), 6.5625rem))
}

.section-team__modal {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .3s;
    transition: opacity var(--anim-time);
    visibility: hidden;
    width: 100%;
    z-index: -1
}

.section-team__modal.\--open {
    opacity: 1;
    visibility: visible;
    z-index: 110
}

@media(min-width:601px) {
    .admin-bar .section-team__modal {
        top: 46px;
        top: var(--admin-bar-height)
    }
}

.section-team__modal-footer,
.section-team__modal-header {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 1rem;
    justify-content: space-between;
    width: 100%
}

.section-team__modal-header {
    height: 4.6875rem;
    padding: 0 clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    padding: 0 var(--container-padding)
}

@media(min-width:481px) {
    .section-team__modal-header {
        padding: 0 2.1875rem 0 2.8125rem
    }
}

@media(min-width:1025px) {
    .section-team__modal-header {
        height: 7.1875rem
    }
}

.section-team__modal-close {
    cursor: pointer;
    display: block;
    flex-shrink: 0
}

.section-team__modal-close:hover {
    color: #b6753d;
    color: var(--color-clay)
}

.section-team__modal-close svg {
    height: max(.875rem, min(calc(.875rem + .69vw - 2.898px), 1.3125rem));
    width: max(.875rem, min(calc(.875rem + .69vw - 2.898px), 1.3125rem))
}

.section-team__modal .swiper-pagination-fraction {
    flex-shrink: 0;
    font-style: italic;
    position: static;
    width: auto
}

@media(max-width:480px) {
    .section-team__modal .swiper-pagination-fraction {
        text-indent: -.3em
    }
}

.section-team__modal .swiper-pagination-fraction>span {
    margin-left: .25rem;
    margin-right: .25rem
}

.section-team__modal-carousel {
    --carousel-height: calc(100dvh - 8.4375rem);
    flex-grow: 1;
    width: 100%
}

@media(min-width:1025px) {
    .section-team__modal-carousel {
        --carousel-height: calc(100dvh - 13.125rem);
        align-items: center;
        display: flex;
        height: var(--carousel-height);
        padding-bottom: 1.875rem;
        padding-top: 1.875rem
    }
}

.admin-bar .section-team__modal-carousel {
    --carousel-height: calc(100dvh - 8.4375rem - var(--admin-bar-height))
}

@media(min-width:1025px) {
    .admin-bar .section-team__modal-carousel {
        --carousel-height: calc(100dvh - 13.125rem - var(--admin-bar-height))
    }
}

.section-team__modal-footer {
    height: 3.75rem;
    padding-left: max(1.5625rem, min(calc(1.5625rem + 1.47vw - 6.174px), 2.5rem));
    padding-right: max(1.5625rem, min(calc(1.5625rem + 1.47vw - 6.174px), 2.5rem))
}

@media(min-width:1025px) {
    .section-team__modal-footer {
        height: 5.9375rem
    }
}

.card-person {
    --clip-path: 17%;
    color: #fcfaf5;
    color: var(--color-white);
    position: relative
}

.card-person:hover {
    --clip-path: 0%
}

.card-person:hover .card-person__title:after {
    width: 100%
}

.card-person:hover .card-person__title svg {
    opacity: 1
}

.card-person__header {
    position: relative
}

.card-person__image {
    margin: 0;
    transition: clip-path .3s;
    transition: clip-path var(--anim-time)
}

@media(min-width:1025px) {
    .card-person__image {
        clip-path: polygon(var(--clip-path) 0, 100% 0, 100% calc(100% - var(--clip-path)), calc(100% - var(--clip-path)) 100%, 0 100%, 0 var(--clip-path))
    }
}

.card-person__title {
    align-items: baseline;
    background-image: linear-gradient(180deg, #0000, #00000040 45px, #0009);
    bottom: 0;
    display: flex;
    font-size: 1.6875rem;
    gap: .625rem;
    justify-content: space-between;
    left: 0;
    margin: 0;
    padding: 3.125rem 1rem .5625rem;
    position: absolute;
    width: 100%
}

.card-person__title:after {
    background-color: #b6753d;
    background-color: var(--color-clay);
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: width .3s;
    transition: width var(--anim-time);
    width: 0
}

@media(max-width:1024px) {
    .card-person__title:after {
        width: 100%
    }
}

.card-person__title svg {
    flex-shrink: 0;
    height: 1.3125rem;
    transition: opacity .3s;
    transition: opacity var(--anim-time);
    width: 1.375rem
}

@media(min-width:1025px) {
    .card-person__title svg {
        opacity: 0
    }
}

.card-person__meta {
    padding: 1.375rem 1rem 0
}

.card-person__position {
    font-size: max(1.1875rem, min(calc(1.1875rem + .1vw - .42px), 1.25rem))
}

.card-person__location {
    margin-top: .25rem
}

.card-person__link {
    font-size: 0
}

.card-person__link:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.card-person-modal {
    height: var(--carousel-height)
}

@media(max-width:1024px) {
    .card-person-modal {
        overflow-y: auto;
        scrollbar-color: #fcfaf5 #e3d7c7;
        scrollbar-color: var(--color-white) var(--color-sand);
        scrollbar-width: thin
    }

    .card-person-modal::-webkit-scrollbar {
        width: 8px
    }

    .card-person-modal::-webkit-scrollbar-track {
        border-radius: 4px;
        -webkit-box-shadow: inset 0 0 6px #0003
    }

    .card-person-modal::-webkit-scrollbar-thumb {
        background: #fcfaf5;
        background: var(--color-white);
        border: 1px solid #fcfaf5;
        border: 1px solid var(--color-white);
        border-radius: 4px;
        -webkit-box-shadow: inset 0 0 6px #0000001a;
        height: 60px;
        width: 8px
    }
}

@media(min-width:1025px) {
    .card-person-modal {
        grid-gap: 1.875rem max(2.5rem, min(calc(2.5rem + 39.77vw - 407.2448px), 6.875rem));
        display: grid;
        grid-template-columns: 46% 1fr;
        height: calc(var(--carousel-height) - 3.75rem)
    }
}

.card-person-modal__image {
    height: 100%;
    overflow: hidden;
    width: 100%
}

@media(max-width:1024px) {
    .card-person-modal__image {
        height: auto;
        margin-bottom: 1.875rem
    }
}

.card-person-modal__image img {
    aspect-ratio: 500/600;
    height: 100%;
    object-fit: contain;
    width: 100%
}

@media(max-width:480px) {
    .card-person-modal__image img {
        aspect-ratio: auto;
        height: auto
    }
}

@media(min-width:1025px) {
    .card-person-modal__content {
        overflow-y: auto;
        padding-right: 1.25rem;
        scrollbar-color: #fcfaf5 #e3d7c7;
        scrollbar-color: var(--color-white) var(--color-sand);
        scrollbar-width: thin
    }

    .card-person-modal__content::-webkit-scrollbar {
        width: 8px
    }

    .card-person-modal__content::-webkit-scrollbar-track {
        border-radius: 4px;
        -webkit-box-shadow: inset 0 0 6px #0003
    }

    .card-person-modal__content::-webkit-scrollbar-thumb {
        background: #fcfaf5;
        background: var(--color-white);
        border: 1px solid #fcfaf5;
        border: 1px solid var(--color-white);
        border-radius: 4px;
        -webkit-box-shadow: inset 0 0 6px #0000001a;
        height: 60px;
        width: 8px
    }
}

.card-person-modal__title {
    font-size: 2.0625rem;
    margin-bottom: max(.875rem, min(calc(.875rem + 2.25vw - 9.45px), 2.3125rem))
}

.card-person-modal__position {
    font-size: 1.1875rem;
    margin-bottom: max(.875rem, min(calc(.875rem + 1.57vw - 6.594px), 1.875rem))
}

.card-person-modal__bio ol,
.card-person-modal__bio p,
.card-person-modal__bio ul {
    margin-bottom: max(.875rem, min(calc(.875rem + .98vw - 4.116px), 1.5rem))
}

.card-person-modal__bio a {
    align-items: center;
    display: inline-flex;
    font-family: Halcom, sans-serif;
    font-family: var(--font-halcom);
    gap: .625rem;
    text-decoration: none !important;
    text-transform: uppercase
}

.card-person-modal__bio a:hover svg {
    color: #b6753d;
    color: var(--color-clay);
    transform: scale(1.5)
}

.card-person-modal__bio a:after {
    background-color: #b6753d;
    background-color: var(--color-clay)
}

.card-person-modal__bio a svg {
    height: .4375rem;
    top: .2em;
    width: .4375rem
}

.single-projects {
    background: #0f070b !important;
    background: var(--color-black) !important
}

.single-projects__header {
    padding-bottom: max(2.1875rem, min(calc(2.1875rem + 1.96vw - 8.232px), 3.4375rem));
    padding-top: max(5.625rem, min(calc(5.625rem + 14.22vw - 59.724px), 14.6875rem))
}

.container .single-projects__header .container-left,
.single-projects__header .container,
.single-projects__header .container .container-left {
    display: flex;
    flex-direction: column;
    gap: 1.125rem
}

@media(min-width:1025px) {

    .container .single-projects__header .container-left,
    .single-projects__header .container,
    .single-projects__header .container .container-left {
        align-items: baseline;
        flex-direction: row;
        justify-content: space-between
    }
}

.single-projects__location {
    font-family: SFTSchriftedSans, sans-serif;
    font-family: var(--font-sft);
    white-space: nowrap
}

.single-projects__pagination {
    align-items: center;
    display: flex;
    height: 4rem;
    justify-content: space-between;
    margin-top: -4rem;
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
    z-index: 10
}