:root {
font-size: 10px;
--font-family-body: "Inter", sans-serif;
--font-family-heading: "Chiswick Sans", "Nirand", sans-serif;
--font-family-accent: "Chiswick Sans Text", "Nirand", sans-serif;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-body: var(--font-weight-regular);
--font-weight-heading: var(--font-weight-light);
--font-weight-accent: var(--font-weight-regular);
--line-height-xs: 1;
--line-height-sm: 1.2;
--line-height-md: 1.5;
--line-height-normal: normal;
--font-size-3xs: 0.8rem;
--font-size-2xs: 1rem;
--font-size-xs: 1.2rem;
--font-size-sm: 1.4rem;
--font-size-md: 1.6rem;
--font-size-lg: 1.8rem;
--font-size-xl: 2rem;
--font-size-h3: clamp(2.4rem, 2.2222222222vw, 3.2rem);
--line-height-h3: var(--line-height-xs);
--font-size-h2: clamp(2.8rem, 3.4722222222vw, 5rem);
--line-height-h2: var(--line-height-xs);
--font-size-h1: clamp(4rem, 5vw, 7.2rem);
--line-height-h1: var(--line-height-xs);
--font-size-body: var(--font-size-sm);
--font-size-body-sm: var(--font-size-xs);
--line-height-body: var(--line-height-md);
--font-size-topic: var(--font-size-h3);
--line-height-topic: var(--line-height-h3);
--icon-size: var(--font-size-xl);
--icon-size-sm: var(--font-size-2xs);
--letter-spacing: 0.2rem;
--text-decoration-thickness: 1px;
--text-underline-offset: calc(var(--text-decoration-thickness) * 2);
--color-black: #000000;
--color-black-rgb: 0, 0, 0;
--color-black-filter: brightness(0);
--color-white: #ffffff;
--color-white-rgb: 255, 255, 255;
--color-white-filter: brightness(0) invert(1);
--color-red: #ff0000;
--color-red-rgb: 255, 0, 0;
--color-red-filter: brightness(0) saturate(100%) invert(17%) sepia(100%) saturate(7058%) hue-rotate(9deg) brightness(98%) contrast(121%);
--color-gray: #9c9c9c;
--color-gray-rgb: 156, 156, 156;
--color-gray-filter: brightness(0) saturate(100%) invert(70%) sepia(0%) saturate(0%) hue-rotate(143deg) brightness(91%) contrast(83%);
--color-gray-light: #e4e4e4;
--color-gray-light-rgb: 228, 228, 228;
--color-gray-light-filter: brightness(0) saturate(100%) invert(99%) sepia(13%) saturate(435%) hue-rotate(197deg) brightness(119%) contrast(79%);
--color-gray-bright: #f6f6f6;
--color-gray-bright-rgb: 246, 246, 246;
--color-gray-bright-filter: brightness(0) saturate(100%) invert(99%) sepia(5%) saturate(63%) hue-rotate(261deg) brightness(113%) contrast(93%);
--color-primary: #605cff;
--color-primary-rgb: 96, 92, 255;
--color-primary-filter: brightness(0) saturate(100%) invert(30%) sepia(96%) saturate(2829%) hue-rotate(233deg) brightness(107%) contrast(101%);
--color-secondary: #ff99fa;
--color-secondary-rgb: 255, 153, 250;
--color-secondary-filter: brightness(0) saturate(100%) invert(91%) sepia(7%) saturate(6893%) hue-rotate(272deg) brightness(105%) contrast(102%);
--color-tertiary: #f0f0ff;
--color-tertiary-rgb: 240, 240, 255;
--color-tertiary-filter: brightness(0) saturate(100%) invert(87%) sepia(81%) saturate(4000%) hue-rotate(180deg) brightness(108%) contrast(104%);
--rgb: var(--color-white-rgb);
--rgb-couple: var(--color-black-rgb);
--color-background: var(--color-black);
--color-background-rgb: var(--color-black-rgb);
--color-background-filter: var(--color-black-filter);
--color-link-hover: rgba(var(--rgb), 1);
--color-link-active: rgba(var(--rgb), 1);
--filter: var(--color-white-filter);
--filter-couple: var(--color-black-filter);
--spacing-2xl: 8rem;
--spacing-xl: 6rem;
--spacing-lg: 4.8rem;
--spacing-md: 3.6rem;
--spacing-sm: 2rem;
--spacing-xs: 1.5rem;
--spacing-2xs: 1rem;
--spacing-3xs: 0.5rem;
--spacing-container: var(--spacing-sm);
--spacing-section: var(--spacing-xl);
--spacing-section-sm: var(--spacing-lg);
--spacing-row: var(--spacing-md);
--spacing-column: var(--spacing-2xs);
--spacing-content: var(--spacing-sm);
--spacing-content-sm: var(--spacing-2xs);
--spacing-content-xs: var(--spacing-3xs);
--logo-height: 9rem;
--logo-height-lg: 23.6rem;
--header-navi-height: calc(var(--logo-height) + var(--spacing-container) * 2);
--header-height: var(--header-navi-height);
--border-width: 1px;
--border-style: solid;
--border-color: var(--color-secondary);
--border: var(--border-width) var(--border-style) var(--border-color);
--border-radius: 0.8rem;
--border-radius-x2: 1.6rem;
--border-radius-x3: 2.4rem;
--input-height: 4.8rem;
--input-spacing-y: 0.3em;
--input-spacing-x: 0;
--input-color-border: currentColor;
--input-color-background: transparent;
--input-color-text: currentColor;
--input-border: var(--border-width) var(--border-style) var(--input-color-border);
--input-border-radius: 0px;
--button-height: 4rem;
--button-spacing-y: 0.3em;
--button-spacing-x: var(--spacing-xs);
--button-color-background: var(--color-white);
--button-color-border: var(--color-white);
--button-color-text: var(--color-black);
--button-gradient-text: linear-gradient(90deg, #000 0%, #bcbcbc 73%, #f8f8f8 87%, #666 100%);
--button-border-radius: 0px;
--button-stars-height: var(--button-height);
--link-underline: 0 1px 0 0 currentColor;
--link-underline-secondary: 0 1px 0 0 var(--color-secondary);
--opacity: 0.5;
--opacity-light: 0.2;
--opacity-overlay: 0.6;
--duration: 0.5s;
--duration-slow: 1s;
--duration-slower: 1.5s;
--duration-fast: 300ms;
--easing: ease;
--padding-top-header: var(--header-height);
--padding-bottom-header: var(--header-height);
}
/*FIX====================*/
.bg-black {
--color-background: var(--color-black);
--color-background-rgb: var(--color-black-rgb);
--color-background-filter: var(--color-black-filter);
background-color: rgba(var(--color-background-rgb), 1) !important;
}
.bg-white {
--color-background: var(--color-white);
--color-background-rgb: var(--color-white-rgb);
--color-background-filter: var(--color-white-filter);
background-color: rgba(var(--color-background-rgb), 1) !important;
}
.bg-primary {
--color-background: var(--color-primary);
--color-background-rgb: var(--color-primary-rgb);
--color-background-filter: var(--color-primary-filter);
background-color: rgba(var(--color-background-rgb), 1) !important;
}
.bg-secondary {
--color-background: var(--color-secondary);
--color-background-rgb: var(--color-secondary-rgb);
--color-background-filter: var(--color-secondary-filter);
background-color: rgba(var(--color-background-rgb), 1) !important;
}
.bg-body {
background-color: rgba(var(--color-background-rgb), 1) !important;
}
.bg-body-light {
background-color: #131313 !important;
}
.bg-transparent {
background-color: transparent !important;
}
.c-black {
--rgb: var(--color-black-rgb);
--rgb-couple: var(--color-white-rgb);
--filter: var(--color-black-filter);
--filter-couple: var(--color-white-filter);
--color-link-hover: rgba(var(--rgb), 1);
--color-link-active: rgba(var(--rgb), 1);
--button-color-background: var(--color-black);
--button-color-border: var(--color-black);
--button-color-text: var(--color-white);
--button-gradient-text: linear-gradient(90deg, #fff 18%, #292929 77%, #666 91%, #f8f8f8 100%);
color: rgba(var(--rgb), 1) !important;
}
.c-white {
--rgb: var(--color-white-rgb);
--rgb-couple: var(--color-black-rgb);
--filter: var(--color-white-filter);
--filter-couple: var(--color-black-filter);
--color-link-hover: rgba(var(--rgb), 1);
--color-link-active: rgba(var(--rgb), 1);
--button-color-background: var(--color-white);
--button-color-border: var(--color-white);
--button-color-text: var(--color-black);
--button-gradient-text: linear-gradient(90deg, #000 0%, #bcbcbc 73%, #f8f8f8 87%, #666 100%);
color: rgba(var(--rgb), 1) !important;
}
.c-primary {
--rgb: var(--color-primary-rgb);
--rgb-couple: var(--color-white-rgb);
--filter: var(--color-primary-filter);
--filter-couple: var(--color-white-filter);
--color-link-hover: rgba(var(--rgb), 1);
--color-link-active: rgba(var(--rgb), 1);
color: rgba(var(--rgb), 1) !important;
}
.c-secondary {
--rgb: var(--color-secondary-rgb);
--rgb-couple: var(--color-black-rgb);
--filter: var(--color-secondary-filter);
--filter-couple: var(--color-black-filter);
--color-link-hover: rgba(var(--rgb), 1);
--color-link-active: rgba(var(--rgb), 1);
color: rgba(var(--rgb), 1) !important;
}
.c-opacity {
color: rgba(var(--rgb), 0.6);
}
.filter-black {
-webkit-filter: var(--color-black-filter) !important;
filter: var(--color-black-filter) !important;
}
.filter-white {
-webkit-filter: var(--color-white-filter) !important;
filter: var(--color-white-filter) !important;
}
.filter-primary {
-webkit-filter: var(--color-primary-filter) !important;
filter: var(--color-primary-filter) !important;
}
.align-left {
text-align: left !important;
}
.align-right {
text-align: right !important;
}
.align-center {
text-align: center !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-clip {
overflow: clip !important;
}
.z-index-0 {
z-index: 0 !important;
}
.display-inline-block {
display: inline-block !important;
}
.display-none {
display: none !important;
}
.padding-0 {
padding: 0 !important;
}
.padding-top-0 {
padding-top: 0 !important;
}
.padding-bottom-0 {
padding-bottom: 0 !important;
}
.padding-y-header {
padding-top: var(--padding-top-header) !important;
padding-bottom: var(--padding-bottom-header) !important;
}
.padding-top-header {
padding-top: var(--padding-top-header) !important;
}
.padding-bottom-header {
padding-bottom: var(--padding-bottom-header) !important;
}
.alignfull {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
.alignwide {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pointer-events-none {
pointer-events: none !important;
}
.pointer-events-auto {
pointer-events: auto !important;
}
.no-select {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
/*RESET====================*/
*,
*::before,
*::after {
box-sizing: border-box;
}
::-webkit-scrollbar {
width: 0px;
overflow: hidden;
}
::-moz-selection {
background: var(--color-black);
color: var(--color-white);
}
::selection {
background: var(--color-black);
color: var(--color-white);
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
margin: 0;
position: relative;
background: rgba(var(--color-background-rgb), 1);
color: rgba(var(--rgb), 1);
-webkit-animation-name: pageAnimation;
animation-name: pageAnimation;
-webkit-animation-duration: var(--duration-slower);
animation-duration: var(--duration-slower);
-webkit-animation-timing-function: var(--easing);
animation-timing-function: var(--easing);
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes pageAnimation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes pageAnimation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
article,
aside,
figcaption,
figure,
picture,
footer,
header,
hgroup,
main,
nav,
section {
margin: 0;
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
word-break: break-word;
}
p {
margin: 0;
}
small {
font-size: 87.5%;
}
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: unset;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
font-size: inherit;
line-height: normal;
text-transform: inherit;
text-align: inherit;
letter-spacing: inherit;
text-indent: inherit;
color: inherit;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
background: none;
}
img {
border: 0;
outline: 0;
height: auto;
width: auto;
max-width: 100%;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
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-color: currentColor;
}
iframe {
border: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
:focus-visible {
outline: 0 !important;
}
script {
margin: 0 !important;
}
/*TEXT====================*/
body {
font-family: var(--font-family-body);
font-weight: var(--font-weight-body);
font-size: var(--font-size-body);
line-height: var(--line-height-body);
letter-spacing: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.font-family-body {
font-family: var(--font-family-body) !important;
font-weight: var(--font-weight-body);
}
.font-family-heading {
font-family: var(--font-family-heading) !important;
font-weight: var(--font-weight-heading);
}
.font-family-accent {
font-family: var(--font-family-accent) !important;
font-weight: var(--font-weight-accent);
}
.font-weight-regular {
font-weight: var(--font-weight-regular) !important;
}
.font-weight-medium {
font-weight: var(--font-weight-medium) !important;
}
.font-weight-light {
font-weight: var(--font-weight-light) !important;
}
.font-size-3xs {
font-size: var(--font-size-3xs) !important;
}
.font-size-2xs {
font-size: var(--font-size-2xs) !important;
}
.font-size-xs {
font-size: var(--font-size-xs) !important;
}
.font-size-sm {
font-size: var(--font-size-sm) !important;
}
.font-size-md {
font-size: var(--font-size-md) !important;
}
.font-size-lg {
font-size: var(--font-size-lg) !important;
}
.font-size-xl {
font-size: var(--font-size-xl) !important;
line-height: var(--line-height-sm);
}
.font-size-h3 {
font-size: var(--font-size-h3) !important;
line-height: var(--line-height-h3);
}
.font-size-h2 {
font-size: var(--font-size-h2) !important;
line-height: var(--line-height-h2);
}
.font-size-h1 {
font-size: var(--font-size-h1) !important;
line-height: var(--line-height-h1);
}
.font-size-body {
font-size: var(--font-size-body) !important;
line-height: var(--line-height-body) !important;
}
.font-size-body-sm {
font-size: var(--font-size-body-sm) !important;
line-height: var(--line-height-body) !important;
}
/*TRANSITION====================*/
a,
button,
[role="button"],
img,
video,
input,
textarea,
select {
transition: var(--duration) var(--easing);
}
/*CTA====================*/
:is(a, button):hover {
color: var(--color-link-hover);
}
:is(a, button).active {
color: var(--color-link-active);
}
.c-white :is(a, button):is(:hover, .active) {
color: inherit;
}
.js-link-hover.link-hover a:hover {
color: inherit;
}
.js-link-hover.link-hover a:not(:hover) {
opacity: var(--opacity);
}
.link-wrap {
display: inline-flex;
align-items: center;
grid-gap: 0 var(--spacing-content-sm);
}
.link-overlay {
font-size: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
background: none !important;
opacity: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
position: absolute !important;
z-index: 2 !important;
top: 0 !important;
left: 0 !important;
pointer-events: auto !important;
}
*[class*="link-underline"] *:is(a, button, u):not(.button, .wp-block-button__link) {
display: inline;
text-decoration: none;
background: none;
box-shadow: none;
}
.link-underline *:is(a, button, u):not(.button, .wp-block-button__link):hover,
.link-underline-hover a:hover {
box-shadow: var(--link-underline);
}
.link-underline *:is(a, button, u):not(.button, .wp-block-button__link),
.link-underline-active a.active {
box-shadow: var(--link-underline);
}
.link-explore {
text-decoration: none;
box-shadow: none;
background: none;
border: 0;
outline: none;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
letter-spacing: var(--letter-spacing);
line-height: normal;
color: inherit;
padding: 0;
overflow: hidden;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.link-explore > span {
display: inline-block;
vertical-align: top;
background-image: var(--button-gradient-text);
background-size: 100% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: initial;
color: inherit;
transition: var(--duration) var(--easing);
transition-property: color, background-position;
}
.link-explore:is(:hover, .active) > span {
color: transparent;
}
.link-explore:is(.disabled) {
pointer-events: none;
}
*:is(.button, .wp-element-button, .wp-block-button__link) {
text-decoration: none !important;
box-shadow: none !important;
background: none !important;
margin: 0;
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
grid-gap: var(--spacing-content-sm);
vertical-align: top;
white-space: normal;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 0;
max-width: 100%;
height: var(--button-height);
min-height: 0;
max-height: none;
padding: var(--button-spacing-y) var(--button-spacing-x) !important;
color: var(--button-color-text) !important;
background-color: var(--button-color-background) !important;
border: var(--border-width) var(--border-style) var(--button-color-border) !important;
border-radius: var(--button-border-radius) !important;
opacity: 1 !important;
overflow: hidden;
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
line-height: normal;
letter-spacing: var(--letter-spacing);
text-transform: uppercase;
text-align: center;
transition: var(--duration) var(--easing);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
*:is(.button, .wp-element-button, .wp-block-button__link).min-width,
*:is(.wp-element-button, .wp-block-button__link) {
min-width: 16rem;
}
*:is(.button, .wp-element-button, .wp-block-button__link) > span {
display: inline-block;
vertical-align: top;
background-image: var(--button-gradient-text);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: initial;
color: inherit;
transition: var(--duration) var(--easing);
transition-property: color, background-position;
}
*:is(.button, .wp-element-button, .wp-block-button__link):is(:hover, .active) > span {
background-size: 100% 100%;
color: transparent;
}
*:is(.button, .wp-element-button, .wp-block-button__link):is(:disabled, .disabled) {
pointer-events: none;
}
.button-stars {
--button-stars-star-1-opacity: 1;
--button-stars-star-1-scale: 1;
--button-stars-star-2-opacity: 1;
--button-stars-star-2-scale: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
inset: 0;
outline: none;
opacity: 1;
margin: 0;
position: relative;
z-index: 1;
display: inline-flex;
vertical-align: top;
align-items: center;
justify-content: center;
grid-gap: var(--spacing-content-sm);
min-width: 0;
max-width: 100%;
min-height: 0;
max-height: none;
width: auto;
height: var(--button-stars-height);
overflow: hidden;
padding: var(--button-spacing-y) var(--button-spacing-x);
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
line-height: normal;
letter-spacing: var(--letter-spacing);
text-transform: uppercase;
text-align: center;
text-decoration: none;
white-space: normal;
border-radius: 0;
border: 0;
background: linear-gradient(0deg, #605cff 7.5%, #3a3799 91.25%);
color: rgba(255, 255, 255, 1);
transition: var(--duration) var(--easing);
}
.button-stars::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
border: 1px solid rgba(171, 168, 255, 1);
border-image-slice: 1;
border-image-source: linear-gradient(to right, rgba(171, 168, 255, 1) 72%, rgba(255, 255, 255, 1));
}
.button-stars > span {
position: relative;
z-index: 1;
}
.button-stars > svg {
display: block;
overflow: visible;
pointer-events: none;
}
.button-stars > svg.icon {
width: 18px;
height: 22px;
fill: currentColor;
}
.button-stars > svg.icon path:nth-child(1) {
opacity: var(--button-stars-star-1-opacity);
transform: scale(var(--button-stars-star-1-scale));
transform-origin: 25% 15%;
}
.button-stars > svg.icon path:nth-child(2) {
opacity: var(--button-stars-star-2-opacity);
transform: scale(var(--button-stars-star-2-scale));
transform-origin: 25% 50%;
}
.button-stars > .stroke {
inset: 0;
margin: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
mix-blend-mode: hard-light;
}
.button-stars > .stroke svg {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
fill: none;
stroke-width: 1px;
stroke: rgba(var(--color-tertiary-rgb), 1);
stroke-dasharray: 1.5 14;
stroke-dashoffset: 22;
opacity: 0;
}
.button-stars > .stroke svg:nth-child(2) {
stroke-opacity: 0.5;
-webkit-filter: blur(3px);
filter: blur(3px);
}
.button-stars:hover > .stroke svg {
-webkit-animation: buttonStroke 2s linear infinite;
animation: buttonStroke 2s linear infinite;
}
@-webkit-keyframes buttonStroke {
0% {
opacity: 0;
}
25%,
75% {
opacity: 1;
}
95%,
100% {
opacity: 0;
stroke-dashoffset: 6;
}
}
@keyframes buttonStroke {
0% {
opacity: 0;
}
25%,
75% {
opacity: 1;
}
95%,
100% {
opacity: 0;
stroke-dashoffset: 6;
}
}
/*GENERAL====================*/
.container {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: var(--spacing-container);
padding-right: var(--spacing-container);
}
*[block-width] {
width: 100%;
margin-left: auto;
margin-right: auto;
}
*:is(.ic, .ic-text) {
display: inline-block;
}
.ic img {
display: inline-block;
vertical-align: top;
width: auto;
min-width: 1em;
height: 1em;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.ic::before {
display: block;
}
.ic-youtube {
padding-left: 0.1em !important;
padding-right: 0.1em !important;
}
.ic-youtube::before {
transform: scale(1.1);
}
.ic-wrap {
display: inline-flex;
vertical-align: top;
align-items: center;
grid-gap: var(--spacing-3xs);
}
.ic-wrap > * {
display: block;
}
.ic-wrap > .ic {
font-size: var(--icon-size);
}
.ic-wrap > img {
width: var(--icon-size);
height: auto;
aspect-ratio: 1/1;
overflow: hidden;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.brand {
text-decoration: none !important;
box-shadow: none !important;
background: none !important;
opacity: 1 !important;
display: inline-block;
vertical-align: top;
line-height: 1;
}
.brand .logo {
display: inline-block;
vertical-align: top;
width: auto;
height: var(--logo-height);
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
transition-property: width, height;
}
*:is(.object, .object-fit) {
text-decoration: none;
box-shadow: none;
background: none;
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
*:is(.object, .object-fit) > *:is(img, video, iframe) {
display: block;
margin: 0 auto;
width: 100%;
height: auto;
}
.object-fit > *:is(img, video, iframe) {
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-fit.contain > *:is(img, video, iframe) {
-o-object-fit: contain;
object-fit: contain;
}
.object-fit::before {
content: "";
display: block;
width: 100%;
}
.object-svg {
display: block;
overflow: hidden;
position: relative;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.object-svg > svg {
outline: 0;
border: 0;
display: block;
height: auto;
width: 100%;
max-width: 100%;
}
.ratio-1-1 {
aspect-ratio: 1/1;
}
.ratio-9-16 {
aspect-ratio: 9/16;
}
.ratio-16-9 {
aspect-ratio: 16/9;
}
.object-overlay {
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.social,
.social-text {
display: inline-flex;
vertical-align: top;
align-items: center;
grid-gap: var(--spacing-sm);
}
.social a {
display: block;
text-decoration: none;
background: none;
box-shadow: none;
}
.social .ic {
display: block;
font-size: var(--icon-size);
}
.social img {
display: block;
width: 1em;
height: 1em;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.social-text {
grid-gap: var(--spacing-2xs) var(--spacing-md);
}
.map-container {
width: 100%;
position: relative;
overflow: hidden;
}
.map-container::before {
content: "";
display: block;
width: 100%;
padding-bottom: 46.4285714286%;
}
.map-container iframe {
outline: 0;
border: 0;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.map-container .design {
width: 100%;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
.map-container .design,
.map-container .design img {
display: block;
width: calc(100% + 2px);
height: calc(100% + 2px);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
/*CONTENT====================*/
.entry-content {
--wp--preset--font-size--normal: var(--font-size-body);
--wp--preset--font-size--small: var(--font-size-body-sm);
--wp--preset--font-size--medium: var(--font-size-md);
--wp--preset--font-size--large: var(--font-size-lg);
--wp--preset--font-size--x-large: var(--font-size-xl);
--wp--preset--font-size--xx-large: var(--font-size-h3);
--wp--preset--font-size--huge: var(--font-size-h2);
--wp--style--unstable-gallery-gap: var(--spacing-column);
--wp--custom--gap--baseline: var(--spacing-column);
--wp--custom--gap--block: var(--spacing-section);
}
.padding-y-extra .entry-content {
--wp--custom--gap--block: calc(var(--spacing-section) * 2);
}
.entry-content .is-layout-flex {
display: flex;
flex-wrap: wrap;
}
.entry-content .is-layout-grid {
display: grid;
gap: calc(2 * var(--wp--custom--gap--baseline));
}
.entry-content :is(h1, h2, h3, h4, h5, h6) {
margin: 0;
font-family: var(--font-family-heading);
font-weight: var(--font-weight-heading);
font-style: normal;
font-size: inherit;
line-height: inherit;
letter-spacing: normal;
color: inherit;
}
.entry-content h1 {
font-size: var(--font-size-h1);
line-height: var(--line-height-h1);
}
.entry-content h2 {
font-size: var(--font-size-h2);
line-height: var(--line-height-h2);
}
.entry-content h3 {
font-size: var(--font-size-h3);
line-height: var(--line-height-h3);
}
.entry-content p {
margin: 0;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
}
:is(.bg-white) .entry-content a:not(.button, .wp-block-button__link) {
color: var(--color-primary);
}
:is(.bg-white) .entry-content a:not(.button, .wp-block-button__link):hover {
color: var(--color-secondary);
}
.entry-content .has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important;
line-height: var(--line-height-body);
}
.entry-content :is(.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(.has-medium-font-size) {
font-size: var(--wp--preset--font-size--medium) !important;
line-height: var(--line-height-body);
}
.entry-content :is(.has-large-font-size, .has-larger-font-size) {
font-size: var(--wp--preset--font-size--large) !important;
line-height: var(--line-height-body);
}
.entry-content :is(.has-x-large-font-size) {
font-size: var(--wp--preset--font-size--x-large) !important;
line-height: var(--line-height-body);
}
.entry-content :is(.has-xx-large-font-size) {
font-size: var(--wp--preset--font-size--xx-large) !important;
line-height: var(--line-height-h3);
}
.entry-content :is(.has-huge-font-size) {
font-size: var(--wp--preset--font-size--huge) !important;
line-height: var(--line-height-h2);
}
.entry-content :is(ul, ol) {
margin: 0;
padding: 0;
list-style: none;
}
.entry-content ul.wp-block-list {
list-style-type: disc;
padding-left: 1.2em;
}
.entry-content ol.wp-block-list {
list-style-type: decimal;
list-style-position: inside;
}
.entry-content :is([class*="wp-block-"], figcaption) {
margin: 0;
}
.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;
border-radius: 0;
overflow: hidden;
}
.entry-content :is(.wp-block-image, .wp-block-video).size-thumbnail :is(img, video) {
width: clamp(20.8333333333vw, 300px, 100%);
}
.entry-content :is(.wp-block-image, .wp-block-video).size-medium :is(img, video) {
width: clamp(calc(50% - var(--spacing-column)), 46rem, 71.7948717949vw);
}
.entry-content :is(.wp-block-image, .wp-block-video).size-large :is(img, video) {
width: clamp(52.08333333333vw, 750px, 100%);
}
.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: inherit;
}
.entry-content .wp-block-buttons > .wp-block-button {
margin: 0;
vertical-align: top;
}
.entry-content .wp-block-quote {
position: relative;
max-width: 67.2rem;
margin-left: auto;
margin-right: auto;
}
.entry-content .wp-block-quote::before {
content: "";
display: block;
height: 2rem;
width: 2.6rem;
margin: 0 auto var(--spacing-content);
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
opacity: 0.2;
}
.entry-content .wp-block-quote .wp-block-heading {
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
}
.entry-content .wp-block-separator {
border: 0;
}
.entry-content > * {
margin-top: 0;
margin-bottom: 0;
}
.entry-content > *:not(:first-child),
.entry-content :is(.wp-block-group, .wp-block-column, .wp-block-quote) > *:not(:first-child) {
margin-top: var(--spacing-content);
}
.entry-content .wp-block-list > li:not(:first-child) {
margin-top: var(--spacing-content-sm);
}
.entry-content [class*="wp-block-"]:not(.wp-block-heading, .wp-block-list, .wp-block-column) + *:not(:first-child),
.entry-content * + [class*="wp-block-"]:not(.wp-block-heading, .wp-block-list, .wp-block-column):not(:first-child) {
margin-top: calc(var(--spacing-row));
}
.entry-content > [class*="wp-block-"]:not(.wp-block-heading, .wp-block-list, .wp-block-column, .wp-block-button, .wp-block-buttons) + *:not(:first-child),
.entry-content > * + [class*="wp-block-"]:not(.wp-block-heading, .wp-block-list, .wp-block-column, .wp-block-button, .wp-block-buttons):not(:first-child) {
margin-top: var(--wp--custom--gap--block);
}
.entry-content :is(.wp-block-buttons, .wp-block-media-text) > :not(:first-child) {
margin-top: 0 !important;
}
.entry-content :is(p) + :is(ul:not(.block-list-stars), ol):not(:first-child) {
margin-top: var(--spacing-content-sm);
}
.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(--spacing-content-xs);
}
.entry-content .wp-block-columns {
grid-gap: var(--spacing-row) var(--spacing-column);
}
.entry-content .wp-block-columns > * {
margin: 0;
}
.entry-content .wp-block-gallery {
gap: 0;
grid-gap: var(--spacing-row) var(--wp--style--unstable-gallery-gap);
}
.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image {
flex-grow: 0;
}
.entry-content [class*="wp-block"].aligncenter {
margin-left: auto;
margin-right: auto;
}
/* Gutenberg : Additional Class (block-media-text-grids for layout grids) */
.entry-content .block-media-text-grids.is-layout-grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: var(--spacing-row) var(--spacing-column);
}
.entry-content .block-media-text-grids.is-layout-grid > *:not(:first-child) {
margin-top: 0 !important;
}
.entry-content .block-media-text-grids.is-layout-grid > .wp-block-media-text {
grid-template-columns: 33.3333333333% 1fr;
grid-gap: var(--spacing-content);
}
.entry-content .block-media-text-grids.is-layout-grid > .wp-block-media-text > .wp-block-media-text__media {
grid-column: 1;
width: 100%;
}
.entry-content .block-media-text-grids.is-layout-grid > .wp-block-media-text > .wp-block-media-text__media > * {
width: 100%;
height: auto;
}
.entry-content .block-media-text-grids.is-layout-grid > .wp-block-media-text > .wp-block-media-text__content {
grid-column: 2;
padding: 0;
}
.entry-content .block-media-text-grids.is-layout-grid > .wp-block-media-text > .wp-block-media-text__content > *:not(:first-child) {
margin-top: var(--spacing-content-xs);
}
.entry-content ul.wp-block-list.block-list-stars {
padding: 0;
}
.entry-content ul.wp-block-list.block-list-stars > li {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding-left: calc(1.6rem + var(--spacing-2xs));
min-height: calc((1.6rem * 10) * (var(--line-height-body) * 10) / 100);
}
.entry-content ul.wp-block-list.block-list-stars > li::before {
content: "";
display: flex;
align-items: center;
width: 1.6rem;
height: calc((1.6rem * 10) * (var(--line-height-body) * 10) / 100);
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
position: absolute;
left: 0;
top: 0;
}
.entry-content ul.wp-block-list.block-list-stars.alternate > li:nth-child(even)::before {
background-image: url('data:image/svg+xml,');
}
.entry-content.font-size-md ul.wp-block-list.block-list-stars > li {
padding-left: calc(3rem + var(--spacing-2xs));
min-height: calc((3rem * 10) * (var(--line-height-body) * 10) / 100);
}
.entry-content.font-size-md ul.wp-block-list.block-list-stars > li::before {
width: 3rem;
height: calc((3rem * 10) * (var(--line-height-body) * 10) / 100);
}
.entry-share {
display: flex;
flex-wrap: wrap;
align-items: center;
grid-gap: var(--spacing-2xs) var(--spacing-md);
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
line-height: var(--line-height-body);
}
/*FORM====================*/
*:is(input, textarea, select) {
display: block;
width: 100%;
height: var(--input-height);
padding: var(--input-spacing-y) var(--input-spacing-x);
background: var(--input-color-background);
border: 0;
border-bottom: var(--input-border);
border-color: var(--input-color-border);
border-radius: var(--input-border-radius);
color: var(--input-color-text);
font-family: var(--font-family-body);
font-weight: var(--font-weight-body);
font-size: inherit;
font-style: normal;
line-height: normal;
text-align: left;
text-transform: none;
letter-spacing: normal;
text-indent: 0;
}
textarea {
--height: calc(var(--input-height) * 2);
--spacing-y: calc(var(--input-spacing-y) * 3);
resize: none;
display: block;
overflow: auto;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: var(--height);
padding-top: var(--spacing-y);
padding-bottom: var(--spacing-y);
}
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:-internal-autofill-selected,
textarea:-internal-autofill-selected,
select:-internal-autofill-selected {
color: inherit;
}
input[type="number"] {
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input:disabled,
textarea:disabled,
select:disabled,
button:disabled {
cursor: default !important;
opacity: var(--opacity-light) !important;
}
button:disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
:-ms-input-placeholder {
font-family: inherit !important;
font-weight: var(--font-weight-body) !important;
font-size: inherit !important;
font-style: inherit !important;
text-transform: none !important;
color: rgba(var(--rgb), 0.3) !important;
opacity: 1 !important;
}
::-webkit-input-placeholder {
font-family: inherit !important;
font-weight: var(--font-weight-body) !important;
font-size: inherit !important;
font-style: inherit !important;
text-transform: none !important;
color: rgba(var(--rgb), 0.3) !important;
opacity: 1 !important;
}
::-moz-placeholder {
font-family: inherit !important;
font-weight: var(--font-weight-body) !important;
font-size: inherit !important;
font-style: inherit !important;
text-transform: none !important;
color: rgba(var(--rgb), 0.3) !important;
opacity: 1 !important;
}
::-ms-clear {
display: none;
width: 0;
height: 0;
}
::-ms-reveal {
display: none;
width: 0;
height: 0;
}
/* FORM: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(--font-size-xs);
font-weight: normal;
line-height: 1;
color: var(--input-color-text);
vertical-align: top;
display: inline-flex !important;
align-items: center;
justify-content: center;
text-align: center;
padding-right: var(--input-spacing-x);
width: auto;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: 1;
pointer-events: none;
overflow: hidden;
}
.select2-parent::after,
.select.hide-arrow::after,
.select.hide-arrow .select2-selection__arrow {
display: none !important;
}
.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-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-rendered__match {
text-decoration: underline;
}
.select2-container.select2-container--default {
position: relative;
display: block;
width: 100%;
margin: 0;
}
.select2-container.select2-container--default .select2-dropdown {
box-sizing: border-box;
display: block;
width: 100%;
position: absolute;
z-index: 1051;
left: -100000px;
font-weight: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
color: var(--color-black) !important;
background: var(--color-white) !important;
border: var(--input-border) !important;
border-color: var(--input-color-border) !important;
border-radius: var(--input-border-radius) !important;
overflow: hidden !important;
transition: none;
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown--above {
margin: calc(var(--spacing-2xs) * -1) 0 0;
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown--below {
margin: var(--spacing-2xs) 0 0;
}
.select2-container.select2-container--default .select2-results {
display: block;
}
.select2-container.select2-container--default .select2-results__options {
list-style: none;
margin: 0;
padding: var(--spacing-content);
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
text-align: inherit;
}
.select2-container.select2-container--default .select2-results > .select2-results__options {
max-height: 40vh;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.select2-container.select2-container--default .select2-results__option {
display: block;
width: 100%;
min-height: 0;
padding: 0;
border: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select2-container.select2-container--default .select2-results__option:not(:last-child) {
margin-bottom: var(--spacing-content-sm);
}
.select2-container.select2-container--default .select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container.select2-container--default .select2-results__option:not([id]) {
margin: 0;
}
.select2-container.select2-container--default .select2-search--dropdown {
display: block;
padding: var(--input-spacing-y) var(--input-spacing-x);
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
box-sizing: border-box;
width: 100%;
padding: var(--input-spacing-y) var(--input-spacing-x);
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
}
.select2-container.select2-container--default .select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-container.select2-container--default .select2-selection--single {
outline: 0;
padding: 0;
display: block;
width: 100%;
height: var(--input-height);
font-family: var(--font-family-body);
font-weight: var(--font-weight-body);
font-size: inherit;
text-align: inherit;
color: var(--input-color-text);
background: var(--input-color-background);
border: 0 !important;
border-bottom: var(--input-border) !important;
border-color: var(--input-color-border) !important;
border-radius: var(--input-border-radius) !important;
transition: none;
overflow: hidden;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select2-container.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 - 2px);
width: 100%;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: inherit;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered[title] {
background-color: transparent;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__clear {
position: relative;
cursor: pointer;
float: right;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__placeholder {
font-weight: var(--font-weight-body);
color: rgba(var(--rgb), 0.3);
opacity: 1;
}
.select2-container.select2-container--default .select2-selection--single *:is(.select2-selection__arrow, .select2-selection__clear) {
position: absolute;
top: 0px;
right: 0px;
z-index: 1;
font-size: 0;
color: var(--input-color-text);
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
padding-right: var(--input-spacing-x);
width: auto;
height: 100%;
cursor: pointer;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
border: 0 !important;
margin: 0;
position: static;
top: auto;
left: auto;
display: block;
width: auto;
height: auto;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b::before,
.select2-container.select2-container--default .select2-selection--single .select2-selection__clear::before {
font-family: "iconfont";
font-size: var(--font-size-xs);
font-weight: normal;
line-height: 1;
display: block;
width: auto;
height: auto;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
content: "\e90c";
transition: var(--duration) var(--easing);
}
.select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::before {
transform: rotate(0deg);
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__clear::before {
content: "\e900";
}
.select2-container.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: transparent;
cursor: default;
opacity: var(--opacity-light);
}
.select2-container.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid var(--border-color);
}
.select2-container.select2-container--default .select2-search--inline {
float: left;
}
.select2-container.select2-container--default .select2-search--inline .select2-search__field {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
box-sizing: border-box;
box-shadow: none;
background: none;
border: none;
padding: 0;
outline: 0;
font-size: 100%;
margin-top: var(--spacing-3xs);
}
.select2-container.select2-container--default .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
}
.select2-container.select2-container--default .select2-results__option {
transition: var(--duration) var(--easing);
}
.select2-container.select2-container--default .select2-results__option span {
display: inline;
font-weight: inherit;
}
.select2-container.select2-container--default .select2-results__option[role="group"] {
padding: 0;
}
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: none;
color: inherit;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.select2-container.select2-container--default .select2-results__option:is([aria-selected="true"], [data-selected="true"]) {
text-decoration: none !important;
background: none !important;
color: inherit !important;
font-weight: var(--font-weight-medium) !important;
}
.select2-container.select2-container--default .select2-results__option[aria-disabled="true"] {
background: none !important;
text-decoration: none !important;
color: inherit !important;
opacity: var(--opacity-light) !important;
pointer-events: none !important;
}
.select2-container.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 0;
}
/* FORM: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: var(--font-size-body);
line-height: var(--line-height-body);
letter-spacing: normal;
text-transform: none;
color: inherit;
}
.choice > span {
position: relative;
display: inline-block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: 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(var(--font-size-body) + var(--spacing-2xs));
line-height: inherit;
min-width: var(--font-size-body);
min-height: var(--font-size-body);
height: auto;
cursor: pointer;
}
.choice input + span::before,
.choice input + span::after {
content: "";
display: flex;
align-items: center;
justify-content: center;
width: var(--font-size-body);
height: var(--font-size-body);
border-radius: 2px;
color: rgba(var(--rgb), 1);
margin: 0;
position: absolute;
left: 0;
top: 0.5ex;
}
.choice input + span::before {
background: none;
border: var(--input-border);
border-color: var(--input-color-border);
}
.choice input + span::after {
background: var(--color-primary);
opacity: 0;
transform: scale(0.5);
transition: opacity 0.1s;
}
.choice input:checked + span::before {
border-color: var(--color-primary);
}
.choice input:checked + span::after {
opacity: 1;
}
.choice input[type="checkbox"] + span::after {
display: flex;
align-items: center;
justify-content: center;
transform: none;
font-family: "iconfont";
content: "\e923";
font-size: 0.7em;
color: var(--color-white);
}
.choice input[type="radio"] + span::before,
.choice input[type="radio"] + span::after {
border-radius: 50%;
}
.choices {
display: flex;
flex-wrap: wrap;
grid-gap: var(--spacing-2xs) var(--spacing-row);
}
.choices.vertical {
flex-direction: column;
}
.choices.vertical .choices {
padding-left: calc(var(--font-size-body) + var(--spacing-2xs));
}
/* FORM:STRUCTURE */
.fieldset {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
grid-gap: var(--spacing-row);
}
.fields {
--field-spacing-x: var(--spacing-column);
--field-spacing-y: var(--spacing-row);
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
grid-gap: var(--field-spacing-y) var(--field-spacing-x);
}
.field {
position: relative;
width: 100%;
}
.field.focusin {
z-index: 2;
}
.call-to-action {
width: 100%;
display: flex;
flex-wrap: wrap;
grid-gap: var(--spacing-content-sm) var(--spacing-content);
}
.call-to-action.a-center,
.a-center .call-to-action {
justify-content: center;
}
.input {
position: relative;
text-align: left;
}
.label {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
position: relative;
display: block;
font-family: var(--font-family-body);
font-weight: var(--font-weight-medium);
font-size: inherit;
line-height: inherit;
text-transform: none;
color: currentColor;
opacity: 1;
transition: var(--duration) var(--easing);
}
.label:not(.anim):not(:last-child) {
margin-bottom: var(--spacing-content-xs);
}
.label.anim {
height: auto;
width: auto;
max-width: calc(100% - var(--input-spacing-x) * 2);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
position: absolute;
z-index: 1;
left: calc(var(--input-spacing-x) + var(--border-width));
top: calc(var(--input-height) / 2);
transform: translateY(-50%);
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;
left: calc((var(--input-spacing-x) / 2) + var(--border-width));
transform: translateY(-50%);
font-size: var(--font-size-3xs);
background-color: var(--color-background);
border-radius: 0.25em;
padding: 0.1em 0.5em;
}
.input:has(*:-internal-autofill-selected) .label.anim.fixed {
top: 0;
left: calc((var(--input-spacing-x) / 2) + var(--border-width));
transform: translateY(-50%);
font-size: var(--font-size-3xs);
background-color: var(--color-background);
border-radius: 0.25em;
padding: 0.1em 0.5em;
}
.input-cta {
--cta-width: 0px;
}
.input-cta > .cta {
position: absolute;
z-index: 1;
right: 0;
top: calc(var(--input-height) / 2);
transform: translateY(-50%);
}
.input-cta > input {
padding-right: calc(var(--cta-width) + var(--spacing-content-sm));
}
/*FORM:UPLOAD FILE====================*/
.file-upload-wrapper {
position: relative;
display: flex;
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.file-upload-wrapper .file-upload-input {
width: 100%;
padding-right: var(--input-height);
cursor: pointer;
}
.file-upload-wrapper .file-upload-action {
order: -1;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
z-index: 1;
height: auto;
width: auto;
min-width: 0;
}
.file-upload-wrapper .file-upload-button {
display: flex;
align-items: center;
justify-content: flex-end;
width: var(--input-height);
height: var(--input-height);
}
.file-upload-wrapper .file-upload-button > * {
margin: 0;
}
.file-upload-wrapper .file-upload-button .ic {
font-size: var(--font-size-xs);
}
.custom-file-upload-hidden {
display: none;
visibility: hidden;
position: absolute;
left: -9999px;
}
.custom-file-upload {
display: flex;
align-items: center;
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
/*PLUGIN:LENIS====================*/
.lenis {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-scrolling iframe {
pointer-events: none;
}
/*PLUGIN:SPLITTING====================*/
[data-splitting] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[data-splitting] :is(.word, .char) {
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
/*PLUGIN:MARQUEE====================*/
*[data-limarquee].mWrap {
transition: height var(--duration) var(--easing);
}
*[data-limarquee].mWrap .mMove,
*[data-limarquee].mWrap .mItem {
width: auto !important;
}
*[data-limarquee] .cloneContent {
padding: 0 !important;
}
/*PLUGIN:SLIDER====================*/
.swiper {
width: 100%;
}
.swiper-wrapper {
will-change: transform;
}
*[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;
line-height: 1;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: space-between;
grid-gap: 0;
font-family: inherit;
font-weight: inherit;
font-size: 0;
line-height: 1;
letter-spacing: normal;
text-transform: uppercase;
pointer-events: auto;
}
*[class*="swiper-button-"]:hover {
color: inherit;
}
.swiper-button-prev {
left: 0;
}
.swiper-button-next {
right: 0;
}
.swiper-button-prev.spacing-container {
left: var(--spacing-container);
}
.swiper-button-next.spacing-container {
right: var(--spacing-container);
}
.swiper-button-disabled {
opacity: 0.1 !important;
pointer-events: auto !important;
}
.swiper-button-lock {
display: none !important;
}
*[class*="swiper-button-"]::after {
font-family: "iconfont";
font-size: 28px;
font-weight: normal;
width: auto;
height: auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: inherit;
background-color: transparent;
border: 0;
border-radius: 0;
overflow: hidden;
transition: none;
}
.swiper-button-prev::after {
content: "\e909";
transform: translateX(-0.05em);
}
.swiper-button-next::after {
content: "\e90a";
transform: translateX(0.05em);
}
.swiper-buttons {
display: flex;
align-items: center;
justify-content: center;
grid-gap: var(--spacing-sm);
}
.swiper-buttons > *[class*="swiper-button-"] {
position: relative !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
}
*[class*="swiper-button-"].style-button {
--button-size: 36px;
display: flex;
align-items: center;
justify-content: center;
height: var(--button-size);
width: var(--button-size);
min-width: var(--button-size);
max-width: var(--button-size);
background-color: var(--color-white);
color: var(--color-primary);
border: var(--border);
border-radius: 50%;
overflow: hidden;
}
*[class*="swiper-button-"].style-button:hover {
background-color: var(--color-primary);
border-color: var(--color-primary);
color: var(--color-white);
}
*[class*="swiper-button-"].style-button::after {
color: inherit !important;
font-size: 16px !important;
}
.swiper-button-disabled.style-button {
opacity: 0 !important;
pointer-events: none !important;
}
.swiper-pagination:not(.swiper-pagination-custom) {
--bullet-size: 8px;
line-height: 0;
display: flex;
align-items: flex-end;
justify-content: flex-start;
grid-gap: var(--spacing-3xs);
pointer-events: none;
}
.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: var(--bullet-size);
height: var(--bullet-size);
background: rgba(var(--rgb), var(--opacity-light));
border: 0;
border-radius: 50%;
overflow: hidden;
position: relative;
transition: var(--duration) var(--easing);
pointer-events: auto;
}
.swiper-pagination-bullet-active {
background: rgba(var(--rgb), 1);
}
.swiper-horizontal > .swiper-pagination-bullets {
bottom: calc((var(--spacing-row) - var(--bullet-size)) / 2);
}
.swiper-pagination.static {
position: relative !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
transition: none !important;
line-height: inherit;
}
.swiper-pagination.static:not(:first-child) > .swiper-pagination-bullet:first-child {
margin-top: var(--spacing-row) !important;
}
.swiper-pagination-custom {
position: static !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
transition: none !important;
}
.swiper-pagination.numbered {
display: flex;
flex-wrap: wrap;
align-items: baseline;
grid-gap: var(--spacing-content-sm);
counter-reset: numbered;
}
.swiper-pagination.numbered .swiper-pagination-bullet {
counter-increment: numbered;
display: inline;
width: auto;
height: auto;
overflow: visible;
border: 0;
border-radius: 0;
background: none;
color: inherit;
font-family: var(--font-family-heading);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-body-sm);
line-height: var(--line-height-body);
}
.swiper-pagination.numbered .swiper-pagination-bullet::before {
content: counter(numbered);
}
.swiper-pagination.numbered .swiper-pagination-bullet-active {
text-decoration: underline;
text-decoration-thickness: var(--text-decoration-thickness);
text-underline-offset: var(--text-underline-offset);
}
.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 .swiper-slide {
width: 100% !important;
height: auto !important;
}
.swiper.fix *[class*="swiper-button-"] {
top: calc(var(--swiper-button-y, 0));
transform: translateY(-50%);
}
/*PLUGIN:POPUP====================*/
.fancybox__hide {
display: none;
}
.fancybox__backdrop {
opacity: 1;
}
.fancybox__container {
--fancybox-color: rgba(var(--rgb), 1);
--fancybox-hover-color: rgba(var(--rgb), 1);
--fancybox-bg: rgba(var(--color-background-rgb), 1);
}
.fancybox__container .fancybox__slide {
padding: calc(var(--spacing-container) * 2 + var(--font-size-body)) 0;
}
.fancybox__container .f-button {
width: auto;
height: auto;
background: none;
color: inherit;
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
line-height: 1;
}
.fancybox__container .f-button:is([data-fancybox-close], [data-carousel-next], [data-carousel-prev]) svg {
display: none;
}
.fancybox__container .f-button:is([data-fancybox-close], [data-carousel-next], [data-carousel-prev])::before {
content: attr(title);
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
text-transform: uppercase;
position: static;
margin: unset;
top: unset;
bottom: unset;
left: unset;
right: unset;
}
.fancybox__container .fancybox__toolbar {
padding: var(--spacing-container);
}
.fancybox__container .fancybox__nav {
--f-button-width: auto;
--f-button-height: auto;
--f-button-border: 0;
--f-button-border-radius: 0;
--f-button-color: currentColor;
--f-button-hover-color: currentColor;
--f-button-bg: transparent;
--f-button-hover-bg: transparent;
--f-button-active-bg: transparent;
--f-button-shadow: none;
--f-button-transition: var(--duration) var(--easing);
--f-button-transform: none;
--f-button-svg-width: auto;
--f-button-svg-height: auto;
--f-button-svg-stroke-width: 0;
--f-button-svg-fill: none;
--f-button-svg-filter: unset;
--f-button-svg-disabled-opacity: 0.5;
--f-button-next-pos: var(--spacing-container);
--f-button-prev-pos: var(--spacing-container);
opacity: var(--fancybox-opacity, 1);
}
.fancybox__container .fancybox__nav .f-button:is([data-carousel-next], [data-carousel-prev]) {
transform: translateY(-50%);
}
.fancybox__container .fancybox__nav .f-button[data-carousel-next] {
right: var(--spacing-container);
}
.fancybox__container .fancybox__nav .f-button[data-carousel-prev] {
left: var(--spacing-container);
}
@media (max-width: 991px) {
.fancybox__container .fancybox__nav .f-button:is([data-carousel-next], [data-carousel-prev]) {
top: unset;
bottom: var(--spacing-container);
transform: none;
}
}
/*FUNCTION:ACCORDION====================*/
.accordion {
width: 100%;
position: relative;
border-bottom: 1px solid;
}
.accordion > .entry-panel {
display: none;
padding-bottom: var(--spacing-row);
}
.accordion > .entry-panel > *:not(:first-child) {
margin-top: var(--spacing-content);
}
.accordion > .entry-title {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 0 var(--spacing-column);
transition: var(--duration) var(--easing);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
font-family: var(--font-family-heading);
font-weight: var(--font-weight-heading);
font-size: var(--font-size-h3);
line-height: var(--line-height-h3);
text-transform: uppercase;
padding: var(--spacing-content) 0;
padding-left: calc(3rem + var(--spacing-2xs));
min-height: calc((3rem * 10) * (var(--line-height-body) * 10) / 100);
}
.accordion > .entry-title::before {
content: "";
display: flex;
align-items: center;
width: 3rem;
height: calc((3rem * 10) * (var(--line-height-body) * 10) / 100);
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
position: absolute;
left: 0;
top: calc(var(--spacing-content) / 2);
transition: var(--duration) var(--easing);
}
.accordion > .entry-title::after {
font-family: "iconfont";
content: "\e90b";
font-size: var(--font-size-body);
transition: var(--duration) var(--easing);
}
.accordion:not(.active) > .entry-title {
padding-left: 0;
}
.accordion:not(.active) > .entry-title::before {
opacity: 0;
}
.accordion:not(.active) > .entry-title::after {
transform: rotate(180deg);
}
/*FUNCTION:TAB====================*/
.tab {
position: relative;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tab-content {
margin: 0 !important;
position: relative;
height: 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
transition-property: opacity;
transition-duration: 1s;
}
.tab-content.active {
height: auto;
opacity: 1;
overflow: visible;
pointer-events: auto;
}
/*FUNCTION:CLIPBOARD====================*/
#clipboard {
display: flex;
align-items: center;
justify-content: center;
height: auto;
min-height: var(--button-height);
width: auto;
max-width: calc(100% - var(--spacing-container) * 2);
margin: 0 auto;
padding: var(--spacing-3xs) var(--spacing-2xs);
font-family: var(--font-family-body);
font-weight: var(--font-weight-body);
font-size: var(--font-size-body-sm);
line-height: var(--line-height-body);
letter-spacing: normal;
text-transform: uppercase;
background-color: rgba(var(--color-black-rgb), 1);
color: var(--color-white);
border-radius: 10px;
overflow: hidden;
position: fixed;
z-index: 999999;
top: auto;
bottom: var(--spacing-xs);
left: 50%;
transform: translate(-50%, 0%);
pointer-events: none;
}
/*HAMBURGER====================*/
.hamburger {
position: relative;
display: block;
width: 2.8rem;
height: 2.8rem;
}
.hamburger .bars,
.hamburger .bars::before,
.hamburger .bars::after {
position: absolute;
left: 0;
width: 100%;
height: 1.5px;
background: currentColor;
transition: var(--duration) var(--easing);
}
.hamburger .bars {
display: block;
font-size: 0;
line-height: 0;
top: 50%;
transform: translateY(-50%);
transition-property: background-color, transform;
}
.hamburger .bars::before,
.hamburger .bars::after {
display: block;
content: "";
}
.hamburger .bars::before {
top: -1rem;
transition-property: background-color, top;
transition-delay: 0s, 0.1s;
}
.hamburger .bars::after {
bottom: -1rem;
transition-property: background-color, bottom, transform;
transition-delay: 0s, 0.1s, 0s;
}
.active > .hamburger .bars {
transform: translateY(-50%) rotate(45deg);
transition-delay: 0s, 0.1s;
}
.active > .hamburger .bars::before {
top: 0;
opacity: 0;
}
.active > .hamburger .bars::after {
bottom: 0;
transform: rotate(-90deg);
transition-delay: 0s, 0s, 0.1s;
}
/*LANGUAGE====================*/
.lang ul {
list-style: none;
margin: 0;
padding: 0;
}
.lang *:is(ul, li) {
display: flex;
grid-gap: var(--spacing-content-sm);
}
.lang ul > li:not(:last-child)::after {
content: "/";
}
.lang ul > li > a.active {
color: inherit;
}
.lang ul > li > a:not(.active) {
color: rgba(var(--rgb), var(--opacity));
}
/*FUNCTION:DROPDOWN====================*/
.dropdown-style {
position: relative;
z-index: 3;
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
line-height: normal;
letter-spacing: normal;
text-transform: uppercase;
}
.dropdown-style .dropdown-button {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 0 var(--spacing-content-sm);
text-align: inherit;
width: 100%;
min-height: var(--input-height);
padding: var(--spacing-3xs) var(--spacing-xs);
background: var(--color-white);
color: var(--color-primary);
border: 1px solid currentColor;
}
.dropdown-style .dropdown-button > .ic {
margin-left: auto;
}
.dropdown-style > .dropdown-title:not(:last-child) {
margin-bottom: var(--spacing-content-sm);
}
.dropdown-style > .dropdown-ctrl {
position: relative;
}
.dropdown-style > .dropdown-ctrl .ic[class*="ic-chevron"] {
font-size: var(--icon-size-sm);
}
.dropdown-style > .dropdown-panel {
position: absolute;
z-index: 10;
top: calc(100% + var(--spacing-content-sm));
left: 50%;
right: auto;
transform: translateX(-50%);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 100%;
max-width: calc(100vw - var(--spacing-container) * 2);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: var(--duration-fast) var(--easing);
}
.dropdown-style.active > .dropdown-panel {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.dropdown-style > .dropdown-panel a {
pointer-events: none;
}
.dropdown-style.active > .dropdown-panel a {
pointer-events: auto;
}
.dropdown-style > .dropdown-button ~ .dropdown-panel {
width: 100%;
top: calc(100% - var(--spacing-content-xs));
}
.dropdown-style .dropdown-panel-wrap {
position: relative;
display: block;
width: 100%;
min-width: 100%;
}
.dropdown-style .dropdown-panel-scroll {
max-height: 50dvh;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.dropdown-style .dropdown-panel-inner ul {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-content-sm);
}
.dropdown-style .dropdown-panel-inner ul > li.active-parent {
display: none !important;
}
/*PAGE====================*/
#page {
position: relative;
min-height: 100svh;
display: grid;
grid-template-rows: 1fr auto;
grid-template-columns: 100%;
overflow: clip;
}
/*HEADER====================*/
#header {
width: 100%;
position: fixed;
z-index: 100;
top: 0;
left: 0;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#header-height {
width: 100%;
height: var(--header-height);
opacity: 0;
position: fixed;
z-index: -1;
top: 0;
left: 0;
pointer-events: none;
}
.header-navi {
position: relative;
display: grid;
grid-template-columns: 1fr auto 1fr;
width: 100%;
height: var(--header-navi-height);
background-color: transparent;
color: rgba(var(--rgb), 1);
grid-gap: var(--spacing-container);
padding: 0 var(--spacing-container);
font-size: var(--font-size-body-sm);
transition: var(--duration) var(--easing);
}
.header-navi :is(a, button, form) {
pointer-events: auto;
}
html.page-scrolling.main-end .header-navi {
transform: translateY(-100%);
}
html.page-scrolling.main-end .header-navi :is(a, button, form) {
pointer-events: none;
}
.header-brand {
grid-row: 1;
grid-column: 2;
justify-self: center;
align-self: center;
line-height: 1;
}
.header-system,
.header-menu {
padding-top: calc(var(--spacing-container) * 1.5);
}
.header-system {
grid-row: 1;
grid-column: 3;
justify-self: flex-end;
align-self: flex-start;
line-height: 1;
}
.header-system .tools {
display: flex;
grid-gap: var(--spacing-container);
}
.header-system .tool {
position: relative;
display: flex;
align-items: center;
}
.header-system .tool .ctrl {
display: inline-flex;
vertical-align: top;
align-items: center;
line-height: 1;
}
.header-system .tool .ic {
margin: 0 !important;
display: block;
color: inherit;
font-size: var(--icon-size);
}
.header-menu {
grid-row: 1;
grid-column: 1;
justify-self: flex-start;
align-self: flex-start;
}
.header-menu .menu {
display: flex;
align-items: center;
grid-gap: var(--spacing-container);
min-height: var(--button-stars-height);
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
line-height: normal;
letter-spacing: var(--letter-spacing);
text-transform: uppercase;
}
#header-panel {
width: 100%;
height: 100dvh;
overflow: hidden;
background-color: rgba(var(--color-background-rgb), 1);
color: rgba(var(--rgb), 1);
position: fixed;
z-index: 101;
top: 0;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: var(--duration) var(--easing);
}
html:not(.header-panel-active) #header-panel {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
html:not(.header-panel-active) #header-panel * {
pointer-events: none !important;
}
.header-panel-container {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
overflow: hidden;
}
.header-panel-container > * {
width: 100%;
transition: var(--duration-slow) var(--easing);
will-change: opacity;
}
.header-panel-container .element-animate {
opacity: 1;
transform: translateY(0%);
transition: var(--duration-slow) var(--easing);
will-change: transform, opacity;
}
html:not(.header-panel-active) .header-panel-container > * {
opacity: 0;
}
html:not(.header-panel-active) .header-panel-container .element-animate {
opacity: 0;
transform: translateY(var(--spacing-md));
}
.header-panel-header {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: var(--spacing-container);
padding: var(--spacing-md) var(--spacing-container);
padding-bottom: 0;
position: relative;
z-index: 1;
}
.header-panel-header .header-panel-close {
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
line-height: normal;
letter-spacing: normal;
text-transform: uppercase;
text-decoration: none;
}
.header-panel-header .header-panel-tools {
margin-left: auto;
}
.header-panel-footer {
display: flex;
align-items: center;
justify-content: center;
grid-gap: var(--spacing-container);
padding: var(--spacing-md) var(--spacing-container);
padding-top: 0;
position: relative;
z-index: 1;
}
.header-panel-body {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
-webkit-mask-box-image: -webkit-linear-gradient(-90deg, transparent 0%, white var(--spacing-md));
}
.header-panel-scroll {
flex: 1;
display: flex;
flex-direction: column;
width: auto;
height: 100%;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-mask-box-image: -webkit-linear-gradient(90deg, transparent 0%, white var(--spacing-md));
}
.header-panel-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding: var(--spacing-md) var(--spacing-container);
}
/** Footer */
#footer {
position: relative;
width: 100%;
height: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.footer-navi {
width: 100%;
height: auto;
margin: -1px auto;
padding: var(--spacing-container);
font-family: var(--font-family-body);
font-weight: var(--font-weight-body);
font-size: var(--font-size-body);
line-height: var(--line-height-body);
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: var(--spacing-row) var(--spacing-column);
}
.footer-navi :is(.entry-title, .directory, .agent) {
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
line-height: var(--line-height-body);
}
.footer-navi :is(.directory, .information, .utilities) {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-content-sm);
}
.footer-navi .entry-content > *:not(:first-child) {
margin-top: var(--spacing-content-sm);
}
.footer-navi .entry-content a {
color: inherit;
}
.footer-navi .utilities > .social + * {
margin-top: calc((var(--line-height-body) * 1em) / 2);
}
.footer-navi .legal {
font-size: var(--font-size-body-sm);
color: rgba(var(--rgb), var(--opacity));
}
/** Addon */
#promo {
position: fixed;
z-index: 99;
right: 0;
bottom: calc(var(--spacing-container) * 1.5);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
html.main-end #main > #promo {
position: absolute;
}
#promo .promo-banner {
position: relative;
z-index: 1;
width: auto;
height: auto;
}
#promo .promo-banner .promo-banner-label {
display: block;
width: 13.5rem;
transition: var(--duration) var(--easing);
will-change: transform;
}
#promo .promo-banner .promo-banner-label > * {
display: block;
width: 259.2592592593%;
max-width: none;
}
#promo .promo-banner .promo-banner-sticky {
display: block;
width: 108.8888888889%;
height: auto;
position: absolute;
bottom: 50%;
right: 0.1rem;
z-index: -1;
overflow: hidden;
}
#promo .promo-banner .promo-banner-sticky > * {
--duration: 0.3s;
--easing: ease-in-out;
display: block;
width: 100%;
height: auto;
transition: var(--duration) var(--easing);
transform: translateY(50%) scale(0.5);
will-change: transform;
}
#promo .promo-banner .promo-banner-text {
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body-sm);
line-height: 1;
-webkit-writing-mode: sideways-lr;
-ms-writing-mode: sideways-lr;
writing-mode: sideways-lr;
white-space: nowrap;
position: absolute;
bottom: 0.5rem;
right: 100%;
transform: translateX(-1.5rem);
opacity: 0;
visibility: hidden;
transition: var(--duration) var(--easing);
will-change: opacity;
}
#promo .promo-banner:hover .promo-banner-label {
transform: rotate(-5.22deg);
}
#promo .promo-banner:hover .promo-banner-sticky > * {
transform: translateY(0%) scale(1);
}
#promo .promo-banner:hover .promo-banner-text {
opacity: 1;
visibility: visible;
}
#promo .promo-button {
--button-color-background: var(--color-secondary);
--button-color-border: var(--color-secondary);
--button-color-text: var(--color-black);
--button-gradient-text: linear-gradient(90deg, #000 0%, #bcbcbc 73%, #f8f8f8 87%, #666 100%);
margin-right: var(--spacing-container);
}
/** Hero */
#hero {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#hero[fixed] {
position: fixed;
}
#hero-title {
display: grid;
grid-template-columns: 100%;
grid-template-rows: 1fr auto;
align-items: flex-end;
justify-content: flex-end;
width: 100%;
min-height: 100svh;
font-family: var(--font-family-heading);
font-weight: var(--font-weight-heading);
font-size: max(6rem, 12.5vw);
line-height: 1;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#hero-title:before {
grid-row: 2;
grid-column: 1;
content: "";
position: relative;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(var(--color-secondary-rgb), 1) 0%, rgba(var(--color-primary-rgb), 1) 6%, rgba(var(--color-primary-rgb), 1) 12%, rgba(var(--color-primary-rgb), 0.6) 30%, rgba(var(--color-secondary-rgb), 0.6) 60%);
pointer-events: none;
}
#hero-title .hero-title-text {
grid-row: 2;
grid-column: 1;
display: block;
padding: var(--spacing-section) var(--spacing-container);
padding-top: var(--spacing-container);
color: rgba(var(--rgb), 1);
background-color: rgba(var(--color-background-rgb), 1);
mix-blend-mode: multiply;
}
html.has-hero #page {
grid-template-rows: auto 1fr auto;
}
html.has-hero #header .header-brand :is(.brand, .logo) {
transition: none;
will-change: transform, opacity;
}
/** Main */
#main {
position: relative;
width: 100%;
}
section {
position: relative;
width: 100%;
}
.sc-link {
padding: 0 !important;
margin: 0 !important;
opacity: 0 !important;
font-size: 0 !important;
width: 100% !important;
height: 100% !important;
display: block !important;
position: absolute !important;
z-index: 2 !important;
top: 0 !important;
left: 0 !important;
}
.sc-inner {
position: relative;
z-index: 0;
width: 100%;
padding-top: var(--spacing-section);
padding-bottom: var(--spacing-section);
}
.sc-container + .sc-container {
margin-top: var(--spacing-section);
}
:is(.sc-container, .sc-column, .sc-box) > *:not(:first-child) {
margin-top: var(--spacing-row);
}
:is(.sc-group, .sc-headline, .sc-desc, .sc-content, .sc-explore) > *:not(:first-child) {
margin-top: var(--spacing-content);
}
.sc-pages + *:not(:first-child) {
margin-top: var(--spacing-section);
}
.sc-inner.padding-y-extra {
padding-top: calc(var(--spacing-section) * 2);
padding-bottom: calc(var(--spacing-section) * 2);
}
.sc-inner.padding-y-extra > .sc-container + .sc-container {
margin-top: calc(var(--spacing-section) * 2);
}
.sc-inner.padding-top-header {
padding-top: calc(var(--header-height) + var(--spacing-container)) !important;
}
.sc-cover {
position: relative;
}
.sc-tagline {
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
letter-spacing: var(--letter-spacing);
}
.sc-tagline + .sc-tagline:not(:first-child) {
margin-top: var(--spacing-content-xs);
}
.sc-info {
display: flex;
flex-wrap: wrap;
grid-gap: var(--spacing-2xs) var(--spacing-md);
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
line-height: var(--line-height-body);
text-transform: uppercase;
color: rgba(var(--rgb), 0.5);
}
.sc-heading {
font-family: var(--font-family-heading);
font-weight: var(--font-weight-heading);
}
.sc-heading--rows > .sc-heading--row {
display: block;
}
.sc-heading--rows > .sc-heading--row:not(:first-child) {
padding-left: 4.1666666667vw;
}
.sc-headline-flex {
display: flex;
align-items: last baseline;
grid-gap: var(--spacing-content);
}
.sc-headline-flex > .sc-explore {
margin-left: auto;
}
.sc-filters {
display: flex;
grid-gap: var(--spacing-container);
position: relative;
z-index: 10;
pointer-events: none;
}
.sc-filters[sticky] {
position: -webkit-sticky;
position: sticky;
top: 50vh;
transform: translateY(-50%);
}
.sc-filters > .sc-filter > * {
pointer-events: auto;
}
.sc-filters > .sc-filter--left {
text-align: left;
}
.sc-filters > .sc-filter--left .dropdown-style > .dropdown-panel {
left: 0;
transform: translateX(0%);
}
.sc-filters > .sc-filter--right {
text-align: right;
margin-left: auto;
}
.sc-filters > .sc-filter--right .dropdown-style > .dropdown-panel {
right: 0;
left: auto;
transform: translateX(0%);
}
.sc-grid-row {
--h-md: 35.4166666667vw;
position: relative;
width: 100%;
min-height: var(--h, 0);
display: flex;
flex-direction: column;
transition: min-height var(--duration) var(--easing);
}
.sc-grid-row.h-vh {
--h: 100vh;
}
.sc-grid-row.h-lvh {
--h: 100lvh;
}
.sc-grid-row.h-svh {
--h: 100svh;
}
.sc-grid-row.h-dvh {
--h: 100dvh;
}
.sc-grid-row.h-md {
--h: var(--h-md);
}
.sc-grid-row > .sc-inner {
flex: 1;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
position: relative;
z-index: 3;
}
.sc-grid-row > .sc-inner > .sc-container {
flex: 1;
display: grid;
grid-template-columns: 100%;
grid-template-rows: 1fr auto 1fr;
grid-gap: var(--spacing-row) 0;
}
.sc-grid-row > .sc-inner > .sc-container > * {
position: relative;
}
.sc-grid-row > .sc-inner > .sc-container > *:not(:first-child) {
margin-top: 0;
}
.sc-grid-row > .sc-inner > .sc-container > *[data-row="top"] {
grid-row: 1;
align-self: flex-start;
}
.sc-grid-row > .sc-inner > .sc-container > *[data-row="middle"] {
grid-row: 2;
align-self: center;
}
.sc-grid-row > .sc-inner > .sc-container > *[data-row="bottom"] {
grid-row: 3;
align-self: flex-end;
}
.sc-grid-row > .sc-inner > .sc-container > *[data-row="bottom"] .animated {
-webkit-animation-delay: 0s !important;
animation-delay: 0s !important;
}
.sc-grid-row > .sc-inner > .sc-container[data-row-total="1"] {
grid-template-rows: 1fr;
grid-gap: 0;
}
.sc-grid-row > .sc-inner > .sc-container[data-row-total="1"] > * {
grid-row: unset;
}
.sc-grid-row > .sc-inner > .sc-container[data-row-total="2"] {
grid-template-rows: 1fr auto;
}
.sc-grid-row > .sc-inner > .sc-container[data-row-total="2"] > * {
grid-row: unset;
}
.sc-grid-row > .sc-inner > .sc-container[data-row-align="center"] {
grid-template-rows: unset;
align-items: center;
}
.sc-grid-row > .sc-inner > .sc-container[data-row-align="center"] > * {
grid-row: unset;
align-self: unset;
}
.sc-billboard {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sc-billboard > * {
width: 100%;
}
.sc-billboard > *:is(.sc-inner, .sc-grid-row) {
width: 100%;
position: relative;
z-index: 2;
pointer-events: none;
}
.sc-billboard > *:is(.sc-inner, .sc-grid-row) *:is(a, button, form, iframe) {
pointer-events: auto;
}
.sc-billboard > .sc-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.sc-billboard > .sc-cover,
.sc-billboard > .sc-cover .object-fit,
.sc-billboard > .sc-cover .object-fit::before,
.sc-billboard > .sc-cover *:is(.swiper, .swiper-wrapper, .swiper-slide) {
height: 100%;
}
.sc-billboard > .sc-cover .sc-cover-sticky {
width: 100%;
height: 100lvh;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.sc-billboard > .sc-cover .object-fit::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
}
.sc-billboard.fade > .sc-cover .object-fit::after {
background-color: rgba(var(--color-background-rgb), var(--opacity-overlay));
}
.sc-billboard.fade-bottom > .sc-cover .object-fit::after {
background: linear-gradient(180deg, rgba(var(--color-background-rgb), 0) 0%, rgba(var(--color-background-rgb), var(--opacity-overlay)) 100%);
}
.sc-billboard > .sc-cover .object-overlay {
padding: var(--spacing-container);
text-align: right;
}
.sc-billboard > .sc-cover *:is(.animation-expand-wrapper, .pin-spacer-animation-expand) {
width: 100vw !important;
max-width: 100vw !important;
height: 100% !important;
max-height: 100% !important;
overflow: hidden;
}
.sc-billboard > .sc-cover .animation-expand-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.sc-billboard > .sc-cover .animation-expand {
width: 100%;
height: 100%;
position: relative;
transition: none;
will-change: width, height, transform;
}
.sc-billboard > .sc-cover .logo {
display: inline-block;
vertical-align: top;
}
.sc-billboard > .sc-cover .logo > * {
display: block;
width: auto;
height: 55px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sc-billboard-half {
position: relative;
overflow: clip;
}
.sc-billboard-half > .sc-billboard {
position: -webkit-sticky;
position: sticky;
top: 0;
}
.sc-billboard-show {
position: relative;
overflow: clip;
}
.sc-billboard-show > .sc-billboard {
position: -webkit-sticky;
position: sticky;
top: 0;
}
.sc-columns {
display: flex;
grid-gap: var(--spacing-row) var(--spacing-column);
}
.sc-columns.row-gap-extra {
grid-row-gap: var(--spacing-section);
}
.sc-inner.padding-y-extra .sc-columns.row-gap-extra {
grid-row-gap: calc(var(--spacing-section) * 2);
}
.sc-gutenberg {
position: relative;
z-index: 1;
}
.sc-gutenberg > .entry-background {
height: 100%;
width: 100vw;
max-width: 100vw;
margin: 0 calc(50% - 50vw);
position: absolute;
z-index: -1;
top: 0;
left: 0;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sc-gutenberg > .entry-background > .entry-background--sticky {
width: 100%;
height: 100svh;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.sc-gutenberg > .entry-background > .entry-background--sticky::before,
.sc-gutenberg > .entry-background > .entry-background--sticky::after {
content: "";
display: block;
height: auto;
aspect-ratio: 1/1;
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
position: absolute;
z-index: -1;
pointer-events: none;
}
.sc-gutenberg > .entry-background > .entry-background--sticky::before {
width: clamp(22.2222222222vw, 32rem, 75.3846153846vw);
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 149, 251, 0.2) 0%, rgba(255, 149, 251, 0) 100%);
left: 0;
top: 0;
}
.sc-gutenberg > .entry-background > .entry-background--sticky::after {
width: min(27.4rem, 70.2564102564vw);
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
bottom: 0;
right: 0;
transform: translate(-16%, -50%);
}
.sc-boxes {
display: grid;
grid-template-columns: 100%;
grid-gap: var(--spacing-column);
}
.sc-box {
position: relative;
padding: var(--spacing-lg) var(--spacing-md);
border: 1px solid;
}
.sc-box.bg-white {
border-color: var(--color-white);
}
.sc-header {
display: flex;
flex-direction: column;
}
.sc-header > [class*="sc-header--"] {
position: relative;
width: 100%;
}
.sc-header--cover .sc-cover,
.sc-header--cover .sc-cover .object-fit {
height: 100%;
}
.sc-header[data-header="career"] .sc-header--cover .sc-cover .object-fit::before {
aspect-ratio: 1048/634;
}
.sc-inner .sc-header[data-header="career"] .sc-header--content .sc-inner {
padding-top: 0;
}
.sc-container.container .sc-header[data-header="career"] .sc-header--content .sc-container.container {
padding-left: 0;
padding-right: 0;
}
.sc-header + .sc-inner {
padding-top: var(--spacing-section) !important;
}
.sc-break.check:first-child,
.sc-break.check:last-child {
display: none !important;
}
.sc-menu {
font-family: var(--font-family-heading);
font-weight: var(--font-weight-heading);
font-size: var(--font-size-h3);
line-height: var(--line-height-h3);
text-transform: uppercase;
}
.sc-menu ul > li {
padding: var(--spacing-2xs) 0;
border-bottom: 1px solid;
}
.sc-menu ul > li > a {
text-decoration: none;
box-shadow: none;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
padding-left: calc(3rem + var(--spacing-2xs));
min-height: calc((3rem * 10) * (var(--line-height-body) * 10) / 100);
transition: var(--duration) var(--easing);
}
.sc-menu ul > li > a::before {
content: "";
display: flex;
align-items: center;
width: 3rem;
height: calc((3rem * 10) * (var(--line-height-body) * 10) / 100);
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
position: absolute;
left: 0;
top: 0;
transition: var(--duration) var(--easing);
}
.sc-menu ul > li > a:not(.active) {
color: rgba(var(--rgb), var(--opacity));
padding-left: 0;
}
.sc-menu ul > li > a:not(.active)::before {
opacity: 0;
}
.sc-layout {
display: flex;
flex-wrap: wrap;
grid-gap: var(--spacing-row) var(--spacing-column);
}
.sc-grids {
display: grid;
grid-template-columns: 100%;
grid-auto-rows: 1fr;
}
.sc-grids > .sc-grid.container {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
padding: var(--spacing-section) var(--spacing-container);
}
.sc-grids > .sc-grid.align-self-center {
align-self: center;
}
.clear-spacing-sections > section:not(.next-section-no-spacing):not(:last-child) > .sc-inner:last-child {
padding-bottom: 0 !important;
}
.margin-top-section:not(:first-child) {
margin-top: var(--spacing-section) !important;
}
.margin-top-row:not(:first-child) {
margin-top: var(--spacing-row) !important;
}
/** Modules */
.card {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
grid-gap: var(--spacing-content-sm);
position: relative;
color: rgba(var(--rgb), 1);
text-align: left;
white-space: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}
.card .ellipsis {
max-width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
line-clamp: 5;
padding: 0.08em 0;
overflow: hidden;
}
.card .caption {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-content-xs);
}
.card :is(.caption, .cover) {
width: 100%;
position: relative;
z-index: 3;
pointer-events: none;
}
.card .cover :is(.object, .object-fit) > * {
transition: var(--duration-slow) var(--easing);
}
.card .link-overlay:hover ~ .cover :is(.object, .object-fit) > * {
transform: scale(1.02);
}
.card *:is(a, button):not(.link-overlay) {
position: relative;
z-index: 3;
pointer-events: auto;
}
.card-marquee {
display: inline-grid;
vertical-align: top;
grid-auto-flow: column;
grid-auto-columns: -webkit-max-content;
grid-auto-columns: max-content;
white-space: normal;
}
.card-marquee > .card {
margin-right: var(--spacing-x);
}
.card-container {
--spacing-x: 0px;
--spacing-y: 0px;
--column: 1;
position: relative;
}
.card-container[data-layout="grid"] {
display: grid;
grid-gap: var(--spacing-y) var(--spacing-x);
grid-template-columns: repeat(var(--column), calc((100% - (var(--spacing-x) * (var(--column) - 1))) / var(--column)));
grid-auto-flow: dense;
}
.card-container[data-layout="flex"] {
--card-width: calc((100% - (var(--spacing-x) * (var(--column) - 1))) / var(--column));
display: flex;
flex-wrap: wrap;
grid-gap: var(--spacing-y) var(--spacing-x);
}
.card-container[data-layout="flex"] > .card {
width: var(--card-width);
}
.card-container[data-layout="marquee"] .card {
width: 100%;
max-width: 100%;
}
.card-container[data-layout="slider"] .entry-swiper {
margin-left: calc((var(--spacing-x) * -1) / 2);
margin-right: calc((var(--spacing-x) * -1) / 2);
}
.card-container[data-layout="slider"] .swiper-slide {
width: calc(100% / var(--column)) !important;
padding-left: calc(var(--spacing-x) / 2);
padding-right: calc(var(--spacing-x) / 2);
}
.card-container[data-layout="slider"] .swiper-pagination {
padding-left: calc(var(--spacing-x) / 2);
padding-right: calc(var(--spacing-x) / 2);
}
.card-container[data-layout="slider"] .swiper-button-prev {
left: calc(var(--spacing-x) / 2);
}
.card-container[data-layout="slider"] .swiper-button-next {
right: calc(var(--spacing-x) / 2);
}
[data-card="menu"] {
--spacing-x: var(--spacing-3xs);
--spacing-y: var(--spacing-row);
--column: 1;
}
[data-card="menu"] .card .caption .entry-title {
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
line-height: var(--line-height-body);
text-transform: uppercase;
}
[data-card="ticket"] {
--spacing-x: var(--spacing-container);
--spacing-y: var(--spacing-container);
--column: 2;
}
[data-card="ticket"] .card .caption .entry-title {
font-family: var(--font-family-heading);
font-weight: var(--font-weight-heading);
font-size: var(--font-size-h3);
line-height: var(--line-height-h3);
text-transform: uppercase;
}
[data-card="ticket"] .card .cover .object-fit::before {
padding-bottom: 128.1944444444%;
background-color: rgba(var(--rgb-couple), 1);
}
[data-card="ticket"] .card .cover .object-fit:not(:last-child) > * {
opacity: var(--opacity-overlay);
}
[data-card="ticket"] .card .cover .object-overlay > .caption {
width: 100%;
height: 100%;
padding: var(--spacing-content-sm);
display: grid;
grid-template-rows: 1fr auto 1fr;
text-align: center;
}
[data-card="ticket"] .card .cover .object-overlay > .caption > .entry-title {
grid-row: 2;
align-self: center;
}
[data-card="ticket"] .card .cover .object-overlay > .caption > .entry-explore {
grid-row: 3;
align-self: flex-end;
}
[data-card="ticket"][data-layout="flex"] {
justify-content: center;
}
[data-card="ticket"]:is([data-layout="grid"], [data-layout="flex"]) > .card:nth-child(2n + 1) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
[data-card="ticket"]:is([data-layout="grid"], [data-layout="flex"]) > .card:nth-child(2n + 2) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
[data-card="ticket"][data-layout="marquee"] {
--spacing-x: var(--spacing-container);
}
[data-card="ticket"][data-layout="marquee"] .card {
width: clamp(20.9722222222vw, 215px, 55.1282051282vw);
}
[data-card="package"] {
--spacing-x: 0px;
--spacing-y: 0px;
--column: 1;
}
[data-card="package"] .card .caption .entry-title {
font-family: var(--font-family-heading);
font-weight: var(--font-weight-heading);
font-size: var(--font-size-h3);
line-height: var(--line-height-h3);
text-transform: uppercase;
}
[data-card="package"] .card .cover .object-overlay {
padding: var(--spacing-md) var(--spacing-xs);
text-align: center;
}
[data-card="package"][data-layout="parallax"] {
display: flex;
flex-direction: column;
grid-row-gap: calc(var(--spacing-section) * 3);
}
[data-card="package"][data-layout="parallax"] > .card {
width: clamp(31.9444444444vw, 460px, 57.9487179487vw);
}
[data-card="package"][data-layout="parallax"] > .card:nth-child(3n + 1) {
width: clamp(15.4166666667vw, 222px, 44.1025641026vw);
margin-left: auto;
margin-right: 4vw;
margin-top: calc(var(--spacing-section) * 2);
}
[data-card="package"][data-layout="parallax"] > .card:nth-child(3n + 2) {
margin-left: 0;
margin-right: auto;
}
[data-card="package"][data-layout="parallax"] > .card:nth-child(3n + 3) {
margin-left: auto;
margin-right: 0;
}
[data-card="blog"] {
--spacing-x: var(--spacing-column);
--spacing-y: var(--spacing-row);
--column: 1;
}
[data-card="blog"] .card .cover {
background: var(--color-black);
}
[data-card="blog"] .card .cover :is(.object, .object-fit) {
transition: var(--duration-slow) var(--easing);
}
[data-card="blog"] .card .link-overlay:hover ~ .cover :is(.object, .object-fit) {
opacity: 0.3;
-webkit-filter: blur(5px);
filter: blur(5px);
}
[data-card="blog"] .card .cover .object-overlay {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: var(--spacing-container);
opacity: 0;
transition: var(--duration-slow) var(--easing);
}
[data-card="blog"] .card .link-overlay:hover ~ .cover .object-overlay {
opacity: 1;
}
[data-card="blog"] .card .caption .entry-title {
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
line-height: var(--line-height-body);
}
[data-card="blog"][data-layout="flex"] {
align-items: center;
}
[data-card="blog"][data-layout="parallax"] {
--spacing-y: var(--spacing-section);
}
[data-card="blog"][data-layout="parallax"] > .card:not(:first-child) {
margin-top: var(--spacing-y);
}
.layout-content {
position: relative;
--layout-content-spacing-y: var(--spacing-section);
}
.padding-y-extra .layout-content {
--layout-content-spacing-y: calc(var(--spacing-section) * 2);
}
.layout-content--block {
display: flex;
flex-direction: column;
align-items: stretch;
grid-gap: var(--spacing-content);
}
.layout-content--block > .entry-title {
font-family: var(--font-family-heading);
font-weight: var(--font-weight-heading);
font-size: var(--font-size-h1);
line-height: var(--line-height-h1);
text-transform: uppercase;
}
.layout-content--block > .entry-media {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-content);
}
.layout-content--block > .entry-media *:is(img, video) {
display: block;
width: 100%;
}
.contact-infos {
display: grid;
grid-template-columns: 100%;
grid-gap: var(--spacing-content);
}
.contact-info > *:not(:first-child) {
margin-top: var(--spacing-content-xs);
}
.contact-info > .entry-title {
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
line-height: var(--line-height-body);
text-transform: uppercase;
}
.contact-card > .cover {
background-color: var(--color-black);
}
.contact-card > .cover .object-fit {
opacity: var(--opacity-overlay);
}
.contact-card > .cover .object-overlay {
padding: var(--spacing-container);
display: flex;
align-items: center;
justify-content: center;
}
/* Page : Index */
.index-main [data-section="highlight"] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.index-main [data-section="highlight"] .highlight-text {
font-family: var(--font-family-heading);
font-weight: var(--font-weight-heading);
font-size: 11.1111111111vw;
line-height: 0.8;
background-color: var(--color-background);
padding: 0.08em var(--spacing-container);
margin: -1px auto;
}
.index-main [data-section="highlight"] .highlight-text .gradient-text {
display: inline-block;
vertical-align: top;
background-color: transparent;
background-image: linear-gradient(86deg, #6b6b6b 6.75%, #f6f6f6 13.45%, #efefef 34.69%, #424242 52.39%, #303030 62.48%, #6b6b6b 70.64%, #fefefe 77.95%, #fefefe 99.6%);
background-size: 300% auto;
background-position: 100% center;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: gradientText 10s var(--easing) infinite;
animation: gradientText 10s var(--easing) infinite;
}
@-webkit-keyframes gradientText {
0% {
background-position: 100% center;
}
100% {
background-position: -200% center;
}
}
@keyframes gradientText {
0% {
background-position: 100% center;
}
100% {
background-position: -200% center;
}
}
.index-main [data-section="presents"] .sc-billboard > .sc-cover {
height: auto;
width: clamp(56.736vw, 817px, calc(100% - var(--spacing-container) * 2));
top: 50%;
bottom: auto;
left: 50%;
right: auto;
transform: translate(-50%, -50%);
}
.index-main [data-section="presents"] .sc-billboard > .sc-cover .object {
opacity: 0;
will-change: opacity, transform;
}
.index-main [data-section="overview"] .sc-overview {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-section);
padding: var(--spacing-section) 0;
}
.index-main [data-section="overview"] .sc-overview > .sc-group {
width: 440px;
min-width: 30.5555555556vw;
max-width: calc(100% - var(--spacing-container) * 2);
position: relative;
z-index: 1;
}
.index-main [data-section="overview"] .sc-overview > .sc-group::before {
content: "";
height: auto;
aspect-ratio: 1/1;
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
position: absolute;
z-index: -1;
pointer-events: none;
}
.index-main [data-section="overview"] .sc-overview > .sc-group:nth-child(odd) {
margin-left: 0;
margin-right: auto;
text-align: left;
}
.index-main [data-section="overview"] .sc-overview > .sc-group:nth-child(even) {
margin-left: auto;
margin-right: 0;
text-align: right;
}
.index-main [data-section="overview"] .sc-overview > .sc-group:nth-child(4n + 1)::before {
width: 33.05555555556vw;
top: 0;
left: 0;
transform: translate(-5vw, 5vw);
}
.index-main [data-section="overview"] .sc-overview > .sc-group:nth-child(4n + 2)::before {
width: 42.6388888889vw;
top: 50%;
right: 0;
transform: translate(7vw, -50%);
}
.index-main [data-section="overview"] .sc-overview > .sc-group:nth-child(4n + 3)::before {
width: 27.7777777778vw;
background: radial-gradient(50% 50% at 50% 50%, rgba(95, 85, 255, 0.3) 0%, rgba(95, 85, 255, 0) 100%);
top: 0;
left: 0;
transform: translate(5vw, 0%);
}
.index-main [data-section="overview"] .sc-overview > .sc-group:nth-child(4n + 4)::before {
width: 38.8888888889vw;
top: 50%;
right: 0;
transform: translate(-7vw, -50%);
}
.index-main [data-section="overview"] .sc-overview > .sc-group:is(:nth-child(4n + 1), :nth-child(4n + 3)) {
width: 100%;
max-width: 100%;
}
.index-main [data-section="overview"] .sc-overview > .sc-group:is(:nth-child(4n + 1), :nth-child(4n + 3)) .sc-heading {
width: 534px;
min-width: 37.08333333333vw;
max-width: 100%;
}
.index-main [data-section="overview"] .sc-overview > .sc-group:is(:nth-child(4n + 1), :nth-child(4n + 3)) :is(.sc-desc, .sc-explore) {
width: 324px;
min-width: 22.5vw;
max-width: 100%;
}
.index-main [data-section="package"] .sc-billboard > .sc-inner > .sc-container {
grid-row-gap: var(--spacing-section);
}
.index-main [data-section="package"] .sc-billboard > .sc-inner > .sc-container > .sc-group[data-row="bottom"] {
position: -webkit-sticky;
position: sticky;
z-index: 10;
bottom: var(--spacing-section);
}
/** Page : About */
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="text"] {
position: relative;
z-index: 1;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="text"]::before {
content: "";
display: block;
width: min(61.4rem, 70.5128205128vw);
height: auto;
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
aspect-ratio: 1/1;
position: absolute;
z-index: -1;
left: 0;
top: 0;
transform: translate(-16%, -13%);
pointer-events: none;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="media-text"] {
position: relative;
z-index: 1;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="media-text"]::before {
content: "";
display: block;
width: clamp(27.7777777778vw, 40rem, 75.3846153846vw);
height: auto;
background: radial-gradient(50% 50% at 50% 50%, rgba(95, 85, 255, 0.3) 0%, rgba(95, 85, 255, 0) 100%);
aspect-ratio: 1/1;
position: absolute;
z-index: -1;
right: 51.25%;
top: 0;
transform: translate(0%, -42%);
pointer-events: none;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="text"] {
position: relative;
z-index: 1;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="text"]::before {
content: "";
display: block;
height: auto;
width: clamp(22.2222222222vw, 32rem, 75.3846153846vw);
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 149, 251, 0.2) 0%, rgba(255, 149, 251, 0) 100%);
aspect-ratio: 1/1;
position: absolute;
z-index: -1;
left: 0;
top: 0;
transform: translate(-52%, -32%);
pointer-events: none;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="3"] {
position: relative;
z-index: 1;
width: 100%;
max-width: 100%;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="3"]::after {
content: "";
display: block;
width: auto;
height: auto;
aspect-ratio: 1/1;
position: absolute;
z-index: -1;
pointer-events: none;
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 149, 251, 0.2) 0%, rgba(255, 149, 251, 0) 100%);
width: 32rem;
right: 0;
top: 0;
transform: translate(16%, -31%);
}
.layout-content[data-content="about"] > .layout-content--group[data-group="3"]:not(:first-child) {
margin-top: var(--layout-content-spacing-y);
}
.layout-content[data-content="about"] > .layout-content--group[data-group="3"]:not(:last-child) {
margin-bottom: var(--layout-content-spacing-y);
}
[data-section="celebration"] .sc-headline {
position: relative;
z-index: 1;
}
[data-section="celebration"] .sc-headline::before,
[data-section="celebration"] .sc-headline::after {
content: "";
display: block;
width: auto;
height: auto;
aspect-ratio: 1/1;
position: absolute;
z-index: -1;
pointer-events: none;
}
[data-section="celebration"] .sc-headline::before {
background: radial-gradient(50% 50% at 50% 50%, rgba(95, 85, 255, 0.3) 0%, rgba(95, 85, 255, 0) 100%);
width: 24.3rem;
left: 0;
bottom: 0;
transform: translate(-28%, 28%);
}
[data-section="celebration"] .sc-headline::after {
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 149, 251, 0.2) 0%, rgba(255, 149, 251, 0) 100%);
width: 32rem;
right: 0;
top: 0;
transform: translate(16%, -31%);
}
.award {
--border: 0.1px solid;
position: relative;
padding: var(--spacing-2xs) 0;
border-bottom: var(--border);
}
.award:first-child {
border-top: var(--border);
}
.award:hover {
z-index: 1;
cursor: none;
}
.award .caption {
position: relative;
display: grid;
grid-template-columns: 60% 2fr 1fr;
align-items: center;
grid-gap: 0 8.3333333333vw;
transition: var(--duration-slow) var(--easing);
cursor: default;
}
.award:hover .caption {
z-index: 1;
color: var(--color-secondary);
}
.award .caption .entry-title {
font-family: var(--font-family-heading);
font-weight: var(--font-weight-heading);
font-size: var(--font-size-h2);
line-height: var(--line-height-h2);
text-transform: uppercase;
}
.award .cover {
width: auto;
height: auto;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
opacity: 0;
}
.award:hover .cover {
transition-timing-function: ease-out;
}
.award .cover .object > * {
width: auto;
height: auto;
max-width: 32.6388888889vw;
max-height: 32.6388888889vw;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.award:nth-child(5n + 1) .cover .object > * {
max-height: max(15.8333333333vw, 228px);
}
.award:nth-child(5n + 2) .cover .object > * {
max-height: max(16.3888888889vw, 236px);
}
.award:nth-child(5n + 3) .cover .object > * {
max-height: max(21.8055555556vw, 314px);
}
.award:nth-child(5n + 4) .cover .object > * {
max-height: max(22.9166666667vw, 330px);
}
.award:nth-child(5n + 5) .cover .object > * {
max-height: max(11.3888888889vw, 164px);
}
.review {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
grid-gap: var(--spacing-content);
}
.review .gallery {
width: 100%;
position: relative;
}
.review .gallery-item:not(:nth-child(-n + 2)) {
display: none !important;
}
.review .caption {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
grid-gap: var(--spacing-content-sm);
font-family: var(--font-family-accent);
font-weight: var(--font-weight-accent);
font-size: var(--font-size-body);
line-height: var(--line-height-body);
}
.review .caption .entry-name {
margin-top: auto;
text-transform: uppercase;
}
.review .caption .entry-sticker {
width: 54.4776119403%;
max-width: 23.4rem;
margin-left: 0;
margin-right: auto;
}
.review .caption .entry-sticker:not(:last-child) {
margin-bottom: calc(var(--spacing-content) - var(--spacing-content-sm));
}
.review-container {
position: relative;
}
.review-marquee {
display: inline-grid;
vertical-align: top;
grid-auto-flow: column;
grid-auto-columns: -webkit-max-content;
grid-auto-columns: max-content;
white-space: normal;
}
.review-marquee > .review {
margin-left: var(--spacing-container);
}
.partner-container {
display: grid;
grid-template-columns: repeat(5, 1fr);
flex-wrap: wrap;
grid-gap: var(--spacing-2xs);
}
.partner-container .partner {
display: flex;
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
aspect-ratio: 1/1;
color: var(--color-black);
background: var(--color-white);
border-radius: 50%;
overflow: hidden;
}
.partner-container .partner .logo {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.gallery-container {
position: relative;
}
.gallery-marquee {
display: inline-grid;
vertical-align: top;
grid-auto-flow: column;
grid-auto-columns: -webkit-max-content;
grid-auto-columns: max-content;
align-items: center;
margin-left: 2.7777777778vw;
}
.gallery-marquee > .gallery-item {
position: relative;
}
.gallery-marquee > .gallery-item:nth-child(6n + 1),
.gallery-marquee > .gallery-item:nth-child(6n + 2) {
width: 17.01388888889vw;
margin-left: 2.08333333333vw;
}
.gallery-marquee > .gallery-item:nth-child(6n + 1):first-child {
margin-left: 0;
}
.gallery-marquee > .gallery-item:nth-child(6n + 2) {
z-index: 1;
}
.gallery-marquee > .gallery-item:nth-child(6n + 3) {
width: 21.1111111111vw;
margin-left: -4.1666666667vw;
}
.gallery-marquee > .gallery-item:nth-child(6n + 4) {
width: 16.25vw;
margin-left: 2.7777777778vw;
}
.gallery-marquee > .gallery-item:nth-child(6n + 5) {
width: 14.8611111111vw;
align-self: self-start;
margin-left: 2.7777777778vw;
margin-top: -1.1111111111vw;
}
.gallery-marquee > .gallery-item:nth-child(6n + 6) {
width: 12.8472222222vw;
align-self: self-end;
margin-left: -8.1944444444vw;
margin-bottom: 3.125vw;
z-index: 1;
}
[data-section="ticket"] .sc-heading {
position: relative;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[data-section="ticket"] .sc-media {
position: relative;
z-index: 0;
}
[data-section="ticket"] .sc-media .tickets {
width: 100%;
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 100%;
grid-template-rows: 1fr;
}
[data-section="ticket"] .sc-media .tickets .ticket {
position: relative;
grid-row: 1;
grid-column: 1;
will-change: transform;
transition: 1s linear(0, 0.0026, 0.0104 0.8%, 0.0238, 0.0423 1.65%, 0.0668, 0.0961 2.55%, 0.1732 3.52%, 0.249 4.32%, 0.3456 5.24%, 0.7156 8.48%, 0.8592 9.8%, 0.99 11.15%, 1.0955 12.42%, 1.1406 13.06%, 1.1789, 1.2122, 1.2404, 1.2635 15.52%, 1.2823, 1.296, 1.3047 17.43%, 1.3092 18.26%, 1.3063 19.11%, 1.2963 19.98%, 1.2788, 1.2554 21.87%, 1.2245 22.91%, 1.0555 27.77%, 1.0164 29.03%, 0.9846 30.18%, 0.954, 0.9307, 0.915 34.22%, 0.9064 35.59%, 0.9045 36.44%, 0.9051 37.34%, 0.9081 38.26%, 0.9137 39.25%, 0.9309 41.28%, 0.9822 46.06%, 1.0039 48.42%, 1.0134 49.74%, 1.0206, 1.0256 52.34%, 1.0286 53.66%, 1.0294 55.53%, 1.0267 57.58%, 0.9992 66.6%, 0.994 69.11%, 0.9914 71.59%, 0.9917 75.93%, 0.9998 84.43%, 1.0023 88.66%, 1.0009 100%);
}
[data-section="ticket"] .sc-media .tickets .ticket.front {
z-index: 1;
transform: rotate(0.05deg);
}
[data-section="ticket"] .sc-media .tickets .ticket.back {
z-index: 0;
transform: rotate(9.08deg);
}
[data-section="ticket"] .sc-media .tickets:hover .ticket.front {
transform: rotate(4.52deg);
}
[data-section="ticket"] .sc-media .tickets:hover .ticket.back {
transform: rotate(-4.82deg);
}
/** Page : Show */
[data-section="single-show"] .sc-headline {
position: relative;
}
[data-section="single-show"] .sc-headline::before,
[data-section="single-show"] .sc-headline::after {
content: "";
display: block;
width: auto;
height: auto;
aspect-ratio: 1/1;
position: absolute;
z-index: -1;
pointer-events: none;
}
[data-section="single-show"] .sc-headline::before {
width: clamp(30vw, 42.7rem, 90vw);
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
left: 0;
top: 0;
transform: translate(-40%, -21%);
}
[data-section="single-show"] .sc-headline::after {
width: clamp(22vw, 32rem, 75vw);
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 149, 251, 0.2) 0%, rgba(255, 149, 251, 0) 100%);
right: 0;
bottom: 0;
transform: translate(0%, 38%);
}
[data-section="single-show"] .sc-headline > .sc-heading {
display: flex;
flex-direction: column;
}
[data-section="single-show"] .sc-headline > .sc-heading > .sc-heading--row {
display: block;
}
.layout-content[data-content="show"] > .layout-content--group:not(:first-child) {
margin-top: var(--layout-content-spacing-y);
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"]::before {
content: "";
display: block;
height: auto;
width: clamp(22.2222222222vw, 32rem, 75.3846153846vw);
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 149, 251, 0.2) 0%, rgba(255, 149, 251, 0) 100%);
aspect-ratio: 1/1;
position: absolute;
z-index: -1;
left: 0;
top: 0%;
transform: translate(0%, 50%);
pointer-events: none;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="text"] {
position: relative;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="text"]::before {
content: "";
display: block;
width: min(27.4rem, 70.2564102564vw);
height: auto;
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
aspect-ratio: 1/1;
position: absolute;
z-index: -1;
right: 0;
top: 0;
transform: translate(-16%, 0%);
pointer-events: none;
}
/* Page : Career */
.career-layout {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-row) var(--spacing-column);
}
.career-layout--title {
font-family: var(--font-family-heading);
font-weight: var(--font-weight-heading);
font-size: var(--font-size-h2);
line-height: var(--line-height-h2);
text-transform: uppercase;
}
.position-container .position {
--border: 0.1px solid;
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: center;
grid-gap: 0 var(--spacing-container);
padding: var(--spacing-2xs) var(--spacing-container);
border-bottom: var(--border);
}
.position-container .position::before {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(90deg, #131313 63.95%, #605cff 100%);
position: absolute;
z-index: -1;
left: 0;
top: 0;
pointer-events: none;
}
.position-container .position:first-child {
border-top: var(--border);
}
.position-container .position *:is(a, button):not(.link-overlay) {
position: relative;
z-index: 3;
pointer-events: auto;
}
.position-container .position .entry-title {
font-family: var(--font-family-heading);
font-weight: var(--font-weight-heading);
font-size: var(--font-size-h1);
line-height: var(--line-height-h1);
text-transform: uppercase;
}
.position-container .position .entry-explore,
.position-container .position::before {
transition: var(--duration-slow) var(--easing);
transition-property: opacity;
}
.position-container .position:not(:hover) .entry-explore {
opacity: 0;
width: 0;
overflow: hidden;
}
.position-container .position:not(:hover)::before {
opacity: 0;
}
.layout-content[data-content="career"],
.layout-content[data-content="career"] .layout-content--group {
width: 100%;
display: flex;
flex-direction: column;
grid-gap: var(--layout-content-spacing-y);
}
.layout-content[data-content="career"] .layout-content--block {
width: 100%;
}
.layout-content[data-content="career"] .layout-content--block[data-block="media-text"] > .entry-title {
position: relative;
z-index: 1;
}
.layout-content[data-content="career"] .layout-content--block[data-block="media-text"] > .entry-title > span {
display: block;
width: 100%;
}
.layout-content[data-content="career"] .layout-content--block[data-block="media-text"] > .entry-title::before {
content: "";
display: block;
height: auto;
aspect-ratio: 1/1;
position: absolute;
z-index: -1;
pointer-events: none;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(odd) > .layout-content--block[data-block="media-text"] > .entry-title::before {
width: clamp(28.1944444444vw, 40.6rem, 60vw);
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
top: 50%;
left: 0%;
transform: translate(-50%, -50%);
}
.layout-content[data-content="career"] .layout-content--group:nth-child(even) > .layout-content--block[data-block="media-text"] > .entry-title::before {
width: clamp(22.2222222222vw, 32rem, 75.3846153846vw);
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 149, 251, 0.2) 0%, rgba(255, 149, 251, 0) 100%);
left: 0;
top: 0;
transform: translate(-25%, -25%);
}
/* Page : Blog */
[data-section="happening"] > .sc-inner {
transition: var(--duration-slow) var(--easing);
}
[data-layout="single-blog"] {
grid-gap: 0;
}
[data-layout="single-blog"] > .sc-header > .sc-inner {
padding-bottom: var(--spacing-section) !important;
}
[data-layout="single-blog"] > .sc-body > .sc-inner {
padding-top: var(--spacing-section) !important;
}
[data-layout="single-blog"] > .sc-cover .object-fit::before {
padding-bottom: 112.5%;
min-height: 100%;
}
/* Page : Restaurant */
.sc-headline--stickers {
position: relative;
}
.sc-headline--stickers::before,
.sc-headline--stickers::after {
content: "";
display: block;
width: auto;
height: auto;
aspect-ratio: 1/1;
position: absolute;
z-index: -1;
pointer-events: none;
}
.sc-headline--stickers::before {
width: clamp(30vw, 42.7rem, 90vw);
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
left: 0;
top: 0;
transform: translate(-40%, -21%);
}
.sc-headline--stickers::after {
width: clamp(22vw, 32rem, 75vw);
background: radial-gradient(50% 50% at 50% 50%, rgba(255, 149, 251, 0.2) 0%, rgba(255, 149, 251, 0) 100%);
right: 0;
bottom: 0;
transform: translate(0%, 60%);
}
/* Page : error404 */
[data-section="error404"] .sc-container {
grid-row-gap: var(--spacing-content);
}
[data-section="error404"] .sc-heading {
font-size: min(30.7692307692vw, 30rem);
line-height: 0.8;
}
[data-section="error404"] .sc-heading + * {
margin-top: calc(-5%);
position: relative;
z-index: 1;
}
/** Animation */
.animate {
-webkit-animation-duration: var(--duration-slower);
animation-duration: var(--duration-slower);
-webkit-animation-timing-function: var(--easing);
animation-timing-function: var(--easing);
}
.animate.animated {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.animate.fadeIn {
will-change: opacity;
}
.animate.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: var(--duration-slow);
animation-duration: var(--duration-slow);
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, var(--spacing-lg), 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, var(--spacing-content), 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
.animate.fadeScale {
-webkit-animation-name: fadeScale;
animation-name: fadeScale;
-webkit-animation-duration: var(--duration-slow);
animation-duration: var(--duration-slow);
}
@-webkit-keyframes fadeScale {
0% {
opacity: 0;
transform: scale(1.1);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes fadeScale {
0% {
opacity: 0;
transform: scale(1.1);
}
to {
opacity: 1;
transform: scale(1);
}
}
*:is(.animation-expand-wrapper, .pin-spacer-animation-expand) {
width: 100vw !important;
max-width: 100vw !important;
height: 100% !important;
max-height: 100% !important;
overflow: hidden;
}
.animation-expand-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.animation-expand {
width: 100%;
height: 100%;
position: relative;
transition: none;
will-change: transform;
}
.staggerFade .word {
will-change: opacity;
}
/** @media queries (min-width) */
@media (min-width: 600px) {
:root {
--container-xs: max(48rem, 33.3333333333vw);
}
.visible-mobile-sm {
display: none !important;
}
.visible-mobile-sm:first-child + *:not(:first-child) {
margin-top: 0 !important;
}
.container .container-xs {
max-width: var(--container-xs);
margin-left: auto;
margin-right: auto;
}
/** Form */
.field.half {
width: calc(50% - (var(--field-spacing-x) / 2));
}
/** Main */
.contact-infos.columns {
grid-template-columns: repeat(2, 1fr);
}
[data-section="contact-billboard"] .sc-columns {
justify-content: space-between;
}
[data-section="contact-billboard"] .sc-columns > .sc-column:nth-child(1) {
width: calc(50% - var(--spacing-column));
}
[data-section="contact-billboard"] .sc-columns > .sc-column:nth-child(2) {
width: clamp(31.9444444444vw, 46rem, calc(50% - var(--spacing-column)));
}
}
@media (min-width: 768px) {
:root {
--button-stars-height: 4.8rem;
}
.visible-mobile {
display: none !important;
}
.visible-mobile:first-child + *:not(:first-child) {
margin-top: 0 !important;
}
/* Footer */
.footer-navi {
display: grid;
grid-template-columns: repeat(3, 1fr) auto;
grid-auto-rows: -webkit-max-content;
grid-auto-rows: max-content;
grid-auto-flow: dense;
grid-gap: var(--spacing-row) var(--spacing-column);
}
.footer-navi > .information {
grid-column: unset;
}
.footer-navi > .utilities {
grid-column: 4;
justify-self: flex-end;
align-items: flex-end;
justify-content: space-between;
}
.footer-navi > .legal {
grid-column: 1 / span 4;
width: 100%;
display: flex;
grid-gap: 0 var(--spacing-container);
}
.footer-navi > .legal > .copyright {
margin-left: auto;
margin-right: 0;
}
/* Page : Restaurant */
.sc-heading--rows[data-heading="restaurant"] > .sc-heading--row:not(:first-child) {
padding-left: 25vw;
}
.sc-heading--rows[data-heading="restaurant"] > .sc-heading--row:nth-child(odd):not(:first-child) {
text-align: right;
}
}
@media (min-width: 782px) {
/* Gutenberg : Additional Class (block-media-text-grids for layout grids) */
.entry-content .block-media-text-grids.is-layout-grid > .wp-block-media-text:only-child {
grid-column: span 2;
max-width: calc(50% - var(--spacing-content));
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 992px) {
:root {
--container-sm: max(69.6rem, 48.3333333333vw);
--container-md: max(92.6rem, 64.3055555556vw);
--container-lg: max(106.6rem, 74.02777777778vw);
}
.visible-device-sm {
display: none !important;
}
.visible-device-sm:first-child + *:not(:first-child) {
margin-top: 0 !important;
}
/** General */
.container.w-xs {
max-width: calc(var(--container-xs) + (var(--spacing-container) * 2));
}
.container.w-sm {
max-width: calc(var(--container-sm) + (var(--spacing-container) * 2));
}
.container.w-md {
max-width: calc(var(--container-md) + (var(--spacing-container) * 2));
}
.container.w-lg {
max-width: calc(var(--container-lg) + (var(--spacing-container) * 2));
}
.container .container-md {
max-width: var(--container-md);
margin-left: auto;
margin-right: auto;
}
.float-left {
margin-left: 0 !important;
margin-right: auto !important;
}
.float-right {
margin-left: auto !important;
margin-right: 0 !important;
}
/** Header */
.header-menu {
padding-left: var(--spacing-container);
}
.header-menu .menu {
grid-gap: calc(var(--spacing-container) * 2);
}
.header-panel-footer {
padding-bottom: var(--spacing-section);
}
.header-panel-content {
padding-bottom: var(--spacing-section);
}
.header-panel-content [data-card="menu"] {
justify-content: center;
align-items: center;
flex-wrap: nowrap;
}
.header-panel-content [data-card="menu"] > .card:nth-child(6n + 1) {
flex: 20 1 0;
margin-top: 2vh;
}
.header-panel-content [data-card="menu"] > .card:nth-child(6n + 2) {
flex: 15 1 0;
margin-top: 26vh;
}
.header-panel-content [data-card="menu"] > .card:nth-child(6n + 3) {
flex: 12 1 0;
margin-top: 6vh;
}
.header-panel-content [data-card="menu"] > .card:nth-child(6n + 4) {
flex: 24 1 0;
}
.header-panel-content [data-card="menu"] > .card:nth-child(6n + 5) {
flex: 11 1 0;
margin-top: 32vh;
}
.header-panel-content [data-card="menu"] > .card:nth-child(6n + 6) {
flex: 13 1 0;
margin-top: 12vh;
}
/** Main */
#hero-title {
line-height: 0.85;
}
#hero-title .hero-title-text {
padding-top: 0;
}
.sc-billboard-half > .sc-billboard {
width: 50%;
}
.sc-billboard-half:not(.rtl) > .sc-billboard:nth-child(even),
.sc-billboard-half:is(.rtl) > .sc-billboard:nth-child(odd) {
margin-left: auto;
margin-right: 0;
}
.sc-columns.space-between {
justify-content: space-between;
}
.sc-columns.align-items-center {
align-items: center;
}
.sc-columns > .sc-column {
width: auto;
}
.sc-columns > .sc-column-50 {
width: calc(50% - (var(--spacing-column) / 2));
}
.sc-column.contact-detail > *:not(.sc-headline) {
width: 84%;
}
.sc-boxes {
grid-template-columns: repeat(2, 1fr);
}
.sc-header {
flex-direction: row;
justify-content: space-between;
}
.sc-header[data-header="career"] > .sc-header--content {
width: calc(25% - (var(--spacing-column) / 2));
}
.sc-header[data-header="career"] > .sc-header--content .sc-inner {
padding-bottom: 0;
}
.sc-header[data-header="career"] > .sc-header--cover {
width: calc(75% - (var(--spacing-column) / 2));
}
.sc-horizontal-wrapper {
display: flex;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.sc-horizontal-section {
flex-shrink: 0;
}
.sc-layout > .sc-sidebar {
width: 25%;
}
.sc-layout > .sc-sidebar[sticky] {
position: -webkit-sticky;
position: sticky;
top: calc(var(--header-height) + var(--spacing-container));
}
.sc-layout > .sc-main {
width: calc(75% - var(--spacing-column) - (var(--spacing-section) * 2));
margin-left: auto;
}
.sc-layout > .sc-main:only-child {
margin-right: auto;
}
.sc-grids {
grid-template-columns: repeat(3, 1fr);
}
/** Modules */
[data-card="ticket"] {
--spacing-x: var(--spacing-2xl);
--spacing-y: var(--spacing-xl);
--column: 3;
}
[data-card="ticket"]:is([data-layout="grid"], [data-layout="flex"]) > .card:nth-child(3n + 1) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
[data-card="ticket"]:is([data-layout="grid"], [data-layout="flex"]) > .card:nth-child(3n + 2) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
[data-card="ticket"]:is([data-layout="grid"], [data-layout="flex"]) > .card:nth-child(3n + 3) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
[data-card="ticket"][data-layout="marquee"] {
--spacing-x: var(--spacing-md);
}
[data-card="package"][data-layout="parallax"] {
grid-row-gap: 0px;
}
[data-card="package"][data-layout="parallax"] > .card:nth-child(3n + 1) {
margin-left: auto;
margin-right: 16.6666666667vw;
margin-top: 23.9583333333vw;
}
[data-card="package"][data-layout="parallax"] > .card:nth-child(3n + 2) {
margin-left: 0;
margin-right: auto;
margin-top: -4.1666666667vw;
}
[data-card="package"][data-layout="parallax"] > .card:nth-child(3n + 3) {
margin-left: auto;
margin-right: 4.4444444444vw;
margin-top: -5.5555555556vw;
}
[data-card="blog"] {
--column: 4;
}
[data-card="blog"][data-layout="parallax"] {
--spacing-y: calc(var(--spacing-section) * 2);
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(6n + 1) {
width: 32.08333333333vw;
margin-left: 8.125vw;
margin-right: auto;
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(6n + 2) {
width: 23.8888888889vw;
margin-left: auto;
margin-right: 0;
margin-top: calc(var(--spacing-y) * -1);
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(6n + 3) {
width: 60vw;
margin-left: auto;
margin-right: auto;
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(6n + 4) {
width: 23.8888888889vw;
margin-left: auto;
margin-right: 8.125vw;
margin-top: calc(var(--spacing-y) * 2);
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(6n + 5) {
width: 50.5555555556vw;
margin-left: 0;
margin-right: auto;
margin-top: calc(var(--spacing-y) * -1);
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(6n + 6) {
width: 56.4583333333vw;
margin-left: auto;
margin-right: 0;
}
[data-card="blog"][data-layout="flex"]:not(.horizontal-scroll) {
--c1: 24.6428%;
--c2: 22.4285%;
--c3: 22.7142%;
--c4: calc(100% - (var(--c1) + var(--c2) + var(--c3)) - (var(--spacing-column) * (var(--column) - 1)));
--c5: 20%;
--c6: 32.8571%;
--c7: 22.4285%;
--c8: calc(100% - (var(--c5) + var(--c6) + var(--c7)) - (var(--spacing-column) * (var(--column) - 1)));
--c9: 23.5714%;
--c10: 15.3571%;
--c11: 29.4285%;
--c12: calc(100% - (var(--c9) + var(--c10) + var(--c11)) - (var(--spacing-column) * (var(--column) - 1)));
}
[data-card="blog"][data-layout="flex"]:not(.horizontal-scroll) > .card:nth-child(12n + 1) {
width: var(--c1);
}
[data-card="blog"][data-layout="flex"]:not(.horizontal-scroll) > .card:nth-child(12n + 2) {
width: var(--c2);
}
[data-card="blog"][data-layout="flex"]:not(.horizontal-scroll) > .card:nth-child(12n + 3) {
width: var(--c3);
}
[data-card="blog"][data-layout="flex"]:not(.horizontal-scroll) > .card:nth-child(12n + 4) {
width: var(--c4);
}
[data-card="blog"][data-layout="flex"]:not(.horizontal-scroll) > .card:nth-child(12n + 5) {
width: var(--c5);
}
[data-card="blog"][data-layout="flex"]:not(.horizontal-scroll) > .card:nth-child(12n + 6) {
width: var(--c6);
}
[data-card="blog"][data-layout="flex"]:not(.horizontal-scroll) > .card:nth-child(12n + 7) {
width: var(--c7);
}
[data-card="blog"][data-layout="flex"]:not(.horizontal-scroll) > .card:nth-child(12n + 8) {
width: var(--c8);
}
[data-card="blog"][data-layout="flex"]:not(.horizontal-scroll) > .card:nth-child(12n + 9) {
width: var(--c9);
}
[data-card="blog"][data-layout="flex"]:not(.horizontal-scroll) > .card:nth-child(12n + 10) {
width: var(--c10);
}
[data-card="blog"][data-layout="flex"]:not(.horizontal-scroll) > .card:nth-child(12n + 11) {
width: var(--c11);
}
[data-card="blog"][data-layout="flex"]:not(.horizontal-scroll) > .card:nth-child(12n + 12) {
width: var(--c12);
}
[data-card="blog"][data-layout="flex"].horizontal-scroll {
flex-wrap: nowrap;
}
[data-card="blog"][data-layout="flex"].horizontal-scroll > .card {
width: max(34.6rem, 24.02777777778vw);
}
[data-card="blog"][data-layout="flex"].horizontal-scroll > .card:is(:nth-child(4n + 2), :nth-child(4n + 5)) {
width: max(26.8rem, 18.6111111111vw);
}
[data-card="blog"][data-layout="flex"].horizontal-scroll > .card:nth-child(4n + 4) {
width: max(46rem, 31.9444444444vw);
}
/** Page : Index */
.index-main [data-section="highlight"] .highlight-text {
padding-bottom: var(--spacing-section);
}
.index-main [data-section="overview"] .sc-billboard > .sc-cover .object-fit > * {
-o-object-fit: contain;
object-fit: contain;
}
.index-main [data-section="overview"] .sc-billboard.fade > .sc-cover .object-fit::after {
opacity: 0;
}
.index-main [data-section="overview"] .sc-overview {
padding-top: calc(var(--spacing-section) * 2);
}
.index-main [data-section="overview"] .sc-overview > .sc-group:nth-child(4n + 1) :is(.sc-desc, .sc-explore) {
--left: 8.9743589744vw;
margin-left: var(--left);
max-width: calc(100% - var(--left));
}
.index-main [data-section="overview"] .sc-overview > .sc-group:nth-child(4n + 1) :is(.sc-desc, .sc-explore),
.index-main [data-section="overview"] .sc-overview > .sc-group:nth-child(4n + 3) .sc-heading {
--left: 11.8055555556vw;
margin-left: var(--left);
max-width: calc(100% - var(--left));
}
.index-main [data-section="overview"] .sc-overview > .sc-group:nth-child(4n + 3) :is(.sc-desc, .sc-explore) {
--left: 4.1666666667vw;
margin-left: var(--left);
max-width: calc(100% - var(--left));
}
/** Page : About */
.layout-content[data-content="about"] > .layout-content--group {
display: grid;
grid-template-columns: 32.8571428571% 1fr;
grid-auto-flow: dense;
grid-column-gap: var(--spacing-2xs);
}
.layout-content[data-content="about"] > .layout-content--group:not(:first-child) {
margin-top: var(--spacing-section);
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="text"] {
grid-row: 1;
grid-column: 2;
width: 54.1666666667vw;
margin-left: auto;
margin-right: calc(var(--spacing-container) * 2);
margin-top: var(--layout-content-spacing-y);
margin-bottom: 15.2777777778vw;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="text"] > .entry-content {
width: 64.7435897436%;
margin-left: auto;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-text"] {
grid-row: 1 / span 2;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-grid"] {
grid-column: 2;
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
grid-gap: var(--layout-content-spacing-y);
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-grid"] > .entry-media:nth-child(1) {
width: 40.2777777778vw;
margin-left: auto;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-grid"] > .entry-media:nth-child(2) {
flex: 1;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-grid"] > .entry-media.gallery-item:not(:nth-child(-n + 2)) {
display: none;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="media-text"] {
grid-column: 1;
width: 23.8888888889vw;
margin-left: auto;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="text"] {
grid-column: 2;
align-self: flex-end;
width: 48.4722222222vw;
margin-left: auto;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="text"] > .entry-title {
width: 73.6389684814%;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="text"] > .entry-content {
width: 49.4269340974%;
margin-left: auto;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="3"] {
max-width: var(--container-md);
}
.layout-content[data-content="about"] > .layout-content--group[data-group="3"]::after {
display: none;
}
.review {
width: auto;
flex-direction: row;
}
.review .gallery {
width: auto;
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
grid-gap: var(--spacing-2xs);
}
.review .gallery-item {
width: 15.6944444444vw;
}
.review .gallery-item:first-child,
.review .caption {
width: 23.8888888889vw;
}
.review .caption .entry-sticker {
width: 68.02325581395%;
}
.review-marquee > .review {
margin-right: calc((var(--spacing-xl) * 2) - var(--spacing-container));
}
[data-section="partner"] .sc-columns > .sc-column {
width: 42.1428571429%;
}
[data-section="ticket"] .sc-content > *:not(:first-child) {
margin-top: 0;
}
[data-section="ticket"] .sc-content > .sc-heading + .sc-media {
margin-top: var(--spacing-lg);
}
[data-section="ticket"] .sc-content > .sc-media + .sc-heading {
margin-top: calc(var(--spacing-sm) * -1);
}
[data-section="ticket"] .sc-content > .sc-heading {
width: 60%;
}
[data-section="ticket"] .sc-content > .sc-media {
width: 74vw;
margin-left: auto;
margin-right: 4vw;
}
/** Page : Show */
[data-section="single-show"] .sc-headline > .sc-heading > .sc-heading--row:nth-child(2) {
text-align: right;
padding-right: 9vw;
}
[data-section="single-show"] .sc-headline > .sc-heading > .sc-heading--row:nth-child(3),
[data-section="single-show"] .sc-headline > .sc-heading > .sc-heading--row:nth-child(4) {
text-align: right;
}
.layout-content[data-content="show"] .entry-content > *:not(:first-child) {
margin-top: var(--spacing-3xs);
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"] {
display: grid;
grid-template-columns: 1fr 49.7142857143%;
grid-auto-flow: dense;
grid-column-gap: var(--spacing-md);
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="text"] {
grid-column: 1;
grid-row-gap: var(--spacing-3xs);
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="text"][data-block-id="1"] > .entry-title {
width: 34.3055555556vw;
min-height: 15.8333333333vw;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="text"][data-block-id="1"] > .entry-content {
width: 21.8055555556vw;
margin-left: auto;
margin-right: 0;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="text"][data-block-id="3"] {
width: 32.08333333333vw;
margin-left: auto;
margin-right: auto;
margin-top: var(--spacing-section);
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="text"][data-block-id="3"] > .entry-content > *:nth-child(2n + 2) {
padding-left: 25.1082251082%;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-grid"] {
grid-column: 2;
grid-row: span 2;
display: flex;
flex-direction: row;
justify-content: space-between;
grid-gap: 0;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-grid"] > .entry-media:nth-child(1) {
width: 32.7586206897%;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-grid"] > .entry-media:nth-child(2) {
width: 66.09195402299%;
margin-left: auto;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="2"] {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: var(--spacing-2xs);
}
.layout-content[data-content="show"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="media"] {
grid-column: 1;
width: 31.9444444444vw;
margin-left: auto;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="text"] > .entry-title {
width: 34.3055555556vw;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="text"] > .entry-content {
width: 28.4722222222vw;
margin-left: auto;
margin-right: 4vw;
margin-top: var(--layout-content-spacing-y);
}
/* Page : Career */
.career-layout {
flex-direction: row;
}
.career-layout > .career-layout--title {
width: calc(25.1428571429% - var(--spacing-column));
}
.career-layout > .career-layout--content {
width: 74.8571428571%;
margin-left: auto;
}
.position-container .position {
padding-left: 0;
}
.layout-content[data-content="career"] .layout-content--group > .layout-content--block[data-block="media-text"] {
display: grid;
grid-column-gap: var(--layout-content-spacing-y);
grid-auto-flow: dense;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(odd) > .layout-content--block[data-block="media-text"] {
grid-template-columns: 40.2777777778vw 1fr;
grid-template-rows: auto auto 1fr;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(odd) > .layout-content--block[data-block="media-text"] > * {
grid-column: 2;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(odd) > .layout-content--block[data-block="media-text"] > .entry-media:nth-child(1) {
grid-row: 1 / span 3;
grid-column: 1;
width: 100%;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(odd) > .layout-content--block[data-block="media-text"] > .entry-media:nth-child(2) {
width: 15.8333333333vw;
margin-top: var(--spacing-lg);
margin-bottom: var(--spacing-section);
}
.layout-content[data-content="career"] .layout-content--group:nth-child(odd) > .layout-content--block[data-block="media-text"] > .entry-title > span:not(:first-child) {
padding-left: 8.3333333333vw;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(odd) > .layout-content--block[data-block="media-text"] > .entry-content {
width: 31.9444444444vw;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(even) > .layout-content--block[data-block="media-text"] {
grid-template-columns: 1fr auto 40.2777777778vw;
grid-template-rows: auto 1fr;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(even) > .layout-content--block[data-block="media-text"] > .entry-media:nth-child(1) {
grid-row: 1 / span 2;
grid-column: 3;
width: 100%;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(even) > .layout-content--block[data-block="media-text"] > .entry-media:nth-child(2) {
grid-row: 2;
grid-column: 2;
width: 15.8333333333vw;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(even) > .layout-content--block[data-block="media-text"] > .entry-title {
grid-row: 1;
grid-column: 1 / span 2;
margin-top: var(--layout-content-spacing-y);
}
.layout-content[data-content="career"] .layout-content--group:nth-child(even) > .layout-content--block[data-block="media-text"] > .entry-content {
grid-row: 2;
grid-column: 1;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(even) > .layout-content--block[data-block="media-text"] > .entry-title > span:not(:first-child),
.layout-content[data-content="career"] .layout-content--group:nth-child(even) > .layout-content--block[data-block="media-text"] > .entry-content {
padding-left: 8.3333333333vw;
}
[data-section="application-form"] .sc-billboard .sc-cover-sticky {
padding: var(--spacing-container) 0;
}
[data-section="application-form"] .sc-billboard .sc-box[data-box="form"] {
width: 69.6rem;
max-width: calc(50% - 8.125vw);
margin-left: auto;
margin-right: 8.125vw;
margin-top: var(--header-height);
}
/* Page : Blog */
[data-layout="single-blog"] {
display: grid;
grid-template-columns: 50% 50%;
grid-auto-flow: dense;
}
[data-layout="single-blog"] > .sc-header {
grid-row: 1;
grid-column: 1;
}
[data-layout="single-blog"] > .sc-cover {
grid-row: 1 / span 2;
grid-column: 2;
height: 100svh;
position: -webkit-sticky;
position: sticky;
top: 0;
right: 0;
}
[data-layout="single-blog"] > .sc-cover .object-fit,
[data-layout="single-blog"] > .sc-cover .object-fit::before {
height: 100%;
}
[data-layout="single-blog"] > .sc-body {
grid-column: 1;
}
[data-layout="single-blog"] > .sc-body .sc-box {
width: max(81rem, 56.25vw);
max-width: calc(115.7142857143% + (var(--spacing-container) * 2));
margin-left: 0;
margin-right: auto;
}
/* Page : Policy */
[data-section="policy"] .tab-container .accordion {
border-bottom: 0 !important;
}
[data-section="policy"] .tab-container .accordion > .entry-panel {
display: block !important;
height: auto !important;
max-height: none !important;
opacity: 1 !important;
visibility: visible !important;
padding-bottom: 0 !important;
}
[data-section="policy"] .tab-container .accordion > .entry-title {
display: none !important;
}
/* Page : 404 */
[data-section="error404"] .gallery-marquee {
margin-left: calc(2.7777777778vw * 0.7);
}
[data-section="error404"] .gallery-marquee > .gallery-item:nth-child(6n + 1),
[data-section="error404"] .gallery-marquee > .gallery-item:nth-child(6n + 2) {
width: calc(17.01388888889vw * 0.7);
margin-left: calc(2.08333333333vw * 0.7);
}
[data-section="error404"] .gallery-marquee > .gallery-item:nth-child(6n + 3) {
width: calc(21.1111111111vw * 0.7);
margin-left: calc(-4.1666666667vw * 0.7);
}
[data-section="error404"] .gallery-marquee > .gallery-item:nth-child(6n + 4) {
width: calc(16.25vw * 0.7);
margin-left: calc(2.7777777778vw * 0.7);
}
[data-section="error404"] .gallery-marquee > .gallery-item:nth-child(6n + 5) {
width: calc(14.8611111111vw * 0.7);
margin-left: calc(2.7777777778vw * 0.7);
margin-top: calc(-1.1111111111vw * 0.7);
}
[data-section="error404"] .gallery-marquee > .gallery-item:nth-child(6n + 6) {
width: calc(12.8472222222vw * 0.7);
margin-left: calc(-8.1944444444vw * 0.7);
margin-bottom: calc(3.125vw * 0.7);
}
}
@media (min-width: 1200px) {
.visible-device {
display: none !important;
}
.visible-device:first-child + *:not(:first-child) {
margin-top: 0 !important;
}
}
/** @media queries (max-width) */
@media (max-width: 1199px) {
.hidden-device {
display: none !important;
}
.hidden-device:first-child + *:not(:first-child) {
margin-top: 0 !important;
}
.overflow-hidden-device {
overflow: hidden !important;
}
.overflow-visible-device {
overflow: visible !important;
}
.alignwide-device {
width: 100% !important;
}
.alignfull-device {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
}
@media (max-width: 991px) {
.hidden-device-sm {
display: none !important;
}
.hidden-device-sm:first-child + *:not(:first-child) {
margin-top: 0 !important;
}
.overflow-hidden-device-sm {
overflow: hidden !important;
}
.overflow-visible-device-sm {
overflow: visible !important;
}
.alignwide-device-sm {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.alignfull-device-sm {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
/* General */
.map-container::before {
padding-bottom: 112.5%;
}
/** Header */
.header-menu .menu > li:not(.visible-always) {
display: none !important;
}
.header-panel-content [data-card="menu"] {
flex-wrap: unset;
flex-direction: column;
}
.header-panel-content [data-card="menu"] > .card:nth-child(6n + 1) {
width: 57.7777777778%;
margin-left: 0;
margin-right: auto;
}
.header-panel-content [data-card="menu"] > .card:nth-child(6n + 2) {
width: 48.6111111111%;
margin-left: auto;
margin-right: auto;
}
.header-panel-content [data-card="menu"] > .card:nth-child(6n + 3) {
width: 51.6666666667%;
margin-left: auto;
margin-right: 0;
}
.header-panel-content [data-card="menu"] > .card:nth-child(6n + 4) {
width: 76.3888888889%;
margin-left: 0;
margin-right: auto;
}
.header-panel-content [data-card="menu"] > .card:nth-child(6n + 5) {
width: 36.6666666667%;
margin-left: auto;
margin-right: auto;
}
.header-panel-content [data-card="menu"] > .card:nth-child(6n + 6) {
width: 37.7777777778%;
margin-left: auto;
margin-right: 0;
}
/** Hero */
#hero-title + #main > section.bg-body:first-child > .sc-inner:first-child,
#hero-title + #main > .clear-spacing-sections:first-child > section.bg-body:first-child > .sc-inner:first-child {
padding-top: 0 !important;
}
/** Main */
.sc-grid-row {
--h-md: 112.5vw;
}
.sc-grid-row.re-h-md {
--h: var(--h-md);
}
.sc-columns {
flex-direction: column;
}
.sc-columns > .sc-column {
width: 100%;
}
.sc-horizontal-wrapper {
width: 100% !important;
}
.sc-layout > * {
width: 100%;
}
/** Modules */
.gallery-marquee {
margin-left: 7.6923076923vw;
}
.gallery-marquee > .gallery-item:nth-child(6n + 1),
.gallery-marquee > .gallery-item:nth-child(6n + 2) {
width: 37.4358974359vw;
margin-left: 5.1282051282vw;
}
.gallery-marquee > .gallery-item:nth-child(6n + 1):first-child {
margin-left: 0;
}
.gallery-marquee > .gallery-item:nth-child(6n + 3) {
width: 46.6666666667vw;
margin-left: -4.1666666667vw;
}
.gallery-marquee > .gallery-item:nth-child(6n + 4) {
width: 35.8974358974vw;
margin-left: 7.6923076923vw;
}
.gallery-marquee > .gallery-item:nth-child(6n + 5) {
width: 32.8205128205vw;
margin-left: 7.6923076923vw;
margin-top: -4.1025641026vw;
}
.gallery-marquee > .gallery-item:nth-child(6n + 6) {
width: 28.2051282051vw;
margin-left: -17.9487179487vw;
margin-bottom: 7.6923076923vw;
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(odd) {
margin-left: 0;
margin-right: auto;
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(even) {
margin-left: auto;
margin-right: 0;
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(6n + 1) {
width: 55.1282051282vw;
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(6n + 2) {
width: 51.2820512821vw;
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(6n + 3) {
width: 81.02564102564vw;
margin-left: auto;
margin-right: auto;
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(6n + 4) {
width: 56.4102564103vw;
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(6n + 5) {
width: 77.9487179487vw;
}
[data-card="blog"][data-layout="parallax"] > .card:nth-child(6n + 6) {
width: 87.1794871795vw;
}
/** Page : Index */
.index-main [data-section="overview"] .sc-overview {
grid-row-gap: calc(var(--spacing-section) * 2);
}
.index-main [data-section="overview"] .sc-overview > .sc-group:nth-child(4n + 1) :is(.sc-desc, .sc-explore) {
--left: 8.9743589744vw;
margin-left: var(--left);
max-width: calc(100% - var(--left));
}
/** Page : About */
.layout-content[data-content="about"] > .layout-content--group {
display: flex;
flex-direction: column;
grid-gap: var(--layout-content-spacing-y);
}
.layout-content[data-content="about"] > .layout-content--group:not(:first-child) {
margin-top: var(--layout-content-spacing-y);
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="text"] > .entry-title {
width: 78.9743589744vw;
margin-left: auto;
margin-right: 0;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="text"] > .entry-content {
width: 68.7179487179vw;
margin-left: auto;
margin-right: 0;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="text"]::before {
transform: translate(-23%, 0%);
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-text"] {
width: 68.7179487179vw;
margin-left: 0;
margin-right: auto;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-grid"] {
flex-direction: column;
grid-gap: 9.2307692308vw 0;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-grid"] > .entry-media:nth-child(1) {
width: 71.2820512821vw;
margin-left: auto;
margin-right: 0;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-grid"] > .entry-media:nth-child(2) {
width: 25.1282051282vw;
margin-left: calc(9.2307692308vw - var(--spacing-container));
margin-right: auto;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="media-text"] > .entry-content {
width: 84.1025641026vw;
margin-left: 0;
margin-right: auto;
}
.layout-content[data-content="about"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="media-text"]::before {
right: 0;
transform: translate(40%, -42%);
}
.layout-content[data-content="about"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="text"]::before {
display: none;
}
[data-section="celebration"] .sc-headline::after {
display: none;
}
.award {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-left: var(--spacing-container);
padding-right: var(--spacing-container);
}
.award .caption {
grid-template-columns: 1fr auto;
grid-gap: var(--spacing-content-sm);
}
.award .caption > .entry-title {
grid-column: 1 / span 2;
}
.award .caption > .entry-desc {
grid-column: 1;
}
.award .caption > .entry-year {
grid-column: 2;
}
.review .gallery {
display: grid;
grid-template-columns: 100%;
grid-template-rows: 1fr;
}
.review .gallery-item {
grid-row: 1;
grid-column: 1;
opacity: 0;
will-change: opacity;
transition: var(--duration-slower) var(--easing);
}
.review .gallery-item.active {
opacity: 1;
}
.review-marquee .review {
width: 68.7179487179vw;
max-width: 100%;
}
[data-section="ticket"] .sc-content > :not(:first-child) {
margin-top: var(--spacing-lg);
}
[data-section="ticket"] .sc-content > .sc-media {
width: 78vw;
margin-left: auto;
margin-right: 0;
}
[data-section="ticket"] .sc-content > .sc-media .tickets {
width: 167%;
}
/** Page : Show */
[data-section="single-show"] .sc-headline::before {
transform: translate(-50%, -21%);
}
[data-section="single-show"] .sc-headline::after {
bottom: unset;
top: 0;
transform: translate(30%, -35%);
}
[data-section="single-show"] .sc-headline > .sc-heading > .sc-heading--row:nth-child(2) > span {
display: block;
}
[data-section="single-show"] .sc-headline > .sc-heading > .sc-heading--row:nth-child(2) > span:nth-child(1) {
padding-left: 20vw;
}
[data-section="single-show"] .sc-headline > .sc-heading > .sc-heading--row:nth-child(2) > span:nth-child(2) {
padding-left: 40vw;
}
[data-section="single-show"] .sc-headline > .sc-heading > .sc-heading--row:nth-child(4) {
text-align: right;
}
.layout-content[data-content="show"] > .layout-content--group {
display: flex;
flex-direction: column;
grid-gap: var(--spacing-section);
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"]::before {
left: unset;
right: 0;
top: 0;
transform: translate(24%, -12%);
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="text"][data-block-id="1"] > .entry-content {
width: 80.2564102564vw;
margin-left: auto;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-grid"] > .entry-media:nth-child(1) {
width: 44.8717948718%;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="1"] > .layout-content--block[data-block="media-grid"] > .entry-media:nth-child(2) {
width: 68.4615384615%;
margin-left: auto;
margin-right: 0;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="2"] {
grid-gap: var(--spacing-content);
}
.layout-content[data-content="show"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="media"] {
width: 81.02564102564vw;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="text"] > .entry-title {
width: 71.7948717949vw;
}
.layout-content[data-content="show"] > .layout-content--group[data-group="2"] > .layout-content--block[data-block="text"] > .entry-content {
width: 68.7179487179vw;
margin-left: auto;
margin-right: 0;
}
/** Page : Career */
.position-container .position {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.layout-content[data-content="career"] .layout-content--block[data-block="media-text"] > .entry-media:nth-child(1) {
width: 68.7179487179vw;
}
.layout-content[data-content="career"] .layout-content--block[data-block="media-text"] > .entry-media:nth-child(2) {
width: 30.7692307692vw;
margin-top: var(--spacing-2xs);
}
.layout-content[data-content="career"] .layout-content--block[data-block="media-text"] > .entry-title > span:not(:first-child) {
padding-left: 10.2564102564vw;
}
.layout-content[data-content="career"] .layout-content--block[data-block="media-text"] > .entry-content {
width: 84.1025641026vw;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(odd) > .layout-content--block[data-block="media-text"] > .entry-media:nth-child(2) {
margin-left: auto;
margin-right: 0;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(odd) > .layout-content--block[data-block="media-text"] > .entry-title:not(:first-child) {
margin-top: var(--spacing-section);
}
.layout-content[data-content="career"] .layout-content--group:nth-child(odd) > .layout-content--block[data-block="media-text"] > .entry-title::before {
top: 0%;
left: 0%;
transform: translate(-30%, -60%);
}
.layout-content[data-content="career"] .layout-content--group:nth-child(even) > .layout-content--block[data-block="media-text"] > .entry-media:nth-child(1) {
margin-left: auto;
margin-right: 0;
margin-top: var(--spacing-section);
order: 3;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(even) > .layout-content--block[data-block="media-text"] > .entry-media:nth-child(2) {
order: 4;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(even) > .layout-content--block[data-block="media-text"] > .entry-title {
order: 0;
}
.layout-content[data-content="career"] .layout-content--group:nth-child(even) > .layout-content--block[data-block="media-text"] > .entry-title::before {
top: 0%;
left: 0%;
transform: translate(-40%, -30%);
}
.layout-content[data-content="career"] .layout-content--group:nth-child(even) > .layout-content--block[data-block="media-text"] > .entry-content {
order: 1;
}
/* Page : Blog */
[data-layout="single-blog"] > .sc-header.sc-grid-row {
min-height: 0 !important;
}
.clear-spacing-sections > section:not(.next-section-no-spacing):not(:last-child) > [data-layout="single-blog"] > *:last-child > .sc-inner:last-child {
padding-bottom: 0 !important;
}
/* Page : Policy */
[data-section="policy"] .sc-layout > .sc-sidebar {
display: none !important;
}
[data-section="policy"] .sc-layout > .sc-main .accordion > .entry-panel > .tab-content {
height: auto !important;
opacity: 1 !important;
overflow: visible !important;
pointer-events: auto !important;
}
/* Page : Restaurant */
.sc-heading--rows[data-heading="restaurant"] > .sc-heading--row:nth-child(even) {
padding-left: 15vw;
}
.sc-heading--rows[data-heading="restaurant"] > .sc-heading--row:nth-child(odd):not(:first-child) {
padding-right: 15vw;
text-align: right;
}
.sc-headline--stickers::before {
transform: translate(-50%, -21%);
}
.sc-headline--stickers::after {
bottom: unset;
top: 0;
transform: translate(30%, -35%);
}
}
@media (max-width: 781px) {
/** Gutenberg */
.entry-content .wp-block-columns > .wp-block-column:empty {
display: none !important;
}
/* Gutenberg : Additional Class (block-media-text-grids for layout grids) */
.entry-content .block-media-text-grids.is-layout-grid {
grid-template-columns: 100%;
}
.entry-content .block-media-text-grids.is-layout-grid > .wp-block-media-text {
grid-column: unset;
grid-row: unset;
width: 100%;
max-width: 46rem;
margin-left: auto;
margin-right: auto;
text-align: center;
grid-template-columns: 100%;
}
.entry-content .block-media-text-grids.is-layout-grid > .wp-block-media-text > .wp-block-media-text__media {
grid-column: unset;
grid-row: unset;
width: 33.3333333333%;
margin-left: auto;
margin-right: auto;
}
.entry-content .block-media-text-grids.is-layout-grid > .wp-block-media-text > .wp-block-media-text__media > * {
width: 100%;
height: auto;
}
.entry-content .block-media-text-grids.is-layout-grid > .wp-block-media-text > .wp-block-media-text__content {
grid-column: unset;
grid-row: unset;
width: 100%;
padding: 0 var(--spacing-container);
}
}
@media (max-width: 767px) {
:root {
--spacing-container: var(--spacing-xs);
--logo-height: 7rem;
--logo-height-lg: 16.4rem;
}
.hidden-mobile {
display: none !important;
}
.hidden-mobile:first-child + *:not(:first-child) {
margin-top: 0 !important;
}
.overflow-hidden-mobile {
overflow: hidden !important;
}
.overflow-visible-mobile {
overflow: visible !important;
}
.alignwide-mobile {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.alignfull-mobile {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
/** Footer */
.footer-navi > *:not(.directory) {
grid-column: 1 / span 2;
}
/** Main */
.sc-box {
padding: var(--spacing-md) var(--spacing-sm);
}
/** Page : Index */
.index-main [data-section="highlight"] .highlight-text {
font-size: 15.3846153846vw;
}
.index-main [data-section="highlight"] .highlight-text .words {
display: flex;
flex-direction: column;
}
.index-main [data-section="highlight"] .highlight-text .words > .word:nth-child(even) {
margin-left: auto;
}
}
@media (max-width: 599px) {
.hidden-mobile-sm {
display: none !important;
}
.hidden-mobile-sm:first-child + *:not(:first-child) {
margin-top: 0 !important;
}
.overflow-hidden-mobile-sm {
overflow: hidden !important;
}
.overflow-visible-mobile-sm {
overflow: visible !important;
}
.alignwide-mobile-sm {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.alignfull-mobile-sm {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
}
@media (max-width: 414px) {
:root {
font-size: min(2.4154589372vw, 10px);
}
}
/** @media queries (additional) */
@media (min-width: 992px) and (max-height: 56.25vw), (max-width: 991px) and (max-height: 112.5vw) {
[data-layout="single-blog"] > .sc-cover > .object-fit::before {
padding-bottom: 100svh;
}
}
@media (max-width: 991px) and (max-height: 112.5vw) {
/* General */
.map-container::before {
padding-bottom: calc(100svh - var(--spacing-container) * 2);
}
/* Main */
.sc-grid-row {
--h-md: 100svh;
}
}