html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}

    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

[hidden],
template {
    display: none;
}
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100000;
    --pswp-preloader-color: rgba(79, 79, 79, 0.4);
    --pswp-preloader-color-secondary: hsla(0, 0%, 100%, 0.9);
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 2px;
    --pswp-error-text-color: var(--pswp-icon-color);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    contain: layout style size;
    display: none;
    opacity: 0.003;
    touch-action: none;
    z-index: var(--pswp-root-z-index);
}

    .pswp,
    .pswp:focus {
        outline: 0;
    }

        .pswp * {
            box-sizing: border-box;
        }

        .pswp img {
            max-width: none;
        }

.pswp--open {
    display: block;
}

.pswp,
.pswp__bg {
    transform: translateZ(0);
    will-change: opacity;
}

.pswp__bg {
    background: var(--pswp-bg);
    opacity: 0.005;
}

.pswp,
.pswp__scroll-wrap {
    overflow: hidden;
}

.pswp,
.pswp__bg,
.pswp__container,
.pswp__content,
.pswp__img,
.pswp__item,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.pswp {
    position: fixed;
}

.pswp__img,
.pswp__zoom-wrap {
    height: auto;
    width: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

    .pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
        cursor: -webkit-grabbing;
        cursor: grabbing;
    }

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
    cursor: zoom-out;
}

.pswp__button,
.pswp__container,
.pswp__counter,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pswp__item {
    overflow: hidden;
    z-index: 1;
}

.pswp__hidden {
    display: none !important;
}

.pswp__content {
    pointer-events: none;
}

    .pswp__content > * {
        pointer-events: auto;
    }

.pswp__error-msg-container {
    display: grid;
}

.pswp__error-msg {
    color: var(--pswp-error-text-color);
    font-size: 1em;
    line-height: 1;
    margin: auto;
}

.pswp .pswp__hide-on-close {
    opacity: 0.005;
    pointer-events: none;
    transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
    will-change: opacity;
    z-index: 10;
}

.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto;
}

.pswp__button {
    -webkit-touch-callout: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    height: 60px;
    margin: 0;
    opacity: 0.85;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 50px;
}

    .pswp__button:active,
    .pswp__button:focus,
    .pswp__button:hover {
        background: none;
        border: 0;
        box-shadow: none;
        opacity: 1;
        padding: 0;
        transition: none;
    }

    .pswp__button:disabled {
        cursor: auto;
        opacity: 0.3;
    }

.pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary);
    height: 32px;
    left: 9px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 14px;
    width: 32px;
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none;
}

.pswp__icn:focus {
    outline: 0;
}

.pswp__img--with-bg,
div.pswp__img--placeholder {
    background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
    display: flex;
    flex-direction: row;
    height: 60px;
    justify-content: flex-end;
    left: 0;
    pointer-events: none !important;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

    .pswp__top-bar > * {
        pointer-events: auto;
        will-change: opacity;
    }

.pswp__button--close {
    margin-right: 6px;
}

.pswp__button--arrow {
    height: 100px;
    margin-top: -50px;
    position: absolute;
    top: 0;
    top: 50%;
    width: 75px;
}

    .pswp__button--arrow:disabled {
        cursor: default;
        display: none;
    }

    .pswp__button--arrow .pswp__icn {
        background: none;
        border-radius: 0;
        height: 60px;
        margin-top: -30px;
        top: 50%;
        width: 60px;
    }

.pswp--one-slide .pswp__button--arrow {
    display: none;
}

.pswp--touch .pswp__button--arrow {
    visibility: hidden;
}

.pswp--has_mouse .pswp__button--arrow {
    visibility: visible;
}

.pswp__button--arrow--prev {
    left: 0;
    right: auto;
}

.pswp__button--arrow--next {
    right: 0;
}

    .pswp__button--arrow--next .pswp__icn {
        left: auto;
        right: 14px;
        transform: scaleX(-1);
    }

.pswp__button--zoom {
    display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none;
}

.pswp__preloader {
    height: 60px;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    width: 50px;
}

    .pswp__preloader .pswp__icn {
        -webkit-animation: pswp-clockwise 0.6s linear infinite;
        animation: pswp-clockwise 0.6s linear infinite;
        opacity: 0;
        transition: opacity 0.2s linear;
    }

.pswp__preloader--active .pswp__icn {
    opacity: 0.85;
}

@-webkit-keyframes pswp-clockwise {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes pswp-clockwise {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.pswp__counter {
    color: var(--pswp-icon-color);
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 15px 0 0 20px;
    opacity: 0.85;
    text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
}

.pswp--one-slide .pswp__counter {
    display: none;
}

@charset "UTF-8";

.fui-hidden {
    display: none;
}

.fui-sr-only {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.fui-field {
    flex: 1;
}

    .fui-field[data-conditionally-hidden] {
        display: none;
    }

.fui-label-left-input .fui-field-container,
.fui-label-right-input .fui-field-container {
    align-items: baseline;
    display: flex;
}

.fui-label-left-input .fui-input-container,
.fui-label-right-input .fui-input-container {
    flex: 1;
}

.fui-label-below-input > .fui-field-container > .fui-input-container > .fui-fieldset > .fui-legend {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.fui-layout-horizontal .fui-layout-wrap,
.fui-row {
    display: flex;
}

.fui-row {
    flex-wrap: wrap;
}

.fui-btn-container {
    display: flex;
    justify-content: flex-start;
}

    .fui-btn-container.fui-btn-right {
        justify-content: flex-end;
    }

    .fui-btn-container.fui-btn-center {
        justify-content: center;
    }

    .fui-btn-container.fui-btn-left-right {
        justify-content: space-between;
    }

    .fui-btn-container .fui-btn[data-conditionally-hidden] {
        display: none;
    }

.fui-submit {
    order: 10;
}

.lazyframe {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.lazyframe__title {
    left: 0;
    padding: 15px 17px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

    .lazyframe__title:after {
        z-index: -1;
    }

.lazyframe:hover {
    cursor: pointer;
}

.lazyframe:before {
    content: "";
    display: block;
    padding-top: 100%;
    width: 100%;
}

.lazyframe[data-ratio="16:9"]:before {
    padding-top: 56.25%;
}

.lazyframe[data-ratio="4:3"]:before {
    padding-top: 75%;
}

.lazyframe[data-ratio="1:1"]:before {
    padding-top: 100%;
}

.lazyframe iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5;
}

.lazyframe[data-vendor="youtube"],
.lazyframe[data-vendor="youtube_nocookie"] {
    background-color: #e52d27;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

    .lazyframe[data-vendor="youtube"] .lazyframe__title,
    .lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title {
        -webkit-font-smoothing: antialiased;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        color: #eee;
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-size: 18px;
        text-shadow: rgba(0, 0, 0, 0.498) 0 0 2px;
        transition: color 0.1s cubic-bezier(0.4, 0, 1, 1);
    }

        .lazyframe[data-vendor="youtube"] .lazyframe__title:hover,
        .lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:hover {
            color: #fff;
        }

        .lazyframe[data-vendor="youtube"] .lazyframe__title:before,
        .lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:before {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);
            content: "";
            display: block;
            height: 98px;
            left: 0;
            pointer-events: none;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: -1;
        }

    .lazyframe[data-vendor="youtube"]:before,
    .lazyframe[data-vendor="youtube_nocookie"]:before {
        padding-top: 56.25%;
    }

    .lazyframe[data-vendor="youtube"]:after,
    .lazyframe[data-vendor="youtube_nocookie"]:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231F1F1F' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344 348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        border: none;
        content: "";
        height: 48px;
        left: 50%;
        margin-left: -34px;
        margin-top: -24px;
        opacity: 0.81;
        position: absolute;
        top: 50%;
        width: 68px;
        z-index: 4;
    }

    .lazyframe[data-vendor="youtube"]:hover:after,
    .lazyframe[data-vendor="youtube_nocookie"]:hover:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23DD2C28' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344 348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E");
        opacity: 1;
    }

.lazyframe[data-vendor="vimeo"] {
    background-color: #00adef;
}

    .lazyframe[data-vendor="vimeo"] .lazyframe__title {
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: auto;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        background-color: rgba(0, 0, 0, 0.5);
        color: #00adef;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 700;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .lazyframe[data-vendor="vimeo"]:before {
        padding-top: 48.25%;
    }

    .lazyframe[data-vendor="vimeo"]:after {
        background-color: rgba(0, 0, 0, 0.5);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' baseProfile='tiny' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='m7.765 16.89 8.47-4.89-8.47-4.89'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-radius: 5px;
        bottom: 10px;
        content: "";
        display: block;
        height: 40px;
        left: 10px;
        position: relative;
        width: 65px;
        z-index: 3;
    }

    .lazyframe[data-vendor="vimeo"]:hover:after {
        background-color: #00adef;
    }

.lazyframe[data-vendor="vimeo"] {
    background-color: rgba(0, 0, 0, 0.7);
}

    .lazyframe[data-vendor="vimeo"]:after {
        display: none;
    }

@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") format("woff");
}

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

.swiper {
    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: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1;
}

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

.swiper-pointer-events {
    touch-action: pan-y;
}

    .swiper-pointer-events.swiper-vertical {
        touch-action: pan-x;
    }

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

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

    .swiper-3d .swiper-cube-shadow,
    .swiper-3d .swiper-slide,
    .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,
    .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d;
    }

    .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: rgba(0, 0, 0, 0.15);
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
    }

.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-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

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

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

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

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

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

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

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

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

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    position: absolute;
    top: 50%;
    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: 0.35;
        pointer-events: none;
    }

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

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px;
}

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

.swiper-button-lock {
    display: none;
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
}

.swiper-horizontal > .swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50;
}

.swiper-vertical > .swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50;
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

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

.swiper-scrollbar-lock {
    display: none;
}

:root {
    --swiper-theme-color: #3f3f29;
    --swiper-navigation-color: #3f3f29;
}

.swiper-button-next,
.swiper-button-prev {
    height: 53px;
    left: auto;
    margin: 0;
    position: relative;
    right: auto;
    top: auto;
    width: 56px;
}

    .swiper-button-next:after,
    .swiper-button-prev:after {
        display: none;
    }

    .swiper-button-next:focus-visible,
    .swiper-button-prev:focus-visible {
        outline: 1px dotted #917c59;
        outline-offset: 3px;
    }

    .swiper-button-next svg,
    .swiper-button-prev svg {
        height: 53px;
        left: 0;
        opacity: 1;
        position: absolute;
        top: 0;
        transition: opacity 0.2s ease-out;
        width: 56px;
    }

        .swiper-button-next svg:focus,
        .swiper-button-next svg:hover,
        .swiper-button-prev svg:focus,
        .swiper-button-prev svg:hover {
            outline: none;
        }

        .swiper-button-next svg + svg,
        .swiper-button-next:hover svg,
        .swiper-button-prev svg + svg,
        .swiper-button-prev:hover svg {
            opacity: 0;
        }

            .swiper-button-next:hover svg + svg,
            .swiper-button-prev:hover svg + svg {
                opacity: 1;
            }

html[dir="ltr"] .swiper-button-prev svg,
html[dir="rtl"] .swiper-button-next svg {
    transform: scaleX(-1);
}

.swiper-scrollbar {
    height: 1px;
    margin: 13px auto 18px;
    max-width: 450px;
    position: static;
    width: 95%;
}

.sr-only {
    clip: rect(1px, 1px, 1px, 1px) !important;
    border: 0 !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}

@media screen and (min-width: 992px) {
    .mobile-only {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .desktop-only {
        display: none;
    }
}

.container {
    margin: 0 auto;
    max-width: 1260px;
    padding-left: 18px;
    padding-right: 18px;
}

::-moz-selection {
    background-color: #3f3f29;
    color: #3f3f29;
}

::selection {
    background-color: white;
    color: white;
}

@font-face {
    font-family: "Silk Serif";
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/Silk-Serif-Light.woff2) format("woff2"), url(./fonts/Silk-Serif-Light.woff) format("woff");
}

@font-face {
    font-family: "Silk Serif";
    font-style: italic;
    font-weight: 400;
    src: url(./fonts/Silk-Serif-Light-Italic.woff2) format("woff2"), url(./fonts/Silk-Serif-Light-Italic.woff) format("woff");
}

@font-face {
    font-family: Cera PRO;
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/CeraPRO-Regular.woff) format("woff2"), url(./fonts/CeraPRO-Regular.woff) format("woff");
}

@font-face {
    font-family: Cera PRO;
    font-style: normal;
    font-weight: 500;
    src: url(./fonts/CeraPRO-Medium.woff2) format("woff2"), url(./fonts/CeraPRO-Medium.woff) format("woff");
}

@font-face {
    font-family: Brownhill Script;
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/Brownhill-Script.woff2) format("woff2"), url(./fonts/Brownhill-Script.woff) format("woff");
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3f3f29;
    font-family: Cera PRO, sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}

html[dir="ltr"] body {
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3f3f29;
    font-family: "Silk Serif", serif;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

a,
button {
    color: inherit;
    -webkit-text-decoration-color: hsla(36, 30%, 63%, 0);
    text-decoration-color: hsla(36, 30%, 63%, 0);
    transition: -webkit-text-decoration-color 0.2s ease-out;
    transition: text-decoration-color 0.2s ease-out;
    transition: text-decoration-color 0.2s ease-out, -webkit-text-decoration-color 0.2s ease-out;
}

    a:hover,
    button:hover {
        -webkit-text-decoration-color: #3f3f29;
        /* text-decoration-color: #bda785; */
    }

    a:focus,
    button:focus {
        outline: none;
    }

    a:focus-visible,
    button:focus-visible {
        outline: 2px dotted #3f3f29;
    }

b,
strong {
    font-weight: 500;
}

em {
    font-style: italic;
}

.icon {
    display: block;
}

.button {
    color: black;
    display: inline-block;
    font-family: Cera PRO, sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 1rem 1.25rem;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

html[dir="ltr"] .button {
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    color: black;
}

.button:before {
    background-color: #B9D9EB;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 47' preserveAspectRatio='none'%3E%3Cpath d='M10.729 4.82C17.847 3.566 57.767 0 77.897 0c7.794 0 14.065.239 18.816.716a12 12 0 0 1 10.17 8.102l.429 1.27a37.396 37.396 0 0 1 1.708 16.317l-.62 5.282a15.921 15.921 0 0 1-15.332 14.058C65.373 46.582 46.43 47 36.239 47c-8.461 0-16.622-.289-24.481-.866A12 12 0 0 1 .762 35.888c-.771-5.32-.957-10.12-.557-14.4C1.14 11.473 3.61 6.076 10.729 4.82Z' fill='%23B9B87F' fill-rule='evenodd'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 47' preserveAspectRatio='none'%3E%3Cpath d='M10.729 4.82C17.847 3.566 57.767 0 77.897 0c7.794 0 14.065.239 18.816.716a12 12 0 0 1 10.17 8.102l.429 1.27a37.396 37.396 0 0 1 1.708 16.317l-.62 5.282a15.921 15.921 0 0 1-15.332 14.058C65.373 46.582 46.43 47 36.239 47c-8.461 0-16.622-.289-24.481-.866A12 12 0 0 1 .762 35.888c-.771-5.32-.957-10.12-.557-14.4C1.14 11.473 3.61 6.076 10.729 4.82Z' fill='%23B9B87F' fill-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    position: absolute;
    top: 0;
    transition: background-color 0.25s ease-out;
    width: 100%;
    z-index: -1;
}

.button:hover:before {
    background-color: #627e5b;
}

.button:focus-visible {
    outline-offset: 3px;
}

.button--primary {
    color: #627e5b;
}

    .button--primary:before {
        background-color: #627e5b;
    }

    .button--primary:hover:before {
        background-color: #3f3f29;
    }

.button--secondary {
    color: inherit;
}

    .button--secondary:before {
        background-color: transparent;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 171 39' preserveAspectRatio='none'%3E%3Cpath d='M122.658.5c15.593.012 27.213.354 34.861 1.028a11.502 11.502 0 0 1 8.694 5.284l1.162 1.828a18.447 18.447 0 0 1 2.445 13.882l-.81 3.663a14.152 14.152 0 0 1-4.875 7.919 14.152 14.152 0 0 1-8.734 3.194c-48.706.801-81.618 1.202-98.736 1.202-15.509 0-30.37-.33-44.586-.987a11.484 11.484 0 0 1-6.754-2.592 11.484 11.484 0 0 1-3.87-6.111C.456 24.808.239 21.177.812 17.917c.737-4.184 2.083-7.38 4.742-9.614 2.471-2.077 6.059-3.318 11.268-3.805 6.415-.6 29.874-1.837 54.62-2.777l1.598-.06c1.333-.05 2.669-.1 4.005-.147l2.586-.091C94.71.898 109.625.52 120.851.5Z' stroke='%23BDA785' fill='none'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        -webkit-mask-image: none;
        mask-image: none;
        opacity: 0.25;
        transition: opacity 0.25s ease-out;
    }

    .button--secondary:hover:before {
        background-color: transparent;
        opacity: 0.85;
    }

.button--link {
    color: inherit;
    padding-left: 0;
    padding-right: 0;
}

    .button--link:before {
        background-color: transparent;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 191 3'%3E%3Cpath d='M93.04.498h-2.218l-1.39.011-3.33.056-3.646.087-6.257.194-7.009.234-4.432.131-3.437.082-2.303.041-1.35.018-.963.01-1.935.013c-.325.002-.652.002-.982.003h-2.185l-1.409-.013-1.623-.034-1.506-.05-2.051-.088-3.386-.169L37.656.82 34.985.695 33.402.633 31.925.586 30.508.553 29.776.54 28.547.528l-1.76-.004-3.006.023-4.989.094-6.824.152-3.979.07-2.657.028L3.2.897 1.003.887a.5.5 0 0 0-.008 1l1.474.008 1.79.001 2.565-.018 2.417-.034 5.365-.108 7.41-.16 2.683-.04 2.09-.012 1.504.003 1.47.014 1.46.027 1.503.042 2.018.076 2.758.126 7.794.395 2.004.084 1.248.04 1.402.03 1.65.016 2.19.001.985-.003 1.938-.013 2.773-.035 2.326-.044 3.49-.086 5.14-.157 10.789-.353 3.488-.092 2.727-.055 1.435-.024L90 1.503l.829-.006h2.21l2.31.026 2.913.059 4.271.12 12.189.41 4.83.14 2.83.064 2.207.036 2.13.021 1.194.006 2.414-.001.59-.008.853-.025.712-.036.642-.045 1.44-.122 3.128-.29.97-.083.902-.07.853-.057.818-.046.401-.018.795-.028.398-.01.808-.013.694-.001.587.007.958.028 1.077.047 1.358.077 5.895.391 1.62.1 1.553.085c.508.026 1.009.05 1.504.073l1.477.06c.734.028 1.466.051 2.206.07l1.493.031.557.005.595-.003.644-.012.704-.02 1.145-.045 3.704-.173a324.47 324.47 0 0 1 1.744-.076l1.648-.062 1.6-.048c.531-.014 1.063-.026 1.604-.035l1.258-.017.741-.001 1.456.013 2.111.04 2.508.068 3.96.13a.503.503 0 0 0 .52-.481.503.503 0 0 0-.484-.518l-3.514-.117-2.975-.081-1.458-.03-1.282-.018-.846-.006-.974.003-1.039.015-1.611.035-.802.023-1.624.055-1.696.069-4.96.229-1.119.039-.661.016-.607.007-.286.001-.544-.005-1.486-.031a181.32 181.32 0 0 1-2.927-.097l-1.48-.067-1.52-.079-1.578-.092-6.853-.45-.84-.049-.772-.04-.713-.029-.66-.02-.618-.013-.295-.002-.706.001-.82.013-.807.023-.81.034a63.85 63.85 0 0 0-.41.022l-.844.052-.886.064-.944.077-3.855.354-1.014.086-.658.048-.713.04-.545.02-.789.016-1.821.004-.796-.001-2.46-.017-2.165-.03-2.75-.056-3.01-.079-5.226-.165-9.748-.33-4.28-.12-2.92-.06-2.316-.024Z' fill='%23BDA785'/%3E%3C/svg%3E");
        background-position: 0 calc(100% - 0.7rem);
        background-repeat: repeat-x;
        background-size: auto 4px;
        -webkit-mask-image: none;
        mask-image: none;
        opacity: 0.25;
        transition: opacity 0.25s ease-out;
    }

    .button--link:hover:before {
        background-color: transparent;
        opacity: 0.85;
    }

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

html {
    scrollbar-gutter: stable;
}

body {
    -webkit-tap-highlight-color: transparent;
    background-color: ghostwhite;
    min-width: 320px;
}

main {
    background-image: url(./images/leaves-pattern.svg);
    background-size: 1500px;
}

.body-matrix {
    min-height: 300px;
}

.accommodations-body-matrix + .body-matrix {
    min-height: 0;
}

img,
picture,
source {
    display: block;
}

address {
    font-style: normal;
}

svg:focus {
    outline: none;
}

.s-editor {
    color: #3f3f29;
    font-family: Cera PRO, sans-serif;
    font-size: 1rem;
}

html[dir="ltr"] .s-editor {
    letter-spacing: 0.015rem;
    line-height: 1.44;
}

@media screen and (min-width: 1050px) {
    .s-editor {
        font-size: 1.125rem;
    }
}

.s-editor p:last-of-type {
    -webkit-margin-after: 0;
    margin-block-end: 0;
}

.accommodations-body-matrix .headline {
    margin: 3rem auto 0;
    max-width: 790px;
    padding: 0 25px;
}

@media screen and (min-width: 992px) {
    .accommodations-body-matrix .headline {
        margin-top: 4.375rem;
    }
}

.accommodations-body-matrix .headline__caption {
    color: #3f3f29;
    font-family: Cera PRO, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
}

html[dir="ltr"] .accommodations-body-matrix .headline__caption {
    letter-spacing: 0.188rem;
    text-transform: uppercase;
}

.accommodations-body-matrix .headline__text {
    color: #917c59;
    font-family: "Silk Serif", serif;
    font-size: clamp(1.8rem, 1.5vw + 1.4rem, 2.375rem);
}

html[dir="ltr"] .accommodations-body-matrix .headline__text {
    line-height: 1.32;
}

@media screen and (min-width: 600px) {
    html[dir="ltr"] .accommodations-body-matrix .headline__text {
        letter-spacing: -0.1rem;
    }
}

.accommodations-body-matrix .lists {
    margin: 3rem auto;
    max-width: 790px;
    padding: 0 25px;
}

@media screen and (min-width: 992px) {
    .accommodations-body-matrix .lists {
        display: grid;
        gap: 30px;
        grid-template-columns: 1fr 1fr;
    }
}

.accommodations-body-matrix .lists__headline {
    color: #3f3f29;
    font-family: Cera PRO, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
}

html[dir="ltr"] .accommodations-body-matrix .lists__headline {
    letter-spacing: 0.188rem;
    text-transform: uppercase;
}

.accommodations-body-matrix .lists__list ul {
    color: #917c59;
    list-style-type: none;
    padding: 0;
}

.accommodations-body-matrix .lists__list li {
    -webkit-padding-start: 1.5rem;
    margin-bottom: 0.85rem;
    padding-inline-start: 1.5rem;
    position: relative;
}

    .accommodations-body-matrix .lists__list li:before {
        background: #3f3f29;
        content: "";
        display: block;
        height: 0.4em;
        left: 0;
        position: absolute;
        top: 0.25em;
        transform: rotate(45deg);
        width: 0.4em;
    }

.accommodations-body-matrix .two-columns-text {
    margin: 1rem auto 0;
    max-width: 790px;
    padding: 0 25px;
}

@media screen and (min-width: 992px) {
    .accommodations-body-matrix .two-columns-text {
        display: grid;
        gap: 30px;
        grid-template-columns: 1fr 1fr;
    }
}

.body-matrix .cta {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding: 0 25px;
    text-align: center;
}

.body-matrix .cta__headline {
    color: #514b23;
    font-family: "Silk Serif", serif;
    font-size: 2.375rem;
    margin: 0;
}

html[dir="ltr"] .body-matrix .cta__headline {
    letter-spacing: -0.01rem;
    line-height: 1.15;
}

@media screen and (min-width: 640px) {
    .body-matrix .cta__headline {
        font-size: 3rem;
    }
}

@media screen and (min-width: 992px) {
    .body-matrix .cta__headline {
        font-size: 4rem;
    }
}

@media screen and (min-width: 1200px) {
    .body-matrix .cta__headline {
        font-size: 5rem;
    }
}

.body-matrix .cta__link {
    -webkit-margin-after: 0;
    -webkit-margin-before: 1.5rem;
    margin-block-end: 0;
    margin-block-start: 1.5rem;
}

.faq {
    margin: 2rem auto;
    max-width: 1200px;
    padding: 0 25px;
}

    .faq dt {
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .faq dd {
        margin-left: 0;
        margin-top: 2rem;
    }

        .faq dd:not(:last-of-type) {
            border-bottom: 1px solid #3f3f29;
            margin-bottom: 2rem;
        }

.faq__question {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #3f3f29;
    cursor: pointer;
    font-family: "Silk Serif", serif;
    font-size: clamp(1.125rem, 7.4vw - 1rem, 3.625rem);
    line-height: 1.15;
    padding: 0 30px;
    position: relative;
    width: 100%;
}

@media screen and (min-width: 1050px) {
    html[dir="ltr"] .faq__question {
        letter-spacing: -0.158rem;
    }
}

.faq__question:after,
.faq__question:before {
    background-color: #bda785;
    content: "";
    display: block;
    height: 1.5px;
    position: absolute;
    top: 50%;
    transition: transform 0.2s ease-out, height 0.2s ease-out;
    width: 10px;
}

@media screen and (min-width: 1050px) {
    .faq__question:after,
    .faq__question:before {
        width: 15px;
    }
}

.faq__question:after {
    left: calc(100% - 20px);
    transform: rotate(45deg) translateY(-50%);
}

@media screen and (min-width: 1050px) {
    .faq__question:after {
        left: calc(100% - 40px);
    }
}

.faq__question:before {
    left: calc(100% - 13px);
    transform: rotate(-45deg) translateY(-50%);
}

@media screen and (min-width: 1050px) {
    .faq__question:before {
        left: calc(100% - 29px);
    }
}

.faq__question[aria-expanded="true"]:after {
    transform: rotate(-45deg) translateY(-50%);
}

.faq__question[aria-expanded="true"]:before {
    transform: rotate(45deg) translate(-1px, -50%);
}

.faq__question span {
    display: block;
    margin: 0 auto;
    max-width: 790px;
}

.faq__answer {
    overflow: hidden;
    transition: max-height 0.5s ease;
}

    .faq__answer .note {
        margin-bottom: 3rem;
    }

.features {
    margin: 0 auto;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
}

.features__headline {
    font-size: 2.375rem;
    text-align: center;
}

html[dir="ltr"] .features__headline {
    letter-spacing: -1.65px;
    line-height: 1.15;
}

@media screen and (min-width: 640px) {
    .features__headline {
        font-size: 3rem;
    }
}

@media screen and (min-width: 992px) {
    .features__headline {
        font-size: 4rem;
        padding-bottom: 85px;
    }
}

@media screen and (min-width: 1200px) {
    .features__headline {
        font-size: 5rem;
    }
}

.features__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.restaurant__list, .gallery__list, .gallery__images__list {
    list-style: none;
    margin: 0;
    padding: 0;
    justify-items: center;
}

@media screen and (min-width: 640px) {
    .features__list, .restaurant__list, .gallery__list, .gallery__images__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 992px) {
    .features__list {
        grid-template-columns: repeat(4, 1fr);
    }

    .restaurant__list, .gallery__images__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.features__item {
    font-family: Cera PRO, sans-serif;
    font-size: 0.813rem;
    padding: 0 20px 35px;
    text-align: center;
}

html[dir="ltr"] .features__item {
    letter-spacing: 0.116rem;
    line-height: 1.3;
}

@media screen and (min-width: 640px) {
    .features__item {
        padding-top: 35px;
    }
}

.features__item:first-child {
    padding-top: 35px;
}

.features__item .icon {
    height: 30px;
    margin: 0 auto 1rem;
    width: 55px;
}

.features__item strong {
    -webkit-margin-before: 0.5rem;
    color: #3f3f29;
    display: block;
    font-weight: 500;
    margin-block-start: 0.5rem;
}

html[dir="ltr"] .features__item strong {
    text-transform: uppercase;
}

.features__footer {
    font-size: 0.938rem;
    text-align: center;
}

html[dir="ltr"] .features__footer {
    letter-spacing: 0.013rem;
    line-height: 1.44;
}

.body-matrix .gallery {
    margin: 2rem auto;
    max-width: 1200px;
    position: relative;
    text-align: center;
}

.body-matrix .gallery__images,
.body-matrix .gallery__thumbnails {
    overflow: hidden;
}

    .body-matrix .gallery__images ul,
    .body-matrix .gallery__thumbnails ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

.body-matrix .gallery__images {
    margin-left: 25px;
    margin-right: 25px;
    min-width: 270px;
    width: calc(100% - 50px);
}



.body-matrix .gallery__controls {
    display: none;
}

@media screen and (min-width: 1340px) {
    .body-matrix .gallery__controls {
        align-items: center;
        display: flex;
        height: calc(100% - 118px);
        justify-content: space-between;
        left: -50px;
        position: absolute;
        top: 0;
        width: calc(100% + 100px);
    }
}

.body-matrix .gallery__controls .swiper-button-prev {
    transform: scaleX(-1);
}

.body-matrix .gallery__thumbnails {
    /* background-color: white;*/
    display: inline-block;
    max-width: 662px;
    padding: 10px 3px 10px 12px;
    width: 100%;
}

    .body-matrix .gallery__thumbnails li {
        border: 3px solid hsla(43, 41%, 97%, 0);
        cursor: pointer;
        display: block;
        height: 98px;
        transition: border 0.2s ease-out, opacity 0.2s ease-out, transform 0.2s ease-out;
        width: 98px;
        margin: 0 auto;
    }

        .body-matrix .gallery__thumbnails li:not(.swiper-slide-thumb-active) {
            opacity: 0.75;
        }

        .body-matrix .gallery__thumbnails li.swiper-slide-thumb-active {
            border-color: #faf8f3;
            box-shadow: 0 2px 32px rgba(52, 37, 15, 0.37);
        }

.body-matrix .headline {
    font-size: 2.375rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding-bottom: 60px;
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
    text-align: center;
}

html[dir="ltr"] .body-matrix .headline {
    letter-spacing: -0.1rem;
    line-height: 1.15;
}

@media screen and (min-width: 640px) {
    .body-matrix .headline {
        font-size: 3rem;
    }
}

@media screen and (min-width: 992px) {
    .body-matrix .headline {
        font-size: 4rem;
        padding-bottom: 85px;
    }
}

@media screen and (min-width: 1200px) {
    .body-matrix .headline {
        font-size: 3rem;
    }
}

.body-matrix .headline:after {
    background-color: #3f3f29;
    bottom: 0;
    content: "";
    display: block;
    height: 36px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 1px;
}

@media screen and (min-width: 992px) {
    .body-matrix .headline:after {
        height: 55px;
    }
}

.image-with-text {
    margin: 0 auto 3rem;
    max-width: 1400px;
    padding: 0 max(4%, 20px);
    width: 100%;
}

@media screen and (min-width: 992px) {
    .image-with-text {
        align-items: start;
        display: grid;
        gap: 40px;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 2rem;
    }

    .image-with-text--image {
        grid-template-areas: "image text";
    }

    .image-with-text--text {
        grid-template-areas: "text image";
    }
}

@media screen and (min-width: 1200px) {
    .image-with-text {
        gap: 60px;
        /* margin-bottom: 7rem;*/
        padding-left: 20px;
        padding-right: 20px;
    }
}

.image-with-text__image {
    grid-area: image;
    margin: 0 0 1.5rem;
    position: relative;
}

@media screen and (min-width: 992px) {
    .image-with-text__image {
        margin-bottom: 0;
    }
}

.image-with-text__image img,
.image-with-text__image source {
    height: auto;
    width: 100%;
}

.image-with-text__image-caption {
    --padding: 25px;
    font-family: Brownhill Script, cursive;
    font-size: 2rem;
    position: absolute;
}

html[dir="ltr"] .image-with-text__image-caption {
    line-height: 1;
}

@media screen and (min-width: 992px) {
    .image-with-text__image-caption {
        --padding: 40px;
    }
}

.image-with-text__image-caption--top-left {
    left: var(--padding);
    top: var(--padding);
}

.image-with-text__image-caption--top-right {
    right: var(--padding);
    top: var(--padding);
}

.image-with-text__image-caption--bottom-left {
    bottom: var(--padding);
    left: var(--padding);
}

.image-with-text__image-caption--bottom-right {
    bottom: var(--padding);
    right: var(--padding);
}

.image-with-text__image-caption--sand {
    color: #eae6dc;
}

.image-with-text__image-caption--white {
    color: #fff;
}

.image-with-text__image-caption--blue {
    color: #747d86;
}

.image-with-text__content {
    grid-area: text;
    margin-top: 1rem;
}

.image-with-text__caption {
    color: #3f3f29;
    font-family: Cera PRO, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
}

html[dir="ltr"] .image-with-text__caption {
    letter-spacing: 0.188rem;
    line-height: 1;
    text-transform: uppercase;
}

.image-with-text__headline {
    color: #3f3f29;
    font-family: "Silk Serif", serif;
    font-size: clamp(2.375rem, 2.9vw + 1.8rem, 3.625rem);
    font-weight: 400;
}

html[dir="ltr"] .image-with-text__headline {
    letter-spacing: -0.158rem;
    line-height: 1.07;
}

.image-with-text__text {
    position: relative;
}

html[dir="ltr"] .image-with-text__text {
    padding-left: 50px;
    padding-right: 30px;
}

html[dir="rtl"] .image-with-text__text {
    padding-left: 30px;
    padding-right: 50px;
}

.image-with-text__text .icon {
    display: block;
    height: 30px;
    position: absolute;
    top: -2px;
    width: 30px;
}

html[dir="ltr"] .image-with-text__text .icon {
    left: -5px;
}

@media screen and (min-width: 992px) {
    html[dir="ltr"] .image-with-text__text .icon {
        left: -10px;
    }
}

html[dir="rtl"] .image-with-text__text .icon {
    right: -5px;
}

@media screen and (min-width: 992px) {
    html[dir="rtl"] .image-with-text__text .icon {
        right: -10px;
    }
}

.image-with-text--image .image-with-text__text .icon {
    transform: rotate(10deg);
}

.image-with-text--text .image-with-text__text .icon {
    transform: rotate(-10deg);
}

.image-with-text__links {
    list-style: none;
    margin: 25px 0 0;
    padding: 0;
}

@media screen and (min-width: 640px) {
    .image-with-text__links {
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }
}

.image-with-text__links li:not(:last-of-type) {
    margin-bottom: 1rem;
}

@media screen and (min-width: 640px) {
    .image-with-text__links li:not(:last-of-type) {
        margin-bottom: 0;
    }
}

.image-with-text__link {
    display: block;
    margin-right: 30px;
}

    .image-with-text__link:last-of-type {
        margin-right: 0;
    }

.body-matrix .inspiration-text {
    box-sizing: content-box;
    margin-bottom: 3rem;
    margin-top: 2rem;
    max-width: 800px;
    padding-left: 25px;
    padding-right: 25px;
}

@media screen and (min-width: 640px) {
    .body-matrix .inspiration-text {
        margin-bottom: 5rem;
    }
}

@media screen and (min-width: 1200px) {
    html[dir="ltr"] .body-matrix .inspiration-text {
        padding-left: calc(50vw - 587.5px);
    }

    html[dir="rtl"] .body-matrix .inspiration-text {
        padding-right: calc(50vw - 587.5px);
    }
}

.body-matrix .inspiration-text .caption {
    color: #3f3f29;
    font-weight: 500;
    margin-bottom: 0.75rem;
    margin-top: 0;
}

html[dir="ltr"] .body-matrix .inspiration-text .caption {
    font-size: 0.75rem;
    letter-spacing: 3px;
    line-height: 1;
    text-transform: uppercase;
}

@media screen and (min-width: 992px) {
    .body-matrix .inspiration-text .caption {
        margin-bottom: 0.875rem;
    }

    html[dir="ltr"] .body-matrix .inspiration-text .caption {
        font-size: 0.875rem;
    }
}

.body-matrix .inspiration-text .text {
    color: #3f3f29;
    font-family: "Silk Serif", serif;
    font-size: 2rem;
}

html[dir="ltr"] .body-matrix .inspiration-text .text {
    letter-spacing: -1.65px;
    line-height: 1.3;
}

@media screen and (min-width: 992px) {
    .body-matrix .inspiration-text .text {
        font-size: 2.375rem;
    }
}

.body-matrix .inspiration-text .text p {
    margin-top: 0;
}

    .body-matrix .inspiration-text .text p:last-child {
        margin-bottom: 0;
    }

.location {
    margin: 0 auto;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
}

.location__headline {
    -webkit-margin-after: 0.5rem;
    -webkit-margin-before: 0;
    color: #3f3f29;
    font-family: "Silk Serif", serif;
    font-size: 3rem;
    font-style: italic;
    font-weight: 400;
    margin-block-end: 0.5rem;
    margin-block-start: 0;
    text-align: center;
}

html[dir="ltr"] .location__headline {
    letter-spacing: -0.222rem;
    line-height: 1;
}

.location__subhead {
    color: #917c59;
    font-family: Cera PRO, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

html[dir="ltr"] .location__subhead {
    letter-spacing: 0.188rem;
    line-height: 1;
    text-transform: uppercase;
}

.location__map {
    margin-top: 2.125rem;
    /* transform: rotate(0.5deg);*/
    width: 90%;
    margin: 0 auto;
}

.mandala {
    align-items: center;
    color: #bda785;
    display: grid;
    gap: 1rem;
    grid-template-areas: "english icon arabic";
    grid-template-columns: 1fr 35px 1fr;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
    padding: 0 25px;
    width: 100%;
}

@media screen and (min-width: 550px) {
    .mandala {
        gap: 35px;
        grid-template-columns: 1fr 56px 1fr;
    }
}

@media screen and (min-width: 1050px) {
    .mandala {
        gap: 65px;
    }
}

.mandala svg {
    display: block;
}

.mandala .icon {
    display: block;
    grid-area: icon;
    height: 35px;
    margin: 0 auto;
    width: 35px;
}

@media screen and (min-width: 550px) {
    .mandala .icon {
        height: 56px;
        width: 56px;
    }
}

.mandala__text-arabic,
.mandala__text-english {
    width: 100%;
}

.mandala__text-english {
    grid-area: english;
    justify-self: end;
    max-width: 173px;
}

.mandala__text-arabic {
    grid-area: arabic;
    justify-self: start;
    max-width: 160px;
}

.note {
    margin: 0 auto;
    max-width: 915px;
    padding: 30px;
    position: relative;
    width: 100%;
}

@media screen and (min-width: 640px) {
    .note {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media screen and (min-width: 850px) {
    .note {
        width: calc(100% - 80px);
    }
}

@media screen and (min-width: 992px) {
    .note {
        padding-left: 115px;
    }
}

.note:before {
    /* background-color: #f4f1ea; */
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.note:after,
.note:before {
    content: "";
    display: block;
    position: absolute;
    transform: rotate(0.5deg);
}

.note:after {
    border: 1px solid #bda785;
    height: calc(100% - 24px);
    left: 12px;
    top: 12px;
    width: calc(100% - 24px);
    background-color: white;
}

.note__icon {
    display: none;
}

@media screen and (min-width: 1050px) {
    .note__icon {
        display: block;
        left: 42px;
        position: absolute;
        top: 38px;
    }
}

.note__icon .icon {
    display: block;
    height: 36px;
    transform: rotate(10deg);
    width: 36px;
}

.note__headline {
    -webkit-margin-after: 1.5rem;
    -webkit-margin-before: 0;
    color: #3f3f29;
    font-family: Cera PRO, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    margin-block-end: 1.5rem;
    margin-block-start: 0;
}

html[dir="ltr"] .note__headline {
    letter-spacing: 0.1rem;
    line-height: 1.3;
    text-transform: uppercase;
}

.note__headline,
.note__text {
    position: relative;
    z-index: 1;
}

.body-matrix .photo-slider {
    margin-top: 2rem;
    position: relative;
}

    .body-matrix .photo-slider:first-child .photo-slider__folieke {
        display: none;
    }

.body-matrix .photo-slider__text {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

@media screen and (min-width: 992px) {
    .body-matrix .photo-slider__text {
        text-align: start;
    }
}

.body-matrix .photo-slider__caption {
    color: #3f3f29;
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0.75rem;
    margin-top: 0;
}

html[dir="ltr"] .body-matrix .photo-slider__caption {
    letter-spacing: 3px;
    line-height: 1;
    text-transform: uppercase;
}

@media screen and (min-width: 992px) {
    .body-matrix .photo-slider__caption {
        font-size: 0.875rem;
        margin-bottom: 0.875rem;
    }
}

.body-matrix .photo-slider__headline {
    color: #3f3f29;
    font-size: 2rem;
}

html[dir="ltr"] .body-matrix .photo-slider__headline {
    letter-spacing: -1.5px;
    line-height: 1.31;
}

@media screen and (min-width: 992px) {
    .body-matrix .photo-slider__headline {
        font-size: 2.375rem;
    }
}

.body-matrix .photo-slider__swiper {
    margin-top: 1.5rem;
}

@media screen and (min-width: 1200px) {
    .body-matrix .photo-slider__swiper.swiper-initialized {
        padding-left: calc(50vw - 600px);
        padding-right: calc(50vw - 600px);
    }
}

.body-matrix .photo-slider__swiper .swiper-wrapper {
    padding-bottom: 30px;
    padding-top: 50px;
}

.body-matrix figure.photo-slider__item {
    background-color: white;
    margin: 0;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 242px;
}

@media screen and (min-width: 992px) {
    .body-matrix figure.photo-slider__item {
        padding: 15px;
        width: 322px;
    }
}

.body-matrix figure.photo-slider__item:after,
.body-matrix figure.photo-slider__item:before {
    -webkit-clip-path: polygon(0 0, 5% 100%, 10% 0, 15% 100%, 20% 0, 25% 100%, 30% 0, 35% 100%, 40% 0, 45% 100%, 50% 0, 55% 100%, 60% 0, 65% 100%, 70% 0, 75% 100%, 80% 0, 85% 100%, 90% 0, 95% 100%, 100% 0);
    clip-path: polygon(0 0, 5% 100%, 10% 0, 15% 100%, 20% 0, 25% 100%, 30% 0, 35% 100%, 40% 0, 45% 100%, 50% 0, 55% 100%, 60% 0, 65% 100%, 70% 0, 75% 100%, 80% 0, 85% 100%, 90% 0, 95% 100%, 100% 0);
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}

.body-matrix figure.photo-slider__item:before {
    background-color: #eae6dc;
    top: 0;
}

.body-matrix figure.photo-slider__item:after {
    background-color: #f4f1ea;
    bottom: -2px;
}

.body-matrix figure.photo-slider__item figcaption {
    color: #3f3f29;
    font-family: Brownhill Script, cursive;
    font-size: 1.375rem;
    margin-top: 10px;
}

@media screen and (min-width: 992px) {
    .body-matrix figure.photo-slider__item figcaption {
        font-size: 1.813rem;
        margin-top: 15px;
    }
}

.body-matrix figure.photo-slider__item picture {
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}

    .body-matrix figure.photo-slider__item picture img,
    .body-matrix figure.photo-slider__item picture source {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.body-matrix figure.photo-slider__item:first-child {
    transform: rotate(2deg);
}

.body-matrix figure.photo-slider__item:nth-child(2) {
    transform: rotate(-4deg) translateY(-40px);
}

.body-matrix figure.photo-slider__item:nth-child(3) {
    transform: rotate(0.5deg) translateY(-20px);
}

.body-matrix figure.photo-slider__item:nth-child(4) {
    transform: rotate(-3deg) translateY(20px);
}

.body-matrix figure.photo-slider__item:nth-child(5) {
    transform: rotate(1deg);
}

.body-matrix figure.photo-slider__item:nth-child(6) {
    transform: rotate(-2deg) translateY(-40px);
}

.body-matrix figure.photo-slider__item:nth-child(7) {
    transform: rotate(3deg) translateY(-20px);
}

.body-matrix figure.photo-slider__item:nth-child(8) {
    transform: rotate(-1deg) translateY(20px);
}

.body-matrix figure.photo-slider__item:nth-child(9) {
    transform: rotate(2deg);
}

.body-matrix figure.photo-slider__item:nth-child(10) {
    transform: rotate(0.5deg) translateY(-40px);
}

.body-matrix figure.photo-slider__item:nth-child(11) {
    transform: rotate(-3deg) translateY(-20px);
}

.body-matrix figure.photo-slider__item:nth-child(12) {
    transform: rotate(1deg) translateY(20px);
}

.body-matrix figure.photo-slider__item:nth-child(13) {
    transform: rotate(-2deg);
}

.body-matrix figure.photo-slider__item:nth-child(14) {
    transform: rotate(3deg) translateY(-40px);
}

.body-matrix figure.photo-slider__item:nth-child(15) {
    transform: rotate(-1deg) translateY(-20px);
}

.body-matrix .photo-slider__controls {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 25px;
    padding-right: 25px;
}

.body-matrix .photo-slider__navigation {
    display: flex;
    justify-content: flex-end;
}

@media screen and (min-width: 992px) {
    .body-matrix .photo-slider__navigation {
        position: absolute;
        right: 25px;
        top: 90px;
    }
}

@media screen and (min-width: 1200px) {
    .body-matrix .photo-slider__navigation {
        right: calc(50vw - 587.5px);
    }
}

.body-matrix .photo-slider__navigation > div {
    -webkit-margin-start: 13px;
    margin-inline-start: 13px;
}

.spacer {
    clear: both;
}

.spacer--small {
    height: 1.5rem;
}

.spacer--medium {
    height: 2.5rem;
}

.spacer--large {
    height: 4rem;
}

.spacer--extra-large {
    height: 8rem;
}

.spacer--huge {
    height: 12rem;
}

.hero-gallery {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
}

@media screen and (min-width: 640px) {
    .hero-gallery {
        padding: calc(var(--header-height) + 3rem) 25px 3rem;
    }
}

.hero-gallery__header {
    padding-left: 25px;
    padding-right: 25px;
}

@media screen and (min-width: 640px) {
    .hero-gallery__header {
        align-items: center;
        display: grid;
        grid-template-areas: "overview title .";
        grid-template-columns: 1fr auto 1fr;
        padding-left: 0;
        padding-right: 0;
    }
}

.hero-gallery__title {
    display: none;
}

@media screen and (min-width: 640px) {
    .hero-gallery__title {
        display: block;
        grid-area: title;
    }
}

.hero-gallery__headline {
    color: #3f3f29;
    font-family: "Silk Serif", serif;
    font-size: 2.375rem;
    text-align: center;
}

html[dir="ltr"] .hero-gallery__headline {
    letter-spacing: -0.1rem;
    line-height: 1.32;
}

.hero-gallery__tagline {
    font-family: Cera PRO, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
}

html[dir="ltr"] .hero-gallery__tagline {
    letter-spacing: 0.188rem;
    line-height: 1;
    text-transform: uppercase;
}

.hero-gallery__overview-link {
    display: none;
}

@media screen and (min-width: 992px) {
    .hero-gallery__overview-link {
        display: block;
        grid-area: overview;
    }
}

.hero-gallery__overview-link a {
    color: #3f3f29;
    display: block;
    font-family: "Silk Serif", serif;
    font-size: 1.688rem;
    letter-spacing: -0.073rem;
    line-height: 1;
    padding-left: 25px;
    position: relative;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

    .hero-gallery__overview-link a:after,
    .hero-gallery__overview-link a:before {
        background-color: #3f3f29;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 7px;
    }

    .hero-gallery__overview-link a:after {
        top: 0.52rem;
        transform: rotate(-45deg);
    }

    .hero-gallery__overview-link a:before {
        top: calc(0.52rem + 5px);
        transform: rotate(45deg);
    }

.hero-gallery__images {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .hero-gallery__images a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s ease-out;
    }

        .hero-gallery__images a:hover {
            opacity: 0.92;
        }

.hero-gallery__images--mobile {
    position: relative;
}

@media screen and (min-width: 640px) {
    .hero-gallery__images--mobile {
        display: none;
    }
}

.hero-gallery__images--mobile:before {
    background-image: linear-gradient(0deg, rgba(145, 73, 21, 0.14), rgba(17, 8, 22, 0.56));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.hero-gallery__images--mobile .hero-gallery__item--main {
    display: block;
}

.hero-gallery__images--mobile .hero-gallery__item--hidden {
    display: none;
}

.hero-gallery__images--mobile .hero-gallery__item img {
    height: auto;
    width: 100%;
}

@media screen and (min-width: 640px) {
    .hero-gallery__images--mobile + .hero-gallery__counter {
        display: none;
    }
}

.hero-gallery__images--desktop {
    display: none;
}

@media screen and (min-width: 640px) {
    .hero-gallery__images--desktop {
        background-color: #f4f1ea;
        display: grid;
        gap: 12px;
        grid-template-areas: "main thumbnail1" "main thumbnail2" "main thumbnail3";
        grid-template-columns: 78.95fr 21.05fr;
        grid-template-rows: repeat(3, 1fr);
        padding: 12px;
    }
}

.hero-gallery__images--desktop .hero-gallery__item--main {
    grid-area: main;
}

.hero-gallery__images--desktop .hero-gallery__item--thumbnail:nth-child(0) {
    grid-area: thumbnail1;
}

.hero-gallery__images--desktop .hero-gallery__item--thumbnail:first-child {
    grid-area: thumbnail2;
}

.hero-gallery__images--desktop .hero-gallery__item--thumbnail:nth-child(2) {
    grid-area: thumbnail3;
}

.hero-gallery__images--desktop .hero-gallery__item--hidden {
    display: none;
}

.hero-gallery__images--desktop .hero-gallery__item img {
    height: auto;
    width: 100%;
}

.hero-gallery__images--desktop + .hero-gallery__counter {
    display: none;
}

@media screen and (min-width: 640px) {
    .hero-gallery__images--desktop + .hero-gallery__counter {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135 35'%3E%3Cpath d='M13.698 2.716C22.448 1.961 71.478.237 96.18.668c11.46.2 20.236.602 26.325 1.204a12.001 12.001 0 0 1 9.333 6.162l.309.562a17.735 17.735 0 0 1 1.788 12.308l-.726 3.336a12.488 12.488 0 0 1-12.193 9.836c-37.71.03-63.226-.072-76.547-.305-11.39-.199-22.332-.641-32.824-1.327A12 12 0 0 1 .553 22.175c-.396-2.763-.39-5.306.02-7.629C1.848 7.323 4.947 3.472 13.698 2.716Z' fill='%23E6DABD' fill-rule='evenodd'/%3E%3C/svg%3E");
        bottom: 75px;
        display: block;
    }

    html[dir="ltr"] .hero-gallery__images--desktop + .hero-gallery__counter {
        right: 85px;
        text-transform: uppercase;
    }

    html[dir="rtl"] .hero-gallery__images--desktop + .hero-gallery__counter {
        left: 85px;
        text-transform: uppercase;
    }
}

.hero-gallery__counter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 35'%3E%3Cpath d='M6.292 3.285c3.51-.846 23.15-3.083 33.03-2.91 2.326.04 4.375.14 6.146.298a9.18 9.18 0 0 1 8.164 7.25 38.517 38.517 0 0 1 .647 11.67l-.385 3.961a11.209 11.209 0 0 1-10.869 10.12c-11.892.306-20.14.418-24.744.338a117.384 117.384 0 0 1-6.352-.28A12 12 0 0 1 .8 22.218c-.095-2.505-.057-4.828.116-6.967.586-7.236 1.867-11.119 5.376-11.966Z' fill='%23E6DABD' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 19px;
    color: #3f3f29;
    display: block;
    font-family: Cera PRO, sans-serif;
    font-size: 0.813rem;
    font-weight: 500;
    letter-spacing: 0.125rem;
    line-height: 1;
    margin: 0;
    padding: 11px 14px;
    pointer-events: none;
    position: absolute;
    white-space: nowrap;
}

html[dir="ltr"] .hero-gallery__counter {
    right: 17px;
}

html[dir="rtl"] .hero-gallery__counter {
    left: 17px;
}

.hero--with-video:before {
    display: none;
}

.hero--with-video .hero__subhead {
    margin-top: 1.5rem;
    position: static;
}

@media screen and (min-width: 992px) {
    .hero--with-video .hero__subhead {
        margin-top: 1.5rem;
    }
}

.hero__video {
    --ratio-factor: 1.777777777777;
    height: var(--hero-height);
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

    .hero__video:after {
        background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.4));
        bottom: 0;
        height: calc(100% - var(--header-height));
        margin: 0 auto;
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 657 718'%3E%3Cdefs%3E%3Cpath d='M328.5 0C509.926 0 657 147.189 657 328.755v389H0v-389l.044-5.436C2.944 144.259 148.889 0 328.5 0Z' id='a'/%3E%3C/defs%3E%3Cuse fill='%23D8D8D8' xlink:href='%23a' transform='translate(0 .245)' fill-rule='evenodd'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 657 718'%3E%3Cdefs%3E%3Cpath d='M328.5 0C509.926 0 657 147.189 657 328.755v389H0v-389l.044-5.436C2.944 144.259 148.889 0 328.5 0Z' id='a'/%3E%3C/defs%3E%3Cuse fill='%23D8D8D8' xlink:href='%23a' transform='translate(0 .245)' fill-rule='evenodd'/%3E%3C/svg%3E");
        -webkit-mask-position: 50% 100%;
        mask-position: 50% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        right: 0;
        width: calc(100% - 80px);
        z-index: 11;
    }

    .hero__video:after,
    .hero__video:before {
        content: "";
        display: block;
        left: 0;
        position: absolute;
    }

    .hero__video:before {
        background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.05));
        height: 100%;
        top: 0;
        width: 100%;
        z-index: 10;
    }

.hero__video-wrapper {
    height: var(--hero-height);
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .hero__video-wrapper embed,
    .hero__video-wrapper iframe,
    .hero__video-wrapper object {
        --width: calc(var(--hero-height) * var(--ratio-factor));
        height: var(--hero-height);
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: var(--width);
    }

html[dir="ltr"] .hero__video-wrapper embed,
html[dir="ltr"] .hero__video-wrapper iframe,
html[dir="ltr"] .hero__video-wrapper object {
    left: 50%;
}

html[dir="rtl"] .hero__video-wrapper embed,
html[dir="rtl"] .hero__video-wrapper iframe,
html[dir="rtl"] .hero__video-wrapper object {
    right: 50%;
}

@media only screen and (min-width: 1422px) {
    .hero__video-wrapper embed,
    .hero__video-wrapper iframe,
    .hero__video-wrapper object {
        height: calc(var(--window-width) / var(--ratio-factor));
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    html[dir="ltr"] .hero__video-wrapper embed,
    html[dir="ltr"] .hero__video-wrapper iframe,
    html[dir="ltr"] .hero__video-wrapper object {
        left: 0;
    }

    html[dir="rtl"] .hero__video-wrapper embed,
    html[dir="rtl"] .hero__video-wrapper iframe,
    html[dir="rtl"] .hero__video-wrapper object {
        right: 0;
    }
}

.hero {
    --hero-height: 20rem;
    height: var(--hero-height);
    padding: var(--header-height) 20px 1px;
    position: relative;
}

@media screen and (min-width: 400px) {
    .hero {
        --hero-height: 30rem;
    }
}

@media screen and (min-width: 485px) {
    .hero {
        --hero-height: 35rem;
    }
}

@media screen and (min-width: 740px) {
    .hero {
        --hero-height: 40rem;
    }

        .hero:before {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 89'%3E%3Cpath d='m1.049 36.573-.265 3.553-.1 1.452-.095 1.548-.04.816-.028.752-.013.473-.01.681v.662l.01.658.02.671.026.701.065 1.368.082 1.375.4 5.626.088 1.34.07 1.224.036.769.03.741.024.725.017.717.01.72.005 1.106-.003.63-.012.501-.02.499-.02.342-.026.36-.071.806-.13 1.242-.236 2.087-.116 1.101-.062.658-.051.612-.04.578-.03.557-.022.548-.012.552-.004.543.004.764.02.896.028.825.227 4.836.04.995.036 1.18.015.811.004.779-.004.514-.007.521a.5.5 0 0 0 1 .019l.01-.79v-.522l-.007-.796-.026-1.13-.046-1.27-.233-4.95-.038-1.043-.02-1.052-.002-.841.003-.274.012-.539.01-.267.024-.538.035-.555.045-.582.026-.305.097-.992.079-.74.267-2.372.079-.755.061-.655.047-.58.033-.534.021-.512.011-.518.004-1.02-.005-.74-.01-.727-.017-.725-.038-1.102-.034-.76-.064-1.203-.113-1.77-.381-5.327-.087-1.403-.064-1.28-.04-1.034-.024-.875-.007-.638.003-.633.02-.883.036-.96.092-1.663.14-2.034.32-4.343.08-1.197.084-1.442.047-.993.024-.632.025-.918.013-.9.001-.906-.004-.412-.014-.344-.016-.223-.036-.336-.036-.246-.075-.437-.257-1.29c-.29-1.407-.41-2.276-.417-3.332-.002-.428.035-.92.113-1.56l.063-.486.317-2.183c.264-1.845.416-3.324.477-4.962.014-.373 0-.78-.039-1.291l-.21-2.145a46.08 46.08 0 0 1-.233-3.385l-.005-.322.002-.374.017-.656.02-.501.063-1.155.066-.998.083-1.113A.5.5 0 0 0 1.264.96L1.18 2.087l-.086 1.326-.056 1.125-.022.712-.006.411.002.362.004.162c.03.994.089 1.895.185 2.927l.24 2.395.036.48c.024.37.031.676.02.952a42.382 42.382 0 0 1-.384 4.266l-.43 2.988-.037.3-.06.545c-.04.428-.06.795-.059 1.134.006 1.042.115 1.907.365 3.173l.288 1.429.082.45.04.245.028.219.03.303.016.315.004.183.002.9-.009.89-.02.9-.021.616-.042.964-.056 1.031-.096 1.515-.09 1.268Z' fill='%23BDA785' opacity='.5'/%3E%3C/svg%3E");
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: 4px auto;
            bottom: 6.25rem;
            content: "";
            height: 65px;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            width: 4px;
            z-index: 2;
        }
}

@media screen and (min-width: 1050px) {
    .hero {
        --hero-height: 50rem;
    }

        .hero:before {
            bottom: 8.125rem;
        }
}

.hero__logo {
    height: auto;
    margin: 1rem auto 1.5rem;
    max-width: 160px;
    position: relative;
    width: 66%;
    z-index: 3;
}

@media screen and (min-width: 400px) {
    .hero__logo {
        /* margin-bottom: 3rem;*/
        margin-top: 5.5rem;
        max-width: 320px;
    }
}

@media screen and (min-width: 1050px) {
    .hero__logo {
        margin-top: 7.5rem;
    }
}

.hero__headline {
    color: #fff;
    font-family: "Silk Serif", serif;
    font-size: x-large;
    font-weight: 200;
    position: relative;
    text-align: center;
    z-index: 3;
}

/*html[dir="ltr"] .hero__headline {
    letter-spacing: -0.141rem;
    line-height: 1;
}*/

@media screen and (min-width: 740px) {
    html[dir="ltr"] .hero__headline {
        letter-spacing: -0.375rem;
        font-size: 5em;
    }
}

@media screen and (min-width: 720px) {
    .hero__headline {
        font-size: clamp(5rem, 14.5vw - 2.2rem, 8.625rem);
    }
}

@media screen and (min-width: 1050px) {
    .hero__headline {
        top: 1rem;
    }
}

.hero__subhead {
    color: #fff;
    font-family: Cera PRO, sans-serif;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 80px);
    position: relative;
    text-align: center;
    z-index: 3;
}

html[dir="ltr"] .hero__subhead {
    font-size: 1.813rem;
    letter-spacing: 1.55px;
    line-height: 1.3;
    text-transform: uppercase;
}

@media screen and (min-width: 740px) {
    .hero__subhead {
        bottom: 55px;
        left: 0;
        margin: 0 auto;
        max-width: 760px;
        position: absolute;
        right: 0;
        text-align: center;
        width: 100%;
    }
}

.hero__image,
.hero__image-effect {
    --clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 50px), calc(100% - 40px) calc(100% - 50px), calc(100% - 40px) 100%, 40px 100%, 40px calc(100% - 50px), 0 calc(100% - 50px));
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

@media screen and (min-width: 740px) {
    .hero__image,
    .hero__image-effect {
        --clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 120px), calc(50% + 330px) calc(100% - 120px), calc(50% + 330px) 100%, calc(50% - 330px) 100%, calc(50% - 330px) calc(100% - 120px), 0 calc(100% - 120px));
    }
}

.hero__image img,
.hero__image source,
.hero__image-effect img,
.hero__image-effect source {
    background-repeat: no-repeat;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: var(--image-position, 50% 50%);
    object-position: var(--image-position, 50% 50%);
    z-index: 0;
}

.hero__image img,
.hero__image source,
.hero__image-effect img,
.hero__image-effect source,
.hero__image:after {
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.hero__image:after {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.05));
    content: "";
}

.hero__image-effect {
    --mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 657 658' preserveAspectRatio='xMidYMin slice'%3E%3Cdefs%3E%3Cpath d='M328.5.245C509.926.245 657 147.433 657 329v329H0V329l.044-5.437C2.944 144.504 148.889.245 328.5.245Z' id='a'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' fill-rule='evenodd'/%3E%3C/svg%3E");
    --mask-size: calc(100% - 80px) calc(var(--hero-height) - var(--header-height));
}

@media screen and (min-width: 740px) {
    .hero__image-effect {
        --mask-size: 660px calc(var(--hero-height) - var(--header-height));
    }
}

@media screen and (min-width: 1050px) {
    .hero__image-effect {
        --mask-size: 660px auto;
    }
}

.hero__image-effect img,
.hero__image-effect source,
.hero__image-effect:after {
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-position: 50% 100%;
    mask-position: 50% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--mask-size);
    mask-size: var(--mask-size);
    z-index: 1;
}

.hero__image-effect:after {
    background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.4));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.cta-matrix {
    list-style: none;
    margin: 2rem auto 0;
    max-width: 1200px;
    padding-left: 25px;
    padding-right: 25px;
}

@media screen and (min-width: 800px) {
    .cta-matrix {
        FONT-VARIANT: JIS83;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-top: 125px;
    }
}

.cta-matrix .cta {
    display: block;
}

    .cta-matrix .cta .cta__announcement,
    .cta-matrix .cta a {
        display: block;
        margin-left: -25px;
        margin-right: -25px;
        padding: 22px 95px 22px 25px;
        position: relative;
        text-decoration: none;
    }

html[dir="ltr"] .cta-matrix .cta .cta__announcement,
html[dir="ltr"] .cta-matrix .cta a {
    line-height: 1.25;
}

@media screen and (min-width: 800px) {
    .cta-matrix .cta .cta__announcement,
    .cta-matrix .cta a {
        height: 100%;
        margin: 0;
        padding: 15px 40px 105px;
        text-align: center;
    }
}

.cta-matrix .cta a:hover .cta__icon {
    background-color: #B9D9EB;
}

.cta-matrix .cta a:hover .cta__headline {
    -webkit-text-decoration-color: #B9D9EB;
    text-decoration-color: #B9D9EB;
}

.cta-matrix .cta:not(:last-child) .cta__announcement,
.cta-matrix .cta:not(:last-child) a {
    border-bottom: 1px solid hsla(36, 30%, 63%, 0.5);
}

@media screen and (min-width: 800px) {
    .cta-matrix .cta:not(:last-child) .cta__announcement,
    .cta-matrix .cta:not(:last-child) a {
        border-bottom: none;
    }

    html[dir="ltr"] .cta-matrix .cta:not(:last-child) .cta__announcement,
    html[dir="ltr"] .cta-matrix .cta:not(:last-child) a {
        border-right: 1px solid hsla(36, 30%, 63%, 0.5);
    }

    html[dir="rtl"] .cta-matrix .cta:not(:last-child) .cta__announcement,
    html[dir="rtl"] .cta-matrix .cta:not(:last-child) a {
        border-left: 1px solid hsla(36, 30%, 63%, 0.5);
    }
}

.cta-matrix .cta__headline {
    font-size: 2rem;
    text-decoration: underline;
    -webkit-text-decoration-color: hsla(36, 30%, 63%, 0);
    text-decoration-color: hsla(36, 30%, 63%, 0);
    text-underline-offset: 4px;
    transition: -webkit-text-decoration-color 0.2s ease-out;
    transition: text-decoration-color 0.2s ease-out;
    transition: text-decoration-color 0.2s ease-out, -webkit-text-decoration-color 0.2s ease-out;
}

@media screen and (min-width: 800px) {
    .cta-matrix .cta__headline {
        margin-bottom: 0.5rem;
    }
}

.cta-matrix .cta__subhead {
    font-size: 0.813rem;
    font-weight: 500;
}

html[dir="ltr"] .cta-matrix .cta__subhead {
    letter-spacing: 2px;
    line-height: 1.1;
    text-transform: uppercase;
}

.cta-matrix .cta__icon {
    align-items: center;
    background-color: #B9D9EB;
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    bottom: 0;
    display: flex;
    height: 54px;
    justify-content: center;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 25px;
    top: 0;
    transition: background-color 0.2s ease-out;
    width: 54px;
}

@media screen and (min-width: 800px) {
    .cta-matrix .cta__icon {
        bottom: 35px;
        left: 0;
        right: 0;
        top: auto;
    }
}

.cta-matrix .cta__icon svg {
    height: 12px;
    width: 8px;
}

html[dir="rtl"] .cta-matrix .cta__icon svg {
    transform: scaleX(-1);
}

.cta-matrix .cta__announcement .cta__icon {
    background-color: transparent;
    border: 1px solid #B9D9EB;
    opacity: 0.35;
}

.hero-matrix + .cta-matrix {
    margin-top: 0;
}

@media screen and (min-width: 500px) {
    .hero-matrix + .cta-matrix {
        background-image: linear-gradient(0deg, hsla(44, 26%, 89%, 0), ghostwhite 44%);
        margin-top: -75px;
    }

        .hero-matrix + .cta-matrix .cta__announcement,
        .hero-matrix + .cta-matrix a {
            padding-bottom: 80px;
            padding-top: 40px;
        }
}

.hero-matrix + .cta-matrix .cta__announcement {
    display: none;
}

@media screen and (min-width: 800px) {
    .hero-matrix + .cta-matrix .cta__announcement {
        display: block;
    }

    .hero-matrix + .cta-matrix .cta__icon {
        bottom: 0;
    }
}

footer {
    border-top: 1px solid hsla(36, 30%, 63%, 0.5);
    overflow: hidden;
    padding: 25px 25px 65px;
    position: relative;
}

@media screen and (min-width: 992px) {
    footer {
        padding-top: 40px;
    }
}

.footer__inner {
    margin: 0 auto 2rem;
    max-width: 1200px;
}

@media screen and (min-width: 992px) {
    .footer__inner {
        display: flex;
        margin-bottom: 0;
    }

    .footer__company-details {
        width: 30%;
    }
}

.footer__title {
    color: #3f3f29;
    font-size: 0.813rem;
    margin-bottom: 1.5rem;
}

html[dir="ltr"] .footer__title {
    letter-spacing: 2.15px;
    text-transform: uppercase;
}

.footer__title strong {
    color: #3f3f29;
}

.footer__address,
.footer__email,
.footer__telephone {
    display: grid;
    grid-template-columns: 40px auto;
}

    .footer__address svg,
    .footer__email svg,
    .footer__telephone svg {
        margin-top: 3px;
    }

    .footer__address svg {
        height: 18px;
        width: 17px;
    }

    .footer__telephone svg {
        height: 16px;
        width: 16px;
    }

    .footer__email svg {
        height: 13px;
        width: 20px;
    }

.footer__sitemap {
    margin-top: 1.5rem;
}

@media screen and (min-width: 992px) {
    .footer__sitemap {
        margin-top: 0;
    }
}

.footer__sitemap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer__sitemap a,
.footer__sitemap li {
    display: block;
}

@media screen and (min-width: 450px) {
    .footer__sitemap > ul {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 25px;
        column-gap: 25px;
    }
}

@media screen and (min-width: 992px) {
    .footer__sitemap > ul {
        -moz-column-count: 4;
        column-count: 4;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
}

.footer__sitemap > ul > li {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 0.75rem;
}

@media screen and (min-width: 992px) {
    .footer__sitemap > ul > li.new-column {
        min-height: 10rem;
    }
}

.footer__sitemap > ul > li > a {
    color: #3f3f29;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 0;
}

html[dir="ltr"] .footer__sitemap > ul > li > a {
    letter-spacing: 0.134rem;
    line-height: 1;
    text-transform: uppercase;
}

.footer__sitemap > ul > li > ul > li > a {
    color: #917c59;
    font-size: 0.938rem;
    padding: 0.35rem 0;
}

.footer__social-links {
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 992px) {
    .footer__social-links {
        bottom: 3rem;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1;
    }
}

.footer__social-links ul {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer__social-links li {
    display: block;
    margin-left: 5px;
    margin-right: 5px;
}

    .footer__social-links li:nth-child(0) a {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }

    .footer__social-links li:first-child a {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }

    .footer__social-links li:nth-child(2) a {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }

    .footer__social-links li:nth-child(3) a {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }

    .footer__social-links li:nth-child(4) a {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }

    .footer__social-links li:nth-child(5) a {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }

.footer__social-links a {
    border: 1px solid hsla(36, 30%, 63%, 0.25);
    display: block;
    opacity: 1;
    padding: 1rem;
    position: relative;
    transition: border 0.5s ease-out;
}

@media screen and (min-width: 992px) {
    .footer__social-links a {
        border-color: hsla(43, 25%, 89%, 0.25);
    }
}

.footer__social-links a:hover {
    border-color: hsla(36, 30%, 63%, 0.85);
}

@media screen and (min-width: 992px) {
    .footer__social-links a:hover {
        border-color: hsla(43, 25%, 89%, 0.85);
    }
}

.footer__social-links svg {
    filter: invert(54%) sepia(6%) saturate(1098%) hue-rotate(358deg) brightness(99%) contrast(86%);
    height: 1rem;
    width: 1rem;
}

@media screen and (min-width: 992px) {
    .footer__social-links svg {
        filter: invert(100%);
    }

    .footer__language-picker {
        bottom: 1rem;
        position: absolute;
        z-index: 1;
    }

    html[dir="ltr"] .footer__language-picker {
        right: 25px;
    }

    html[dir="rtl"] .footer__language-picker {
        left: 25px;
    }
}

.footer__language-picker .language-picker:after {
    display: none;
}

.footer__language-picker .language-picker li:not(:last-child):after {
    background-color: hsla(36, 30%, 63%, 0.5);
}

.footer__language-picker a {
    color: #857866;
    display: inline-block;
    min-height: 32px;
    min-width: 32px;
    text-align: center;
    -webkit-text-decoration-color: hsla(36, 30%, 63%, 0.25);
    text-decoration-color: hsla(36, 30%, 63%, 0.25);
    text-underline-offset: 4px;
}

@media screen and (min-width: 992px) {
    .footer__language-picker a {
        color: #fff;
    }
}

.footer__language-picker a:hover {
    color: #857866;
    -webkit-text-decoration-color: #bda785;
    text-decoration-color: #bda785;
}

@media screen and (min-width: 992px) {
    .footer__language-picker a:hover {
        color: #fff;
    }
}

.footer__legal {
    bottom: 25px;
    color: #fff;
    display: flex;
    flex-direction: column-reverse;
    font-size: 0.625rem;
    font-weight: 500;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

html[dir="ltr"] .footer__legal {
    letter-spacing: 2px;
    text-transform: uppercase;
}

@media screen and (min-width: 992px) {
    .footer__legal {
        flex-direction: row;
        justify-content: center;
    }
}

.footer__legal p {
    margin: 0;
}

@media screen and (min-width: 992px) {
    .footer__legal li:not(:last-child):after,
    .footer__legal p:after {
        -webkit-margin-start: 0.75rem;
        content: "•";
        margin-inline-start: 0.75rem;
    }

    .footer__legal li {
        -webkit-margin-start: 0.75rem;
        margin-inline-start: 0.75rem;
    }
}

.footer__legal ul {
    list-style: none;
    margin: 0 0 0.35rem;
    padding: 0;
}

@media screen and (min-width: 992px) {
    .footer__legal ul {
        display: flex;
        margin-bottom: 0;
    }
}

.footer__legal a {
    color: #fff;
    display: block;
    padding: 0.35rem 0;
}

@media screen and (min-width: 992px) {
    .footer__legal a {
        display: inline;
        padding: 0;
    }
}

.footer__background {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

    .footer__background img,
    .footer__background source {
        width: 100%;
    }

    .footer__background:after {
        background-image: linear-gradient(0deg, #200d03, rgba(32, 13, 3, 0));
        bottom: 0;
        content: "";
        display: block;
        height: max(15vw, 10rem);
        left: 0;
        position: absolute;
        width: 100%;
    }

:root {
    --header-height: 4.75rem;
    --mobile-menu-transition: opacity 0.3s ease-in-out;
}

@media screen and (min-width: 1050px) {
    :root {
        --header-height: 125px;
    }
}

body.menu-visible {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
}

.header {
    align-items: start;
    display: grid;
    gap: 10px;
    grid-template-areas: "languages phone . menu";
    grid-template-columns: -webkit-max-content -webkit-max-content auto -webkit-max-content;
    grid-template-columns: max-content max-content auto max-content;
    height: var(--header-height);
    justify-items: start;
    padding: 20px 25px;
    position: absolute;
    width: 100%;
    z-index: 100;
}

.menu-visible .header {
    height: 100%;
}

@media screen and (min-width: 400px) {
    .header {
        gap: 20px;
    }
}

@media screen and (min-width: 1050px) {
    .header {
        align-items: center;
        grid-template-areas: "announcement announcement . meta meta" "logo menu menu menu cta";
        grid-template-columns: repeat(5, 1fr);
        padding-top: 14px;
        row-gap: 15px;
    }
}

.header:before {
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));
    border-bottom: var(--header-top-border);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: var(--mobile-menu-transition);
    width: 100%;
    z-index: 100;
}

@supports not ((-webkit-backdrop-filter: blur()) or (backdrop-filter: blur())) {
    .header:before {
        background-color: rgba(0, 0, 0, 0.8);
    }
}

@media screen and (min-width: 1050px) {
    .header:before {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: var(--header-top-background-color, transparent);
        background-image: var(--header-top-background-image, linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0, transparent 35%, transparent 65%, rgba(0, 0, 0, 0.1) 100%));
        height: 54px;
        opacity: 1;
        position: absolute;
        transition: none;
        z-index: 0;
    }
}

.menu-visible .header:before {
    opacity: 1;
}

.header:after {
    background-image: url(./images/leaves-pattern.svg);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: var(--mobile-menu-transition);
    width: 100%;
    z-index: 101;
}

@media screen and (min-width: 1050px) {
    .header:after {
        display: none;
    }
}

.menu-visible .header:after {
    opacity: 0.4;
}

.header > * {
    z-index: 102;
}

.header__logo {
    display: none;
}

@media screen and (min-width: 1050px) {
    .header__logo {
        display: block;
        grid-area: logo;
    }
}

.header__logo a {
    display: block;
    text-decoration: none;
}

.header__logo .icon {
    color: var(--header-color, #fff);
    display: block;
    height: 40px;
    width: 40px;
}

.header__language-picker {
    grid-area: languages;
    position: relative;
}

@media screen and (min-width: 1050px) {
    .header__language-picker {
        grid-area: meta;
        justify-self: end;
        top: -1px;
    }
}

.header__language-picker .language-picker__link {
    color: var(--header-color, #fff);
}

.header__language-picker.header__language-picker li:not(:last-child):after {
    background-color: var(--header-color, #fff);
    opacity: 0.5;
}

.header__phone {
    grid-area: phone;
    position: relative;
}

@media screen and (min-width: 1050px) {
    .header__phone {
        grid-area: cta;
        justify-self: end;
    }
}

.header__phone a {
    border: 1px solid hsla(36, 30%, 63%, 0.25);
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    color: var(--header-color, #fff);
    display: block;
    padding: 0.75rem;
    transition: border-color 0.2s ease-out, border-radius 2s ease-in;
}

    .header__phone a:hover {
        border-color: #3f3f29 border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }

    .header__phone a:focus-visible {
        background-color: rgba(0, 0, 0, 0.15);
        outline: 3px solid #3f3f29;
    }

    .header__phone a .icon {
        height: 1rem;
        width: 1rem;
    }

.header__navigation {
    grid-area: menu;
    justify-self: end;
}

@media screen and (min-width: 1050px) {
    .header__navigation {
        display: contents;
        grid-area: none;
    }
}

.header__mobile-menu-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--header-color, #fff);
    cursor: pointer;
    display: block;
    font-family: Cera PRO, sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    padding: 1rem;
    position: relative;
}

html[dir="ltr"] .header__mobile-menu-button {
    letter-spacing: 2.57px;
    padding-right: 4.1rem;
    text-transform: uppercase;
}

html[dir="rtl"] .header__mobile-menu-button {
    padding-left: 4.1rem;
}

@media screen and (min-width: 1050px) {
    .header__mobile-menu-button {
        display: none;
    }
}

.header__mobile-menu-button:hover:after {
    border-color: #3f3f29;
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
}

.header__mobile-menu-button:focus {
    outline: none;
}

.header__mobile-menu-button:focus-visible:after {
    background-color: rgba(0, 0, 0, 0.15);
    outline: 3px solid #3f3f29;
}

.header__mobile-menu-button:after {
    border: 1px solid hsla(36, 30%, 63%, 0.25);
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    color: var(--header-color, #fff);
    content: "";
    display: block;
    height: 3.125rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: border-color 0.2s ease-out, border-radius 2s ease-in;
    width: 3.313rem;
}

html[dir="ltr"] .header__mobile-menu-button:after {
    right: 0;
}

html[dir="rtl"] .header__mobile-menu-button:after {
    left: 0;
}

.header__mobile-menu-button span {
    display: block;
}

@media screen and (max-width: 380px) {
    .header__mobile-menu-button span {
        overflow: hidden;
        width: 0;
    }
}

.header__mobile-menu-button span:after,
.header__mobile-menu-button span:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    transition: transform 0.25s ease;
    width: 1.313rem;
}

html[dir="ltr"] .header__mobile-menu-button span:after,
html[dir="ltr"] .header__mobile-menu-button span:before {
    right: 1rem;
}

html[dir="rtl"] .header__mobile-menu-button span:after,
html[dir="rtl"] .header__mobile-menu-button span:before {
    left: 1rem;
}

.header__mobile-menu-button span:after {
    transform: translateY(-3px);
}

.menu-visible .header__mobile-menu-button span:after {
    transform: translateY(-1px) rotate(-45deg);
}

.header__mobile-menu-button span:before {
    transform: translateY(3px);
}

.menu-visible .header__mobile-menu-button span:before {
    transform: translateY(-1px) rotate(45deg);
}

.header__navigation-lists {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    padding: 30px 27px 75px;
    pointer-events: none;
    position: absolute;
    top: var(--header-height);
    transition: var(--mobile-menu-transition);
    width: 100%;
}

@supports (height: 100dvh) {
    .header__navigation-lists {
        height: calc(100dvh - var(--header-height));
        padding-bottom: 10px;
    }
}

@media screen and (min-width: 1050px) {
    .header__navigation-lists {
        display: contents;
        height: auto;
        opacity: 1;
        overflow: visible;
        padding: 0;
        pointer-events: all;
        position: static;
        transition: none;
    }
}

.menu-visible .header__navigation-lists {
    opacity: 1;
    pointer-events: all;
}

.header__navigation-list {
    list-style: none;
    margin: 0;
    padding: 0 0 1px;
    position: relative;
}

@media screen and (min-width: 1050px) {
    #mainMenu {
        display: flex;
        grid-area: menu;
        justify-content: center;
        width: 100%;
    }
}

#mainMenu .header__navigation-item {
    margin-bottom: 1rem;
}

@media screen and (min-width: 1050px) {
    #mainMenu .header__navigation-item {
        display: block;
        margin: 0 10px;
        position: relative;
    }

        #mainMenu .header__navigation-item:before {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 191 3'%3E%3Cpath d='M93.04.498h-2.218l-1.39.011-3.33.056-3.646.087-6.257.194-7.009.234-4.432.131-3.437.082-2.303.041-1.35.018-.963.01-1.935.013c-.325.002-.652.002-.982.003h-2.185l-1.409-.013-1.623-.034-1.506-.05-2.051-.088-3.386-.169L37.656.82 34.985.695 33.402.633 31.925.586 30.508.553 29.776.54 28.547.528l-1.76-.004-3.006.023-4.989.094-6.824.152-3.979.07-2.657.028L3.2.897 1.003.887a.5.5 0 0 0-.008 1l1.474.008 1.79.001 2.565-.018 2.417-.034 5.365-.108 7.41-.16 2.683-.04 2.09-.012 1.504.003 1.47.014 1.46.027 1.503.042 2.018.076 2.758.126 7.794.395 2.004.084 1.248.04 1.402.03 1.65.016 2.19.001.985-.003 1.938-.013 2.773-.035 2.326-.044 3.49-.086 5.14-.157 10.789-.353 3.488-.092 2.727-.055 1.435-.024L90 1.503l.829-.006h2.21l2.31.026 2.913.059 4.271.12 12.189.41 4.83.14 2.83.064 2.207.036 2.13.021 1.194.006 2.414-.001.59-.008.853-.025.712-.036.642-.045 1.44-.122 3.128-.29.97-.083.902-.07.853-.057.818-.046.401-.018.795-.028.398-.01.808-.013.694-.001.587.007.958.028 1.077.047 1.358.077 5.895.391 1.62.1 1.553.085c.508.026 1.009.05 1.504.073l1.477.06c.734.028 1.466.051 2.206.07l1.493.031.557.005.595-.003.644-.012.704-.02 1.145-.045 3.704-.173a324.47 324.47 0 0 1 1.744-.076l1.648-.062 1.6-.048c.531-.014 1.063-.026 1.604-.035l1.258-.017.741-.001 1.456.013 2.111.04 2.508.068 3.96.13a.503.503 0 0 0 .52-.481.503.503 0 0 0-.484-.518l-3.514-.117-2.975-.081-1.458-.03-1.282-.018-.846-.006-.974.003-1.039.015-1.611.035-.802.023-1.624.055-1.696.069-4.96.229-1.119.039-.661.016-.607.007-.286.001-.544-.005-1.486-.031a181.32 181.32 0 0 1-2.927-.097l-1.48-.067-1.52-.079-1.578-.092-6.853-.45-.84-.049-.772-.04-.713-.029-.66-.02-.618-.013-.295-.002-.706.001-.82.013-.807.023-.81.034a63.85 63.85 0 0 0-.41.022l-.844.052-.886.064-.944.077-3.855.354-1.014.086-.658.048-.713.04-.545.02-.789.016-1.821.004-.796-.001-2.46-.017-2.165-.03-2.75-.056-3.01-.079-5.226-.165-9.748-.33-4.28-.12-2.92-.06-2.316-.024Z' fill='%23BDA785'/%3E%3C/svg%3E");
            background-position: 0 100%;
            background-repeat: repeat-x;
            background-size: auto 4px;
            bottom: -8px;
            content: "";
            display: block;
            height: 100%;
            left: 0;
            opacity: 0;
            pointer-events: none;
            position: absolute;
            transition: opacity 0.25s ease-out;
            width: 100%;
        }

        #mainMenu .header__navigation-item--active:before,
        #mainMenu .header__navigation-item:hover:before {
            opacity: 0.85;
        }
}

@media screen and (min-width: 1200px) {
    #mainMenu .header__navigation-item {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.header__navigation-link {
    color: var(--header-color, #fff);
    display: inline-block;
    font-family: "Silk Serif", serif;
    font-size: 2.25rem;
    font-weight: 400;
    letter-spacing: -1.57px;
    padding: 0;
    white-space: nowrap;
}

@media screen and (min-width: 1050px) {
    .header__navigation-link {
        color: var(--header-color, hsla(0, 0%, 100%, 0.9));
        font-family: Cera PRO, sans-serif;
        font-size: 0.875rem;
        font-weight: 500;
        letter-spacing: 0.134rem;
        line-height: 1;
        padding-bottom: 0.25rem;
        padding-top: 0.25rem;
        text-decoration: none;
        text-transform: uppercase;
        transition: color 0.25s ease-out;
    }

        .header__navigation-link:hover {
            color: var(--header-color, #fff);
        }
}

.header__navigation-link[aria-expanded] {
    position: relative;
}

@media screen and (min-width: 1050px) {
    html[dir="ltr"] .header__navigation-link[aria-expanded] {
        margin-right: calc(0.7rem + 10px);
    }

    html[dir="rtl"] .header__navigation-link[aria-expanded] {
        margin-left: calc(0.7rem + 10px);
    }

    .header__navigation-link[aria-expanded]:hover:after,
    .header__navigation-link[aria-expanded]:hover:before {
        height: 1.5px;
    }
}

.header__navigation-link[aria-expanded]:hover {
    text-decoration: none;
}

.header__navigation-link[aria-expanded]:after,
.header__navigation-link[aria-expanded]:before {
    background-color: #bda785;
    bottom: 0;
    content: "";
    display: block;
    height: 1.5px;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    top: 0;
    transition: transform 0.2s ease-out, height 0.2s ease-out;
    width: 10px;
}

@media screen and (min-width: 1050px) {
    .header__navigation-link[aria-expanded]:after,
    .header__navigation-link[aria-expanded]:before {
        bottom: auto;
        height: 1px;
        top: 0.625rem;
        width: 6px;
    }
}

html[dir="ltr"] .header__navigation-link[aria-expanded]:after {
    left: calc(100% + 1rem);
    transform: rotate(45deg);
}

html[dir="rtl"] .header__navigation-link[aria-expanded]:after {
    right: calc(100% + 1rem);
    transform: rotate(-45deg);
}

@media screen and (min-width: 1050px) {
    html[dir="ltr"] .header__navigation-link[aria-expanded]:after {
        left: calc(100% + 0.6rem);
    }

    html[dir="rtl"] .header__navigation-link[aria-expanded]:after {
        right: calc(100% + 0.6rem);
    }
}

html[dir="ltr"] .header__navigation-link[aria-expanded]:before {
    left: calc(100% + 1rem + 7px);
    transform: rotate(-45deg);
}

html[dir="rtl"] .header__navigation-link[aria-expanded]:before {
    right: calc(100% + 1rem + 7px);
    transform: rotate(45deg);
}

@media screen and (min-width: 1050px) {
    html[dir="ltr"] .header__navigation-link[aria-expanded]:before {
        left: calc(100% + 0.6rem + 4px);
    }

    html[dir="rtl"] .header__navigation-link[aria-expanded]:before {
        right: calc(100% + 0.6rem + 4px);
    }
}

.header__navigation-link[aria-expanded] + ul:not(:focus-within) {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

#mainMenu .header__navigation-link[aria-expanded="true"]:after {
    transform: rotate(-45deg);
}

#mainMenu .header__navigation-link[aria-expanded="true"]:before {
    transform: rotate(45deg);
}

#mainMenu .header__navigation-link[aria-expanded="true"] + ul {
    max-height: 300px;
}

.header__navigation-sublist {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 89'%3E%3Cpath d='m1.049 36.573-.265 3.553-.1 1.452-.095 1.548-.04.816-.028.752-.013.473-.01.681v.662l.01.658.02.671.026.701.065 1.368.082 1.375.4 5.626.088 1.34.07 1.224.036.769.03.741.024.725.017.717.01.72.005 1.106-.003.63-.012.501-.02.499-.02.342-.026.36-.071.806-.13 1.242-.236 2.087-.116 1.101-.062.658-.051.612-.04.578-.03.557-.022.548-.012.552-.004.543.004.764.02.896.028.825.227 4.836.04.995.036 1.18.015.811.004.779-.004.514-.007.521a.5.5 0 0 0 1 .019l.01-.79v-.522l-.007-.796-.026-1.13-.046-1.27-.233-4.95-.038-1.043-.02-1.052-.002-.841.003-.274.012-.539.01-.267.024-.538.035-.555.045-.582.026-.305.097-.992.079-.74.267-2.372.079-.755.061-.655.047-.58.033-.534.021-.512.011-.518.004-1.02-.005-.74-.01-.727-.017-.725-.038-1.102-.034-.76-.064-1.203-.113-1.77-.381-5.327-.087-1.403-.064-1.28-.04-1.034-.024-.875-.007-.638.003-.633.02-.883.036-.96.092-1.663.14-2.034.32-4.343.08-1.197.084-1.442.047-.993.024-.632.025-.918.013-.9.001-.906-.004-.412-.014-.344-.016-.223-.036-.336-.036-.246-.075-.437-.257-1.29c-.29-1.407-.41-2.276-.417-3.332-.002-.428.035-.92.113-1.56l.063-.486.317-2.183c.264-1.845.416-3.324.477-4.962.014-.373 0-.78-.039-1.291l-.21-2.145a46.08 46.08 0 0 1-.233-3.385l-.005-.322.002-.374.017-.656.02-.501.063-1.155.066-.998.083-1.113A.5.5 0 0 0 1.264.96L1.18 2.087l-.086 1.326-.056 1.125-.022.712-.006.411.002.362.004.162c.03.994.089 1.895.185 2.927l.24 2.395.036.48c.024.37.031.676.02.952a42.382 42.382 0 0 1-.384 4.266l-.43 2.988-.037.3-.06.545c-.04.428-.06.795-.059 1.134.006 1.042.115 1.907.365 3.173l.288 1.429.082.45.04.245.028.219.03.303.016.315.004.183.002.9-.009.89-.02.9-.021.616-.042.964-.056 1.031-.096 1.515-.09 1.268Z' fill='%23BDA785' opacity='.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 4px auto;
    list-style: none;
    margin: 0;
    padding: 0;
}

html[dir="ltr"] .header__navigation-sublist {
    background-position: 0.25rem 0.75rem;
    padding-left: 1.375rem;
}

@media screen and (min-width: 1050px) {
    html[dir="ltr"] .header__navigation-sublist {
        padding-left: 0;
    }
}

html[dir="rtl"] .header__navigation-sublist {
    background-position: calc(100% - 0.25rem) 0.75rem;
    padding-right: 1.375rem;
}

@media screen and (min-width: 1050px) {
    html[dir="rtl"] .header__navigation-sublist {
        padding-right: 0;
    }

    .header__navigation-sublist {
        background-color: #f4f1ea;
        background-image: none;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: calc(100% + 6px);
    }
}

.header__navigation-subitem > a {
    color: #fff;
    display: block;
    font-family: Cera PRO, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.75rem 0;
}

html[dir="ltr"] .header__navigation-subitem > a {
    letter-spacing: 0.078rem;
    text-transform: uppercase;
}

@media screen and (min-width: 1050px) {
    .header__navigation-subitem > a {
        color: #917c59;
        margin: 0 20px;
        padding: 20px 0;
        position: relative;
    }
}

.header__navigation-subitem:first-child {
    margin-top: 0.75rem;
}

@media screen and (min-width: 1050px) {
    .header__navigation-subitem:first-child {
        margin-top: 5px;
    }

    .header__navigation-subitem:not(:last-child) > a {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 191 3'%3E%3Cpath d='M93.04.498h-2.218l-1.39.011-3.33.056-3.646.087-6.257.194-7.009.234-4.432.131-3.437.082-2.303.041-1.35.018-.963.01-1.935.013c-.325.002-.652.002-.982.003h-2.185l-1.409-.013-1.623-.034-1.506-.05-2.051-.088-3.386-.169L37.656.82 34.985.695 33.402.633 31.925.586 30.508.553 29.776.54 28.547.528l-1.76-.004-3.006.023-4.989.094-6.824.152-3.979.07-2.657.028L3.2.897 1.003.887a.5.5 0 0 0-.008 1l1.474.008 1.79.001 2.565-.018 2.417-.034 5.365-.108 7.41-.16 2.683-.04 2.09-.012 1.504.003 1.47.014 1.46.027 1.503.042 2.018.076 2.758.126 7.794.395 2.004.084 1.248.04 1.402.03 1.65.016 2.19.001.985-.003 1.938-.013 2.773-.035 2.326-.044 3.49-.086 5.14-.157 10.789-.353 3.488-.092 2.727-.055 1.435-.024L90 1.503l.829-.006h2.21l2.31.026 2.913.059 4.271.12 12.189.41 4.83.14 2.83.064 2.207.036 2.13.021 1.194.006 2.414-.001.59-.008.853-.025.712-.036.642-.045 1.44-.122 3.128-.29.97-.083.902-.07.853-.057.818-.046.401-.018.795-.028.398-.01.808-.013.694-.001.587.007.958.028 1.077.047 1.358.077 5.895.391 1.62.1 1.553.085c.508.026 1.009.05 1.504.073l1.477.06c.734.028 1.466.051 2.206.07l1.493.031.557.005.595-.003.644-.012.704-.02 1.145-.045 3.704-.173a324.47 324.47 0 0 1 1.744-.076l1.648-.062 1.6-.048c.531-.014 1.063-.026 1.604-.035l1.258-.017.741-.001 1.456.013 2.111.04 2.508.068 3.96.13a.503.503 0 0 0 .52-.481.503.503 0 0 0-.484-.518l-3.514-.117-2.975-.081-1.458-.03-1.282-.018-.846-.006-.974.003-1.039.015-1.611.035-.802.023-1.624.055-1.696.069-4.96.229-1.119.039-.661.016-.607.007-.286.001-.544-.005-1.486-.031a181.32 181.32 0 0 1-2.927-.097l-1.48-.067-1.52-.079-1.578-.092-6.853-.45-.84-.049-.772-.04-.713-.029-.66-.02-.618-.013-.295-.002-.706.001-.82.013-.807.023-.81.034a63.85 63.85 0 0 0-.41.022l-.844.052-.886.064-.944.077-3.855.354-1.014.086-.658.048-.713.04-.545.02-.789.016-1.821.004-.796-.001-2.46-.017-2.165-.03-2.75-.056-3.01-.079-5.226-.165-9.748-.33-4.28-.12-2.92-.06-2.316-.024Z' fill='%23BDA785' opacity='.252'/%3E%3C/svg%3E");
        background-position: 0 100%;
        background-repeat: repeat-x;
        background-size: auto 4px;
    }
}

#metaMenu.header__navigation-list {
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 0.5rem;
    padding-left: 2px;
    padding-right: 2px;
    width: 100%;
}

@media screen and (min-width: 1050px) {
    #metaMenu.header__navigation-list {
        display: flex;
        grid-area: meta;
        justify-self: end;
        margin-top: 0;
        width: auto;
    }

    html[dir="ltr"] #metaMenu.header__navigation-list {
        margin-right: 150px;
    }

    html[dir="rtl"] #metaMenu.header__navigation-list {
        margin-left: 150px;
    }
}

#metaMenu.header__navigation-list .header__navigation-item {
    margin-bottom: 12px;
}

@media screen and (min-width: 1050px) {
    #metaMenu.header__navigation-list .header__navigation-item {
        margin: 0 0.5rem;
    }
}

#metaMenu.header__navigation-list a {
    color: var(--header-color, #fff);
    display: block;
    font-family: Cera PRO, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    padding: 0.5rem 0;
}

html[dir="ltr"] #metaMenu.header__navigation-list a {
    letter-spacing: 1.25px;
    text-transform: uppercase;
}

@media screen and (min-width: 1050px) {
    #metaMenu.header__navigation-list a {
        font-size: 0.75rem;
        letter-spacing: 0.063rem;
        padding: 0.5rem;
        text-transform: none;
    }

    html[dir="ltr"] #metaMenu.header__navigation-list a {
        text-transform: none;
    }
}

.header__cta {
    text-align: center;
}

@media screen and (min-width: 1050px) {
    .header__cta {
        grid-area: cta;
        justify-self: end;
        margin: 0;
    }

        .header__cta .button {
            color: #3f3f29;
        }

            .header__cta .button:before {
                background-color: transparent;
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 178 40'%3E%3Cpath d='M17.885 4.28c11.518-1.041 76.117-4 108.692-4 16.825 0 29.269.353 37.33 1.057a12 12 0 0 1 8.98 5.358l1.288 1.957a18.534 18.534 0 0 1 2.584 14.323l-.824 3.598a14.803 14.803 0 0 1-14.194 11.499c-50.622.805-84.813 1.208-102.574 1.208-16.196 0-31.71-.335-46.544-1.005a12 12 0 0 1-11.065-8.95C.48 25.203.245 21.465.856 18.11 2.37 9.8 6.368 5.322 17.886 4.28Z' fill-rule='evenodd'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-size: 100% 100%;
                filter: invert(85%) sepia(6%) saturate(913%) hue-rotate(5deg) brightness(105%) contrast(89%);
                -webkit-mask-image: none;
                mask-image: none;
                transition: filter 0.25s ease-out;
            }

            .header__cta .button:hover:before {
                filter: invert(85%) sepia(6%) saturate(913%) hue-rotate(5deg) brightness(89%) contrast(89%);
            }

    html[dir="ltr"] .header--has-phone .header__cta {
        margin-right: 60px;
    }

    html[dir="rtl"] .header--has-phone .header__cta {
        margin-left: 60px;
    }
}

.language-picker {
    align-items: center;
    display: grid;
    gap: 20px;
    grid-template-columns: auto auto;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0.5rem 0.8rem;
    position: relative;
}

@media screen and (min-width: 1050px) {
    .language-picker {
        padding: 0;
    }
}

.language-picker:hover:after {
    border-color: hsla(36, 30%, 63%, 0.85);
    border-radius: 12% 8% 11% 10%/60% 42% 47% 29%;
}

.language-picker:focus-within:after {
    background-color: rgba(0, 0, 0, 0.25);
    border-color: hsla(36, 30%, 63%, 0.85);
}

.language-picker:after {
    border: 1px solid hsla(36, 30%, 63%, 0.15);
    border-radius: 8% 17% 17% 15%/45% 27% 36% 23%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: perspective(100px) rotateY(-3deg);
    transition: border-color 0.4s ease-out, border-radius 2s ease-in;
    width: 100%;
    z-index: -1;
}

@media screen and (min-width: 1050px) {
    .language-picker:after {
        display: none;
    }
}

.language-picker li {
    display: block;
    position: relative;
}

    .language-picker li:not(:last-child):after {
        background-color: hsla(0, 0%, 100%, 0.5);
        content: "";
        height: 70%;
        position: absolute;
        top: 15%;
        width: 1px;
    }

html[dir="ltr"] .language-picker li:not(:last-child):after {
    right: -10px;
}

html[dir="rtl"] .language-picker li:not(:last-child):after {
    left: -10px;
}

.language-picker__link {
    color: #fff;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 5px;
    text-underline-offset: 3px;
    transition: color 0.2s ease-out, -webkit-text-decoration-color 0.2s ease-out;
    transition: color 0.2s ease-out, text-decoration-color 0.2s ease-out;
    transition: color 0.2s ease-out, text-decoration-color 0.2s ease-out, -webkit-text-decoration-color 0.2s ease-out;
}

html[dir="ltr"] .language-picker__link {
    letter-spacing: 2.57px;
    text-transform: uppercase;
}

.language-picker__link--active,
.language-picker__link:hover {
    -webkit-text-decoration-color: #3f3f29;
    text-decoration-color: #3f3f29;
}

.language-picker__link:focus-visible {
    outline: 3px solid #3f3f29;
}

.video-show:hover, .img-show:hover {
    opacity: 0.7;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: rgba(0, 0, 0, 0.8);
    padding: 10px 0;
    /* height: 150px;*/
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.closePopup {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .closePopup:hover,
    .closePopup:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }


.hidden {
    display: none !important;
}

.img-show {
    cursor: pointer !important;
}

.text-color-white {
    color: #ffffff !important;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 768px) {
    .modal-content {
        width: 100%;
    }

    .full-screen {
        display: none;
    }

    .small-screen {
        display: flow;
    }

    .unit-grid-div {
        margin-left: 5%;
        margin-top: 4%
    }

    .body-matrix .gallery__images img {
        height: auto;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .full-screen {
        display: none;
    }

    .small-screen {
        display: flow;
    }

    .unit-grid-div {
        margin-left: 5%;
        margin-top: 4%
    }

    .body-matrix .gallery__images img {
        height: auto;
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .full-screen {
        display: none;
    }

    .small-screen {
        display: flow;
    }

    .unit-grid-div {
        margin-left: 5%;
        margin-top: 4%
    }

    .body-matrix .gallery__images img {
        height: auto;
        width: 100%;
    }
}


@media screen and (min-width:1152px) {
    /* .body-matrix {
        justify-content: space-between;
    }

    .image-with-text__content {
        order: 2;
    }

    .image-with-text__image {
        order: 1;
    }*/
    .full-screen {
        display: grid;
    }

    .small-screen {
        display: none;
    }

    .unit-grid-div {
        margin-left: 23%;
        margin-top: 4%
    }

    .body-matrix .gallery__images img.custom_width {
        height: auto;
        margin: 0 auto;
        width: 50% !important
    }

    .body-matrix .gallery__images img.custom_width70 {
        height: auto;
        margin: 0 auto;
        width: 70% !important
    }

    .body-matrix .gallery__images img {
        height: auto;
        width: 100%;
    }
}

.gallery__thumbnails2 {
    /* background-color: white; */
    padding: 10px 0px 10px 12px !important;
    width: 100%;
}

    .gallery__thumbnails2 .swiper-slide img {
        display: block;
        width: 85%;
        height: 100%;
        object-fit: cover;
        cursor: pointer;
    }

.image-with-text__content ul li {
    /*  list-style-type: square;*/
}