:root {
    --color-black: #000000;
    --color-black-rgb: 0, 0, 0;
    --color-filter-black: brightness(0);

    --color-body-black: #272f33;
    --color-body-black-rgb: 39, 47, 51;

    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;
    --color-filter-white: brightness(0) invert(1);

    --color-gray: #333132;
    --color-gray-rgb: 51, 49, 50;

    --color-gray-mid: #838383;
    --color-gray-mid-rgb: 131, 131, 131;

    --color-gray-light: #efefef;
    --color-red-rgb: 255, 0, 0;

    --color-red: #ff0000;
    --color-red-rgb: 255, 0, 0;

    --color-cream: #eae8d8;
    --color-cream-rgb: 234, 232, 216;

    --color-charcoal: #4c4c4c;
    --color-charcoal-rgb: 76, 76, 76;

    --color-body: var(--color-body-black);
    --color-body-rgb: var(--color-body-black-rgb);
    --color-body-couple: var(--color-white);
    --color-body-couple-rgb: var(--color-white-rgb);
    --color-theme: var(--color-cream);
    --color-theme-rgb: var(--color-cream-rgb);
    --color-theme-couple: var(--color-white);
    --color-theme-couple-rgb: var(--color-white-rgb);

    --color-active: var(--color-cream);
    --color-active-rgb: var(--color-cream-rgb);

    --rgb: var(--color-body-rgb);
    --rgb-couple: var(--color-body-couple-rgb);

    --font-body: "Poppins", "sans-serif";
    --font-heading: "Lexend Exa", "sans-serif";
    --font-heading-serif: "sloop-script-three", "serif";
    --font-weight-regular: normal;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --font-weight-body: var(--font-weight-regular);

    --font-size-h1: calc((0.75rem * 1.625) + 1.04166667vw);
    --font-size-h1-serif: calc((2.625rem * 1.625) + 1.04166667vw);
    --font-size-h2: calc((0.84821429rem * 1.625) + 0.44642857vw);
    --font-size-h2-serif: calc((2.72321429rem * 1.625) + 0.44642857vw);
    --font-size-h3: 1.4rem;
    --font-size-h4: 1.2rem;
    --font-size-h5: 1rem;
    --font-size-body-big: calc((0.71428571rem * 1.625) + 0.5952381vw);
    --font-size-body: calc((0.95535714rem * 1.625) + -0.29761905vw);
    --font-size-tagline: calc((0.75892857rem * 1.625) + -0.14880952vw);
    --font-size-button: calc((0.96428571rem * 1.625) + -0.44642857vw);
    --font-size-sub: 0.9rem;

    --line-height-body: normal;
    --line-height-button: normal;
    --line-height-tagline: normal;
    --line-height-h1: normal;
    --line-height-h2: normal;
    --line-height-h3: normal;
    --line-height-h4: normal;
    --line-height-h5: normal;
    --line-height-body-big: normal;

    --letter-spacing-sm: 0.06rem;

    --icon-size-xs: 1.6rem;
    --icon-size-sm: 2rem;
    --icon-size-md: 2.6rem;
    --icon-size-lg: 3rem;
    --icon-size-xl: 3.2rem;
    --icon-size-2xl: 3.6rem;
    --icon-size-3xl: 4rem;

    --spacing-8xl: 16rem;
    --spacing-7xl: 14rem;
    --spacing-6xl: 12rem;
    --spacing-5xl: 10rem;
    --spacing-4xl: 8rem;
    --spacing-3xl: 7.2rem;
    --spacing-2xl: 6.4rem;
    --spacing-xl: 6rem;
    --spacing-4lg: 5.6rem;
    --spacing-3lg: 5rem;
    --spacing-2lg: 4.8rem;
    --spacing-lg: 4rem;
    --spacing-2md: 3.6rem;
    --spacing-md: 3rem;
    --spacing-2sm: 2.4rem;
    --spacing-sm: 2rem;
    --spacing-xs: 1.6rem;
    --spacing-2xs: 1.2rem;
    --spacing-3xs: 1rem;
    --spacing-4xs: 0.8rem;
    --spacing-5xs: 0.6rem;
    --spacing-6xs: 0.4rem;
    --spacing-7xs: 0.2rem;
    --container-max-width-xl: 188rem;
    --spacing-container: var(--spacing-lg);
    --spacing-container-x2: var(--spacing-xl);
    --spacing-container-x3: var(--spacing-3xl);
    --spacing-container-x4: var(--spacing-5xl);
    --gap-section: var(--spacing-4xl);

    --hamburger-size: 3rem;
    --hamburger-line: 0.1rem;
    --hamburger-gap: 0.7rem;
    --hamburger-background: var(--color-white);
    --logo-height: 2rem;
    --header-height: 5.2rem;
    --footer-height: 0rem;
    --navi-height: 0;

    --border-width: 1px;
    --border-style: solid;
    --border-color: var(--color-theme);
    --border: var(--border-width) var(--border-style) var(--border-color);
    --border-light: var(--border-width) var(--border-style) rgba(var(--color-white-rgb), 0.2);

    --input-height: 4rem;
    --input-spacing-x: 0;
    --input-spacing-y: 0.3em;
    --input-border: var(--border-width) var(--border-style) var(--color-lime-light);

    --button-height: 4.1rem;
    --button-spacing-x: var(--spacing-xs);
    --button-spacing-y: var(--spacing-3xs);

    --radius: 1rem;
    --radius-x2: 2rem;
    --opacity-overlay: 0.7;
    --opacity: 0.5;
    --opacity-light: 0.15;
    --duration: 0.3s;
    --duration-x2: 0.5s;
    --duration-x3: 1.5s;
    --timing-function: ease-in-out;
}

/* SITE ==================== */
/* BLURRED IMAGE */
.blurred-media {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    filter: blur(1rem);
}

.blurred-media.white-pulse::before {
    background-color: var(--color-white);
}

.blurred-media::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    animation: pulse 1.5s infinite;
    background-color: var(--color-gray-dark);
}

@keyframes pulse {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.1;
    }
    100% {
        opacity: 0;
    }
}

.blurred-media.loaded {
    position: unset;
    filter: none;
}

.blurred-media.loaded::before {
    animation: none;
    content: none;
}

.blurred-media *:is(img, video) {
    opacity: 0;
    transition: opacity 250ms ease-in-out;
}

.blurred-media.loaded *:is(img, video) {
    opacity: 1;
}

/* GENERAL */
.no-scroll {
    height: 100% !important;
    overflow: hidden !important;
}
.c-black {
    color: var(--color-black) !important;
    --rgb: var(--color-black-rgb);
    --rgb-couple: var(--color-white-rgb);
    --filter: var(--filter-black);
}
.c-white {
    color: var(--color-white) !important;
    --rgb: var(--color-white-rgb);
    --rgb-couple: var(--color-black-rgb);
    --filter: var(--filter-white);
}
.c-gray {
    color: var(--color-gray) !important;
    --rgb: var(--color-gray-rgb);
    --rgb-couple: var(--color-white-rgb);
}
.c-theme {
    color: var(--color-theme) !important;
    --rgb: var(--color-theme-rgb);
    --rgb-couple: var(--color-theme-couple-rgb);
}

.bg-black {
    background-color: var(--color-black) !important;
}
.bg-white {
    background-color: var(--color-white) !important;
}
.bg-gray {
    background-color: var(--color-gray) !important;
}
.bg-theme {
    background-color: var(--color-theme) !important;
}

.filter-black {
    -webkit-filter: var(--filter-black) !important;
    filter: var(--filter-black) !important;
}
.filter-white {
    -webkit-filter: var(--filter-white) !important;
    filter: var(--filter-white) !important;
}
.filter-theme {
    -webkit-filter: var(--filter-theme) !important;
    filter: var(--filter-theme) !important;
}

.a-left {
    text-align: left !important;
}
.a-right {
    text-align: right !important;
}
.a-center {
    text-align: center !important;
}

.inline-block {
    display: inline-block !important;
}
.capitalize {
    text-transform: capitalize !important;
}
.uppercase {
    text-transform: uppercase !important;
}
.nowrap {
    white-space: nowrap !important;
}
.hidden {
    display: none !important;
}
.overflow-hidden {
    overflow: hidden !important;
}

.media-wrapper {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

*:is(.object, .object-fit, .object-auto, .object-contain, .object-fill-height, .object-fill-width) {
    text-decoration: none !important;
    box-shadow: none !important;
    background-image: none !important;
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.object-auto {
    height: auto;
}

.object > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.object-fit > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.object-auto > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
}

.object-contain > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.object-fill-height > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 100%;
}

.object-fill-width > *:is(img, video, iframe) {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.aspect-ratio-1 {
    aspect-ratio: 1 / 1;
}

.aspect-ratio-4-3 {
    aspect-ratio: 4 / 3;
}

.aspect-ratio-3-2 {
    aspect-ratio: 3 / 2;
}

.aspect-ratio-16-9 {
    aspect-ratio: 16 / 9;
}

.aspect-ratio-1-2 {
    aspect-ratio: 1 / 2;
}

.aspect-ratio-2-3 {
    aspect-ratio: 2 / 3;
}

.aspect-ratio-3-4 {
    aspect-ratio: 3 / 4;
}

.social {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-2xs) var(--spacing-2xs);
    line-height: 1;
    color: var(--color-charcoal);
}
.social a {
    display: block;
    text-decoration: none;
    background: none;
    box-shadow: none;
}
.social .ic {
    display: block;
    padding: 1px;
    margin: -1px;
    font-size: var(--icon-size-xs);
}

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

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-x-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.padding-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padding-0 {
    padding: 0 !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-x-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.margin-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.margin-0 {
    margin: 0 !important;
}

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

::-webkit-scrollbar {
    width: 0;
    overflow: hidden;
}

::-moz-selection {
    background: var(--color-theme);
    color: var(--color-white);
}
::selection {
    background: var(--color-charcoal);
    color: var(--color-white);
}
.bg-theme ::-moz-selection {
    background: var(--color-white);
    color: var(--color-theme);
}
.bg-theme ::selection {
    background: var(--color-white);
    color: var(--color-theme);
}

article,
aside,
figcaption,
figure,
picture,
footer,
header,
hgroup,
main,
nav,
section,
dl,
dd {
    display: block;
    margin: 0;
}
html {
    font-family: sans-serif;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    margin: 0;
    position: relative;
    min-height: 100svh;
    overflow-x: hidden;
    background: var(--color-cream);
    color: var(--color-body-black);
    -webkit-animation-name: pageAnimation;
    animation-name: pageAnimation;
    -webkit-animation-duration: var(--duration-x3);
    animation-duration: var(--duration-x3);
    -webkit-animation-timing-function: var(--timing-function);
    animation-timing-function: var(--timing-function);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: opacity;
}
@-webkit-keyframes pageAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes pageAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
p {
    margin: 0;
}
small {
    font-size: 88.8888888889%;
}
address {
    font-style: normal;
}
ul,
ol {
    list-style: none;
}
ul,
ol,
li {
    margin: 0;
    padding: 0;
}
a {
    color: inherit;
}
a,
a:hover,
a:focus {
    outline: 0;
    text-decoration: none;
    box-shadow: none;
}
a[href^="tel"] {
    white-space: nowrap;
}
a[href^="mailto"] {
    word-break: break-word;
}
a,
button,
[role="button"] {
    cursor: pointer;
}
button,
input,
textarea,
select {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    min-width: 0;
    font: inherit;
    line-height: normal;
    text-transform: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    text-indent: inherit;
    color: inherit;
}
fieldset {
    border: 0 !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
img {
    border: 0;
    outline: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
th,
td {
    padding: 0;
    font-weight: inherit;
}
hr {
    margin: 0;
    border: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--border-color);
}
iframe {
    border: 0;
}
[tabindex="-1"]:focus {
    outline: 0 !important;
}
script {
    margin: 0 !important;
}

html.resizing * {
    transition: none !important;
}

/* TEXT ==================== */
body {
    font-family: var(--font-body);
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
strong {
    font-weight: var(--font-weight-bold);
}
h1 {
    font-family: var(--font-heading);
    font-size: var(--font-size-h1);
    line-height: normal;
    font-weight: var(--font-weight-regular);
}

h1::first-letter,
.size-h1:first-letter {
    line-height: calc(var(--font-size-h1) * 1);
    font-size: var(--font-size-h1-serif);
    font-family: var(--font-heading-serif);
}
h2 {
    font-family: var(--font-heading);
    font-size: var(--font-size-h2);
    line-height: normal;
    font-weight: var(--font-weight-regular);
}
h2::first-letter,
.size-h2:first-letter {
    line-height: calc(var(--font-size-h1) * 1);
    font-size: var(--font-size-h2-serif);
    font-family: var(--font-heading-serif);
}
h3 {
    font-family: var(--font-heading);
    font-size: var(--font-size-h3);
    line-height: normal;
    font-weight: var(--font-weight-regular);
}
h4 {
    font-family: var(--font-heading);
    font-size: var(--font-size-h4);
    line-height: normal;
    font-weight: var(--font-weight-regular);
}
h5 {
    font-family: var(--font-heading);
    font-size: var(--font-size-h5);
    line-height: normal;
    font-weight: var(--font-weight-regular);
}
h6 {
    font-family: var(--font-heading);
    font-size: var(--font-size-body-big);
    line-height: normal;
    font-weight: var(--font-weight-regular);
}

.letter-spacing-sm {
    letter-spacing: var(--letter-spacing-sm);
}

.font-body {
    font-size: var(--font-body) !important;
}
.font-heading {
    font-family: var(--font-heading) !important;
}
.font-heading-serif {
    font-family: var(--font-heading-serif) !important;
}

.style-italic {
    font-style: italic !important;
}
.font-heading.style-italic {
    padding: 0.16em;
    margin: -0.16em;
}

.weight-light {
    font-weight: var(--font-weight-light) !important;
}
.weight-regular {
    font-weight: var(--font-weight-regular) !important;
}
.weight-medium {
    font-weight: var(--font-weight-medium) !important;
}
.weight-semibold {
    font-weight: var(--font-weight-semibold) !important;
}
.weight-bold {
    font-weight: var(--font-weight-bold) !important;
}
.weight-black {
    font-weight: var(--font-weight-black) !important;
}

.size-icon-xs {
    font-size: var(--icon-size-xs) !important;
}
.size-icon-sm {
    font-size: var(--icon-size-sm) !important;
}
.size-icon-md {
    font-size: var(--icon-size-md) !important;
}
.size-icon-lg {
    font-size: var(--icon-size-lg) !important;
}
.size-icon-xl {
    font-size: var(--icon-size-xl) !important;
}
.size-icon-2xl {
    font-size: var(--icon-size-2xl) !important;
}
.size-icon-3xl {
    font-size: var(--icon-size-3xl) !important;
}

.size-h1 {
    font-size: var(--font-size-h1) !important;
    line-height: normal;
}
.size-h2 {
    font-size: var(--font-size-h2) !important;
    line-height: normal;
}
.size-h3 {
    font-size: var(--font-size-h3) !important;
    line-height: normal;
}
.size-h4 {
    font-size: var(--font-size-h4) !important;
    line-height: normal;
}
.size-h5 {
    font-size: var(--font-size-h5) !important;
    line-height: normal;
}
.size-body-big {
    font-size: var(--font-size-body-big) !important;
    line-height: normal;
}
.size-body {
    font-family: var(--font-body);
    font-size: var(--font-size-body) !important;
    line-height: normal;
}
.size-tagline {
    font-family: var(--font-body);
    font-size: var(--font-size-tagline) !important;
    line-height: normal;
}
.size-button {
    font-size: var(--font-size-button) !important;
    line-height: normal;
}
.size-sub {
    font-size: var(--font-size-sub) !important;
    line-height: normal;
}

/* TRANSITION ====================*/
img,
a,
button,
[role="button"],
input,
textarea,
select,
.select2-selection__placeholder,
.select2-results__option,
.label.anim,
.button,
.ctrl,
.explore,
.container,
.object,
.object-fit,
.bg-img,
.tab-content,
.tabdata-content,
.ic:before,
*[class*="swiper-button-"] {
    transition: var(--duration) var(--timing-function);
}

/* CTAs ====================*/
html.no-touchevents a.clickable:hover {
    opacity: var(--opacity);
}

.link-overlay {
    font-size: 0;
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    pointer-events: auto;
}

.link-block {
    display: block;
    position: relative;
    z-index: 1;
}

*:is(.button, .wp-element-button, .wp-block-button__link) {
    --gap-y: 0;
    --gap-x: 0;
    --button-border: none;
    --button-hover-border: none;
    --button-bg: transparent;
    --button-hover-bg: transparent;
    --button-color: var(--color-body-black);
    --button-hover-color: var(--color-body-black);
    text-decoration: none !important;
    box-shadow: none !important;
    margin: 0;
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: var(--gap-y) var(--gap-x);
    vertical-align: top;
    white-space: normal;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 0 !important;
    padding-bottom: var(--spacing-5xs) !important;
    opacity: 1 !important;
    color: var(--button-color) !important;
    background: var(--button-bg) !important;
    border: var(--button-border) !important;
    border-radius: 0 !important;
    overflow: hidden;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    text-align: center;
    transition: var(--duration) var(--timing-function);
    text-transform: uppercase;
}

*:is(.button, .wp-element-button, .wp-block-button__link)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 66.66%;
    height: 0.1rem;
    background-color: rgba(var(--color-black-rgb), 0.2);
    transition: var(--duration) var(--timing-function);
}

html.no-touchevents *:is(.button, .wp-element-button, .wp-block-button__link):hover:before {
    width: 100%;
}

html.no-touchevents *:is(.button, .wp-element-button, .wp-block-button__link):hover {
    color: var(--button-hover-color) !important;
}

/* GENERAL ====================*/
.ic,
.ic-name {
    display: inline-block;
}
.ic > img {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 1em;
}
*[class*="ic-"] + *[class*="ic-"] {
    margin-left: var(--spacing-2xs);
}
.ic-youtube:before,
.ic-envelope:before {
    transform: scale(1.25);
    display: block;
    margin: 0 0.2em;
}
.brand {
    text-decoration: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}
.brand .logo {
    display: inline-block;
    vertical-align: top;
    height: var(--logo-height);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.lang ul {
    display: inline-flex;
    vertical-align: top;
    align-items: baseline;
}
.lang ul > li:not(:last-child, :empty):after {
    content: "|";
    margin: 0 0.5em;
}
.lang ul > li > a.active {
    color: var(--color-active);
}

html.no-touchevents .lang ul > li > a:not(.active):hover {
    opacity: var(--opacity);
}

/*CONTENT====================*/
.entry-content {
    --gap-row: var(--spacing-sm);
    --gap-column: var(--spacing-sm);
    --gap-content: var(--spacing-sm);
    --wp--preset--font-size--normal: var(--font-size-body);
    --wp--preset--font-size--small: var(--font-size-tagline);
    --wp--preset--font-size--medium: var(--font-size-h4);
    --wp--preset--font-size--large: var(--font-size-h4);
    --wp--preset--font-size--x-large: var(--font-size-h3);
    --wp--preset--font-size--xx-large: var(--font-size-h2);
    --wp--preset--font-size--huge: var(--font-size-h1);
    width: 100%;
}
.entry-content :is(h1, h2, h3, h4, h5, h6) {
    margin: 0;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-semibold);
    font-size: inherit;
    line-height: inherit;
    letter-spacing: normal;
}

.entry-content .has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
    line-height: var(--line-height-tagline);
}
.entry-content :is(h6, .has-normal-font-size, .has-regular-font-size) {
    font-size: var(--wp--preset--font-size--normal) !important;
    line-height: var(--line-height-body);
}
.entry-content :is(h5, .has-medium-font-size) {
    font-size: var(--wp--preset--font-size--medium) !important;
    line-height: var(--line-height-h4);
}
.entry-content :is(h4, .has-large-font-size, .has-larger-font-size) {
    font-size: var(--wp--preset--font-size--large) !important;
    line-height: var(--line-height-h4);
}
.entry-content :is(h3, .has-x-large-font-size) {
    font-size: var(--wp--preset--font-size--x-large) !important;
    line-height: var(--line-height-h3);
}
.entry-content :is(h2, .has-xx-large-font-size) {
    font-size: var(--wp--preset--font-size--xx-large) !important;
    line-height: var(--line-height-h2);
}
.entry-content :is(h1, .has-huge-font-size) {
    font-size: var(--wp--preset--font-size--huge) !important;
    line-height: var(--line-height-h1);
}
.entry-content p {
    margin: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: normal;
    color: inherit;
}
.entry-content a {
    color: var(--color-body-black);
    text-decoration: underline;
    display: inline-block;
}
.entry-content ul {
    margin: 0;
    padding: 0;
    list-style-type: disc;
    padding-left: 1.5em;
}
.entry-content ul li::marker {
    font-size: 0.75em;
}
.entry-content ul ul li {
    list-style-type: circle;
}
.entry-content > p + .wp-block-list {
    margin-top: 0;
}

.entry-content ol {
    margin: 0;
    padding: 0;
    list-style-type: decimal;
    list-style-position: inside;
}

.entry-content .is-layout-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: unset;
    grid-gap: var(--gap-row);
}

.entry-content :is(.wp-block-image, .wp-block-video) :is(img, video) {
    margin: 0;
    height: auto;
    max-height: none;
    max-width: 100%;
    vertical-align: top;
    overflow: hidden;
}
.entry-content :is(.wp-block-image, .wp-block-video).size-medium :is(img, video) {
    max-width: min(40rem, calc(100% - 2 * var(--spacing-container)));
    max-height: min(47.3rem, calc(100vh - var(--header-height)));
}

.entry-content .wp-block-embed .wp-block-embed__wrapper {
    position: relative;
}
.entry-content .wp-block-embed .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
}
.entry-content .wp-block-embed .wp-block-embed__wrapper > * {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.entry-content [class*="wp-block"] figcaption {
    font-style: normal;
    font-size: var(--font-size-body-sm);
    line-height: var(--line-height-body);
    color: var(--color-gray);
}

.entry-content > *,
.entry-content :is([class*="wp-block-"], figcaption) {
    margin: 0;
}
.entry-content > *:not(:first-child),
*:is(.wp-block-group, .wp-block-column, .wp-block-quote) > *:not(:first-child) {
    margin-top: var(--gap-content);
}
[class*="wp-block-"]:not(.wp-block-heading, .wp-block-list, .wp-block-column) + *:not(:first-child),
* + [class*="wp-block-"]:not(.wp-block-heading, .wp-block-list, .wp-block-column):not(:first-child) {
    margin-top: var(--gap-row);
}
.entry-content li:not(:first-child),
.entry-content br + *:not(:first-child),
.entry-content [class*="wp-block-"] br + *:not(:first-child),
.entry-content [class*="wp-block-"] figcaption:not(:first-child) {
    margin-top: var(--gap-content-xs);
}

.entry-content .wp-block-columns {
    grid-gap: var(--gap-row) var(--gap-column);
}
.entry-content .wp-block-columns > * {
    margin: 0;
}

.entry-content [class*="wp-block"].aligncenter {
    margin-left: auto;
    margin-right: auto;
}
.entry-content .has-text-align-center {
    text-align: center;
}

/* HAMBURGER ====================*/
.hamburger {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    line-height: 1;
}
.hamburger .bars {
    display: block;
    width: var(--hamburger-size);
    height: var(--hamburger-size);
    position: relative;
    transform: rotate(0deg);
    transition: var(--duration) var(--timing-function);
    cursor: pointer;
}
.hamburger .bars > .bar {
    display: block;
    position: absolute;
    width: 100%;
    height: var(--hamburger-line);
    background: rgba(var(--rgb), 1);
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: var(--duration) var(--timing-function);
}
.hamburger .bars > .bar:nth-child(1) {
    top: calc((var(--hamburger-size) / 3) - (var(--hamburger-line) / 2));
}
.hamburger .bars > .bar:is(:nth-child(2), :nth-child(3)) {
    top: calc((var(--hamburger-size) / 2) - (var(--hamburger-line) / 2));
}
.hamburger .bars > .bar:nth-child(4) {
    top: calc((var(--hamburger-size) / 3) * 2 - (var(--hamburger-line) / 2));
}
.active > .hamburger .bars > .bar:is(:nth-child(1), :nth-child(4)) {
    top: calc((var(--hamburger-size) / 2) - (var(--hamburger-line) / 2));
    left: 50%;
    width: 0%;
}
.active > .hamburger .bars > .bar:nth-child(2) {
    transform: rotate(45deg);
}
.active > .hamburger .bars > .bar:nth-child(3) {
    transform: rotate(-45deg);
}

/* FORM  ====================*/
*:is(input, textarea, select) {
    background: none;
    border-radius: 0;
    border: 0;
    border-bottom: var(--input-border);
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body);
    line-height: normal;
    text-transform: inherit;
    text-align: left;
    letter-spacing: inherit;
    text-indent: inherit;
    color: var(--color-body-black);
    display: block;
    width: 100%;
    height: var(--input-height);
    padding: var(--input-spacing-y) var(--input-spacing-x);
    opacity: 0.5;
}
textarea {
    --height: calc(var(--input-height) * 2);
    resize: none;
    display: block;
    overflow: auto;
    width: 100% !important;
    min-width: 100%;
    max-width: 100%;
    min-height: var(--height);
}

/* SELECT */
.select {
    position: relative;
}
.select select {
    line-height: normal;
    padding-right: var(--input-height);
    text-overflow: "";
    cursor: pointer;
}
.select:after {
    font-family: "iconfont";
    content: "\e90c";
    font-size: var(--icon-size-xs);
    font-weight: normal;
    line-height: 1;
    color: inherit;
    vertical-align: top;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-right: var(--input-spacing-x);
    width: var(--input-height);
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}
.select2-parent:after {
    display: none !important;
}
.select2-rendered__match {
    text-decoration: underline;
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 98;
    background-color: #fff;
    filter: alpha(opacity=0);
}
.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}
.select2-container {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
}
.select2-dropdown {
    --color-active: var(--color-black);
    box-sizing: border-box;
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1051;
    left: -100000px;
    font-weight: var(--font-weight-body);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body) !important;
    color: var(--color-middark) !important;
    background: var(--color-white) !important;
    border: var(--input-border) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    transition: none;
}
.select2-container--open .select2-dropdown {
    left: 0;
}
.select2-container--open .select2-dropdown--below {
    margin: -1px 0 0;
}
.select2-container--open .select2-dropdown--above {
    /*top*/
    margin: 0;
}
.select2-results {
    display: block;
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: var(--spacing-sm) var(--spacing-2sm);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    text-align: left;
}
.select2-results__option {
    padding: 0;
}
.select2-results__option:not(:last-child) {
    margin-bottom: var(--spacing-xs);
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}
.select2-results__option:not([id]) {
    margin: 0;
}
.select2-search--dropdown {
    display: block;
    padding: var(--spacing-sm);
}
.select2-search--dropdown .select2-search__field {
    padding: 7px 15px 8px;
    width: 100%;
    box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}
.select2-container--default .select2-selection--single {
    outline: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: var(--input-height);
    color: inherit;
    background: none;
    border: 0;
    border-bottom: var(--input-border);
    border-radius: 0;
    transition: none;
    overflow: hidden;
    cursor: pointer;
    font-weight: var(--font-weight-regular);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block;
    padding: var(--input-spacing-y) var(--input-spacing-x);
    padding-right: var(--input-height);
    height: 100%;
    line-height: calc(var(--input-height) - var(--input-spacing-y) * 2);
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
}
.select2-container--default .select2-selection--single .select2-selection__rendered[title] {
    background-color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    position: relative;
    cursor: pointer;
    float: right;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--color-theme);
    opacity: 1;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    display: block;
    width: calc(var(--input-height) / 2);
    height: 100%;
    font-size: 0;
    text-align: center;
    color: inherit;
    cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    margin: 0;
    position: static;
    top: auto;
    left: auto;
    display: block;
    width: 100%;
    height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before,
.select2-container--default .select2-selection--single .select2-selection__clear:before {
    font-family: "iconfont";
    font-size: var(--icon-size-xs);
    font-weight: normal;
    line-height: 1;
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-right: var(--input-spacing-x);
    text-align: center;
    width: 100%;
    height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: "\e90c";
}
.select2-container--default .select2-selection--single .select2-selection__clear:before {
    content: "\e900";
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: 0;
}
/* .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
} */
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--border-color);
}
.select2-container--default .select2-search--inline {
    float: left;
}
.select2-container--default .select2-search--inline .select2-search__field {
    -webkit-appearance: textfield;
    box-sizing: border-box;
    box-shadow: none;
    background: none;
    border: none;
    padding: 0;
    outline: 0;
    font-size: 100%;
    margin-top: 5px;
}
.select2-container--default .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 30vh;
    overflow-y: auto;
}
.select2-container--default .select2-results__option span {
    display: inline;
    font-weight: inherit;
    transition: var(--duration) var(--timing-function);
}
.select2-container--default .select2-results__option[role="group"] {
    padding: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: none;
    color: inherit;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] span {
    color: var(--color-active);
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
    font-weight: inherit;
    text-decoration: none;
    background: none;
    color: inherit;
}
.select2-container--default .select2-results__option[aria-selected="true"] span {
    box-shadow: var(--cta-shadow);
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
    background: none !important;
    color: inherit !important;
    opacity: var(--opacity-light) !important;
    pointer-events: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
.select2-container--default .select2-results__group {
    display: block;
    padding: 0;
    cursor: default;
}

/* CHECKBOX & RADIO */
.choice {
    position: relative;
    display: flex;
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: normal;
    text-transform: none;
}
.choice > span {
    position: relative;
    display: inline-block;
    -webkit-touch-callout: none;
}
.choice > input {
    position: absolute;
    z-index: -1000;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    background: none;
}
.choice input + span {
    display: inline-block;
    vertical-align: baseline;
    text-align: left;
    padding-left: calc(1em + var(--spacing-5xs));
    line-height: inherit;
    min-width: 1em;
    min-height: 1em;
    height: auto;
    cursor: pointer;
}
.choice input + span:before,
.choice input + span:after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    border-radius: 2px;
    color: rgba(var(--rgb), 1);
    line-height: 1;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0.25em;
}
.choice input + span:before {
    background: none;
    border: 1px solid;
}
.choice input + span:after {
    background: currentColor;
    opacity: 0;
    transform: scale(0.5);
    transition: opacity var(--duration) var(--timing-function);
}
.choice input:checked + span:after {
    opacity: 1;
}
.choice input[type="checkbox"] + span:after {
    font-family: "iconfont";
    content: "\e923";
    background: none;
    width: 1em;
    height: 1em;
    transform: scale(0.65);
}
.choice input[type="radio"] + span:before,
.choice input[type="radio"] + span:after {
    border-radius: 50%;
}
.choice-container {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: var(--spacing-xs);
}
.label:not(.anim) + *[class*="choice"] {
    margin-top: var(--spacing-sm);
}

.fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-gap: var(--spacing-xs) 0;
}
.field {
    position: relative;
    width: 100%;
}
.field.focusin {
    z-index: 2;
}

.label {
    padding: 0;
    border: 0;
    border-radius: 0;
    position: relative;
    display: block;
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: inherit;
    text-transform: none;
    color: var(--color-theme);
    opacity: 1;
}
.c-white .label {
    color: inherit;
}
.label:not(.anim):not(:last-child) {
    margin-bottom: var(--spacing-2xs);
}
.label a {
    box-shadow: var(--cta-shadow);
}
.label.anim {
    height: auto;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    left: 0;
    top: calc(var(--input-height) / 2);
    transform: translateY(-50%);
    padding: 0 var(--input-spacing-x);
    pointer-events: none;
}
.label.anim:not(.fixed) {
    transition-property: opacity, visibility;
}
.input.filled .label.anim:not(.fixed) {
    opacity: 0;
    visibility: hidden;
}
.input:has(*:-internal-autofill-selected) .label.anim:not(.fixed) {
    opacity: 0;
    visibility: hidden;
}

.input.filled .label.anim.fixed {
    top: 0;
    padding: 0;
    transform: translateY(-50%);
    font-size: var(--font-size-body-sub);
    opacity: var(--opacity);
}

.input:has(*:-internal-autofill-selected) .label.anim.fixed {
    top: 0;
    padding: 0;
    transform: translateY(-50%);
    font-size: var(--font-size-body-sub);
    opacity: var(--opacity);
}

.input {
    position: relative;
    text-align: left;
}

.input .entry-title {
    font-weight: var(--font-weight-body);
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
}
.input .entry-title:not(:last-child) {
    margin-bottom: var(--spacing-2sm);
}

.input.with-cta .cta {
    margin: 0;
    position: absolute;
    z-index: 3;
    right: 0;
    top: calc(var(--input-height) / 2);
    transform: translateY(-50%);
}
.input input:-internal-autofill-selected,
.input textarea:-internal-autofill-selected,
.input select:-internal-autofill-selected {
    color: inherit;
}
.input input:disabled,
.input textarea:disabled,
.input select:disabled,
.select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: default;
    opacity: 0.1;
}
.input input[type="checkbox"]:disabled,
.input input[type="radio"]:disabled {
    background-color: transparent;
}
.input :-ms-input-placeholder {
    font-size: var(--font-size-body) !important;
    font-weight: var(--font-weight-regular) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: var(--color-gray) !important;
    opacity: 1 !important;
}
.input ::-webkit-input-placeholder {
    font-size: var(--font-size-body) !important;
    font-weight: var(--font-weight-regular) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: var(--color-gray) !important;
    opacity: 1 !important;
}
.input ::-moz-placeholder {
    font-size: var(--font-size-body) !important;
    font-weight: var(--font-weight-regular) !important;
    font-style: normal !important;
    text-transform: none !important;
    color: var(--color-gray) !important;
    opacity: 1 !important;
}
.input ::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
.input ::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 0;
}
input::-webkit-contacts-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-transition: 5000s ease 0s;
    transition: 5000s ease 0s;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* FORM:UPLOAD FILE ====================*/

/* PLUGIN:POPUP ====================*/

/* PLUGIN:SLIDER ====================*/
.swiper {
    width: 100%;
}
.swiper-wrapper {
    will-change: transform;
}
.swiper-slide {
    width: 100% !important;
}

.swiper-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs);
    margin-top: var(--spacing-xs);
    position: relative;
    z-index: 30;
}

*[class*="swiper-button-"] {
    z-index: 10;
    outline: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    color: inherit;
    background: none;
    border-radius: 0;
    overflow: visible;
    position: relative;
    left: unset;
    top: unset;
    right: unset;
    bottom: unset;
    transform: none;
}

*[class*="swiper-button-"]:after {
    position: relative;
    font-family: var(--font-heading);
    font-weight: normal;
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    color: rgba(var(--color-body-rgb), 0.5);
    opacity: 1;
}

.swiper-button-prev:after {
    content: "PREVIOUS";
}
.swiper-button-next:after {
    content: "NEXT";
}
.swiper-button-disabled {
    opacity: var(--opacity-light) !important;
    pointer-events: none !important;
}
.swiper-button-lock {
    display: none !important;
}

.swiper-pagination.custom {
    position: relative;
    display: inline-block;
    font-family: var(--font-heading);
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    color: var(--color-charcoal);
    font-weight: var(--font-weight-regular);
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    transform: none;
    text-transform: uppercase;
    margin-top: var(--spacing-xs);
}

.swiper-pagination.custom .current {
    margin-left: var(--spacing-5xs);
}

.swiper-pagination {
    --rgb: var(--color-white-rgb);
    line-height: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: var(--spacing-2xs);
    pointer-events: none;
}
.swiper-horizontal > .swiper-pagination-bullets {
    bottom: var(--gap-section);
    left: unset;
    right: var(--header-nav-right);
    width: fit-content;
}

.swiper-pagination.a-center {
    justify-content: center;
}
.swiper-pagination-bullet {
    outline: none !important;
    margin: 0 !important;
    opacity: 1 !important;
    font-size: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    background: transparent;
    border: 1px solid var(--color-white);
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    transition: var(--duration) var(--timing-function);
    pointer-events: auto;
}
.swiper-pagination-bullet-active {
    background: rgba(var(--rgb), 1);
}
.static-pagination .swiper-pagination {
    position: static;
    margin: var(--spacing-2sm) 0;
}
.static-pagination .swiper-pagination-bullet {
    border: var(--border);
}
.static-pagination .swiper-pagination-bullet-active {
    background: rgba(var(--color-theme-rgb), 1);
}
.swiper-pagination[data-style="bar"] {
    grid-gap: 0;
}
.swiper-pagination[data-style="bar"] .swiper-pagination-bullet {
    border-radius: 0;
    height: 2px;
    width: 70px;
    max-width: 12.3076923077vw;
    margin: 0 !important;
}
.swiper-pagination[data-style="bar"] .swiper-pagination-bullet:first-child {
    margin-left: 0 !important;
}
.swiper-pagination[data-style="bar"] .swiper-pagination-bullet:last-child {
    margin-right: 0 !important;
}
.swiper-horizontal > .swiper-pagination[data-style="bar"] {
    bottom: var(--spacing-2md);
}

.swiper-fade .swiper-slide {
    opacity: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
}
.swiper-fade .swiper-slide-active {
    opacity: 1 !important;
    z-index: 1 !important;
    pointer-events: auto !important;
}

.swiper.default.fade .swiper-slide,
.swiper.auto.fade .swiper-slide {
    width: 100% !important;
    height: auto !important;
}
.swiper.default.fade .swiper-slide > *,
.swiper.auto.fade .swiper-slide > * {
    height: 100%;
}

.swiper.fix *[class*="swiper-button-"] {
    top: 0;
    transform: none;
}

.swiper-button-prev.spacing-x {
    left: var(--spacing-container);
}
.swiper-button-next.spacing-x {
    right: var(--spacing-container);
}

/*PLUGIN:MARQUEE====================*/
*[data-js="liMarquee"] .mWrap .mMove,
*[data-js="liMarquee"] .mWrap .mItem {
    width: auto !important;
}
*[data-js="liMarquee"] .mWrap .mItem {
    float: left !important;
}
*[data-js="liMarquee"] .cloneContent {
    padding: 0 !important;
}

/* FUNCTION:TAB ====================*/
.tab,
.tabdata {
    position: relative;
}
.tab-content,
.tabdata-content {
    margin: 0 !important;
    position: relative;
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition-property: opacity;
    transition-duration: 1s;
}
.tab-content.active,
.tabdata-content.active {
    height: auto;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
}

/* FUNCTION:ACCORDION ====================*/
.accordion {
    --title-color: var(--color-black);
    --title-color-active: var(--color-theme);
    --border-color: rgba(var(--color-white-rgb), 0.2);
}
.accordion:not(:last-child) {
    border-bottom: var(--border-width) var(--border-style) var(--border-color);
}
.accordion:first-child {
    margin-top: calc(var(--spacing-2sm) * -1);
}
.accordion:last-child {
    margin-bottom: calc(var(--spacing-2sm) * -1);
}

.accordion > .entry-panel {
    display: none;
    padding-bottom: var(--spacing-2md);
}
.accordion > .entry-panel *[block-width] {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.accordion > .entry-title {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    color: inherit;
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0;
    padding: var(--spacing-2sm) 0;
    transition: var(--duration) var(--timing-function);
    cursor: pointer;
}
.accordion.active > .entry-title {
    color: inherit;
}
.accordion > .entry-title:after {
    font-family: "iconfont";
    content: "\e908";
    font-size: var(--icon-size-sm);
    font-weight: normal;
    line-height: 1;
    display: block;
    margin-left: auto;
    margin-top: 1rem;
    pointer-events: none;
    transition: var(--duration) var(--timing-function);
}
.accordion.active > .entry-title:after {
    transform: rotate(-180deg);
}

.accordion > .entry-panel {
    padding-bottom: var(--spacing-2sm);
}

/* FUNCTION:VIDEO ==================== */

/* FUNCTION:CLIPBOARD ==================== */
#clipboard {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    max-width: 100%;
    margin: 0 auto;
    padding: var(--spacing-xs);
    font-family: var(--font-body);
    font-weight: var(--font-weight-body);
    font-size: var(--font-size-body-sub);
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase;
    background-color: var(--color-theme);
    color: var(--color-white);
    border-radius: 50%;
    overflow: hidden;
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* FUNCTION:COPY TO CLIPBOARD ==================== */
@-webkit-keyframes copy-slide-up {
    0% {
        -webkit-transform: translate(-50%, 0) scale(0.8);
        transform: translate(-50%, 0) scale(0.8);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(-50%, -120%) scale(1);
        transform: translate(-50%, -120%) scale(1);
        opacity: 1;
    }
}
@keyframes copy-slide-up {
    0% {
        -webkit-transform: translate(-50%, 0) scale(0.8);
        transform: translate(-50%, 0) scale(0.8);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(-50%, -120%) scale(1);
        transform: translate(-50%, -120%) scale(1);
        opacity: 1;
    }
}

#copy_tooltip {
    display: block;
    position: absolute;
    background: var(--color-theme);
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    top: 0;
    width: 12rem;
    left: 50%;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    line-height: var(--line-height-tagline);
    font-size: var(--font-size-tagline);
    font-family: var(--font-heading);
}

#copy_tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid var(--color-theme);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

#copy_tooltip.active {
    -webkit-animation: copy-slide-up 0.15s cubic-bezier(0.51, 0.92, 0.265, 1.55) both;
    animation: copy-slide-up 0.15s cubic-bezier(0.51, 0.92, 0.265, 1.55) both;
}

#copy_tooltip.inactive {
    -webkit-animation: copy-slide-up 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both;
    animation: copy-slide-up 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both;
}

/* PAGE ==================== */
#page {
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100svh;
    overflow: clip;
}

/* FILTER ==================== */

/*MODULES==================== */

/* ANIMATE ==================== */
.animate {
    -webkit-animation-duration: var(--duration);
    animation-duration: var(--duration);
    -webkit-animation-timing-function: var(--timing-function);
    animation-timing-function: var(--timing-function);
    /* will-change: opacity, transform; */
}
.animated {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

[class*="fadeEntry"] {
    animation-duration: var(--duration-x3);
    -webkit-animation-duration: var(--duration-x3);
    animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}

@keyframes fadeEntryUp {
    from {
        opacity: 0;
        transform: translateY(100px);
    }
}

@-webkit-keyframes fadeEntryUp {
    from {
        opacity: 0;
        transform: translateY(100px);
    }
}

.fadeEntryUp {
    animation-name: fadeEntryUp;
    -webkit-animation-name: fadeEntryUp;
}

@keyframes fadeEntryFromLeft {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
}

@-webkit-keyframes fadeEntryFromLeft {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
}

.fadeEntryFromLeft {
    animation-name: fadeEntryFromLeft;
    -webkit-animation-name: fadeEntryFromLeft;
}

@keyframes fadeEntryFromRight {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
}

@-webkit-keyframes fadeEntryFromRight {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
}

.fadeEntryFromRight {
    animation-name: fadeEntryFromRight;
    -webkit-animation-name: fadeEntryFromRight;
}

@-webkit-keyframes matrixZoomOut {
    from {
        opacity: 0;
        transform: scale(1.05);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes matrixZoomOut {
    from {
        opacity: 0;
        transform: scale(1.05);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.matrixZoomOut {
    transform-origin: center center;
    -webkit-animation-name: matrixZoomOut;
    animation-name: matrixZoomOut;
    animation-duration: 1s;
}

.lenis {
    height: auto;
}
.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}
.lenis.lenis-stopped {
    overflow: hidden;
}
.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

/* BUNDLE ==================== */
img,
iframe,
.button,
#header,
#footer,
.mfp-close,
.select2-selection--single,
.select2-results__option,
.choice > span,
.accordion > .entry-title,
.sc-billboard {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html.touchevents a {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.hamburger,
.plaimanas,
.button,
.social a,
.object,
.object-fit,
.qty-btn,
.sc-link,
.mfp-close .modal-dismiss {
    text-decoration: none !important;
    box-shadow: none !important;
}

/* CHECK ==================== */
#page-message {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--spacing-md);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background: var(--color-white);
    color: var(--color-black);
    will-change: opacity;
    opacity: 0;
    pointer-events: none;
}
@media (max-width: 991px) and (orientation: landscape) {
    html.is-device #page-message {
        opacity: 1;
        pointer-events: auto;
        transition: opacity var(--duration) var(--timing-function);
    }
}

/* HEADER ==================== */
#header {
    width: 100vw;
    position: sticky;
    z-index: 1001;
    top: 0;
    left: 0;
    padding: var(--spacing-sm) var(--spacing-container);
    height: var(--header-height);
}

.header-nav {
    display: flex;
    align-items: center;
    grid-gap: var(--spacing-xs);
    height: 100%;
}

.header-brand {
    margin-right: auto;
}

.header-intro {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    grid-gap: var(--spacing-3lg);
    background-color: var(--color-cream);
    padding: var(--spacing-sm) var(--spacing-container);
    transition: 0.1s var(--timing-function);
    z-index: 10;
}

.header-intro.scrolled-past-intro {
    opacity: 0;
    pointer-events: none;
}

.header-intro .intro-text > p + p {
    margin-top: var(--spacing-6xs);
}

.header-cta > a {
    font-size: 1rem;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
}

.panel {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    width: 47.2rem;
    max-width: 85vw;
    height: 100dvh;
    max-height: 100dvh;
    background-color: var(--color-cream);
    overflow: hidden;
    z-index: 95;
    transform: translateX(100%);
    transition: transform var(--duration-x2) cubic-bezier(0.83, 0, 0.17, 1);
}

.panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100vw;
    height: 100dvh;
    background-color: rgba(var(--color-charcoal-rgb), 0.8);
    opacity: 0;
    transition: opacity var(--duration-x2) var(--timing-function);
    pointer-events: none;
}

html.header-menu-enabled .panel {
    transform: translateX(0);
}

html.header-menu-enabled .panel-overlay {
    opacity: 1;
    pointer-events: auto;
}

.panel .panel-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-2sm);
    background-color: var(--color-cream);
}

.panel-scroll {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-mask-box-image: -webkit-linear-gradient(
        -90deg,
        transparent 0%,
        white var(--spacing-2md),
        white calc(100% - var(--spacing-2md)),
        transparent 100%
    );
}

.panel .panel-body {
    padding: var(--spacing-3xl) var(--spacing-lg) var(--spacing-2md);
}

.panel .panel-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--spacing-lg) var(--spacing-md);
}

.menu-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-bottom: 0.1rem solid rgba(var(--color-black-rgb), 0.1);
}

.menu-header .menu-logo {
    margin-bottom: var(--spacing-2lg);
}

.menu-header .menu-logo > img {
    width: clamp(6.9rem, 5.9722222222vw, 8.6rem);
    aspect-ratio: 1.5636363636;
}

.menu-header .menu-ttl {
    margin-bottom: var(--spacing-md);
}

.menu-header .menu-subttl {
    margin-bottom: var(--spacing-2md);
}

.menu-header .menu-cta {
    margin-bottom: var(--spacing-2lg);
}

.menu-body .menu {
    margin-top: var(--spacing-2lg);
    margin-bottom: var(--spacing-2lg);
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: var(--spacing-md);
}

/* FOOTER ==================== */
#footer {
    position: relative;
    z-index: 1000;
}

.footer-decoration {
    aspect-ratio: 9.4117647059;
    position: relative;
}

@keyframes float-1 {
    from {
        transform: translate3d(-2rem, -2.5rem, 0) rotate(2deg);
    }
    to {
        transform: translate3d(0.5rem, 0.5rem, 0) rotate(-2deg);
    }
}

@keyframes float-2 {
    from {
        transform: translate3d(-1.5rem, -1rem, 0) rotate(-2deg);
    }
    to {
        transform: translate3d(0.5rem, -1.5rem, 0) rotate(2deg);
    }
}

@keyframes float-3 {
    from {
        transform: translate3d(-0.5rem, -1.5rem, 0) rotate(2deg);
    }
    to {
        transform: translate3d(0.5rem, -0.5rem, 0) rotate(-2deg);
    }
}

.footer-decoration [class*="illus"] {
    position: absolute;
    top: 0;
    width: 1.5277777778vw;
    animation-name: float;
    animation-duration: 10s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

/* Illus-4 */
.footer-decoration .illus-4 {
    left: 10.9vw;
    animation-name: float-1;
    animation-direction: alternate;
    animation-delay: 0s;
}

/* Illus-8 */
.footer-decoration .illus-8 {
    left: 23.54vw;
    width: 3.26vw;
    animation-name: float-2;
    animation-direction: alternate-reverse;
    animation-delay: 0.15s;
}

/* Illus-5 */
.footer-decoration .illus-5 {
    left: 46.04vw;
    animation-name: float-3;
    animation-direction: alternate;
    animation-delay: 0.25s;
}

/* Illus-2 */
.footer-decoration .illus-2 {
    left: 69.65vw;
    animation-name: float-1;
    animation-direction: alternate-reverse;
    animation-delay: 0.35s;
}

/* Illus-9 */
.footer-decoration .illus-9 {
    left: 90vw;
    width: 0.69vw;
    animation-name: float-2;
    animation-direction: alternate;
    animation-delay: 0.45s;
}

.footer-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: var(--spacing-xs);
    padding: var(--spacing-2xs) var(--spacing-container);
}

.footer-brand .brand .logo {
    --logo-height: 2.5rem;
}

.footer-links .links {
    display: flex;
    grid-gap: var(--spacing-sm);
    flex-wrap: wrap;
    justify-content: center;
}

.footer-links .links a {
    text-transform: uppercase;
    font-size: var(--font-size-button);
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
}

/* MAIN ====================*/
#main {
    --sticky-top: calc(var(--header-height) + var(--spacing-container));
    position: relative;
    width: 100%;
}

section {
    overflow: clip;
    position: relative;
    width: 100vw;
}

.sc-inner {
    position: relative;
    width: 100%;
    padding-top: var(--gap-section);
    padding-bottom: var(--gap-section);
}
.sc-inner--follows {
    padding-top: calc(var(--gap-section) / 2);
}
.sc-inner--precedes {
    padding-bottom: calc(var(--gap-section) / 2);
}
.sc-inner--top-extra {
    padding-top: calc(var(--gap-section) * 1.5);
}
.sc-inner--bottom-extra {
    padding-bottom: calc(var(--gap-section) * 1.5);
}
.sc-inner--top-0 {
    padding-top: 0;
}
.sc-inner--bottom-0 {
    padding-bottom: 0;
}

.container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-container);
    padding-right: var(--spacing-container);
}
.wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
[class*="block-content-"] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}
.block-content-start {
    align-items: flex-start;
    text-align: start;
}
.block-content-center {
    align-items: center;
    text-align: center;
}
.block-content-end {
    align-items: flex-end;
    text-align: end;
}

.block-ttl > * {
    text-transform: uppercase;
}

.block-subttl > * {
    font-family: var(--font-heading);
    letter-spacing: var(--letter-spacing-sm);
    font-size: var(--font-size-tagline);
    line-height: var(--line-height-tagline);
    text-transform: uppercase;
    color: rgba(var(--color-body-black-rgb), 0.8);
}

.block-desc > * {
    transition: var(--duration) var(--timing-function);
    max-width: 54.4rem;
}

.block-desc > h5 {
    text-transform: uppercase;
    margin-bottom: var(--spacing-2xs);
}

.block-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: var(--spacing-xs);
}

.h-svh {
    height: 100svh;
}
.h-lvh {
    height: 100lvh;
}
.h-vh {
    height: 100vh;
}

.sc-billboard {
    position: relative;
    width: 100%;
    /* -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */
}

.sc-billboard.full-screen {
    height: 100svh;
}

[class*="gradient-overlay-"]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: var(--gradient-height, 30%);
    left: 0;
    background: linear-gradient(
        var(--gradient-direction, 0deg),
        rgba(0, 0, 0, var(--gradient-opacity, 0.6)) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    z-index: 10;
}

.gradient-overlay-top::before {
    top: 0;
    --gradient-direction: 180deg;
}

.gradient-overlay-bottom::before {
    bottom: 0;
    --gradient-direction: 0deg;
}

.overlay::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(var(--color-black-rgb), var(--overlay-opacity, 0.3));
    z-index: 1;
}

.sc-billboard .object-fit,
.sc-billboard .sc-inner,
.sc-billboard *:is(.swiper, .swiper-wrapper, .swiper-slide) {
    height: 100%;
    width: 100%;
}

.card {
    --text-align: left;
    width: 100%;
    display: block;
    position: relative;
    color: rgba(var(--rgb), 1);
    text-align: var(--text-align);
    white-space: normal;
    cursor: default;
}

.card-container {
    --gap-x: 0rem;
    --gap-y: 0rem;
    --column: 1;
    --minmax: 0rem;
    position: relative;
}

.card-container[data-card-layout="grid"] {
    display: grid;
    grid-gap: var(--gap-x) var(--gap-y);
    grid-template-columns: repeat(var(--column), calc((100% - (var(--gap-y) * (var(--column) - 1))) / var(--column)));
    grid-auto-flow: dense;
}

.card-container[data-card-layout="grid-minmax"] {
    display: grid;
    grid-gap: var(--gap-x) var(--gap-y);
    grid-template-columns: repeat(auto-fill, minmax(var(--minmax), 1fr));
    grid-auto-flow: dense;
}

.card-container[data-card-layout="flex"] {
    display: flex;
    flex-wrap: wrap;
    grid-gap: var(--gap-x) var(--gap-y);
}
.card-container[data-card-layout="flex"] > .card {
    width: calc((100% - (var(--gap-y) * (var(--column) - 1))) / var(--column));
}

.card-container[data-card-layout="slider"] {
    margin-left: calc((var(--gap-y) * -1) / 2);
    margin-right: calc((var(--gap-y) * -1) / 2);
}
.card-container[data-card-layout="slider"] .swiper-slide {
    width: calc(100% / var(--column)) !important;
    padding-left: calc(var(--gap-y) / 2);
    padding-right: calc(var(--gap-y) / 2);
}
.card-container[data-card-layout="slider"] .swiper-button-prev {
    transform: translateX(calc((var(--gap-y)) / 2));
}
.card-container[data-card-layout="slider"] .swiper-button-next {
    transform: translateX(calc((var(--gap-y) * -1) / 2));
}

.card .card-image {
    position: relative;
}

.card .card-cover {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.card .card-content {
    position: relative;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-sm);
}

.sc-header {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-md);
}
.sc-header.justify-center {
    justify-content: center;
    text-align: center;
}
.sc-header.justify-between {
    justify-content: space-between;
}
.sc-ttl {
    font-size: var(--font-size-h1);
    line-height: var(--line-height-h1);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
}
.marquee {
    display: inline-flex !important;
}

/* COMPONENT */
/* DEFAULT ====================*/

/* SECTION ====================*/
/* <--- CTA ---> */
[data-section="cta"] .sc-inner {
    padding-bottom: max(17.3611111111vw, 25rem);
}

[data-section="cta"] .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: var(--spacing-container);
}

[data-section="cta"] .block-wrapper {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

[data-section="cta"] [class*="block-content-"] .block-desc > * {
    max-width: max(29.3055555556vw, 42.2rem);
}

[data-section="cta"] .cta-diagram {
    aspect-ratio: 1.400862069;
    width: 45.1388888889vw;
    position: relative;
    flex-shrink: 0;
    margin-left: 2.08333333333vw;
}

[data-section="cta"] .media-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(202, 227, 139, 0.2);
    z-index: 1;
    mix-blend-mode: color;
}

[data-section="cta"] .media-wrapper {
    height: 100%;
    position: relative;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="650" height="464" viewBox="0 0 650 464" fill="none"><path d="M0 0V423.325H245.39L348.11 443.662H474.8L650 464V0H0Z" fill="%23EAE8D8"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="650" height="464" viewBox="0 0 650 464" fill="none"><path d="M0 0V423.325H245.39L348.11 443.662H474.8L650 464V0H0Z" fill="%23EAE8D8"/></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    mask-mode: alpha;
    background-color: rgba(202, 227, 139, 0.2);
}

[data-section="cta"] .cta-decoration {
    width: 64.3076923077%;
    aspect-ratio: 2.8827586207;
    position: absolute;
    left: -4.6153846154%;
    bottom: -10.775862069%;
}

[data-section="cta"] .cta-note {
    aspect-ratio: 0.9454545455;
    width: 24%;
    position: absolute;
    top: 84.6982758621%;
    left: 50%;
}

[data-section="cta"] .cta-note .note {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 36% 10% 22%;
    text-align: center;
}

[data-section="cta"] .cta-hotel {
    aspect-ratio: 0.6666666667;
    width: 20.9230769231%;
    position: absolute;
    top: 81.8965517241%;
    left: 72.3076923077%;
}

[data-section="cta"] .cta-hotel .note {
    position: absolute;
    top: calc(100% + var(--spacing-4xs));
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    text-wrap: nowrap;
}

/* ELEMENT ====================*/
/* Illus */
[class*="illus"] {
    position: absolute;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 1;
}

.illus-1 {
    background-image: url("../media/design/illus-1.svg");
}
.illus-2 {
    background-image: url("../media/design/illus-2.svg");
}
.illus-3 {
    background-image: url("../media/design/illus-3.svg");
}
.illus-4 {
    background-image: url("../media/design/illus-4.svg");
}
.illus-5 {
    background-image: url("../media/design/illus-5.svg");
}
.illus-6 {
    background-image: url("../media/design/illus-6.svg");
}
.illus-7 {
    background-image: url("../media/design/illus-7.svg");
    aspect-ratio: 0.9069767442;
}
.illus-8 {
    background-image: url("../media/design/illus-8.svg");
    aspect-ratio: 2.95;
}
.illus-9 {
    background-image: url("../media/design/illus-9.svg");
    aspect-ratio: 0.2631578947;
}
.illus-10 {
    background-image: url("../media/design/illus-10.svg");
    aspect-ratio: 0.2631578947;
}
.illus-11 {
    background-image: url("../media/design/illus-11.svg");
}
.illus-12 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="125" height="125" viewBox="0 0 125 125" fill="none"><g clip-path="url(%23clip0_651_1573)"><path d="M62.5034 125V0" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M51.6479 124.055L73.3522 0.951996" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M41.1211 121.233L83.879 3.76689" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M31.2515 116.631L93.7481 8.37622" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M22.3276 110.378L102.673 14.6225" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M14.6226 102.672L110.378 22.3275" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M8.37598 93.7483L116.63 31.2517" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M3.76709 83.879L121.233 41.1279" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M0.952148 73.3521L124.055 51.6478" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M0 62.5034H125" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M0.952148 51.6478L124.055 73.3521" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M3.76709 41.1279L121.233 83.879" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M8.37598 31.2517L116.63 93.7483" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M14.6226 22.3275L110.378 102.672" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M22.3276 14.6225L102.673 110.378" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M31.2515 8.37622L93.7481 116.631" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M41.1211 3.76689L83.879 121.233" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/><path d="M51.6479 0.951996L73.3522 124.055" stroke="%23CAC2A6" stroke-width="2" stroke-miterlimit="10"/></g><defs><clipPath id="clip0_651_1573"><rect width="125" height="125" fill="white"/></clipPath></defs></svg>');
}

/* Cloud */
[class*="cloud-"] {
    position: absolute;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 50;
}

[class*="cloud-"].reverse-x > * {
    scale: -1 1;
}

.cloud-small {
    aspect-ratio: 1.7729468599;
    background-image: url("../media/design/cloud-small.png");
}

.cloud-big {
    aspect-ratio: 2.002066115702;
}

.cloud-big > [class^="variant-"] {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.cloud-big > .variant-1 {
    background-image: url("../media/design/cloud-big-1.png");
}

@keyframes flicker {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.cloud-big > .variant-2 {
    background-image: url("../media/design/cloud-big-2.png");
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    animation: flicker 1.5s infinite;
}

/* Illus Animation Frame */
@keyframes show1 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes show2 {
    0%,
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75%,
    100% {
        opacity: 0;
    }
}
@keyframes show3 {
    0%,
    50% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes show4 {
    0%,
    75% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.illus-animation-frame > [class^="variant-"] {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    inset: 0;
    opacity: 0;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.illus-animation-frame > .variant-1 {
    background-image: url("../media/design/illus-animation-frame-1.png");
    animation-name: show1;
}
.illus-animation-frame > .variant-2 {
    background-image: url("../media/design/illus-animation-frame-2.png");
    animation-name: show2;
}
.illus-animation-frame > .variant-3 {
    background-image: url("../media/design/illus-animation-frame-3.png");
    animation-name: show3;
}
.illus-animation-frame > .variant-4 {
    background-image: url("../media/design/illus-animation-frame-4.png");
    animation-name: show4;
}

/* Cursor */
.cursor {
    width: 3.5rem;
    aspect-ratio: 1;
    position: fixed;
    z-index: 1099;
    transform: translate(50%, 50%);
}

.cursor .circle {
    position: absolute;
    top: 0;
    left: 0;
    border: 0.1rem solid var(--color-gray-mid);
    width: 0.7rem;
    aspect-ratio: 1;
    border-radius: 50%;
    transition: var(--duration) var(--timing-function);
}

.cursor.hover-cursor .circle {
    background-color: var(--color-gray-mid);
}

.cursor [class^="illus-"] {
    bottom: 0;
    right: 0;
    width: 75%;
    aspect-ratio: 1;
    opacity: 0;
    transition: opacity var(--duration) var(--timing-function);
}

.cursor:not(.hover-cursor) .default {
    opacity: 1;
}

@keyframes hoverIllustration {
    2.5%,
    22.5% {
        opacity: 1;
    }
    0%,
    25%,
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes hoverIllustration {
    2.5%,
    22.5% {
        opacity: 1;
    }
    0%,
    25%,
    100% {
        opacity: 0;
    }
}

.cursor.hover-cursor .hover {
    animation: hoverIllustration 4s infinite;
    -webkit-animation: hoverIllustration 4s infinite;
}

.cursor.hover-cursor .illus-2 {
    animation-delay: 0s;
}

.cursor.hover-cursor .illus-3 {
    animation-delay: 1s;
}

.cursor.hover-cursor .illus-4 {
    animation-delay: 2s;
}

.cursor.hover-cursor .illus-5 {
    animation-delay: 3s;
}

/* PAGE */
/* PAGE: INDEX */
/* <--- Index Intro ---> */
[data-section="index-intro"] {
    overflow: visible;
}

[data-section="index-intro"] .sc-billboard {
    padding: var(--spacing-xl) var(--spacing-container) var(--header-intro-height);
    height: calc(100svh - var(--header-height));
}

[data-section="index-intro"] .content {
    display: flex;
    height: 100%;
}

[data-section="index-intro"] .video-container {
    width: 69.55882353%;
    /* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 1)); */
}

[data-section="index-intro"] .video-wrapper {
    height: 100%;
    position: relative;
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="664" viewBox="0 0 1024 664" fill="none"><path d="M1024 0V403.235C1024 514.443 961.028 571.401 908.153 599.587C852.83 629.139 797.876 633.125 795.579 633.298L768.145 635.118V122.474L625.081 490.199C603.129 546.356 561.436 579.958 524.62 599.587C469.275 629.139 414.342 633.125 412.023 633.298L384.611 635.118V150.921C384.611 123.102 350.698 109.496 331.477 129.58L146.698 357.412C235.696 359.124 305.971 428.496 305.971 510.586C305.971 597.637 232.836 667.963 144.748 663.326C66.3248 659.188 3.24401 595.189 0.12356 516.761C-1.34999 479.756 10.4384 445.504 31.0897 418.292L30.7213 417.945L377.33 0H640.466V217.541C640.466 232.404 660.706 236.802 666.86 223.239L768.145 0H1024Z" fill="%234C4C4C"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="664" viewBox="0 0 1024 664" fill="none"><path d="M1024 0V403.235C1024 514.443 961.028 571.401 908.153 599.587C852.83 629.139 797.876 633.125 795.579 633.298L768.145 635.118V122.474L625.081 490.199C603.129 546.356 561.436 579.958 524.62 599.587C469.275 629.139 414.342 633.125 412.023 633.298L384.611 635.118V150.921C384.611 123.102 350.698 109.496 331.477 129.58L146.698 357.412C235.696 359.124 305.971 428.496 305.971 510.586C305.971 597.637 232.836 667.963 144.748 663.326C66.3248 659.188 3.24401 595.189 0.12356 516.761C-1.34999 479.756 10.4384 445.504 31.0897 418.292L30.7213 417.945L377.33 0H640.466V217.541C640.466 232.404 660.706 236.802 666.86 223.239L768.145 0H1024Z" fill="%234C4C4C"/></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    mask-mode: alpha;
    background-color: rgba(202, 227, 139, 0.2);
}

[data-section="index-intro"] .video-wrapper .cover {
    mix-blend-mode: color;
}

[data-section="index-intro"] .video-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(202, 227, 139, 0.2);
    z-index: 1;
    mix-blend-mode: color;
}

[data-section="index-intro"] .decoration-container {
    width: 30.44117647%;
    position: relative;
    display: flex;
    align-items: center;
}

[data-section="index-intro"] .decoration-wrapper {
    aspect-ratio: 0.7028862479;
    width: 100%;
    position: relative;
}

[data-section="index-intro"] .decoration-left {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
}

[data-section="index-intro"] .illus-7 {
    position: static;
    width: 2.7083333333vw;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}
[data-section="index-intro"] .illus-6 {
    width: 86.23188406%;
    top: 0;
    right: 0;
    animation: rotate 80s infinite;
    -webkit-animation: rotate 80s infinite;
}

[data-section="index-intro"] .decoration-tree {
    width: 100%;
    aspect-ratio: 1.3410596026;
    position: absolute;
    bottom: 0;
    left: 0;
}

@keyframes shake {
    0% {
        transform: rotate(-10deg);
    }
    25%,
    50% {
        transform: rotate(10deg);
    }
    75%,
    100% {
        transform: rotate(-10deg);
    }
}

@-webkit-keyframes shake {
    0% {
        transform: rotate(-10deg);
    }
    25%,
    50% {
        transform: rotate(10deg);
    }
    75%,
    100% {
        transform: rotate(-10deg);
    }
}

[data-section="index-intro"] .decoration-instrument {
    width: 57.97101449%;
    aspect-ratio: 0.8727272727;
    position: absolute;
    bottom: 15.4237288136%;
    right: 0;
    animation: shake 4s infinite;
    -webkit-animation: shake 4s infinite;
}

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

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100vw);
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100vw);
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100vw);
    }
}

[data-section="index-intro"] .light-gradient {
    position: absolute;
    width: 73.1944444444vw;
    aspect-ratio: 1.5187319885;
    background: radial-gradient(50% 50% at 50% 50%, #eae8d8 0%, rgba(234, 232, 216, 0) 100%);
    z-index: 10;
}

[data-section="index-intro"] [data-cloud="1"] {
    width: 25.4861111111vw;
    top: 10.8641975309vh;
    left: 13.6805555556vw;
}

[data-section="index-intro"] [data-cloud="2"] {
    width: 41.5972222222vw;
    top: 15.5555555556vh;
    left: -4.3055555556vw;
}

[data-section="index-intro"] [data-cloud="3"] {
    width: 24.02777777778vw;
    top: 55.1851851852vh;
    left: 19.8611111111vw;
}

[data-section="index-intro"] [data-cloud="4"] {
    width: 30.4166666667vw;
    top: 1.3580246914vh;
    left: 57.2222222222vw;
}

[data-section="index-intro"] [data-cloud="5"] {
    width: 55.2777777778vw;
    top: 0;
    right: -13.8888888889vw;
}

[data-section="index-intro"] [data-cloud="6"] {
    width: 67.3611111111vw;
    top: 32.4691358025vh;
    right: 0;
}

[data-section="index-intro"] {
    --cloud-animation-delay: 1s;
    --cloud-animation-duration: 3s;
}

[data-section="index-intro"] *:is([data-cloud="1"], [data-cloud="2"], [data-cloud="3"], .light-gradient) {
    animation: slideOutLeft var(--cloud-animation-duration) forwards var(--cloud-animation-delay);
    -webkit-animation: slideOutLeft var(--cloud-animation-duration) forwards var(--cloud-animation-delay);
}

[data-section="index-intro"] *:is([data-cloud="4"], [data-cloud="5"], [data-cloud="6"]) {
    animation: slideOutRight var(--cloud-animation-duration) forwards var(--cloud-animation-delay);
    -webkit-animation: slideOutRight var(--cloud-animation-duration) forwards var(--cloud-animation-delay);
}

/* <--- Index Landing ---> */
[data-section="index-landing"] .landing-bg {
    aspect-ratio: 2.8631578947;
    position: relative;
}

[data-section="index-landing"] .landing-bg .cover {
    z-index: 80;
}

[data-section="index-landing"] [data-cloud="1"] {
    width: 12.9166666667vw;
    top: 11.7894736842%;
    left: 0;
}

[data-section="index-landing"] [data-cloud="2"] {
    width: 8.9166666667vw;
    top: 30.789474%;
    left: 23%;
}

[data-section="index-landing"] [data-cloud="3"] {
    width: 19.6527777778vw;
    top: 0;
    right: 0;
}

[data-section="index-landing"] .landing-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-md) max(2.9166666667vw, var(--spacing-lg)) 0;
    grid-gap: var(--spacing-3lg);
    position: relative;
    z-index: 90;
}

[data-section="index-landing"] .landing-navigation .block-desc > * {
    max-width: max(28.6111111111vw, 41.2rem);
    font-size: var(--font-size-h5);
    font-family: var(--font-heading);
    text-transform: uppercase;
}

[data-section="index-landing"] .team-list {
    --image-size: max(8.8194444444vw, 12.8rem);
    display: flex;
    grid-gap: var(--spacing-4xs);
    margin-top: calc((var(--spacing-md) + var(--image-size)) * -1);
}

[data-section="index-landing"] .team-list .team {
    width: var(--image-size);
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

[data-section="index-landing"] .team-list .team::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    mix-blend-mode: color;
    opacity: 0;
    transition: var(--duration) var(--timing-function);
}

[data-section="index-landing"] .team-list .team:nth-child(1)::before {
    background-color: #7483a8;
}

[data-section="index-landing"] .team-list .team:nth-child(2)::before {
    background-color: #c9d6bc;
}

[data-section="index-landing"] .team-list .team:nth-child(3)::before {
    background-color: #7483a8;
}

html.no-touchevents [data-section="index-landing"] .team-list .team:hover::before {
    opacity: 1;
}

/* <--- Index Vision ---> */
[data-section="index-vision"] .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: var(--spacing-md);
}

[data-section="index-vision"] .content [class*="block-content-"] {
    max-width: 54.4rem;
    margin-left: 1.3888888889vw;
}

[data-section="index-vision"] .block-ttl > * {
    text-transform: unset;
}

[data-section="index-vision"] .content .font-light {
    font-weight: var(--font-weight-light);
}

[data-section="index-vision"] .content .decorarion-wrapper {
    aspect-ratio: 1.4056603774;
    width: 41.3888888889vw;
    position: relative;
}

[data-section="index-vision"] .illus-animation-frame {
    position: absolute;
    width: 6.1111111111vw;
    aspect-ratio: 1;
    top: 50.4716981132%;
    left: 30.2735849057%;
}

/* <--- Index Gallery ---> */
[data-section="index-gallery"] .block-content-center {
    margin-bottom: var(--spacing-3lg);
}

[data-section="index-gallery"] .card-container {
    --column: 4;
    --gap-x: var(--spacing-md);
    --gap-y: var(--spacing-md);
}

[data-section="index-gallery"] .polaroid-marquee [data-card="polaroid"] {
    width: 63.5897435897vw;
}

[data-section="index-gallery"] .marquee-wrapper {
    overflow: visible !important;
}

[data-card="polaroid"] {
    aspect-ratio: 0.6291666667;
    position: relative;
}

[data-card="polaroid"]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(221, 221, 221, 0.32);
    mix-blend-mode: color;
    z-index: 1;
}

[data-card="polaroid"]:nth-child(4n + 1) {
    transform: rotate(-2deg);
    margin-top: 6.25%;
}

[data-card="polaroid"]:nth-child(4n + 2) {
    animation-delay: 0.2s;
}

[data-card="polaroid"]:nth-child(4n + 3) {
    transform: rotate(2deg);
    margin-top: 6.25%;
    animation-delay: 0.4s;
}

[data-card="polaroid"]:nth-child(4n + 4) {
    animation-delay: 0.6s;
}

[data-card="polaroid"] .card-cover {
    z-index: 10;
}

[data-card="polaroid"] .card-cover .cover-desc {
    height: 13.75%;
    padding-inline: 6.6225165563%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

[data-card="polaroid"] .card-cover .cover-desc > * {
    font-size: var(--font-size-sub);
}

[data-card="polaroid"] .card-image {
    position: absolute;
    aspect-ratio: 3 / 4;
    width: 92.71523179%;
    top: 6.875%;
    left: 50%;
    transform: translateX(-50%);
}

/* <--- Index Join ---> */
[data-section="index-join"] [class*="block-content-"] {
    margin-bottom: var(--spacing-xs);
}

[data-section="index-join"] .card-container {
    --column: 3;
    --gap-y: max(5.5555555556vw, var(--spacing-4xl));
}

[data-section="index-join"] .swiper {
    overflow: visible;
}

[data-section="index-join"] .slide-image {
    aspect-ratio: 1.4182509506;
}

[data-section="index-join"] .slide-image .object-fit > *:is(img, video) {
    object-fit: contain;
    object-position: bottom center;
}

[data-section="index-join"] .slide-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: var(--spacing-2xs);
    text-align: center;
}

[data-section="index-join"] .slide-content .slide-counter {
    font-size: var(--font-size-h1-serif);
    line-height: 100%;
    height: var(--spacing-lg);
    font-weight: var(--font-weight-regular);
    font-family: var(--font-heading-serif);
    margin-bottom: var(--spacing-6xs);
}

[data-section="index-join"] .slide-content .slide-subttl {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    text-transform: uppercase;
}

[data-section="index-join"] .slide-content .slide-desc {
    width: 64.1497326203%;
}

/* PAGE: ACCOMMODATION */
/* <--- Accommodation Landing ---> */
[data-section="accommodation-landing"] {
    min-height: calc(100svh - var(--header-height));
    display: flex;
    flex-direction: column;
}

[data-section="accommodation-landing"] .sc-inner {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

[data-section="accommodation-landing"] .container {
    flex-grow: 1;
    display: grid;
    grid-template-rows: 1fr auto;
}

[data-section="accommodation-landing"] .container [class*="block-content-"] {
    justify-content: center;
}

[data-section="accommodation-landing"] .landing-bg {
    aspect-ratio: 2.8792372881;
    position: relative;
}

[data-section="accommodation-landing"] .landing-bg .cover {
    z-index: 80;
}

[data-section="accommodation-landing"] [data-cloud="1"] {
    width: 12.9166666667vw;
    top: 11.7894736842%;
    left: 0;
}

[data-section="accommodation-landing"] [data-cloud="2"] {
    width: 8.9166666667vw;
    top: 30.789474%;
    left: 23%;
}

[data-section="accommodation-landing"] [data-cloud="3"] {
    width: 19.6527777778vw;
    top: 0;
    right: 0;
}

.accordion {
    width: 8.2413539367%;
    aspect-ratio: 1;
    position: absolute;
    right: 6.9168506255%;
    bottom: 14.1949152542%;
    z-index: 100;
}

@keyframes subtleShake {
    0% {
        transform: translateY(0%) rotate(0deg);
    }
    50% {
        transform: translateY(-10%) rotate(5deg);
    }
    100% {
        transform: translateY(0%) rotate(0deg);
    }
}

.accordion .instrument {
    width: 100%;
    height: 100%;
    background-image: url(../media/design/accordion.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    animation: subtleShake 4s infinite;
}

.accordion .shadow {
    position: absolute;
    bottom: 0;
    left: 35%;
    transform: translateY(50%);
    width: 100%;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="126" height="25" viewBox="0 0 126 25" fill="none"><g style="mix-blend-mode:multiply" opacity="0.36" filter="url(%23filter0_f_589_4182)"><ellipse cx="63" cy="12.5" rx="59" ry="8.5" fill="black"/></g><defs><filter id="filter0_f_589_4182" x="0" y="0" width="126" height="25" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_589_4182"/></filter></defs></svg>');
    aspect-ratio: 6.9411764706;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

[data-section="content-template-1"] .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: var(--spacing-container);
}

[data-section="content-template-1"] [class*="block-content-"] {
    flex-grow: 1;
}

[data-section="content-template-1"] .block-desc > * {
    max-width: 47.4rem;
}

[data-section="content-template-1"] .media {
    aspect-ratio: 1.3347457627;
    width: 43.75vw;
    position: relative;
    flex-shrink: 0;
    margin-left: 3.5416666667vw;
}

[data-section="content-template-1"] .media .decoration {
    position: absolute;
    left: -8.09523809524%;
    bottom: -5.5084745763%;
    width: 28.8888888889%;
    aspect-ratio: 1.5041322314;
}

/* <--- Content Template 2 ---> */
[data-section="content-template-2"] .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: var(--spacing-md);
}

[data-section="content-template-2"] [class*="block-content-"] {
    flex-grow: 1;
}

[data-section="content-template-2"] .block-desc > * {
    max-width: 47.4rem;
}

[data-section="content-template-2"] .media-wrapper {
    display: flex;
    grid-gap: var(--spacing-2xs);
    aspect-ratio: 1.7057142857;
    width: 41.4583333333vw;
    margin-right: 3.6805555556vw;
    overflow: visible;
}

[data-section="content-template-2"] .media-wrapper .media {
    height: fit-content;
    position: relative;
}

[data-section="content-template-2"] .media-wrapper [data-media="1"] {
    aspect-ratio: 0.75;
    width: 28.1407035176%;
    flex-shrink: 0;
    align-self: flex-end;
}

[data-section="content-template-2"] [data-media="1"] .illus-5 {
    width: 4.1666666667vw;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
}

[data-section="content-template-2"] .media-wrapper [data-media="2"] {
    aspect-ratio: 1.3365384615;
    flex-grow: 1;
}

[data-section="content-template-2"] [data-media="2"] .decoration {
    aspect-ratio: 1.610619469;
    position: absolute;
    right: -3.6805555556vw;
    bottom: -1.875vw;
    width: 12.6388888889vw;
}

/* <--- Performance Venue ---> */
[data-section="performance-venue"] .sc-inner:before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: calc(var(--gap-section) / 2);
    background: var(--color-cream);
    z-index: 50;
}

[data-section="performance-venue"] .swiper {
    overflow: visible;
}

[data-section="performance-venue"] [class*="block-content-"] {
    height: auto !important;
    margin-bottom: var(--spacing-lg);
}

[data-section="performance-venue"] .block-desc > * {
    max-width: 47.4rem;
}

[data-section="performance-venue"] .venue-gallery {
    height: auto !important;
    --gap-y: var(--spacing-sm);
}

[data-section="performance-venue"] .venue-gallery .swiper.auto .swiper-slide {
    width: auto !important;
    opacity: 1 !important;
}

[data-section="performance-venue"] .venue-gallery .media {
    aspect-ratio: 3 / 4;
    width: 14.6527777778vw;
    height: auto !important;
    opacity: 0;
    transition: var(--duration) var(--timing-function);
}

[data-section="performance-venue"] .swiper-slide-active .venue-gallery .swiper-slide .media {
    opacity: 1;
}

[data-section="performance-venue"] .swiper-slide-active .venue-gallery .swiper-slide:nth-child(2) .media {
    transition-delay: 0.2s;
}

[data-section="performance-venue"] .swiper-slide-active .venue-gallery .swiper-slide:nth-child(3) .media {
    transition-delay: 0.4s;
}

[data-section="performance-venue"] .swiper-slide-active .venue-gallery .swiper-slide:nth-child(4) .media {
    transition-delay: 0.6s;
}

[data-section="performance-venue"] .venue-bg {
    aspect-ratio: 4.662116041;
    margin-top: -11vw;
    z-index: 20;
    position: relative;
    pointer-events: none;
}

[data-section="performance-venue"] .date-note {
    position: absolute;
    top: 100%;
    right: 1%;
    width: 10.8333333333vw;
    min-width: 14rem;
    aspect-ratio: 0.9454545455;
    height: fit-content !important;
    transform: rotate(10deg);
    text-align: center;
}

[data-section="performance-venue"] .date-note .note {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-3xs);
    justify-content: center;
    align-items: center;
    padding: 40% 10% 30%;
    text-align: center;
}

/* <--- Map ---> */
[data-section="map"] .container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 11.875vw;
    aspect-ratio: 0.2583081571;
    background: linear-gradient(90deg, rgba(234, 232, 216, 0) 0%, rgba(234, 232, 216, 0.96) 68.52%);
    z-index: 2;
}

[data-section="map"] .content {
    position: relative;
}

[data-section="map"] .illus-wrapper {
    position: absolute;
    top: 34.1527777778vw;
    left: 0;
    display: flex;
    aspect-ratio: unset;
}

[data-section="map"] .illus-wrapper .illus-10 {
    width: 1.25vw;
    position: static;
}

[data-section="map"] .decoration {
    position: absolute;
}

[data-section="map"] [data-decoration="1"] {
    aspect-ratio: 2.8024691358;
    width: 31.5277777778vw;
    top: 25vw;
    left: 1.875vw;
}

[data-section="map"] [data-decoration="2"] {
    aspect-ratio: 2.3913043478;
    width: 7.6388888889vw;
    top: 36vw;
    left: 7.9166666667vw;
    z-index: 5;
}

[data-section="map"] [data-decoration="3"] {
    aspect-ratio: 1.1621621622;
    width: 17.9166666667vw;
    top: 23.875vw;
    right: 0;
    z-index: 5;
}

[data-section="map"] .card-container {
    --gap-y: var(--spacing-lg);
    padding-left: 9.3055555556vw;
    padding-right: 11.3055555556vw;
}

[data-section="map"] .card-container:after,
[data-section="map"] .card-container:before {
    content: "";
    position: absolute;
    z-index: 5;
    bottom: 0;
    height: var(--max-content-height);
    width: 20.625vw;
}

[data-section="map"] .card-container:after {
    right: calc(-1 * var(--spacing-container));
    background: linear-gradient(90deg, rgba(234, 232, 216, 0) 0%, #eae8d8 10.1%);
}

[data-section="map"] .card-container:before {
    left: calc(-1 * var(--spacing-container));
    background: linear-gradient(-90deg, rgba(234, 232, 216, 0) 0%, #eae8d8 10.1%);
}

[data-section="map"] .swiper {
    overflow: visible;
}

[data-section="map"] .card-container .swiper-slide {
    width: auto !important;
}

[data-section="map"] .swiper-slide:nth-child(odd) .media {
    transform: rotate(-2deg);
}

[data-section="map"] .swiper-slide:nth-child(even) .media {
    transform: rotate(2deg);
}

[data-section="map"] .swiper-slide.hotel {
    --slide-width: 36.3888888889vw;
}

[data-section="map"] .swiper-slide.venue {
    --slide-width: 26.5972222222vw;
}

[data-section="map"] .swiper-slide .media {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: var(--slide-width);
}

[data-section="map"] .swiper-slide.hotel .media {
    aspect-ratio: 1;
}

[data-section="map"] .swiper-slide.venue .media {
    aspect-ratio: 0.7309160305;
}

[data-section="map"] .swiper-slide .media .paper {
    transform: rotate(-2deg);
    aspect-ratio: 1;
    position: absolute;
    width: 100%;
    z-index: 1;
    box-shadow: 0px 2.065px 6.195px 0px rgba(0, 0, 0, 0.14);
    transform-origin: bottom right;
}

[data-section="map"] .swiper-slide .media .map {
    width: 100%;
    aspect-ratio: 1;
    position: relative;
    z-index: 2;
    box-shadow: 0px 2.065px 6.195px 0px rgba(0, 0, 0, 0.14);
}

[data-section="map"] .swiper-slide .media .map:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(../media/design/paper-texture.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    mix-blend-mode: darken;
}

[data-section="map"] .swiper-slide [class*="block-content-"] {
    grid-gap: var(--spacing-2xs);
    margin-top: var(--spacing-3lg);
    width: var(--slide-width);
    max-width: 60.3133159269%;
    margin-left: auto;
    margin-right: auto;
}

[data-section="map"] .swiper-slide [class*="block-content-"] .button {
    margin-top: var(--spacing-3xs);
}

/* <--- Accommodation Package ---> */
[data-section="accommodation-package"] [class*="block-content-"] {
    max-width: max(94rem, 65.2777777778vw);
    margin-left: auto;
    margin-right: auto;
}

[data-section="accommodation-package"] .block-desc > * {
    max-width: unset;
}

[data-section="accommodation-package"] .thumbs-slide {
    width: 100%;
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm);
}

[data-section="accommodation-package"] .swiper.top {
    overflow: visible;
}

[data-section="accommodation-package"] .block-desc > * {
    font-weight: var(--font-weight-light);
}

[data-card="package"] {
    --separator: 1px solid rgba(var(--color-black-rgb), 0.2);
    aspect-ratio: 0.8823529412;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.06);
    padding: 0 8% 7.05882352941%;
    transition: var(--duration) var(--timing-function);
    display: flex;
    flex-direction: column;
}

[data-card="package"] > * {
    flex-shrink: 0;
}

[data-card="package"].package {
    background-image: url(../media/design/package-paper.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

[data-card="package"].add-on {
    background-color: #e9e1c4;
}

.swiper-slide:nth-child(odd) [data-card="package"] {
    --hover-rotate: -2deg;
}

.swiper-slide:nth-child(even) [data-card="package"] {
    --hover-rotate: 2deg;
}

html.no-touchevents [data-card="package"]:hover {
    transform: rotate(var(--hover-rotate));
}

[data-card="package"]::before {
    display: block;
    content: "";
    aspect-ratio: 0.9245283019;
    width: 16.3333333333%;
    background-image: url(../media/design/pin.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    mix-blend-mode: darken;
    opacity: 0;
    transform: translateY(10%);
    transition: var(--duration) var(--timing-function);
}

html.no-touchevents [data-card="package"]:hover::before {
    opacity: 1;
    transform: translateY(0);
}

[data-card="package"].package::after {
    content: "";
    aspect-ratio: 1;
    width: 8%;
    background-image: url(../media/design/illus-11.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: var(--spacing-2xs);
    right: var(--spacing-2xs);
    z-index: 1;
}

[data-card="package"] .card-header {
    text-align: center;
    padding-bottom: 5.8823529412%;
    text-transform: uppercase;
    border-bottom: var(--separator);
}

[data-card="package"] .card-ttl > * {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
}

[data-card="package"] .card-subttl > * {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
    color: rgba(var(--color-body-black-rgb), 0.6);
    font-family: var(--font-heading);
    letter-spacing: var(--letter-spacing-sm);
    margin-top: var(--spacing-3xs);
    font-weight: var(--font-weight-regular);
}

[data-card="package"] .card-body {
    flex-grow: 1;
    padding-top: 7.05882352941%;
    padding-bottom: 7.05882352941%;
}

[data-card="package"] .card-footer {
    border-top: var(--separator);
    padding-top: 5.8823529412%;
}

[data-card="package"] .card-footer > p:first-child {
    font-size: var(--font-size-sub);
    line-height: var(--line-height-sub);
    letter-spacing: var(--letter-spacing-sm);
    color: rgba(var(--color-body-black-rgb), 0.6);
    font-family: var(--font-heading);
    text-transform: uppercase;
}

[data-card="package"] .card-footer ul {
    margin-top: var(--spacing-4xs);
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-4xs);
}

[data-card="package"] .card-footer ul li {
    display: flex;
    align-items: center;
    grid-gap: var(--spacing-3xs);
}

[data-card="package"] .card-footer .ic {
    font-size: var(--icon-size-md);
    position: relative;
    color: var(--color-charcoal);
}

[data-card="package"] .card-footer .ic.not-included::after {
    font-family: "iconfont";
    content: "\e900";
    position: absolute;
    inset: 0;
}

/* PAGE: TEAM */
.year-selector {
    position: relative;
    display: flex;
    align-items: center;
    grid-gap: var(--spacing-4xs);
    padding-bottom: var(--spacing-4xs);
    border-bottom: 0.1rem solid rgba(var(--color-black-rgb), 0.2);
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    font-family: var(--font-heading);
    text-transform: uppercase;
    cursor: pointer;
    font-weight: var(--font-weight-regular);
}

.year-selector .ic {
    transition: var(--duration) var(--timing-function);
}

.year-selector.active .ic {
    transform: rotate(180deg);
}

.year-selector .year-selector-list {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
}

.year-selector .year-selector-list > li {
    margin-top: var(--spacing-6xs);
}

.year-selector .year-selector-list.active {
    opacity: 1;
    visibility: visible;
}

html.no-touchevents .year-selector .year-selector-item:hover {
    opacity: 0.5;
}

/* Mentor */
.tab-content:nth-child(4n + 1) {
    --year-color: #7784b3;
}

.tab-content:nth-child(4n + 2) {
    --year-color: #5a8466;
}

.tab-content:nth-child(4n + 3) {
    --year-color: #ddca7f;
}

.tab-content:nth-child(4n + 4) {
    --year-color: #6ea5a3;
}

[data-section="mentor"] {
    min-height: calc(100svh - var(--header-height));
    display: flex;
    flex-direction: column;
}

[data-section="mentor"] .sc-inner {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-top: 0;
}

[data-section="mentor"] .container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

[data-section="mentor"] .container .content {
    flex-grow: 1;
    display: grid;
    grid-template-rows: 1fr auto;
    overflow: hidden;
}

[data-section="mentor"] .container [class*="block-content-"] {
    justify-content: center;
}

[data-section="mentor"] .block-subttl > * {
    max-width: 37rem;
    font-weight: var(--font-weight-regular);
    color: rgba(var(--color-body-black-rgb), 1);
}

[data-section="mentor"] .tab-contents {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

[data-section="mentor"] .landing-bg {
    position: relative;
}

[data-section="mentor"] .landing-bg .bg {
    width: 100%;
    aspect-ratio: 3.7465564738;
}

[data-section="mentor"] .landing-bg .bg:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%);
}

[data-section="mentor"] .mentor-marquee {
    overflow: visible !important;
}

[data-section="mentor"] .mentor-marquee .marquee-wrapper {
    overflow: visible !important;
}

[data-section="mentor"] .mentor-marquee .marquee {
    --gap: max(var(--spacing-lg), 2.7777777778vw);
    grid-gap: var(--gap);
    padding-left: calc(var(--gap) / 2);
    padding-right: calc(var(--gap) / 2);
    overflow: visible !important;
}

[data-card="mentor"] {
    cursor: pointer;
}

[data-card="mentor"] .card-image {
    width: 15vw;
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: var(--spacing-sm);
    transition: var(--duration) var(--timing-function);
}

html.no-touchevents [data-card="mentor"]:hover .card-image {
    transform: translateY(-10%);
}

[data-card="mentor"] .card-image img {
    user-drag: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
}

[data-card="mentor"] .card-subttl > * {
    color: var(--color-white);
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    font-family: var(--font-heading);
    text-transform: uppercase;
    font-weight: var(--font-weight-regular);
    text-align: center;
}

.modal {
    width: 100vw;
    display: flex;
    align-items: center;
}

.mentor-modal {
    --offset-height: 12.962962963vh;
    position: fixed;
    inset: 0;
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: var(--duration) var(--timing-function);
    display: grid;
    height: 100dvh;
    overflow: hidden;
    grid-template-rows: var(--offset-height) 1fr var(--offset-height);
}

.mentor-modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mentor-modal > * {
    z-index: 1;
}

.mentor-modal .modal-overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(var(--color-body-black-rgb), 0.72);
    z-index: 0;
}

.modal-close {
    margin-left: auto;
    margin-top: var(--spacing-md);
    margin-right: var(--spacing-lg);
    height: fit-content;
}

.modal-close-button {
    --button-color: var(--color-cream);
    --button-hover-color: var(--color-cream);
}

.mentor-modal .swiper {
    max-width: 100vw;
    overflow: visible;
}

.mentor-modal .swiper .swiper-slide {
    --gap: max(var(--spacing-lg), 2.7777777778vw);
    width: auto !important;
    padding-left: var(--gap);
    padding-right: var(--gap);
    overflow: visible;
}

.mentor-modal .swiper-nav {
    margin-top: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--spacing-sm);
}

.mentor-modal .mentor-bio {
    width: 69.4444444444vw !important;
    aspect-ratio: 1.6666666667;
    height: 74.07407407407vh;
    background-color: var(--color-cream);
    display: flex;
    align-items: center;
    padding-top: var(--spacing-2sm);
    padding-bottom: var(--spacing-2sm);
    padding-right: var(--spacing-3xl);
    position: relative;
}

.mentor-bio .slide-marker {
    position: absolute;
    top: var(--spacing-xs);
    right: 0;
    z-index: -1;
    padding: var(--spacing-2xs);
    padding-right: var(--spacing-2sm);
    background-color: var(--year-color);
    color: var(--color-white);
    font-family: var(--font-heading);
    text-transform: uppercase;
    font-weight: var(--font-weight-regular);
    transition: var(--duration-x3) var(--timing-function);
}

.swiper-slide-active .slide-marker {
    transform: translateX(100%);
}

.mentor-bio .mentor-tag {
    --rgb: var(--color-charcoal-rgb);
    --a: 0.76;
    flex-shrink: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: var(--spacing-4xs);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    color: rgba(var(--rgb), var(--a));
    border-right: 0.1rem solid rgba(var(--rgb), 0.2);
    padding-left: var(--spacing-4xs);
    padding-right: var(--spacing-4xs);
    text-transform: uppercase;
    font-weight: var(--font-weight-regular);
    font-family: var(--font-heading);
}

.mentor-bio .mentor-tag .dot {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: rgba(var(--rgb), var(--a));
    border-radius: 50%;
}

.mentor-bio .mentor-avatar {
    width: 45.7%;
    max-height: 83.3333333333%;
    flex-shrink: 0;
    padding: 0 6.5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.mentor-bio .mentor-avatar .mentor-avatar-image {
    width: 100%;
    position: relative;
}

.mentor-bio .mentor-avatar .mentor-avatar-image .image-wrapper {
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
}

.mentor-bio .mentor-avatar .mentor-avatar-image .illus-12 {
    position: absolute;
    width: 39.0625%;
    top: 0;
    left: -10%;
}

.mentor-bio .mentor-avatar .name {
    margin-top: var(--spacing-2sm);
}

.mentor-bio .mentor-avatar .subttl {
    font-size: var(--font-size-sub);
    line-height: var(--line-height-sub);
    letter-spacing: var(--letter-spacing-sm);
    text-transform: uppercase;
    font-family: var(--font-heading);
    color: rgba(var(--color-body-black-rgb), 0.5);
    margin-top: var(--spacing-md);
}

.mentor-bio .mentor-avatar .position {
    font-size: var(--font-size-h5);
    line-height: var(--line-height-h5);
    text-transform: capitalize;
    font-family: var(--font-heading);
    font-weight: var(--font-weight-regular);
    margin-top: var(--spacing-3xs);
}

.mentor-bio .mentor-bio-desc {
    flex-grow: 1;
    padding: var(--spacing-md) 0;
    height: 85%;
    overflow-y: auto;
    -webkit-mask-box-image: -webkit-linear-gradient(
        -90deg,
        transparent 0%,
        white var(--spacing-md),
        white calc(100% - var(--spacing-md)),
        transparent 100%
    );
}

.mentor-bio .mentor-bio-desc .entry-content strong {
    font-family: var(--font-heading);
}

.modal-year-selector {
    margin-top: 7.9012345679vh;
}

.mentor-modal .swiper.modal-year-selector {
    max-width: 30.3rem;
    -webkit-mask-box-image: -webkit-linear-gradient(
        0deg,
        transparent 0%,
        white var(--spacing-3xl),
        white calc(100% - var(--spacing-3xl)),
        transparent 100%
    );
}

.mentor-modal .swiper.modal-year-selector .swiper-slide {
    --gap: var(--spacing-xs);
}

.modal-year-selector .year-selector-item {
    color: var(--color-cream);
    padding-bottom: var(--spacing-5xs);
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
    font-family: var(--font-heading);
    text-transform: uppercase;
    font-weight: var(--font-weight-regular);
}

.modal-year-selector .year-selector-item.active {
    border-bottom: 0.1rem solid rgba(var(--color-cream-rgb), 0.3);
}

/* Organizer */
[data-section="organizer"] {
    overflow: visible;
}

[data-section="organizer"] [class*="block-content-"] {
    margin-bottom: var(--spacing-3xl);
}

[data-section="organizer"] .organizer-list {
    --item-height: 5.2rem;
    --border: 1px solid rgba(var(--color-black-rgb), 0.1);
    --item-max-width: 90rem;
    --avatar-width: 8.8888888889vw;
    border-bottom: var(--border);
    position: relative;
}

[data-section="organizer"] .selector {
    width: 100%;
    height: var(--item-height);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    background-color: #e9e6d2;
    transition: var(--duration-x2) cubic-bezier(0.33, 1, 0.68, 1);
}

[data-section="organizer"] .selector .selector-wrapper {
    max-width: var(--item-max-width);
    width: 100%;
    position: relative;
}

[data-section="organizer"] .organizer-item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: var(--border);
    min-height: var(--item-height);
    position: relative;
    padding-top: var(--spacing-2xs);
    padding-bottom: var(--spacing-2xs);
    z-index: 5;
}

[data-section="organizer"] .organizer-item .item-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    max-width: var(--item-max-width);
}

[data-section="organizer"] .organizer-item .organizer-name > * {
    text-align: left;
    text-transform: uppercase;
}

[data-section="organizer"] .organizer-item .organizer-position > * {
    text-align: center;
}

[data-section="organizer"] .selector .organizer-avatar {
    z-index: 20;
    width: var(--avatar-width);
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: var(--duration) var(--timing-function);
    user-drag: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
}

[data-section="organizer"] .loadmore-button {
    display: block;
    margin: var(--spacing-2xl) auto 0;
    --button-color: rgba(var(--color-black-rgb), 0.5);
}