@font-face {
    font-family: DidotZime;
    src: url(../fonts/Didot.woff2) format("woff2"), url(../fonts/Didot.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: DidotZime;
    src: url(../fonts/Didot-Bold.woff2) format("woff2"), url(../fonts/Didot-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: DidotZime;
    src: url(../fonts/Didot-Italic.woff2) format("woff2"), url(../fonts/Didot-Italic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
:root {
    --font-family-default: "scale-variable", sans-serif;
    --font-family-headline: "DidotZime", serif;
    --font-family-headings: "DidotZime", serif;
    --font-size-default: clamp(16px, 1.25rem, 24px);
    --font-size-h1: clamp(35px, 7.813rem, 250px);
    --font-size-h2: clamp(35px, 4.688rem, 135px);
    --font-size-h3: clamp(28px, 2.604rem, 75px);
    --font-size-h4: clamp(22px, 2.083rem, 60px);
    --font-size-h5: clamp(15px, 1.667rem, 32px);
    --font-size-h6: clamp(13px, 0.938rem, 20px);
    --font-size-label: clamp(12px, 1.042rem, 22px);
    --font-size-small: clamp(13px, 0.938rem, 20px);
    --font-weight-default: 300;
    --line-height-default: 1.66667em;
    --layout-container-width: 85.416rem;
    --layout-container-margin: 7.292rem;
    --color-dark: #000;
    --color-dark-rgb: 0, 0, 0;
    --color-light: #fff;
    --color-light-rgb: 255, 255, 255;
    --color-primary: #d1bb9d;
    --color-primary-rgb: 209, 187, 157;
    --color-primary-light: #e2dfda;
    --color-primary-light-rgb: 226, 223, 218;
    --color-accent: #ba1938;
    --color-accent-rgb: 186, 25, 56;
    --color-accent-light: #d52548;
    --color-grey: #a8a8a8;
    --color-grey-rgb: 168, 168, 168;
    --color-blue: #134daa;
    --color-blue-rgb: 19, 77, 170;
    --color-dark-blue: #0b3e90;
    --color-dark-blue-rgb: 11, 62, 144;
    --color-green: #8aa253;
    --color-green-rgb: 138, 162, 83;
    --color-light-grey: #efefef;
    --color-light-grey-rgb: 239, 239, 239;
    --color-text: #251d20;
    --color-text-rgb: 37, 29, 32;
    --color-text-light: var(--color-light);
    --color-background: var(--color-light-grey);
    --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
    --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
    --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media (max-width: 760px) {
    :root {
        --layout-container-width: calc(100rem - 40px);
        --layout-container-margin: 20px;
    }
}
* {
    box-sizing: border-box;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    margin: 0;
    padding: 0;
}
:before,
:after {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
    font-size: 1vw;
}
html[data-homeintro] {
    height: 100%;
    overflow: hidden;
}
html[data-homeintro] body {
    height: 100%;
}
html[data-homeintro] body .layout-wrapper {
    height: 100%;
    overflow: hidden;
}
html[data-unscrollable] {
    height: 100%;
    overflow: hidden;
}
body {
    font-family: var(--font-family-default);
    font-weight: var(--font-weight-default);
    font-size: var(--font-size-default);
    line-height: var(--line-height-default);
    background-color: var(--color-background);
    color: var(--color-text);
    text-wrap-style: pretty;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
::selection {
    background-color: var(--color-text);
    color: var(--color-primary);
}
a {
    color: currentColor;
}
svg {
    pointer-events: none;
}
strong {
    font-weight: 500;
}
picture {
    display: block;
}
picture img {
    width: 100%;
    height: auto;
    display: block;
}
.swiper-wrapper {
    will-change: transform;
    backface-visibility: hidden;
}
parallax-image {
    display: block;
    position: relative;
    overflow: hidden;
}
parallax-image img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}
h1,
.text-h1 {
    font-family: var(--font-family-headings);
    font-size: var(--font-size-h1);
    font-weight: 400;
    line-height: 1em;
}
h2,
.text-h2 {
    font-family: var(--font-family-headings);
    font-size: var(--font-size-h2);
    font-weight: 400;
    line-height: 1em;
}
h3,
.text-h3 {
    font-family: var(--font-family-headings);
    font-size: var(--font-size-h3);
    font-weight: 400;
    line-height: 1em;
}
h4,
.text-h4 {
    font-size: var(--font-size-h4);
    font-weight: 200;
    line-height: 1.1em;
}
h5,
.text-h5 {
    font-size: var(--font-size-h5);
    font-weight: 300;
    line-height: 1.25em;
}
h6,
.text-h6 {
    font-family: var(--font-family-default);
    font-size: var(--font-size-h6);
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.2em;
}
.text-medium {
    font-family: var(--font-family-default);
    font-size: var(--font-size-h5);
    line-height: var(--line-height-default);
}
.text-label {
    font-family: var(--font-family-default);
    font-size: var(--font-size-label);
    font-weight: 400;
    line-height: var(--line-height-default);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.text-small {
    font-family: var(--font-family-default);
    font-size: var(--font-size-small);
    line-height: var(--line-height-default);
}
.text-content > * + * {
    margin-top: var(--line-height-default);
}
.text-content > * + h1 {
    margin-top: calc(var(--line-height-default) * 0.5);
}
.text-content > * + h2 {
    margin-top: calc(var(--line-height-default) * 0.5);
}
.layout-container {
    width: var(--layout-container-width);
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.layout-full {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.ui-button {
    background-color: var(--color-accent);
    color: var(--color-text-light);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: all 0.3s var(--ease-in-out-quad);
    border-radius: 2rem;
    padding: 0.7rem 1.2rem 0.5rem;
    text-decoration: none;
    display: inline-flex;
}
@media (max-width: 760px) {
    .ui-button {
        border-radius: 30px;
        padding: 10px 20px 7px;
    }
}
@media (hover: hover) {
    .ui-button:hover {
        background-color: var(--color-accent-light);
    }
}
.ui-button.ui-button--dark {
    background-color: var(--color-dark);
}
@media (hover: hover) {
    .ui-button.ui-button--dark:hover {
        background-color: var(--color-text);
    }
}
.ui-button.ui-button--light {
    background-color: var(--color-light);
    color: var(--color-text);
}
@media (hover: hover) {
    .ui-button.ui-button--light:hover {
        background-color: var(--color-grey);
    }
}
.ui-underline,
.ui-underline-parent a:not(.ui-button) {
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    position: relative;
}
:is(.ui-underline, .ui-underline-parent a:not(.ui-button)):after {
    content: "";
    transform-origin: 0 0;
    width: 100%;
    height: 1px;
    transition: transform 0.3s var(--ease-in-out-quad);
    background-color: currentColor;
    display: block;
    position: absolute;
    bottom: 0.3em;
}
@media (hover: hover) {
    :is(.ui-underline, .ui-underline-parent a:not(.ui-button)):hover:after {
        transform-origin: 100% 0;
        transform: scaleX(0);
    }
}
:is(.ui-underline.ui-underline--reverse, .ui-underline-parent.ui-underline-parent--reverse a:not(.ui-button)):after {
    transform-origin: 100% 0;
    transform: scaleX(0);
}
@media (hover: hover) {
    :is(.ui-underline.ui-underline--reverse, .ui-underline-parent.ui-underline-parent--reverse a:not(.ui-button)):hover:after {
        transform-origin: 0 0;
        transform: scaleX(1);
    }
}
[data-reveal="title"] {
    opacity: 0.01;
}
[data-reveal="title"][data-reveal-status="reveal"] {
    opacity: 1;
}
[data-reveal="title"][data-reveal-status="revealed"] {
    opacity: 1;
}
[data-reveal="title"] br {
    display: none;
}
[data-reveal="title"] span {
    opacity: 0;
    will-change: top;
    backface-visibility: hidden;
    transform-origin: 0 0;
    display: inline-block;
    position: relative;
}
[data-reveal="title"][data-reveal-status="reveal"] span {
    opacity: 1;
}
[data-reveal="title"][data-reveal-status="revealed"] span {
    opacity: 1;
}
[data-reveal="default"]:not([data-reveal-status="revealed"]) {
    opacity: 0;
}
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff;
}
:host {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
}
.swiper {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    list-style: none;
    display: block;
    position: relative;
    overflow: hidden;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    z-index: 1;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    display: flex;
    position: relative;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate(0, 0);
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    display: block;
    position: relative;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d {
    perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
    > .swiper-wrapper
    > .swiper-slide:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal
    > .swiper-wrapper
    > .swiper-slide:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    pointer-events: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.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(transparent, rgba(0, 0, 0, 0.5));
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}
.swiper-lazy-preloader {
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top-color: transparent;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size);
}
:root {
    --swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
    object-fit: contain;
    transform-origin: 50%;
    width: 100%;
    height: 100%;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}
.swiper-button-lock {
    display: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    text-transform: none !important;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}
.swiper-pagination {
    text-align: center;
    z-index: 10;
    transition: opacity 0.3s;
    position: absolute;
    transform: translate(0, 0);
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    width: 100%;
    left: 0;
}
.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
    display: inline-block;
}
button.swiper-pagination-bullet {
    box-shadow: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet:only-child {
    display: none !important;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translateY(-50%);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    width: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, top 0.2s;
    display: inline-block;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: 100% 0;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    top: 0;
    left: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    top: 0;
    left: 0;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
    position: relative;
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    position: absolute;
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    position: absolute;
}
.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}
.swiper-slide-zoomed {
    cursor: move;
    touch-action: none;
}
.swiper .swiper-notification {
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
    position: absolute;
    top: 0;
    left: 0;
}
.swiper-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
    flex-flow: column wrap;
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper.swiper-cube {
    overflow: visible;
}
.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
    opacity: 0.6;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.swiper-cube .swiper-cube-shadow:before {
    content: "";
    filter: blur(50px);
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
}
.swiper.swiper-flip {
    overflow: visible;
}
.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    transition-property: transform, opacity, height;
    overflow: hidden;
}
.swiper.swiper-cards {
    overflow: visible;
}
.swiper-cards .swiper-slide {
    transform-origin: bottom;
    backface-visibility: hidden;
    overflow: hidden;
}
.topbar {
    opacity: 0;
    z-index: 10;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.823rem 2.604rem;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
}
@media (max-width: 760px) {
    .topbar {
        padding: 10px var(--layout-container-margin);
    }
}
.topbar[data-active] {
    opacity: 1;
    transition: all 0.3s var(--ease-in-out-quart);
}
.topbar[data-active]:not([data-on-top]) {
    background-color: var(--color-dark);
    color: var(--color-text-light);
    padding-top: 1.042rem;
    padding-bottom: 1.042rem;
}
.topbar[data-active]:not([data-on-top]) .topbar-logo svg {
    height: max(50px, min(5.5rem, 120px));
}
.topbar[data-active][data-scroll-direction="down"] {
    transform: translateY(-100%);
}
.topbar[data-hide] {
    opacity: 0;
    pointer-events: none;
    transition: none;
}
.topbar.topbar--light {
    color: var(--color-text-light);
}
.topbar.topbar--light .ui-button {
    background-color: var(--color-text-light);
    color: var(--color-text);
}
@media (hover: hover) {
    .topbar.topbar--light .ui-button:hover {
        background-color: var(--color-primary);
    }
}
.topbar-logo {
    flex-shrink: 0;
}
.topbar-logo svg {
    width: auto;
    height: max(70px, min(7.292rem, 140px));
    transition: height 0.3s var(--ease-in-out-quart);
    display: block;
}
.topbar-logo:active {
    opacity: 0.8;
}
.topbar-menu {
    cursor: pointer;
    flex-grow: 1;
    flex-basis: 0;
}
.topbar-menu svg {
    width: max(30px, min(2.344rem, 45px));
    height: max(26px, min(2.031rem, 39px));
    display: block;
}
.topbar-cta {
    text-align: right;
    flex-grow: 1;
    flex-basis: 0;
}
@media (max-width: 760px) {
    .topbar-cta {
        display: none;
    }
}
.footerbar {
    background-color: var(--color-dark);
    color: var(--color-text-light);
    position: relative;
}
.footerbar a {
    color: var(--color-text-light);
}
.footerbar-container {
    flex-flow: row;
    align-items: flex-end;
    column-gap: 4.688rem;
    padding: 1.823rem 0;
    display: flex;
}
@media (max-width: 760px) {
    .footerbar-container {
        flex-flow: column;
        align-items: normal;
        row-gap: 20px;
        padding: 40px 0;
    }
}
.footerbar-container > * {
    padding: 2.604rem 0 1.302rem;
}
@media (max-width: 760px) {
    .footerbar-container > * {
        padding: 0;
    }
}
.footerbar-logo {
    display: block;
}
.footerbar-logo img {
    width: auto;
    height: 3.854rem;
    display: block;
}
@media (max-width: 760px) {
    .footerbar-logo img {
        height: 60px;
    }
}
.footerbar-company {
    width: 28.646rem;
}
@media (max-width: 760px) {
    .footerbar-company {
        width: 100%;
    }
}
.footerbar-company > * + * {
    margin-top: 1.042rem;
}
@media (max-width: 760px) {
    .footerbar-company > * + * {
        margin-top: 20px;
    }
}
.footerbar-companyinfo {
    width: 16.406rem;
}
@media (max-width: 760px) {
    .footerbar-companyinfo {
        width: auto;
    }
}
.footerbar-links {
    width: 10rem;
    position: relative;
}
@media (max-width: 760px) {
    .footerbar-links {
        width: 100%;
    }
}
.footerbar-links:before {
    content: "";
    background-color: var(--color-text-light);
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
}
@media (max-width: 760px) {
    .footerbar-links:before {
        display: none;
    }
}
.footerbar-links:after {
    content: "";
    background-color: var(--color-text-light);
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
}
@media (max-width: 760px) {
    .footerbar-links:after {
        display: none;
    }
}
.footerbar-links:before {
    left: -2.344rem;
}
.footerbar-links:after {
    right: -2.344rem;
}
.footerbar-links > * + * {
    margin-top: 1rem;
}
@media (max-width: 760px) {
    .footerbar-links > * + * {
        margin-top: 10px;
    }
}
.footerbar-socials {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
@media (max-width: 760px) {
    .footerbar-socials {
        justify-content: flex-start;
        gap: 5px 20px;
    }
}
@media (max-width: 760px) {
    .footerbar-socials p {
        width: 100%;
    }
}
.footerbar-socials a {
    flex-shrink: 0;
    display: block;
}
.footerbar-socials a svg {
    width: 24px;
    height: 24px;
    display: block;
}
.footerbar-scrolltop {
    cursor: pointer;
    position: absolute;
    bottom: 2.083rem;
    right: 2.292rem;
}
@media (max-width: 760px) {
    .footerbar-scrolltop {
        bottom: 20px;
        right: 20px;
    }
}
.footerbar-scrolltop:active {
    opacity: 0.7;
}
.footerbar-scrolltop svg {
    width: max(26px, min(2.813rem, 54px));
    height: max(26px, min(2.813rem, 54px));
    display: block;
}
.menuoverlay {
    background-color: var(--color-primary);
    opacity: 0;
    pointer-events: none;
    content-visibility: auto;
    clip-path: inset(0 64.687rem 0 0);
    width: 100%;
    height: 100dvh;
    transition: all 0.5s var(--ease-in-out-quad);
    z-index: 20;
    flex-flow: row;
    align-items: stretch;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
}
@media (max-width: 760px) {
    .menuoverlay {
        flex-flow: column;
        overflow: scroll;
    }
}
.menuoverlay[data-display] {
    opacity: 1;
    pointer-events: auto;
    clip-path: inset(0);
}
.menuoverlay-aside {
    background-color: var(--color-accent);
    width: 35.313rem;
    font-size: max(16px, min(1.146rem, 22px));
    line-height: var(--line-height-default);
    flex-flow: column;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 4rem 2.604rem 1.823rem;
    display: flex;
}
@media (max-width: 760px) {
    .menuoverlay-aside {
        width: 100%;
        padding: calc(var(--layout-container-margin) * 2) var(--layout-container-margin);
        order: 1;
    }
}
.menuoverlay-aside-top {
    flex-flow: row;
    justify-content: space-between;
    display: flex;
}
.menuoverlay-icon {
    cursor: pointer;
}
@media (max-width: 760px) {
    .menuoverlay-icon {
        display: none;
    }
}
.menuoverlay-icon svg {
    width: 2.917rem;
    height: auto;
    display: block;
}
.menuoverlay-aside-languages {
    display: flex;
}
@media (max-width: 760px) {
    .menuoverlay-aside-languages {
        margin-bottom: var(--layout-container-margin);
    }
}
.menuoverlay-aside-language {
    font-size: var(--font-size-h5);
    font-weight: 400;
    line-height: 1.5em;
}
.menuoverlay-aside-language + .menuoverlay-aside-language {
    margin-left: 1rem;
}
@media (max-width: 760px) {
    .menuoverlay-aside-language + .menuoverlay-aside-language {
        margin-left: var(--layout-container-margin);
    }
}
.menuoverlay-aside-language.menuoverlay-aside-language--current {
    color: var(--color-text-light);
}
.menuoverlay-aside-text {
    max-width: 28rem;
}
@media (max-width: 760px) {
    .menuoverlay-aside-text {
        max-width: unset;
    }
}
.menuoverlay-aside-signature {
    margin-top: var(--line-height-default);
    direction: rtl;
}
.menuoverlay-aside-signature img {
    width: auto;
    height: 4.792rem;
    display: block;
}
@media (max-width: 760px) {
    .menuoverlay-aside-signature img {
        height: 70px;
    }
}
.menuoverlay-aside-links {
    margin-top: var(--line-height-default);
    flex-flow: row;
    justify-content: space-between;
    column-gap: 1.563rem;
    display: flex;
}
.menuoverlay-main {
    flex-flow: column;
    flex-grow: 1;
    padding: 2.344rem 3.646rem;
    display: flex;
    overflow: auto;
}
@media (max-width: 760px) {
    .menuoverlay-main {
        width: 100%;
        padding: var(--layout-container-margin);
        flex-shrink: 0;
    }
}
.menuoverlay-main-logo {
    flex-shrink: 0;
}
.menuoverlay-main-logo img {
    width: auto;
    height: max(40px, min(4.557rem, 90px));
    display: block;
}
.menuoverlay-main-bar {
    border: 1px solid var(--color-dark);
    border-width: 1px 0;
    flex-flow: row;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    margin-top: 3.125rem;
    padding: 1.198rem 0 1.042rem;
    font-weight: 400;
    display: flex;
}
@media (max-width: 760px) {
    .menuoverlay-main-bar {
        margin-top: var(--layout-container-margin);
        padding: calc(var(--layout-container-margin) / 2) 0;
        flex-flow: column;
        align-items: flex-start;
    }
}
.menuoverlay-main-bar a {
    text-decoration: none;
}
@media (max-width: 760px) {
    .menuoverlay-main-bar span {
        display: none;
    }
}
.menuoverlay-main-links {
    flex-grow: 1;
    margin-top: 3.906rem;
}
@media (max-width: 760px) {
    .menuoverlay-main-links {
        margin-top: var(--layout-container-margin);
    }
}
.menuoverlay-main-links a {
    text-decoration: none;
    display: block;
}
@media (max-width: 760px) {
    .menuoverlay-main-links a:nth-child(odd) {
        order: 0;
    }
}
@media (max-width: 760px) {
    .menuoverlay-main-links a:nth-child(2n) {
        order: 1;
    }
}
.menuoverlay-main-links a div {
    text-transform: uppercase;
    font-size: var(--font-size-h3);
    line-height: 1em;
}
.menuoverlay-main-links a span {
    color: var(--color-accent);
    font-size: max(16px, min(1.146rem, 22px));
    line-height: 1.2em;
    display: block;
}
.menuoverlay-main-links-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 4vh 1.823rem;
    display: grid;
}
@media (max-width: 760px) {
    .menuoverlay-main-links-grid {
        gap: var(--layout-container-margin);
        flex-flow: column;
        display: flex;
    }
}
.menuoverlay-main-socials {
    margin-top: var(--line-height-default);
    justify-content: flex-end;
    column-gap: 5rem;
    display: flex;
}
@media (max-width: 760px) {
    .menuoverlay-main-socials {
        margin-top: var(--layout-container-margin);
        padding: var(--layout-container-margin) 0;
        justify-content: flex-start;
    }
}
.menuoverlay-close {
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 2.135rem;
    right: 1.771rem;
}
@media (max-width: 760px) {
    .menuoverlay-close {
        top: 20px;
        right: 20px;
    }
}
.menuoverlay-close:active {
    opacity: 0.7;
}
.menuoverlay-close svg {
    width: max(26px, min(2.708rem, 52px));
    height: max(26px, min(2.708rem, 52px));
    display: block;
}
.fullheader {
    text-align: center;
    height: 100dvh;
    color: var(--color-text-light);
    padding: var(--layout-container-margin);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    row-gap: 1.563rem;
    display: flex;
    position: relative;
}
.fullheader.fullheader--home {
    background-color: var(--color-primary);
    color: var(--color-text);
}
.fullheader.fullheader--home .fullheader-background {
    background-size: cover;
}
.fullheader.fullheader--about {
    background-color: var(--color-accent);
    color: var(--color-text-light);
}
.fullheader.fullheader--resellers {
    overflow: hidden;
}
.fullheader.fullheader--philosophy {
    background-color: var(--color-dark-blue);
}
.fullheader.fullheader--philosophy h1 {
    z-index: 2;
}
.fullheader.fullheader--philosophy h4 {
    z-index: 2;
}
.fullheader.fullheader--philosophy .fullheader-imagewrapper {
    z-index: 1;
    height: 200%;
}
.fullheader.fullheader--philosophy .fullheader-imagewrapper > img {
    object-fit: contain;
    width: 120rem;
    height: auto;
    left: unset;
    top: -28rem;
    right: -46rem;
}
@media (max-width: 760px) {
    .fullheader.fullheader--philosophy .fullheader-imagewrapper > img {
        width: 200rem;
        top: 0;
        right: -100rem;
    }
}
.fullheader h1 {
    position: relative;
}
.fullheader h4 {
    position: relative;
}
.fullheader img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.fullheader > video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.fullheader parallax-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.fullheader-imagewrapper {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.fullheader-overlay {
    background-color: rgba(var(--color-dark-rgb), 0.5);
    opacity: 0.3864;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.fullheader-background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.fullheader-audio {
    cursor: pointer;
    display: block;
    position: absolute;
    bottom: 3.125rem;
    left: 50%;
    transform: translate(-50%);
}
@media (max-width: 760px) {
    .fullheader-audio {
        bottom: 20px;
    }
}
.fullheader-audio:active svg {
    opacity: 0.7;
    transform: scale(0.95);
}
.fullheader-audio svg {
    width: 2.708rem;
    height: 2.24rem;
    margin: 0 auto 1.042rem;
    display: block;
}
@media (max-width: 760px) {
    .fullheader-audio svg {
        width: 52px;
        height: 43px;
        margin: 0 auto 10px;
    }
}
.fullheader-home-intro,
.fullheader-home-content {
    z-index: 2;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    row-gap: 1.563rem;
    display: none;
    position: relative;
}
:is(.fullheader-home-intro, .fullheader-home-content)[data-display] {
    display: flex;
}
:is(.fullheader-home-intro, .fullheader-home-content) > * {
    transition: opacity 0.5s ease-in-out;
    opacity: 0 !important;
}
:is(.fullheader-home-intro, .fullheader-home-content) > *[data-display] {
    opacity: 1 !important;
}
.fullheader-home-intro {
    color: var(--color-text-light);
}
.infobox1 {
    background-color: var(--color-grey);
    filter: drop-shadow(0 -5px 10px rgba(0, 0, 0, 0.1));
    z-index: 1;
    padding: 5.99rem 0 6.771rem;
    display: block;
    position: relative;
    overflow: hidden;
}
@media (max-width: 760px) {
    .infobox1 {
        padding: 40px var(--layout-container-margin);
    }
}
.infobox1 h4 + h2 {
    margin-top: 1.563rem;
}
@media (max-width: 760px) {
    .infobox1 h4 + h2 {
        margin-top: 10px;
    }
}
.infobox1-text {
    width: 27.917rem;
    margin: 5.729rem 0 0 14.583rem;
}
@media (max-width: 760px) {
    .infobox1-text {
        margin: 40px calc(var(--layout-container-margin) * 2) 0;
        width: auto;
    }
}
.infobox1-image {
    width: 59.73rem;
    height: 88.44rem;
    display: block;
    position: absolute;
    top: -10rem;
    right: -30rem;
    transform: rotate(-48deg);
}
.infobox2 {
    background-color: var(--color-accent);
    z-index: 2;
    display: block;
    position: relative;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
}
.infobox2-image {
    width: auto;
    height: calc(100% + 10rem);
    position: absolute;
    bottom: 0;
    right: 50rem;
}
@media (max-width: 760px) {
    .infobox2-image {
        width: 50%;
        height: auto;
        right: 50%;
    }
}
.infobox2-container {
    text-align: right;
    flex-flow: column;
    align-items: flex-end;
    padding: 7.031rem 0 6.25rem;
    display: flex;
}
.infobox2-container h4 + h2 {
    margin-top: 1.563rem;
}
@media (max-width: 760px) {
    .infobox2-container h4 + h2 {
        margin-top: 10px;
    }
}
.infobox2-top {
    text-align: right;
}
.infobox2-text {
    width: 28.333rem;
    margin: 5.729rem 14.635rem 0 0;
}
@media (max-width: 760px) {
    .infobox2-text {
        width: 60%;
        margin: 40px 0 0;
    }
}
@media (max-width: 760px) {
    .infobox2-text br {
        display: none;
    }
}
.infobox3 {
    background-color: var(--color-blue);
    color: var(--color-text-light);
}
.infobox3-container {
    padding: 5.99rem 0 6.771rem;
}
@media (max-width: 760px) {
    .infobox3-container {
        padding: 40px 0;
    }
}
.infobox3-container h4 {
    color: var(--color-text);
}
.infobox3-container h4 + h2 {
    margin-top: 1.563rem;
}
@media (max-width: 760px) {
    .infobox3-container h4 + h2 {
        margin-top: 10px;
    }
}
.infobox3-row {
    flex-flow: row;
    gap: 2.083rem;
    padding: 3.646rem 0 0 4.427rem;
    display: flex;
}
@media (max-width: 760px) {
    .infobox3-row {
        flex-flow: column;
        gap: 20px;
        padding: 20px 0 0;
    }
}
.infobox3-image {
    aspect-ratio: 1/1.32857;
    flex-shrink: 0;
    align-self: flex-start;
    width: 43.75rem;
    height: auto;
    display: block;
}
@media (max-width: 760px) {
    .infobox3-image {
        width: 100%;
    }
}
.infobox3-text {
    flex-grow: 1;
    align-self: flex-end;
}
.infobox3-text img {
    width: 15.729rem;
    height: auto;
    display: inline-block;
}
@media (max-width: 760px) {
    .infobox3-text img {
        width: 40rem;
    }
}
.infobox3-text-button {
    text-align: right;
}
.infobox4 {
    background-color: var(--color-dark);
    color: var(--color-text-light);
    z-index: 1;
    position: relative;
}
@media (max-width: 760px) {
    .infobox4 {
        overflow: hidden;
    }
}
.infobox4-container {
    padding: 6.354rem 0 6.771rem;
}
@media (max-width: 760px) {
    .infobox4-container {
        padding: 40px 0 50rem;
    }
}
.infobox4-container h4 + h2 {
    margin-top: 1.563rem;
}
@media (max-width: 760px) {
    .infobox4-container h4 + h2 {
        margin-top: 10px;
    }
}
.infobox4-container h4 {
    text-align: right;
    z-index: 1;
    position: relative;
}
.infobox4-container h2 {
    text-align: right;
    z-index: 1;
    position: relative;
}
.infobox4-image {
    width: 73.802rem;
    height: auto;
    position: absolute;
    bottom: -8.073rem;
    left: -13.698rem;
}
@media (max-width: 760px) {
    .infobox4-image {
        width: 100rem;
        left: -10rem;
    }
}
.infobox4-text {
    text-align: right;
    z-index: 1;
    width: 30.365rem;
    margin: 4.688rem 0 0 40.052rem;
    position: relative;
}
@media (max-width: 760px) {
    .infobox4-text {
        width: auto;
        margin: 40px 0 0 40px;
    }
}
.infobox5 {
    background-color: var(--color-green);
    position: relative;
}
@media (max-width: 760px) {
    .infobox5 {
        padding: var(--layout-container-margin);
        flex-flow: column;
        display: flex;
    }
}
.infobox5-container {
    padding: 6.51rem 0;
}
@media (max-width: 760px) {
    .infobox5-container {
        order: 1;
        padding: 40px 0;
    }
}
.infobox5-container h4 + h2 {
    margin-top: 1.563rem;
}
@media (max-width: 760px) {
    .infobox5-container h4 + h2 {
        margin-top: 10px;
    }
}
.infobox5-text {
    width: 27.917rem;
    margin: 5.417rem 0 0 14.375rem;
}
@media (max-width: 760px) {
    .infobox5-text {
        width: auto;
        margin: 20px 0 0;
    }
}
.infobox5-image {
    object-fit: cover;
    width: 35.208rem;
    height: calc(100% - 13.02rem);
    max-height: 55rem;
    position: absolute;
    top: 6.51rem;
    right: 0;
}
@media (max-width: 760px) {
    .infobox5-image {
        aspect-ratio: 1/1.38;
        width: 100%;
        height: auto;
        max-height: 100rem;
        top: unset;
        right: unset;
        order: 0;
        position: relative;
    }
}
.infobox6 {
    background-color: var(--color-dark-blue);
    color: var(--color-text-light);
    padding-bottom: 5.729rem;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 760px) {
    .infobox6 {
        padding: 40px 0;
    }
}
.infobox6-container {
    justify-content: flex-end;
    display: flex;
    position: relative;
}
@media (max-width: 760px) {
    .infobox6-container {
        flex-flow: column;
        justify-content: flex-start;
        row-gap: 20px;
    }
}
.infobox6-container parallax-image:first-child {
    object-fit: cover;
    aspect-ratio: 1/1.43881;
    width: 34.896rem;
    height: auto;
    display: block;
    position: absolute;
    top: -10.677rem;
    left: 0;
}
@media (max-width: 760px) {
    .infobox6-container parallax-image:first-child {
        width: 100%;
        top: unset;
        left: unset;
        order: 0;
        position: relative;
    }
}
.infobox6-container parallax-image:nth-child(2) {
    object-fit: cover;
    aspect-ratio: 1/1.4375;
    width: 13.333rem;
    height: auto;
    display: block;
    position: absolute;
    top: -6.302rem;
    left: 35.938rem;
}
@media (max-width: 760px) {
    .infobox6-container parallax-image:nth-child(2) {
        width: 100%;
        top: unset;
        left: unset;
        order: 2;
        position: relative;
    }
}
.infobox6-container parallax-image:nth-child(3) {
    object-fit: cover;
    aspect-ratio: 1.44565;
    width: 27.708rem;
    height: auto;
    display: block;
    position: absolute;
    top: -6.302rem;
    left: 50.313rem;
}
@media (max-width: 760px) {
    .infobox6-container parallax-image:nth-child(3) {
        width: 100%;
        top: unset;
        left: unset;
        order: 4;
        position: relative;
    }
}
.infobox6-text1 {
    width: 22.083rem;
    margin: 17.083rem 3.802rem 0 0;
}
@media (max-width: 760px) {
    .infobox6-text1 {
        order: 1;
        width: 100%;
        margin: 0;
    }
}
.infobox6-text2 {
    width: 21.615rem;
    margin: 23.438rem 0 0;
}
@media (max-width: 760px) {
    .infobox6-text2 {
        order: 3;
        width: 100%;
        margin: 0;
        padding-top: 20px;
    }
}
.infobox7 {
    background-color: var(--color-accent);
}
.infobox7-container {
    color: var(--color-dark);
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 7.813rem 0;
    display: flex;
}
@media (max-width: 760px) {
    .infobox7-container {
        flex-flow: column;
        padding: 0;
    }
}
.infobox7-column {
    text-align: center;
    flex-grow: 1;
    flex-basis: 0;
    padding: 0 6.771rem;
    position: relative;
}
@media (max-width: 760px) {
    .infobox7-column {
        padding: 40px 0;
    }
}
.infobox7-column:first-child {
    border-right: 1px solid var(--color-dark);
}
@media (max-width: 760px) {
    .infobox7-column:first-child {
        border-right: none;
        border-bottom: 1px solid var(--color-dark);
    }
}
.infobox7-column > h4 {
    margin-bottom: 3.906rem;
}
@media (max-width: 760px) {
    .infobox7-column > h4 {
        margin-bottom: 20px;
    }
}
.infobox8 {
    background-color: var(--color-primary);
}
.infobox8-container {
    align-items: flex-end;
    column-gap: 1.042rem;
    padding: 4.844rem 0 3.75rem;
    display: flex;
}
@media (max-width: 760px) {
    .infobox8-container {
        flex-flow: column;
        align-items: flex-start;
        row-gap: 10px;
        padding: 20px 0;
    }
}
.infobox8-container img {
    width: 30.833rem;
    height: auto;
    display: block;
}
@media (max-width: 760px) {
    .infobox8-container img {
        width: 100%;
    }
}
.aboutdetails {
    overflow: hidden;
}
.aboutdetails-top {
    background-color: var(--color-grey);
}
.aboutdetails-bottom {
    background-color: rgba(var(--color-grey-rgb), 0.51);
}
.aboutdetails-container {
    position: relative;
}
.aboutdetails-container.aboutdetails-container--1 {
    padding: 5.208rem 0 5rem;
}
@media (max-width: 760px) {
    .aboutdetails-container.aboutdetails-container--1 {
        padding: 40px 0 0;
    }
}
@media (min-width: 2100px) {
    .aboutdetails-container.aboutdetails-container--1 {
        padding-bottom: 10rem;
    }
}
@media (min-width: 2200px) {
    .aboutdetails-container.aboutdetails-container--1 {
        padding-bottom: 15rem;
    }
}
@media (min-width: 2350px) {
    .aboutdetails-container.aboutdetails-container--1 {
        padding-bottom: 17.5rem;
    }
}
@media (min-width: 2500px) {
    .aboutdetails-container.aboutdetails-container--1 {
        padding-bottom: 20rem;
    }
}
@media (min-width: 2700px) {
    .aboutdetails-container.aboutdetails-container--1 {
        padding-bottom: 25rem;
    }
}
.aboutdetails-container.aboutdetails-container--2 {
    padding: 2.604rem 0 5.208rem;
}
@media (max-width: 760px) {
    .aboutdetails-container.aboutdetails-container--2 {
        padding: 40px 0;
    }
}
.aboutdetails-container.aboutdetails-container--3 {
    padding: 3.125rem 0;
}
@media (max-width: 760px) {
    .aboutdetails-container.aboutdetails-container--3 {
        padding: 40px 0;
    }
}
.aboutdetails-container h2 {
    text-align: right;
    min-height: 3em;
}
@media (max-width: 760px) {
    .aboutdetails-container h2 {
        text-align: left;
        min-height: unset;
    }
}
.aboutdetails-text {
    flex-flow: wrap;
    column-gap: 1.563rem;
    margin-left: 36.25rem;
    display: flex;
}
@media (max-width: 760px) {
    .aboutdetails-text {
        column-gap: 20px;
        margin-left: 0;
    }
}
.aboutdetails-text-column.aboutdetails-text-column--1 {
    width: 20.156rem;
}
@media (max-width: 760px) {
    .aboutdetails-text-column.aboutdetails-text-column--1 {
        width: 100%;
    }
}
.aboutdetails-text-column.aboutdetails-text-column--2 {
    width: 27.396rem;
    min-height: 33.333rem;
    padding-top: 8.698rem;
}
@media (max-width: 760px) {
    .aboutdetails-text-column.aboutdetails-text-column--2 {
        width: 100%;
        min-height: auto;
    }
}
.aboutdetails-text-column.aboutdetails-text-column--3 {
    text-align: right;
    width: 100%;
    margin-top: 3.646rem;
}
.aboutdetails-text-column.aboutdetails-text-column--3 > img {
    display: none;
}
@media (max-width: 760px) {
    .aboutdetails-text-column.aboutdetails-text-column--3 > img {
        width: 100%;
        height: auto;
        margin-top: 20px;
        display: block;
    }
}
@media (max-width: 760px) {
    .aboutdetails-text-column.aboutdetails-text-column--3 h3 {
        text-align: left;
        margin-top: 20px;
    }
}
.aboutdetails-text-column.aboutdetails-text-column--3 p {
    text-align: left;
    font-size: var(--font-size-h5);
    line-height: var(--line-height-default);
    margin-top: 7.031rem;
}
@media (max-width: 760px) {
    .aboutdetails-text-column.aboutdetails-text-column--3 p {
        margin-top: var(--line-height-default);
    }
}
.aboutdetails-image1 {
    aspect-ratio: 1/1.25;
    object-fit: cover;
    width: 26.979rem;
    display: block;
    position: absolute;
    top: 20rem;
    left: 0;
}
@media (max-width: 760px) {
    .aboutdetails-image1 {
        top: unset;
        left: unset;
        width: 100%;
        margin: 20px 0;
        position: relative;
    }
}
.aboutdetails-image2 {
    top: 55rem;
    left: calc(var(--layout-container-margin) * -1);
    aspect-ratio: 1/1.3;
    object-fit: cover;
    width: 41.979rem;
    display: block;
    position: absolute;
}
@media (max-width: 760px) {
    .aboutdetails-image2 {
        display: none;
    }
}
.aboutdetails-image3 {
    aspect-ratio: 1.52559;
    width: 63.646rem;
    height: auto;
    display: block;
}
@media (max-width: 760px) {
    .aboutdetails-image3 {
        width: 100%;
    }
}
.aboutdetails-bottom-image {
    direction: rtl;
}
@media (max-width: 760px) {
    .aboutdetails-bottom-image {
        direction: ltr;
    }
}
.aboutdetails-bottom-text {
    flex-flow: row;
    column-gap: 1.563rem;
    margin-top: 7.292rem;
    padding-left: 7.292rem;
    display: flex;
}
@media (max-width: 760px) {
    .aboutdetails-bottom-text {
        flex-flow: column;
        margin-top: 40px;
        padding-left: 0;
    }
}
.aboutdetails-bottom-text h3 + p {
    margin-top: 3.906rem;
}
.aboutdetails-bottom-text p {
    flex-shrink: 0;
    align-self: center;
    width: 27.396rem;
    padding-bottom: 9rem;
}
@media (max-width: 760px) {
    .aboutdetails-bottom-text p {
        width: 100%;
        padding-bottom: 40px;
    }
}
.wineryreveal {
    background-color: var(--color-dark);
    color: var(--color-text-light);
    display: block;
    position: relative;
}
@media (max-width: 760px) {
    .wineryreveal {
        padding-top: 50px;
    }
}
.wineryreveal-wrapper {
    height: 300dvh;
}
@media (max-width: 760px) {
    .wineryreveal-wrapper {
        height: 200dvh;
    }
}
.wineryreveal-scroll {
    width: 100%;
    height: 100dvh;
    position: sticky;
    top: 0;
}
.wineryreveal-images {
    width: 100%;
    height: 100dvh;
    position: relative;
    overflow: hidden;
}
.wineryreveal-image1,
.wineryreveal-image2 {
    object-fit: contain;
    object-position: bottom left;
    max-width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
}
.wineryreveal-image1 {
    object-position: bottom right;
    right: 0;
}
.wineryreveal-image2 {
    left: 0;
}
.wineryreveal-text {
    text-align: center;
    opacity: 0;
    width: 40%;
    font-weight: 300;
    transition: opacity 0.5s ease-in-out;
    position: sticky;
    top: 50%;
    left: 30%;
    transform: translateY(-50%);
}
.winerytext {
    background-color: var(--color-dark);
    color: var(--color-text-light);
    padding-bottom: 7.552rem;
    position: relative;
}
@media (max-width: 760px) {
    .winerytext {
        padding-bottom: 80px;
    }
}
.winerytext h3 {
    text-align: right;
    z-index: 2;
    position: relative;
}
@media (max-width: 760px) {
    .winerytext h3 {
        text-align: left;
    }
}
.winerytext-bkg {
    color: #383033;
    z-index: 1;
    font-size: 15.625rem;
    font-weight: 700;
    line-height: 1em;
    display: block;
    position: absolute;
    bottom: -4.5rem;
    left: 0;
}
@media (max-width: 760px) {
    .winerytext-bkg {
        bottom: -25px;
    }
}
.wineryinfo {
    background-color: var(--color-dark);
    height: 112rem;
    position: relative;
}
@media (max-width: 760px) {
    .wineryinfo {
        height: auto;
        padding: 40px var(--layout-container-margin);
    }
}
.wineryinfo:before {
    content: "";
    opacity: 0.3;
    background-image: url(../images/15.webp);
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.wineryinfo-image1 {
    aspect-ratio: 1/1.35684;
    object-fit: cover;
    width: 49.479rem;
    display: block;
    position: absolute;
    top: 2.865rem;
    left: 0;
}
@media (max-width: 760px) {
    .wineryinfo-image1 {
        width: 100%;
        top: unset;
        left: unset;
        position: relative;
    }
}
.wineryinfo-image2 {
    aspect-ratio: 1.49907;
    object-fit: cover;
    z-index: 1;
    width: 41rem;
    display: block;
    position: absolute;
    top: 30.417rem;
    right: 7.396rem;
}
@media (max-width: 760px) {
    .wineryinfo-image2 {
        width: 100%;
        top: unset;
        right: unset;
        margin-top: 20px;
        position: relative;
    }
}
.wineryinfo-image3 {
    aspect-ratio: 1/1.22002;
    object-fit: cover;
    width: 42.135rem;
    display: block;
    position: absolute;
    top: 54.271rem;
    right: 0;
}
@media (max-width: 760px) {
    .wineryinfo-image3 {
        width: 100%;
        top: unset;
        right: unset;
        margin-top: 20px;
        position: relative;
    }
}
.wineryinfo-text1 {
    width: 27.396rem;
    color: var(--color-text-light);
    position: absolute;
    top: 8.177rem;
    right: 14.896rem;
}
@media (max-width: 760px) {
    .wineryinfo-text1 {
        top: unset;
        right: unset;
        width: 100%;
        margin-top: 20px;
        position: relative;
    }
}
.wineryinfo-text2 {
    width: 37.604rem;
    color: var(--color-text-light);
    position: absolute;
    top: 84.115rem;
    left: 14.583rem;
}
.wineryinfo-text2 p:not(.text-medium) {
    max-width: 27.708rem;
}
@media (max-width: 760px) {
    .wineryinfo-text2 p:not(.text-medium) {
        max-width: 100%;
    }
}
@media (max-width: 760px) {
    .wineryinfo-text2 {
        top: unset;
        left: unset;
        width: 100%;
        margin-top: 20px;
        position: relative;
    }
}
.winerydetails {
    background-color: var(--color-dark);
    color: var(--color-text-light);
    padding: 2.865rem 0;
}
@media (max-width: 760px) {
    .winerydetails {
        padding: 40px 0;
    }
}
.winerydetails-images {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 1.042rem;
    display: grid;
}
@media (max-width: 760px) {
    .winerydetails-images {
        column-gap: 10px;
    }
}
.winerydetails-images img {
    aspect-ratio: 1/1.41165;
    object-fit: cover;
    width: 100%;
    height: auto;
    display: block;
}
.winerydetails-info {
    flex-flow: row;
    gap: 1.719rem;
    margin-top: 5.573rem;
    padding: 0 7.292rem;
    display: flex;
}
@media (max-width: 760px) {
    .winerydetails-info {
        flex-direction: column;
        gap: 20px;
        margin-top: 20px;
        padding: 0;
    }
}
.winerydetails-info-column1 {
    direction: rtl;
    flex-grow: 1;
}
.winerydetails-info-column1 .text-content {
    direction: ltr;
    width: 27.708rem;
}
@media (max-width: 760px) {
    .winerydetails-info-column1 .text-content {
        direction: ltr;
        width: 100%;
    }
}
.winerydetails-info-column2 {
    flex-shrink: 0;
    width: 27.708rem;
}
@media (max-width: 760px) {
    .winerydetails-info-column2 {
        width: 100%;
        padding-top: 60px;
    }
}
.winerydetails-info-images {
    height: 30.6rem;
    margin-top: var(--line-height-default);
    position: relative;
}
@media (max-width: 760px) {
    .winerydetails-info-images {
        height: auto;
        margin-top: 20px;
    }
}
.winerydetails-info-images img:first-child {
    object-fit: cover;
    aspect-ratio: 1.49775;
    width: calc(100% - 7.188rem);
    height: auto;
    display: block;
}
@media (max-width: 760px) {
    .winerydetails-info-images img:first-child {
        width: 100%;
    }
}
.winerydetails-info-images img:nth-child(2) {
    object-fit: cover;
    aspect-ratio: 1/1.53192;
    width: 14.688rem;
    height: auto;
    display: block;
    position: absolute;
    top: 8.021rem;
    right: 9.375rem;
}
@media (max-width: 760px) {
    .winerydetails-info-images img:nth-child(2) {
        width: 80px;
        top: 75%;
        right: 20%;
    }
}
.winerydetails-info-images img:nth-child(3) {
    object-fit: contain;
    width: 16.042rem;
    height: auto;
    display: block;
    position: absolute;
    top: 11.667rem;
    right: 0;
}
@media (max-width: 760px) {
    .winerydetails-info-images img:nth-child(3) {
        width: 80px;
        top: 85%;
        right: 5%;
    }
}
.fieldsfocus {
    background-color: var(--color-green);
    background-blend-mode: multiply;
    direction: rtl;
    background-image: url(../images/24.webp);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
@media (max-width: 760px) {
    .fieldsfocus {
        direction: ltr;
        background-position: top;
        background-size: 100%;
        padding-top: 75rem;
    }
}
.fieldsfocus-text {
    text-align: center;
    width: 31.25rem;
    color: var(--color-dark);
    direction: ltr;
    margin: 0 12.5rem;
    padding: 6.51rem 0 13.177rem;
}
@media (max-width: 760px) {
    .fieldsfocus-text {
        width: 100%;
        margin: 0;
        padding: 40px 0;
    }
}
.fieldsfocus-text h3 + h5 {
    margin-top: 2.604rem;
}
.fieldsfocus-text h5 + h3 {
    margin-top: 0.26rem;
}
.fieldsinfo {
    background-color: rgba(var(--color-green-rgb), 0.76);
}
.fieldsinfo-top {
    flex-flow: row;
    justify-content: space-between;
    display: flex;
}
@media (max-width: 760px) {
    .fieldsinfo-top {
        padding: 40px var(--layout-container-margin);
        flex-direction: column;
    }
}
.fieldsinfo-top > img {
    aspect-ratio: 1.3;
    object-fit: cover;
    flex-shrink: 0;
    width: 55.365rem;
    height: auto;
    display: block;
}
@media (max-width: 760px) {
    .fieldsinfo-top > img {
        width: 100%;
        height: auto;
    }
}
.fieldsinfo-top > parallax-image {
    aspect-ratio: 1.3;
    object-fit: cover;
    flex-shrink: 0;
    width: 55.365rem;
    height: auto;
    display: block;
}
@media (max-width: 760px) {
    .fieldsinfo-top > parallax-image {
        width: 100%;
        height: auto;
    }
}
.fieldsinfo-top-text {
    margin: 5.469rem calc(var(--layout-container-margin) * 2) 0 1.302rem;
}
@media (max-width: 760px) {
    .fieldsinfo-top-text {
        margin: 20px 0 0;
    }
}
.fieldsinfo-bottom {
    padding-right: var(--layout-container-margin);
    flex-flow: row;
    justify-content: flex-end;
    align-items: flex-start;
    column-gap: 1.302rem;
    margin-top: 1.302rem;
    padding-bottom: 2.813rem;
    display: flex;
}
@media (max-width: 760px) {
    .fieldsinfo-bottom {
        flex-direction: column;
        row-gap: 20px;
        margin-top: 0;
        padding: 0 0 40px;
    }
}
.fieldsinfo-bottom > :first-child {
    aspect-ratio: 1.61;
    object-fit: cover;
    flex-shrink: 0;
    width: 27.24rem;
    height: auto;
    display: block;
}
@media (max-width: 760px) {
    .fieldsinfo-bottom > :first-child {
        aspect-ratio: 1/0.75;
        width: 100%;
    }
}
.fieldsinfo-bottom > :nth-child(2) {
    aspect-ratio: 1.27;
    object-fit: cover;
    flex-shrink: 0;
    width: 34.896rem;
    height: auto;
    display: block;
}
@media (max-width: 760px) {
    .fieldsinfo-bottom > :nth-child(2) {
        aspect-ratio: 1/0.75;
        width: 100%;
    }
}
.fieldstext {
    background-color: var(--color-green);
    padding: 3.385rem 0;
}
@media (max-width: 760px) {
    .fieldstext {
        padding: 40px 0;
    }
}
.fieldstext-row {
    margin: 2.344rem 0 0 var(--layout-container-margin);
    flex-flow: row;
    column-gap: 4.844rem;
    display: flex;
}
@media (max-width: 760px) {
    .fieldstext-row {
        flex-direction: column;
        margin: 20px 0 0;
    }
}
.fieldstext-row > h4 {
    text-align: right;
    flex-shrink: 0;
    width: 33.854rem;
}
@media (max-width: 760px) {
    .fieldstext-row > h4 {
        text-align: left;
        width: 100%;
    }
}
.fieldstext-row .text-content {
    flex-grow: 1;
    margin-top: 1.823rem;
}
@media (max-width: 760px) {
    .fieldstext-row .text-content {
        margin-top: 20px;
    }
}
.fieldsbanner {
    color: var(--color-text-light);
    text-align: right;
    direction: rtl;
    background-image: url(../images/28.webp);
    background-size: cover;
    padding: 3.906rem 0 13.021rem;
}
@media (max-width: 760px) {
    .fieldsbanner {
        padding: 40px 0;
    }
}
.fieldsbanner h2 {
    direction: ltr;
}
.fieldsbanner h4 {
    direction: ltr;
    margin-top: 2.865rem;
}
@media (max-width: 760px) {
    .fieldsbanner h4 {
        width: 60%;
        margin-top: 40px;
    }
}
.fieldsbanner .text-content {
    direction: ltr;
    width: 30.208rem;
    margin: 5.469rem 14.375rem 0 0;
}
@media (max-width: 760px) {
    .fieldsbanner .text-content {
        width: 60%;
        margin: 20px 0 0;
    }
}
.videoscroll {
    background-color: var(--color-blue);
    color: var(--color-text-light);
    display: block;
    position: relative;
}
.videoscroll h2 + h3 {
    margin-top: 4.531rem;
}
@media (max-width: 760px) {
    .videoscroll h2 + h3 {
        margin-top: 20px;
    }
}
@media (max-width: 760px) {
    .videoscroll h3 {
        font-size: var(--font-size-h4);
        line-height: 1.1em;
    }
}
.videoscroll-header {
    z-index: 2;
    padding: 6.25rem 0 0;
    position: relative;
}
.videoscroll-scroll {
    height: 300dvh;
    position: relative;
}
.videoscroll-videowrapper {
    aspect-ratio: 1.16667;
    width: 60%;
    margin-left: 15%;
    position: sticky;
    top: 50%;
    transform: translateY(-42.5%);
}
@media (max-width: 760px) {
    .videoscroll-videowrapper {
        width: 95%;
        margin-left: 5%;
        top: 60%;
    }
}
.videoscroll-videowrapper video {
    object-fit: contain;
    width: 100%;
    height: 100%;
    display: block;
}
.videoscroll-videowrapper img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    display: block;
}
.videoscroll-videowrapper img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.videoscroll-videowrapper img[data-display] {
    opacity: 1;
}
.videoscroll-label {
    text-transform: uppercase;
    text-align: center;
    opacity: 0;
    font-size: 1.25rem;
    transition: opacity 0.2s ease-out;
    position: absolute;
}
@media (max-width: 760px) {
    .videoscroll-label {
        font-size: 2.5rem;
    }
}
.videoscroll-label[data-display] {
    opacity: 1;
}
.videoscroll-label.videoscroll-label--1 {
    top: 41.75%;
    left: 19.5%;
}
@media (max-width: 760px) {
    .videoscroll-label.videoscroll-label--1 {
        top: 39%;
    }
}
.videoscroll-label.videoscroll-label--2 {
    top: 61.5%;
    left: 45%;
}
@media (max-width: 760px) {
    .videoscroll-label.videoscroll-label--2 {
        top: 60%;
    }
}
.videoscroll-label.videoscroll-label--3 {
    top: 90.5%;
    left: 37.5%;
}
.videoscroll-label.videoscroll-label--4 {
    text-align: right;
    top: 90.5%;
    left: 3%;
}
.videoscroll-label.videoscroll-label--5 {
    text-align: right;
    top: 62%;
    left: -8%;
}
@media (max-width: 760px) {
    .videoscroll-label.videoscroll-label--5 {
        top: 60%;
        left: -10%;
    }
}
.videoscroll-text {
    opacity: 0;
    font-size: var(--font-size-label);
    line-height: var(--line-height-default);
    transition: opacity 0.2s ease-out;
    position: absolute;
}
.videoscroll-text[data-display] {
    opacity: 1;
}
.videoscroll-text.videoscroll-text--1 {
    width: 27rem;
    top: 30rem;
    left: 37rem;
}
@media (max-width: 760px) {
    .videoscroll-text.videoscroll-text--1 {
        width: 100%;
        top: -40%;
        left: -5%;
    }
}
.videoscroll-text.videoscroll-text--2 {
    width: 40rem;
    top: 8.8rem;
    left: 29rem;
}
@media (max-width: 760px) {
    .videoscroll-text.videoscroll-text--2 {
        left: 45rem;
    }
}
.videoscroll-text.videoscroll-text--3 {
    width: 40rem;
    top: 14.8rem;
    left: 29rem;
}
@media (max-width: 760px) {
    .videoscroll-text.videoscroll-text--3 {
        left: 45rem;
    }
}
.videoscroll-text.videoscroll-text--4 {
    width: 40rem;
    top: 21.8rem;
    left: 29rem;
}
@media (max-width: 760px) {
    .videoscroll-text.videoscroll-text--4 {
        top: 40%;
        left: 45rem;
    }
}
.videoscroll-text.videoscroll-text--5 {
    width: 40rem;
    top: 28.8rem;
    left: 29rem;
}
@media (max-width: 760px) {
    .videoscroll-text.videoscroll-text--5 {
        top: 60%;
        left: 45rem;
    }
}
.videoscroll-text.videoscroll-text--6 {
    width: 40rem;
    top: 34.8rem;
    left: 29rem;
}
@media (max-width: 760px) {
    .videoscroll-text.videoscroll-text--6 {
        top: 65%;
        left: 45rem;
    }
}
.missioninfo {
    background-color: var(--color-blue);
    color: var(--color-text-light);
    overflow: hidden;
}
.missioninfo > h2 {
    margin: 0 var(--layout-container-margin);
    text-align: right;
}
@media (max-width: 760px) {
    .missioninfo > h2 {
        text-align: left;
        margin-top: 20px;
    }
}
.missioninfo-title {
    font-family: var(--font-family-default);
    color: #748EB7;
    font-size: max(55px, 11rem);
    font-weight: 700;
    line-height: 1em;
}
.missioninfo-image {
    aspect-ratio: 1.54721;
    z-index: 2;
    width: 70.833rem;
    height: auto;
    margin: 5rem auto 0;
    display: block;
    position: relative;
}
@media (max-width: 760px) {
    .missioninfo-image {
        width: calc(100% - 2 * var(--layout-container-margin));
        margin: 20px auto 0;
    }
}
.missioninfo-numbers {
    background-color: var(--color-background);
    display: block;
    position: relative;
}
.missioninfo-numbers:before {
    content: "";
    background-color: var(--color-dark-blue);
    z-index: 0;
    width: 100%;
    height: 17.396rem;
    display: block;
    position: absolute;
    top: -17.396rem;
    left: 0;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
}
.missioninfo-numbers header {
    background-color: var(--color-dark-blue);
    padding-bottom: 6.25rem;
}
.missioninfo-numbers header .text-content {
    width: 37.604rem;
    margin: 3.125rem 0 0 14.479rem;
}
@media (max-width: 760px) {
    .missioninfo-numbers header .text-content {
        width: 100%;
        margin: 20px 0 0;
    }
}
.missioninfo-numbers header h2 {
    text-align: right;
    margin-top: 1.823rem;
}
@media (max-width: 760px) {
    .missioninfo-numbers header h2 {
        text-align: left;
        margin-top: 40px;
    }
}
.missioninfo-numbers-item {
    padding: 2rem 0;
    padding-right: var(--layout-container-margin);
    cursor: pointer;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 760px) {
    .missioninfo-numbers-item {
        padding: 20px var(--layout-container-margin);
    }
}
.missioninfo-numbers-item[data-active] h5 {
    margin-bottom: 2.083rem;
}
.missioninfo-numbers-item[data-active] > svg {
    transform: rotate(90deg);
}
.missioninfo-numbers-item.missioninfo-numbers-item--1 {
    background-color: var(--color-blue);
    padding-left: var(--layout-container-margin);
}
.missioninfo-numbers-item.missioninfo-numbers-item--2 {
    background-color: rgba(var(--color-blue-rgb), 0.73);
    padding-left: calc(var(--layout-container-margin) + 7rem);
}
@media (max-width: 760px) {
    .missioninfo-numbers-item.missioninfo-numbers-item--2 {
        padding-left: var(--layout-container-margin);
    }
}
.missioninfo-numbers-item.missioninfo-numbers-item--3 {
    background-color: rgba(var(--color-blue-rgb), 1);
    padding-left: calc(var(--layout-container-margin) + 7rem * 2);
}
@media (max-width: 760px) {
    .missioninfo-numbers-item.missioninfo-numbers-item--3 {
        padding-left: var(--layout-container-margin);
    }
}
.missioninfo-numbers-item.missioninfo-numbers-item--4 {
    background-color: rgba(var(--color-blue-rgb), 0.73);
    padding-left: calc(var(--layout-container-margin) + 7rem * 3);
}
@media (max-width: 760px) {
    .missioninfo-numbers-item.missioninfo-numbers-item--4 {
        padding-left: var(--layout-container-margin);
    }
}
.missioninfo-numbers-item.missioninfo-numbers-item--5 {
    background-color: rgba(var(--color-blue-rgb), 1);
    padding-left: calc(var(--layout-container-margin) + 7rem * 4);
}
@media (max-width: 760px) {
    .missioninfo-numbers-item.missioninfo-numbers-item--5 {
        padding-left: var(--layout-container-margin);
    }
}
.missioninfo-numbers-item > h4 {
    flex-shrink: 0;
}
.missioninfo-numbers-item > svg {
    flex-shrink: 0;
    width: max(27px, min(2.813rem, 54px));
    height: max(27px, min(2.813rem, 54px));
    transition: transform 0.3s ease-in-out;
    display: block;
}
.missioninfo-numbers-item-column {
    flex-grow: 1;
    margin-left: 8.333rem;
    margin-right: 2rem;
}
@media (max-width: 760px) {
    .missioninfo-numbers-item-column {
        margin-left: 20px;
        margin-right: 10px;
    }
}
.missioninfo-numbers-item-column h5 {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: margin-bottom 0.3s ease-in-out;
}
.missioninfo-numbers-item-content {
    height: 0;
    overflow: hidden;
}
.productsgrid {
    background-color: var(--color-primary);
}
.productsgrid-section {
    padding: 5.208rem 0;
}
@media (max-width: 760px) {
    .productsgrid-section {
        padding: 40px 0;
    }
}
.productsgrid-section.productsgrid-section--light {
    background-color: #d3c2ac;
}
.productsgrid-section h2 {
    text-align: center;
    margin-bottom: 5.208rem;
}
@media (max-width: 760px) {
    .productsgrid-section h2 {
        margin-bottom: 20px;
    }
}
.productsgrid-category {
    padding-bottom: 5.208rem;
}
@media (max-width: 760px) {
    .productsgrid-category {
        padding-bottom: 40px;
    }
}
.productsgrid-category > h4 {
    text-align: center;
}
.productsgrid-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8.594rem 6.51rem;
    margin-top: 5.208rem;
    display: grid;
}
@media (max-width: 760px) {
    .productsgrid-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 10px;
    }
}
.productsgrid-item {
    text-align: center;
    text-decoration: none;
    display: block;
}
.productsgrid-item img {
    object-fit: contain;
    width: 100%;
    height: 18.229rem;
    margin-bottom: 2.083rem;
    display: block;
}
@media (max-width: 760px) {
    .productsgrid-item img {
        aspect-ratio: 1/1.5;
        height: auto;
        margin-bottom: 10px;
    }
}
.productsgrid-item p {
    line-height: 1.1em;
}
.productsgrid-item p:last-of-type {
    margin-top: 0.5em;
}
.collectioninfo {
    background-color: var(--color-primary);
    padding: 4.583rem 0 13.021rem;
    position: relative;
    overflow: hidden;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 760px) {
    .collectioninfo {
        padding: 40px 0;
    }
}
.collectioninfo h2 {
    z-index: 1;
    position: relative;
}
.collectioninfo h3 {
    font-family: var(--font-size-default);
    color: var(--color-accent);
    font-size: max(50px, min(15.625rem, 300px));
    font-weight: 700;
    line-height: 1em;
    position: absolute;
    top: 82rem;
    left: 0;
}
@media (max-width: 760px) {
    .collectioninfo h3 {
        display: none;
    }
}
.collectioninfo-image {
    aspect-ratio: 1/1.31368;
    object-fit: cover;
    width: 49.479rem;
    height: auto;
    position: absolute;
    top: 23rem;
    right: 0;
}
@media (max-width: 760px) {
    .collectioninfo-image {
        width: 100%;
        margin-top: 20px;
        position: static;
    }
}
.collectioninfo-text1 {
    text-align: right;
    width: 28.5rem;
    margin: 18.438rem 0 0 13.333rem;
}
@media (max-width: 760px) {
    .collectioninfo-text1 {
        text-align: left;
        width: 100%;
        margin: 20px 0 0;
    }
}
.collectioninfo-text2 {
    text-align: right;
    margin: 35.417rem 7.292rem 13.021rem 50.104rem;
}
@media (max-width: 760px) {
    .collectioninfo-text2 {
        text-align: left;
        width: 100%;
        margin: 40px 0 0;
    }
}
.collectioninfo-bottle-wrapper {
    position: absolute;
    top: 73.177rem;
    left: 0;
}
@media (max-width: 760px) {
    .collectioninfo-bottle-wrapper {
        top: unset;
        height: 80rem;
        position: relative;
    }
}
.collectioninfo-bottle {
    aspect-ratio: 1/1.40152;
    width: 54.74rem;
    height: auto;
    position: absolute;
    top: 0;
    left: -7.083rem;
}
@media (max-width: 760px) {
    .collectioninfo-info-wrapper {
        flex-flow: column;
        justify-content: center;
        row-gap: 0.5em;
        width: 55%;
        height: 100%;
        padding-top: 10dvh;
        display: flex;
        position: absolute;
        left: 45%;
    }
}
.collectioninfo-info {
    width: 12rem;
    position: absolute;
}
@media (min-width: 1025px) and (max-width: 1440px) {
    .collectioninfo-info {
        width: 16rem;
    }
}
@media (min-width: 761px) and (max-width: 1024px) {
    .collectioninfo-info {
        width: 20rem;
    }
}
@media (max-width: 760px) {
    .collectioninfo-info {
        width: 50rem;
        position: static;
    }
}
.collectioninfo-info p:first-child {
    padding-right: 1rem;
    display: inline-block;
    position: relative;
}
.collectioninfo-info p:first-child:before {
    content: "";
    background-color: var(--color-text);
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 1.45em;
}
@media (min-width: 761px) and (max-width: 1024px) {
    .collectioninfo-info p:first-child:before {
        display: none;
    }
}
@media (max-width: 760px) {
    .collectioninfo-info p:first-child:before {
        display: none;
    }
}
.collectioninfo-info p:first-child:after {
    content: "";
    background-color: var(--color-text);
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 1.45em;
}
@media (min-width: 761px) and (max-width: 1024px) {
    .collectioninfo-info p:first-child:after {
        display: none;
    }
}
@media (max-width: 760px) {
    .collectioninfo-info p:first-child:after {
        display: none;
    }
}
.collectioninfo-info p:nth-child(2) {
    padding-left: 1.354rem;
}
@media (max-width: 760px) {
    .collectioninfo-info p:nth-child(2) {
        padding-left: 0;
    }
}
.collectioninfo-info.collectioninfo-info--1 {
    top: 29.323rem;
    left: 33rem;
}
@media (min-width: 761px) and (max-width: 1024px) {
    .collectioninfo-info.collectioninfo-info--1 {
        top: 30rem;
    }
}
@media (max-width: 760px) {
    .collectioninfo-info.collectioninfo-info--1 {
        top: unset;
        left: unset;
    }
}
.collectioninfo-info.collectioninfo-info--1 p:first-child:after {
    transform-origin: 100% 0;
    width: 13.1rem;
    transform: translate(-100%) rotate(-45deg);
}
@media (max-width: 760px) {
    .collectioninfo-info.collectioninfo-info--1 p:first-child:after {
        width: 127%;
    }
}
.collectioninfo-info.collectioninfo-info--2 {
    top: 43.823rem;
    left: 33rem;
}
@media (min-width: 1025px) and (max-width: 1440px) {
    .collectioninfo-info.collectioninfo-info--2 {
        top: 43.5rem;
    }
}
@media (min-width: 761px) and (max-width: 1024px) {
    .collectioninfo-info.collectioninfo-info--2 {
        top: 43rem;
    }
}
@media (max-width: 760px) {
    .collectioninfo-info.collectioninfo-info--2 {
        top: unset;
        left: unset;
    }
}
.collectioninfo-info.collectioninfo-info--2 p:first-child:after {
    transform-origin: 100% 0;
    width: 7.5rem;
    transform: translate(-100%) rotate(0);
}
.collectioninfo-info.collectioninfo-info--3 {
    top: 51.823rem;
    left: 33rem;
}
@media (min-width: 1025px) and (max-width: 1440px) {
    .collectioninfo-info.collectioninfo-info--3 {
        top: 51.4rem;
    }
}
@media (min-width: 761px) and (max-width: 1024px) {
    .collectioninfo-info.collectioninfo-info--3 {
        top: 56rem;
    }
}
@media (max-width: 760px) {
    .collectioninfo-info.collectioninfo-info--3 {
        top: unset;
        left: unset;
    }
}
.collectioninfo-info.collectioninfo-info--3 p:first-child:after {
    transform-origin: 100% 0;
    width: 8.85rem;
    transform: translate(-100%) rotate(0);
}
.collectioninfo-round {
    border: 1px solid var(--color-dark);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 2.083rem;
    height: 2.083rem;
    display: flex;
    position: absolute;
}
@media (max-width: 760px) {
    .collectioninfo-round {
        width: 4.166rem;
        height: 4.166rem;
    }
}
.collectioninfo-round:before {
    content: "";
    background-color: var(--color-dark);
    border-radius: 50%;
    width: 1.042rem;
    height: 1.042rem;
    animation: 2s ease-in-out infinite pulse;
    display: block;
}
@media (max-width: 760px) {
    .collectioninfo-round:before {
        width: 2.083rem;
        height: 2.083rem;
    }
}
.collectioninfo-round.collectioninfo-round--1 {
    top: 40.073rem;
    left: 22rem;
}
@media (min-width: 761px) and (max-width: 1024px) {
    .collectioninfo-round.collectioninfo-round--1 {
        top: 35rem;
        left: 23rem;
    }
}
@media (max-width: 760px) {
    .collectioninfo-round.collectioninfo-round--1 {
        top: 30rem;
    }
}
.collectioninfo-round.collectioninfo-round--2 {
    top: 44.673rem;
    left: 23.4rem;
}
@media (min-width: 761px) and (max-width: 1024px) {
    .collectioninfo-round.collectioninfo-round--2 {
        top: 45rem;
        left: 23rem;
    }
}
@media (max-width: 760px) {
    .collectioninfo-round.collectioninfo-round--2 {
        top: 45rem;
        left: 22rem;
    }
}
.collectioninfo-round.collectioninfo-round--3 {
    top: 52.673rem;
    left: 22.1rem;
}
@media (min-width: 761px) and (max-width: 1024px) {
    .collectioninfo-round.collectioninfo-round--3 {
        top: 57.5rem;
        left: 23rem;
    }
}
@media (max-width: 760px) {
    .collectioninfo-round.collectioninfo-round--3 {
        top: 60rem;
        left: 22rem;
    }
}
@keyframes pulse {
    0% {
        opacity: 0.7;
        transform: scale(0.85);
    }
    50% {
        opacity: 1;
        transform: scale(1.15);
    }
    to {
        opacity: 0.7;
        transform: scale(0.85);
    }
}
.wineheader {
    height: 100dvh;
    position: relative;
}
.wineheader-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.wineheader-text {
    color: var(--color-text-light);
    position: absolute;
    bottom: 6.406rem;
    left: 36.146rem;
}
@media (max-width: 760px) {
    .wineheader-text {
        bottom: 50%;
        left: var(--layout-container-margin);
        width: calc(100% - var(--layout-container-margin) * 2);
        transform: translateY(50%);
    }
}
@media (max-width: 760px) {
    .wineheader-text h1 {
        text-align: center;
    }
}
@media (max-width: 760px) {
    .wineheader-text h4 {
        text-align: center;
    }
}
.wineheader-text > * + * {
    margin-top: 2.604rem;
}
.winedetails {
    background-color: var(--color-primary);
    display: block;
    position: relative;
}
.winedetails-bottle-wrapper {
    pointer-events: none;
    z-index: 2;
    width: 35rem;
    position: absolute;
    top: -100dvh;
    bottom: 0;
    left: 0;
}
@media (max-width: 760px) {
    .winedetails-bottle-wrapper {
        width: 100%;
        height: 100dvh;
        top: -40dvh;
        bottom: unset;
    }
}
.winedetails-bottle {
    object-fit: contain;
    transform-origin: 50% 100%;
    width: 100%;
    height: 90dvh;
    display: block;
    position: sticky;
    top: 10dvh;
}
@media (max-width: 760px) {
    .winedetails-bottle {
        width: 35%;
        height: auto;
        margin: 0 auto;
        position: relative;
        top: 0;
    }
}
.winedetails-content {
    margin: 0 var(--layout-container-margin) 0 36.146rem;
    min-height: 45rem;
    padding: 50px 0 0;
}
@media (max-width: 760px) {
    .winedetails-content {
        margin: 0 var(--layout-container-margin) 0;
        min-height: auto;
        padding: 40px 0 0;
    }
}
.winedetails-top {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 1rem;
    display: flex;
}
.winedetails-back {
    color: var(--color-text);
    flex-flow: row;
    align-items: center;
    gap: 1.354rem;
    text-decoration: none;
    display: flex;
}
@media (max-width: 760px) {
    .winedetails-back {
        gap: 10px;
    }
}
.winedetails-back svg {
    width: max(27px, min(2.813rem, 54px));
    height: max(27px, min(2.813rem, 54px));
    display: block;
    transform: rotate(180deg);
}
.winedetails-info {
    margin-top: 4.583rem;
}
@media (max-width: 760px) {
    .winedetails-info {
        margin-top: 20px;
    }
}
.winedetails-info p {
    margin-left: 14.375rem;
}
@media (max-width: 760px) {
    .winedetails-info p {
        margin: 5px 0 0;
    }
}
.winedetails-info * + h6 {
    margin-top: 2.604rem;
}
@media (max-width: 760px) {
    .winedetails-info * + h6 {
        margin-top: 30px;
    }
}
.winedetails-info hr {
    background-color: var(--color-text);
    border-width: 0;
    height: 1px;
    margin: 2.604rem 0;
    display: block;
}
@media (max-width: 760px) {
    .winedetails-info hr {
        margin: 30px 0;
    }
}
.winedetails-link-wrapper + .winedetails-link-wrapper {
    margin-top: 1.927rem;
}
@media (max-width: 760px) {
    .winedetails-link-wrapper + .winedetails-link-wrapper {
        margin-top: 20px;
    }
}
.winedetails-link {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 2.604rem;
    font-weight: 500;
    text-decoration: none;
    display: flex;
}
@media (max-width: 760px) {
    .winedetails-link {
        justify-content: space-between;
        display: flex;
    }
}
.winedetails-link svg {
    width: max(27px, min(2.813rem, 54px));
    height: max(27px, min(2.813rem, 54px));
    display: inline-block;
}
.winedetails-accordion {
    margin-top: 2.344rem;
    margin-left: 14.375rem;
    display: block;
}
@media (max-width: 760px) {
    .winedetails-accordion {
        margin-top: 20px;
        margin-left: 0;
    }
}
.winedetails-accordion-item[data-active] .winedetails-accordion-item-head svg {
    transform: rotate(90deg);
}
.winedetails-accordion-item-head {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.winedetails-accordion-item-head span {
    font-weight: 500;
}
.winedetails-accordion-item-head svg {
    width: max(27px, min(2.813rem, 54px));
    height: max(27px, min(2.813rem, 54px));
    transition: transform 0.3s ease-in-out;
    display: block;
}
.winedetails-accordion-item-body {
    height: 0;
    transition: height 0.3s ease-in-out;
    overflow: hidden;
}
.winedetails-accordion-item-body table {
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.winedetails-accordion-item-body table td {
    border-bottom: 2px solid var(--color-text);
    padding: 1.302rem;
}
@media (max-width: 760px) {
    .winedetails-accordion-item-body table td {
        padding: 10px;
    }
}
.winedetails-accordion-item-body table td:first-child {
    padding-left: 0;
}
.winedetails-accordion-item-body table td:last-child {
    text-align: right;
    padding-right: 0;
}
.winenav {
    background-color: var(--color-primary);
    padding-bottom: 5.99rem;
}
@media (max-width: 760px) {
    .winenav {
        padding-bottom: 40px;
    }
}
.winenav-container {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
@media (max-width: 760px) {
    .winenav-container {
        align-items: flex-start;
        column-gap: 20px;
    }
}
.winenav-item {
    column-gap: 2.604rem;
    text-decoration: none;
    display: flex;
}
@media (max-width: 760px) {
    .winenav-item {
        flex-flow: column;
        gap: 10px 20px;
    }
}
.winenav-item.winenav-item--prev svg {
    transform: rotate(180deg);
}
.winenav-item.winenav-item--next {
    text-align: right;
}
@media (max-width: 760px) {
    .winenav-item.winenav-item--next {
        flex-flow: column;
        align-items: flex-end;
        display: flex;
    }
}
@media (max-width: 760px) {
    .winenav-item.winenav-item--next svg {
        order: 0;
    }
}
@media (max-width: 760px) {
    .winenav-item.winenav-item--next div {
        order: 1;
    }
}
.winenav-item svg {
    width: max(27px, min(2.813rem, 54px));
    height: max(27px, min(2.813rem, 54px));
    display: inline-block;
}
@media (max-width: 760px) {
    .winenav-item h2 {
        font-size: var(--font-size-h4);
        line-height: 1.1em;
    }
}
.winenav-item div > * + * {
    margin-top: 0.521rem;
}
@media (max-width: 760px) {
    .winenav-item div > * + * {
        margin-top: 0;
    }
}
.grolainfo {
    background-color: var(--color-light-grey);
    padding: 6.51rem 0;
    overflow: hidden;
}
@media (max-width: 760px) {
    .grolainfo {
        padding: 40px 0;
    }
}
.grolainfo-row {
    display: flex;
}
@media (max-width: 760px) {
    .grolainfo-row {
        flex-direction: column;
        row-gap: 20px;
    }
}
.grolainfo-row.grolainfo-row--1 {
    align-items: center;
    column-gap: 7.188rem;
}
.grolainfo-row.grolainfo-row--2 {
    align-items: flex-start;
    column-gap: 1.25rem;
    margin-bottom: -7.813rem;
    position: relative;
    top: -7.813rem;
}
@media (max-width: 760px) {
    .grolainfo-row.grolainfo-row--2 {
        top: unset;
        margin-bottom: unset;
    }
}
.grolainfo-row.grolainfo-row--3 {
    margin-top: 3.542rem;
    position: relative;
}
@media (max-width: 760px) {
    .grolainfo-row.grolainfo-row--3 {
        margin-top: 20px;
    }
}
.grolainfo-row.grolainfo-row--3 h2 {
    margin: 0 auto;
}
.grolainfo-row.grolainfo-row--3 h3 {
    top: 100%;
    left: calc(var(--layout-container-margin) * -1 - 2rem);
}
.grolainfo-row.grolainfo-row--4 {
    column-gap: 14.323rem;
    margin-top: 5.208rem;
    position: relative;
}
@media (max-width: 760px) {
    .grolainfo-row.grolainfo-row--4 {
        margin-top: 40px;
    }
}
.grolainfo-row.grolainfo-row--5 {
    column-gap: 1.094rem;
    margin-bottom: -5.208rem;
    position: relative;
    top: -5.208rem;
}
@media (max-width: 760px) {
    .grolainfo-row.grolainfo-row--5 {
        top: unset;
        margin-bottom: unset;
        margin-top: 20px;
    }
}
.grolainfo-row.grolainfo-row--6 {
    column-gap: 1.198rem;
    margin-top: 1.667rem;
    padding-top: 18rem;
    position: relative;
}
@media (max-width: 760px) {
    .grolainfo-row.grolainfo-row--6 {
        margin-top: 40px;
    }
}
.grolainfo-row.grolainfo-row--6 h3 {
    text-align: right;
    top: 0;
    right: calc(var(--layout-container-margin) * -1);
}
.grolainfo-row.grolainfo-row--6 .grolainfo-row-column {
    flex-shrink: 0;
    width: 39.375rem;
}
@media (max-width: 760px) {
    .grolainfo-row.grolainfo-row--6 .grolainfo-row-column {
        width: 100%;
    }
}
.grolainfo-row h3 {
    font-family: var(--font-size-default);
    color: var(--color-primary-light);
    font-size: max(50px, min(15.625rem, 300px));
    font-weight: 700;
    line-height: 1em;
    position: absolute;
}
.grolainfo-image1 {
    aspect-ratio: 1/1.34282;
    object-fit: cover;
    flex-shrink: 0;
    width: 42.083rem;
    height: auto;
    display: block;
}
@media (max-width: 760px) {
    .grolainfo-image1 {
        aspect-ratio: 1/0.75;
        width: 100%;
    }
}
.grolainfo-image2 {
    aspect-ratio: 1.51603;
    object-fit: cover;
    flex-shrink: 0;
    width: 49.271rem;
    height: auto;
    margin-top: 9.375rem;
}
@media (max-width: 760px) {
    .grolainfo-image2 {
        aspect-ratio: 1/0.75;
        width: 100%;
        margin-top: 20px;
    }
}
.grolainfo-image3 {
    aspect-ratio: 1/1.34384;
    object-fit: cover;
    flex-shrink: 0;
    width: 34.688rem;
    height: auto;
}
@media (max-width: 760px) {
    .grolainfo-image3 {
        aspect-ratio: 1/0.75;
        width: 100%;
    }
}
.grolainfo-image4 {
    aspect-ratio: 1/1.34282;
    object-fit: cover;
    flex-shrink: 0;
    width: 42.083rem;
    height: auto;
}
@media (max-width: 760px) {
    .grolainfo-image4 {
        aspect-ratio: 1/0.75;
        width: 100%;
    }
}
.grolainfo-image5 {
    aspect-ratio: 1/1.34384;
    object-fit: cover;
    flex-shrink: 0;
    width: 34.688rem;
    height: auto;
}
@media (max-width: 760px) {
    .grolainfo-image5 {
        aspect-ratio: 1/0.75;
        width: 100%;
    }
}
.grolainfo-image6 {
    aspect-ratio: 1.43454;
    object-fit: cover;
    width: 100%;
    height: auto;
    margin-bottom: 2.604rem;
}
@media (max-width: 760px) {
    .grolainfo-image6 {
        aspect-ratio: 1/0.75;
        margin-bottom: 20px;
    }
}
.grolainfo-image7 {
    aspect-ratio: 1/1.23104;
    object-fit: cover;
    width: 44.635rem;
    height: auto;
    margin-top: 11.979rem;
}
@media (max-width: 760px) {
    .grolainfo-image7 {
        aspect-ratio: 1/0.75;
        width: 100%;
        margin-top: 0;
    }
}
.grolainfo-text1 {
    text-align: right;
    flex-grow: 1;
}
@media (max-width: 760px) {
    .grolainfo-text1 {
        text-align: left;
    }
}
.grolainfo-text2 {
    flex-grow: 1;
    margin-top: 7.813rem;
}
.grolainfo-slider {
    aspect-ratio: 1.51111;
    width: 49.583rem;
    height: 32.813rem;
    margin-top: 6.771rem;
    position: relative;
}
@media (max-width: 760px) {
    .grolainfo-slider {
        width: 100%;
        height: 75%;
        margin-top: 20px;
    }
}
.grolainfo-slider .swiper {
    height: 100%;
}
.grolainfo-slider .swiper-slide {
    object-fit: cover;
    cursor: grab;
}
.grolainfo-slider .swiper-slide:active {
    cursor: grabbing;
}
.grolainfo-slider-indexes {
    z-index: 2;
    flex-flow: row;
    column-gap: 0.521rem;
    display: flex;
    position: absolute;
    bottom: -2rem;
    left: 50%;
    transform: translate(-50%);
}
@media (max-width: 760px) {
    .grolainfo-slider-indexes {
        column-gap: 5px;
        bottom: -20px;
    }
}
.grolainfo-slider-indexes span {
    border: 2px solid var(--color-dark);
    cursor: pointer;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out;
    display: block;
}
@media (min-width: 1025px) and (max-width: 1440px) {
    .grolainfo-slider-indexes span {
        width: 14px;
        height: 14px;
    }
}
@media (min-width: 761px) and (max-width: 1024px) {
    .grolainfo-slider-indexes span {
        width: 12px;
        height: 12px;
    }
}
@media (max-width: 760px) {
    .grolainfo-slider-indexes span {
        width: 10px;
        height: 10px;
    }
}
.grolainfo-slider-indexes span[data-active] {
    background-color: var(--color-dark);
}
.grolainfo-row-column {
    flex-shrink: 0;
    width: 39.375rem;
}
.textintro {
    text-align: center;
    max-width: 47.396rem;
    margin: 0 auto;
    padding: 4.479rem 0;
}
@media (max-width: 760px) {
    .textintro {
        padding: 40px var(--layout-container-margin);
        max-width: unset;
    }
}
.imagesgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    padding-bottom: 4.167rem;
    display: grid;
}
@media (max-width: 760px) {
    .imagesgrid {
        gap: 10px;
        padding-bottom: 40px;
    }
}
.imagesgrid img {
    object-fit: cover;
    width: 100%;
    height: 32.969rem;
    display: block;
}
.imagesgrid img:nth-child(3n + 1) {
    grid-column: 1/-1;
    height: 44.896rem;
}
.scrollheader {
    background-color: var(--color-dark);
    height: 200dvh;
    display: block;
    position: relative;
}
.scrollheader .fullheader {
    position: sticky;
    top: 0;
}
@media (max-width: 760px) {
    .scrollheader .fullheader {
        overflow: hidden;
    }
}
.scrollheader .fullheader img {
    display: block;
}
@media (orientation: portrait) {
    .scrollheader .fullheader img {
        object-fit: contain;
    }
}
.resellerslist {
    background-color: var(--color-dark);
    display: block;
}
.resellerslist .layout-container.text-content {
    margin-left: calc(var(--layout-container-margin) * 2);
    margin-right: calc(var(--layout-container-margin) * 2);
    width: auto;
    padding: 6.771rem 0;
}
@media (max-width: 760px) {
    .resellerslist .layout-container.text-content {
        padding: 40px 0;
    }
}
.resellerslist .layout-container.text-content > * + * {
    margin-top: calc(var(--line-height-default) * 1.5);
}
.resellerslist .layout-container.text-content em {
    font-style: normal;
    font-weight: 500;
}
.resellerslist-world {
    color: var(--color-text-light);
}
.resellerslist-world a[data-active] {
    font-weight: 700;
}
.resellerslist-area {
    background-color: var(--color-primary-light);
    height: 0;
    overflow: hidden;
}
.resellerslist-area[data-active] {
    height: auto;
}
.resellerslist-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.198rem;
    display: grid;
}
@media (max-width: 760px) {
    .resellerslist-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}
.resellerslist .resellerslist-column strong {
    font-weight: 700;
}
.resellerslist-iconlink {
    flex-flow: row;
    align-items: center;
    column-gap: 0.75em;
    text-decoration: none;
    display: flex;
}
.resellerslist-iconlink svg {
    width: max(13px, min(1.25rem, 23px));
    height: max(13px, min(1.25rem, 23px));
    display: block;
}
.resellerslist-column > * + * {
    margin-top: calc(var(--line-height-default) * 1);
}
.resellerslist-column p:nth-child(2) {
    min-height: calc(var(--line-height-default) * 2);
}
.resellerslist-column p:nth-child(3) {
    min-height: calc(var(--line-height-default) * 2);
}
.resellerslist-column p:last-child {
    margin-top: 0;
}
.resellerslist-column-phones {
    margin-top: var(--line-height-default);
    min-height: calc(var(--line-height-default) * 2);
}
.newsgrid {
    padding-top: 13.802rem;
}
@media (max-width: 760px) {
    .newsgrid {
        padding-top: 100px;
    }
}
.newsgrid-row {
    flex-flow: row;
    display: flex;
}
@media (max-width: 760px) {
    .newsgrid-row {
        flex-flow: wrap;
    }
}
.newsgrid-row.newsgrid-row--1 {
    justify-content: space-between;
}
.newsgrid-row.newsgrid-row--1 .newsgrid-item:first-child {
    width: 27.604rem;
}
@media (max-width: 760px) {
    .newsgrid-row.newsgrid-row--1 .newsgrid-item:first-child {
        width: 100%;
    }
}
.newsgrid-row.newsgrid-row--1 .newsgrid-item:nth-child(2) {
    width: 49.1rem;
    margin-top: 19.271rem;
}
@media (max-width: 760px) {
    .newsgrid-row.newsgrid-row--1 .newsgrid-item:nth-child(2) {
        width: 100%;
        margin-top: 40px;
    }
}
.newsgrid-row.newsgrid-row--2 {
    column-gap: 1.146rem;
    margin-top: 4.167rem;
    padding-left: 21.667rem;
}
@media (max-width: 760px) {
    .newsgrid-row.newsgrid-row--2 {
        column-gap: 0;
        margin-top: 40px;
        padding-left: 0;
    }
}
.newsgrid-row.newsgrid-row--2 .newsgrid-item:first-child {
    width: 34.792rem;
}
@media (max-width: 760px) {
    .newsgrid-row.newsgrid-row--2 .newsgrid-item:first-child {
        width: 100%;
    }
}
.newsgrid-row.newsgrid-row--2 .newsgrid-item:nth-child(2) {
    width: 20.365rem;
}
@media (max-width: 760px) {
    .newsgrid-row.newsgrid-row--2 .newsgrid-item:nth-child(2) {
        width: 100%;
        margin-top: 40px;
    }
}
.newsgrid-item {
    flex-shrink: 0;
    text-decoration: none;
}
.newsgrid-item:active .newsgrid-item-image {
    opacity: 0.8;
}
.newsgrid-item-image {
    object-fit: cover;
    aspect-ratio: 1/1.36;
    width: 100%;
    height: auto;
    display: block;
}
.newsgrid-item-image + * {
    margin-top: 2.604rem;
}
@media (max-width: 760px) {
    .newsgrid-item-image + * {
        margin-top: 20px;
    }
}
.newsgrid-item-date + * {
    margin-top: 0.938rem;
}
@media (max-width: 760px) {
    .newsgrid-item-date + * {
        margin-top: 5px;
    }
}
.newsarchive {
    background-color: var(--color-primary-light);
    margin-top: 4rem;
}
@media (max-width: 760px) {
    .newsarchive {
        margin-top: 40px;
    }
}
.newsarchive-container {
    padding: 4.167rem 0 6rem;
}
@media (max-width: 760px) {
    .newsarchive-container {
        padding: 40px 0 60px;
    }
}
.newsarchive-slider {
    margin-top: 3.125rem;
    display: block;
    position: relative;
}
.newsarchive-slider .newsgrid-item {
    width: 27.708rem;
}
.newsarchive-slider .newsgrid-item-image {
    aspect-ratio: 1;
    width: 20.417rem;
}
@media (max-width: 760px) {
    .newsarchive-slider .newsgrid-item-image {
        width: 100%;
    }
}
.newsarchive-slider-indexes {
    z-index: 2;
    flex-flow: row;
    column-gap: 0.521rem;
    display: flex;
    position: absolute;
    bottom: -3rem;
    left: 50%;
    transform: translate(-50%);
}
@media (max-width: 760px) {
    .newsarchive-slider-indexes {
        column-gap: 5px;
        bottom: -20px;
    }
}
.newsarchive-slider-indexes span {
    border: 2px solid var(--color-dark);
    cursor: pointer;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out;
    display: block;
}
@media (min-width: 1025px) and (max-width: 1440px) {
    .newsarchive-slider-indexes span {
        width: 14px;
        height: 14px;
    }
}
@media (min-width: 761px) and (max-width: 1024px) {
    .newsarchive-slider-indexes span {
        width: 12px;
        height: 12px;
    }
}
@media (max-width: 760px) {
    .newsarchive-slider-indexes span {
        border-width: 1px;
        width: 10px;
        height: 10px;
    }
}
.newsarchive-slider-indexes span[data-active] {
    background-color: var(--color-dark);
}
.postpage {
    padding: 12.76rem 0 4.167rem;
}
@media (max-width: 760px) {
    .postpage {
        padding: 100px 0 0;
    }
}
.postpage-content {
    padding: 0.521rem 0 0 14.688rem;
}
@media (max-width: 760px) {
    .postpage-content {
        padding: 20px 0 0;
    }
}
.postpage-image {
    aspect-ratio: 1.46;
    object-fit: cover;
    width: 100%;
    height: auto;
    display: block;
}
.postpage-image + * {
    margin-top: 4.375rem;
}
@media (max-width: 760px) {
    .postpage-image + * {
        margin-top: 40px;
    }
}
.postpage-bottom {
    margin-top: 7.813rem;
}
@media (max-width: 760px) {
    .postpage-bottom {
        margin-top: 40px;
        padding-bottom: 40px;
    }
}
.postpage-bottom-item {
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 1.719rem;
    display: flex;
}
@media (max-width: 760px) {
    .postpage-bottom-item {
        column-gap: 10px;
    }
}
.postpage-bottom-item + * {
    margin-top: 2.188rem;
}
.postpage-bottom-item .text-h6 {
    text-transform: unset;
    line-height: 1.5em;
}
.postpage-bottom-item svg {
    display: block;
}
@media (max-width: 760px) {
    .postpage-bottom-item svg {
        width: 26px;
        height: 26px;
    }
}
.postpage-bottom-item:active svg {
    opacity: 0.7;
}
.postpage-bottom-item.postpage-bottom-item--back svg {
    transform: rotate(180deg);
}
.contactsinfo {
    min-height: 100dvh;
    padding: 14.167rem 0 5.99rem;
}
@media (max-width: 760px) {
    .contactsinfo {
        padding: 100px 0 40px;
    }
}
.contactsinfo-top {
    justify-content: flex-start;
    display: flex;
}
@media (max-width: 760px) {
    .contactsinfo-top {
        flex-flow: column;
    }
}
.contactsinfo-top-text h1 + * {
    margin-top: 5.625rem;
}
.contactsinfo-top-text p {
    margin-left: 7.188rem;
}
@media (max-width: 760px) {
    .contactsinfo-top-text p {
        margin-left: 0;
    }
}
.contactsinfo-top-text p + p {
    margin-top: 4.271rem;
}
@media (max-width: 760px) {
    .contactsinfo-top-text p + p {
        margin-top: 20px;
    }
}
.contactsinfo-top-image {
    aspect-ratio: 1/1.33534;
    object-fit: cover;
    width: 43.333rem;
    height: auto;
    right: calc(var(--layout-container-margin) * -1);
    flex-shrink: 0;
    display: block;
    position: relative;
}
@media (max-width: 760px) {
    .contactsinfo-top-image {
        width: 100%;
        right: unset;
        margin-top: 40px;
    }
}
.contactsinfo-info {
    margin-top: 6.458rem;
    padding: 0 7.188rem;
}
@media (max-width: 760px) {
    .contactsinfo-info {
        margin-top: 40px;
        padding: 0;
    }
}
.contactsinfo-info img {
    width: 100%;
    height: auto;
    display: block;
}
@media (max-width: 760px) {
    .contactsinfo-info img {
        display: none;
    }
}
.contactsinfo-info iframe {
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
    display: block;
}
.gallerysliders {
    padding: 14.167rem 0 5.99rem;
    display: block;
}
@media (max-width: 760px) {
    .gallerysliders {
        padding: 120px 0 40px;
    }
}
.gallerysliders-slider {
    display: block;
    position: relative;
}
.gallerysliders-slider h4 {
    text-align: center;
    text-transform: uppercase;
}
.gallerysliders-slider .swiper {
    aspect-ratio: 1.51;
    width: 56.354rem;
    margin: 2.083rem auto 0;
}
@media (max-width: 760px) {
    .gallerysliders-slider .swiper {
        width: calc(100% - 40px);
        margin: 10px auto 0;
    }
}
.gallerysliders-slider .swiper-slide {
    object-fit: cover;
    cursor: grab;
}
.gallerysliders-slider .swiper-slide:active {
    cursor: grabbing;
}
.gallerysliders-slider + .gallerysliders-slider {
    margin-top: 2.083rem;
}
@media (max-width: 760px) {
    .gallerysliders-slider + .gallerysliders-slider {
        margin-top: 40px;
    }
}
.gallerysliders-next,
.gallerysliders-prev {
    transform-origin: 50%;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
:is(.gallerysliders-next, .gallerysliders-prev):active {
    opacity: 0.7;
}
:is(.gallerysliders-next, .gallerysliders-prev) svg {
    display: block;
}
@media (max-width: 760px) {
    :is(.gallerysliders-next, .gallerysliders-prev) svg {
        width: 26px;
        height: 26px;
    }
}
.gallerysliders-prev {
    left: 8.75rem;
    transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 760px) {
    .gallerysliders-prev {
        left: -13px;
    }
}
.gallerysliders-next {
    right: 8.75rem;
}
@media (max-width: 760px) {
    .gallerysliders-next {
        right: -13px;
    }
}
.presskit {
    padding-top: 13.802rem;
    padding-bottom: 6.901rem;
    display: block;
}
@media (max-width: 760px) {
    .presskit {
        padding-top: 100px;
    }
}
.presskit-top {
    text-align: center;
}
.presskit-list {
    max-width: 1000px;
    margin: 5rem auto 0;
    list-style-type: none;
}
.presskit-list-item {
    border-bottom: 1px solid var(--color-grey);
    transition: padding-bottom 0.3s var(--ease-in-out-quad);
    padding: 0.5em 0;
}
.presskit-list-item[data-active] {
    padding-bottom: 2rem;
}
@media (max-width: 760px) {
    .presskit-list-item[data-active] {
        padding-bottom: 25px;
    }
}
.presskit-list-item[data-active] .presskit-list-item-top {
    margin-bottom: 2rem;
}
@media (max-width: 760px) {
    .presskit-list-item[data-active] .presskit-list-item-top {
        margin-bottom: 25px;
    }
}
.presskit-list-item[data-active] .presskit-list-item-top p {
    font-weight: 600;
}
.presskit-list-item[data-active] .presskit-list-item-top svg {
    transform: rotate(90deg);
}
.presskit-list-item-top {
    justify-content: space-between;
    align-items: center;
    column-gap: var(--line-height-default);
    cursor: pointer;
    transition: margin-bottom 0.3s var(--ease-in-out-quad);
    flex-flow: row;
    display: flex;
}
.presskit-list-item-top svg {
    width: 2.813rem;
    height: 2.813rem;
    transition: transform 0.3s var(--ease-in-out-quad);
    display: block;
}
@media (max-width: 760px) {
    .presskit-list-item-top svg {
        width: 27px;
        height: 27px;
    }
}
.presskit-list-item-content {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: normal;
    gap: 4rem;
    height: 0;
    display: flex;
    overflow: hidden;
}
@media (max-width: 760px) {
    .presskit-list-item-content {
        gap: 50px;
    }
}
.presskit-card {
    width: calc(33.3333% - 2.66667rem);
}
@media (max-width: 760px) {
    .presskit-card {
        width: 100%;
    }
}
.presskit-card img {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%;
    height: auto;
    margin: 1em 0;
    display: block;
}
.presskit-card-download {
    justify-content: flex-start;
    align-items: center;
    column-gap: var(--line-height-default);
    flex-flow: row;
    margin-top: 1em;
    text-decoration: none;
    display: flex;
}
.presskit-card-download svg {
    width: 2.813rem;
    height: 2.813rem;
    display: block;
}
@media (max-width: 760px) {
    .presskit-card-download svg {
        width: 27px;
        height: 27px;
    }
	.text-mobile-h5 {font-size: var(--font-size-h3); width:100%;}
}

.elmo-show {
    position: fixed;
    bottom: 30px;
    left: 40px;
    z-index: 9999;
    background-color: #929292;
    color: white;
    padding: 10px;
    border-radius: 100px;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    font-family: sans-serif;
    font-size: 10px;
    opacity: 0.78;
    visibility: visible;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
.elmo-show.is-hidden {
    opacity: 0;
    visibility: hidden;
}