html.lenis,
html.lenis body {
height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
overflow: clip;
}
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
pointer-events: none;
}
.lenis.lenis-autoToggle {
transition-behavior: allow-discrete;
transition-property: overflow;
transition-duration: 1ms;
}
:root {
--design-width-desktop: 1920;
--design-width-tablet: 991;
--design-width-mobile-l: 480;
--design-width-mobile-p: 390;
--design-width: var(--design-width-desktop);
--max-scaling-width: var(--design-width);
}
@media (max-width: 991px) and (min-width: 768px) {
:root {
--design-width: var(--design-width-tablet);
}
}
@media (max-width: 767px) and (min-width: 480px) {
:root {
--design-width: var(--design-width-mobile-l);
}
}
@media (max-width: 479px) {
:root {
--design-width: var(--design-width-mobile-p);
}
}
:root {
--spacing: 0.25rem;
--gap: 1em;
--spacing-fluid-sm: clamp(1.375rem, 1.20949rem + 0.658762vw, 2rem);
--spacing-fluid-md: clamp(1.125rem, 0.429842rem + 2.7668vw, 3.75rem);
--spacing-fluid-lg: clamp(3rem, 2.20553rem + 3.16206vw, 6rem);
--spacing-fluid-xl: clamp(4rem, 2.94071rem + 4.21607vw, 8rem);
--spacing-fluid-2xl: clamp(5.5rem, 4.04348rem + 5.7971vw, 11rem);
--spacing-fluid-3xl: clamp(7.625rem, 5.93676rem + 6.71937vw, 14rem);
--spacing-fluid-4xl: clamp(10rem, 7.88142rem + 8.43215vw, 18rem);
--transition-duration-fast: 0.15s;
--transition-duration: 0.3s;
--transition-duration-medium: 0.45s;
--transition-duration-slow: 0.6s;
--transition-duration-slower: 0.9s;
--transition-duration-slowest: 1.2s;
--ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
--ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
--ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
--ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
--ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
--ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
--ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
--ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
--ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
--ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
--ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
--ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
--ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
--ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
--ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
--ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
--ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
--ease: cubic-bezier(0.645, 0, 0, 1);
--ease-custom: cubic-bezier(0.215, 0.61, 0.355, 1);
--ease-bounce-smooth: cubic-bezier(0.5, 1.8, 0.62, 1);
--ease-bounce-soft: cubic-bezier(0.4, 1.65, 0.3, 1);
--ease-bounce: cubic-bezier(0.17, 0.67, 0.3, 1.33);
}
@media (prefers-reduced-motion) {
:root {
--transition-duration-fast: 0s;
--transition-duration: 0s;
--transition-duration-medium: 0s;
--transition-duration-slow: 0s;
--transition-duration-slower: 0s;
--transition-duration-slowest: 0s;
}
}
:root {
--grid-columns: 4;
}
@media (min-width: 480px) {
:root {
--grid-columns: 6;
}
}
@media (min-width: 768px) {
:root {
--grid-columns: 8;
}
}
@media (min-width: 992px) {
:root {
--grid-columns: 12;
}
}
:root {
--grid-gutter: clamp(10px, 10px + 30 * (100vw - 402px)/1518, 40px);
--grid-margin: clamp(20px, 20px + 40 * (100vw - 402px)/1518, 60px);
--grid-max: calc(1920px - var(--grid-margin) * 2);
--z-index-below: -1;
--z-index: 0;
--z-index-above: 1;
--z-index-header: 100;
--z-index-menu: 200;
--z-index-modal: 302;
--button-height: clamp(3.375rem, 3.27569rem + 0.395257vw, 3.75rem);
--button-font-size: clamp(1.125rem, 1.04224rem + 0.329381vw, 1.4375rem);
--button-font-weight: 500;
--button-color: var(--color-background);
--button-background: var(--color-surface);
--button-hover-background: var(--color-accent);
--button-hover-color: var(--color-surface);
--button-radius: calc(var(--button-height) / 2);
--button-padding: 0 calc(var(--spacing) * 8);
--button-gap: calc(var(--spacing) * 6);
--button-height-lg: clamp(3.75rem, 3.08794rem + 2.63505vw, 6.25rem);
--button-font-size-lg: clamp(1.25rem, 1.11759rem + 0.527009vw, 1.75rem);
--button-font-weight-lg: 700;
--button-padding-lg: 0 calc(var(--spacing) * 10);
--button-gap-lg: calc(var(--spacing) * 8);
--radius-sm: 0.25rem;
--radius-md: 0.625rem;
--radius-lg: 1.25rem;
}
html {
scrollbar-gutter: stable;
interpolate-size: allow-keywords;
}
*,
:before,
:after {
box-sizing: border-box;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
min-block-size: 100svh;
}
.wf-design-mode .wf-empty,
.wf-editor-mode .wf-empty {
padding: 0;
}
.wf-editor-mode .w-embed.w-script,
.wf-design-mode .w-embed.w-script {
display: none;
}
.wf-editor-mode .wf-empty,
.wf-design-mode .wf-empty {
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
position: relative;
margin: 0;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
.w-richtext > :first-child {
margin-top: 0;
}
button {
outline: #0000;
-webkit-appearance: none;
appearance: none;
-webkit-tap-highlight-color: #0000;
background-color: #0000;
padding: 0;
}
label {
margin: 0;
}
textarea {
resize: vertical;
}
img,
video {
max-width: 100%;
height: auto;
}
::selection {
background: var(--primary--text, #000);
color: var(--primary--background, #fff);
}
::selection {
background: var(--primary--text, #000);
color: var(--primary--background, #fff);
}
html.is-loading,
html.is-transitioning,
html.has-widget-loading {
cursor: wait;
}
html.is-loading a,
html.is-loading button,
html.is-transitioning a,
html.is-transitioning button,
html.has-widget-loading a,
html.has-widget-loading button {
pointer-events: none;
}
html.has-modal-open {
overflow: hidden;
scrollbar-gutter: stable;
}
:root {
--focus-color: var(--color-accent);
--focus-offset: 5px;
--focus-style: auto;
--focus-width: 10px;
--focus-radius: 5em;
}
:focus-visible:not(input):not(textarea):not(select) {
outline-color: var(--focus-color);
outline-offset: var(--focus-offset);
outline-style: var(--focus-style);
outline-width: var(--focus-width);
border-radius: var(--focus-radius);
}
input:focus-visible {
outline-color: var(--focus-color, var(--color-accent));
outline-offset: var(--focus-offset, 0);
outline-style: var(--focus-style, auto);
outline-width: var(--focus-width, 10px);
border-radius: var(--focus-radius, 5em);
}
select:focus-visible {
outline-color: var(--focus-color, var(--color-accent));
outline-offset: var(--focus-offset, 0);
outline-style: var(--focus-style, auto);
outline-width: var(--focus-width, 10px);
border-radius: var(--focus-radius, 5em);
}
textarea:focus-visible {
outline-color: var(--focus-color, var(--color-accent));
outline-offset: var(--focus-offset, 0);
outline-style: var(--focus-style, auto);
outline-width: var(--focus-width, 10px);
border-radius: var(--focus-radius, 5em);
}
main:focus-visible {
outline-offset: -10px !important;
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[contenteditable="true"]:focus {
outline: none !important;
box-shadow: none !important;
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[contenteditable="true"]:focus {
outline: none !important;
box-shadow: none !important;
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[contenteditable="true"]:focus {
outline: none !important;
box-shadow: none !important;
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[contenteditable="true"]:focus-visible {
outline: none !important;
box-shadow: none !important;
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[contenteditable="true"]:focus-visible {
outline: none !important;
box-shadow: none !important;
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[contenteditable="true"]:focus-visible {
outline: none !important;
box-shadow: none !important;
}
:root {
--font-size-h1: clamp(10.625rem, 5.99061rem + 18.4453vw, 28.125rem);
--font-family-h1: var(--font-secondary, inherit);
--font-weight-h1: 700;
--line-height-h1: 0.95;
--letter-spacing-h1: 0;
--text-transform-h1: none;
--cap-height-h1: var(--cap-height-default);
--leading-trim-top-adjustment-h1: var(--leading-trim-top-adjustment-default);
--leading-trim-bottom-adjustment-h1: var(
--leading-trim-bottom-adjustment-default
);
--font-size-h2: clamp(2.5rem, 1.07658rem + 5.66535vw, 7.875rem);
--font-family-h2: var(--font-secondary, inherit);
--font-weight-h2: 500;
--line-height-h2: 1.1;
--letter-spacing-h2: 0;
--text-transform-h2: none;
--cap-height-h2: var(--cap-height-default);
--leading-trim-top-adjustment-h2: var(--leading-trim-top-adjustment-default);
--leading-trim-bottom-adjustment-h2: var(
--leading-trim-bottom-adjustment-default
);
--font-size-h3: clamp(2.5rem, 2.00346rem + 1.97628vw, 4.375rem);
--font-family-h3: var(--font-secondary, inherit);
--font-weight-h3: 700;
--line-height-h3: 1.05;
--letter-spacing-h3: 0;
--text-transform-h3: capitalize;
--cap-height-h3: var(--cap-height-default);
--leading-trim-top-adjustment-h3: var(--leading-trim-top-adjustment-default);
--leading-trim-bottom-adjustment-h3: var(
--leading-trim-bottom-adjustment-default
);
--font-size-h4: clamp(0.75rem, 0.452075rem + 1.18577vw, 1.875rem);
--font-family-h4: var(--font-primary, inherit);
--font-weight-h4: 600;
--line-height-h4: 1.1;
--letter-spacing-h4: 0;
--text-transform-h4: none;
--cap-height-h4: var(--cap-height-default);
--leading-trim-top-adjustment-h4: var(--leading-trim-top-adjustment-default);
--leading-trim-bottom-adjustment-h4: var(
--leading-trim-bottom-adjustment-default
);
--font-size-h5: clamp(0.75rem, 0.452075rem + 1.18577vw, 1.875rem);
--font-family-h5: var(--font-primary, inherit);
--font-weight-h5: 600;
--line-height-h5: 1.15;
--letter-spacing-h5: 0;
--text-transform-h5: none;
--cap-height-h5: var(--cap-height-default);
--leading-trim-top-adjustment-h5: var(--leading-trim-top-adjustment-default);
--leading-trim-bottom-adjustment-h5: var(
--leading-trim-bottom-adjustment-default
);
--font-size-h6: clamp(1rem, 1rem + 0vw, 1rem);
--font-family-h6: var(--font-primary, inherit);
--font-weight-h6: 600;
--line-height-h6: 1.2;
--letter-spacing-h6: 0;
--text-transform-h6: none;
--cap-height-h6: var(--cap-height-default);
--leading-trim-top-adjustment-h6: var(--leading-trim-top-adjustment-default);
--leading-trim-bottom-adjustment-h6: var(
--leading-trim-bottom-adjustment-default
);
--font-size-body: clamp(1.125rem, 1.0919rem + 0.131752vw, 1.25rem);
--font-family-body: var(--font-primary, inherit);
--font-weight-body: 400;
--line-height-body: 1.4;
--letter-spacing-body: 0;
--text-transform-body: none;
--cap-height-body: var(--cap-height-default);
--leading-trim-top-adjustment-body: var(
--leading-trim-top-adjustment-default
);
--leading-trim-bottom-adjustment-body: var(
--leading-trim-bottom-adjustment-default
);
--font-size-small: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem);
--font-family-small: var(--font-primary, inherit);
--font-weight-small: 400;
--line-height-small: 1.3;
--letter-spacing-small: 0;
--text-transform-small: none;
--cap-height-small: var(--cap-height-default);
--leading-trim-top-adjustment-small: var(
--leading-trim-top-adjustment-default
);
--leading-trim-bottom-adjustment-small: var(
--leading-trim-bottom-adjustment-default
);
--font-size-smaller: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
--font-family-smaller: var(--font-primary, inherit);
--font-weight-smaller: 400;
--line-height-smaller: 1.3;
--letter-spacing-smaller: 0;
--text-transform-smaller: none;
--cap-height-smaller: var(--cap-height-default);
--leading-trim-top-adjustment-smaller: var(
--leading-trim-top-adjustment-default
);
--leading-trim-bottom-adjustment-smaller: var(
--leading-trim-bottom-adjustment-default
);
--font-size-pill: clamp(0.75rem, 0.700346rem + 0.197628vw, 0.9375rem);
--font-family-pill: var(--font-tertiary, inherit);
--font-weight-pill: 700;
--line-height-pill: 1;
--letter-spacing-pill: 0;
--text-transform-pill: none;
--cap-height-pill: var(--cap-height-default);
--leading-trim-top-adjustment-pill: var(
--leading-trim-top-adjustment-default
);
--leading-trim-bottom-adjustment-pill: var(
--leading-trim-bottom-adjustment-default
);
--font-size-show-list: clamp(1.125rem, 1.04224rem + 0.329381vw, 1.4375rem);
--font-family-show-list: var(--font-primary, inherit);
--font-weight-show-list: 500;
--line-height-show-list: 1.2;
--letter-spacing-show-list: 0;
--text-transform-show-list: none;
--cap-height-show-list: var(--cap-height-default);
--leading-trim-top-adjustment-show-list: var(
--leading-trim-top-adjustment-default
);
--leading-trim-bottom-adjustment-show-list: var(
--leading-trim-bottom-adjustment-default
);
--font-size-tag-title: clamp(1.25rem, 1.15069rem + 0.395257vw, 1.625rem);
--font-family-tag-title: var(--font-primary, inherit);
--font-weight-tag-title: 500;
--line-height-tag-title: 1.15;
--letter-spacing-tag-title: 0;
--text-transform-tag-title: capitalize;
--cap-height-tag-title: var(--cap-height-default);
--leading-trim-top-adjustment-tag-title: var(
--leading-trim-top-adjustment-default
);
--leading-trim-bottom-adjustment-tag-title: var(
--leading-trim-bottom-adjustment-default
);
--font-size-tag-body: clamp(1.125rem, 1.0919rem + 0.131752vw, 1.25rem);
--font-family-tag-body: var(--font-primary, inherit);
--font-weight-tag-body: 400;
--line-height-tag-body: 1.7;
--letter-spacing-tag-body: 0;
--text-transform-tag-body: none;
--cap-height-tag-body: var(--cap-height-default);
--leading-trim-top-adjustment-tag-body: var(
--leading-trim-top-adjustment-default
);
--leading-trim-bottom-adjustment-tag-body: var(
--leading-trim-bottom-adjustment-default
);
--font-size-contact: clamp(1.25rem, 1.08449rem + 0.658762vw, 1.875rem);
--font-family-contact: var(--font-primary, inherit);
--font-weight-contact: 700;
--line-height-contact: 1.15;
--letter-spacing-contact: 0;
--text-transform-contact: none;
--cap-height-contact: var(--cap-height-default);
--leading-trim-top-adjustment-contact: var(
--leading-trim-top-adjustment-default
);
--leading-trim-bottom-adjustment-contact: var(
--leading-trim-bottom-adjustment-default
);
--font-size-medium: clamp(2.5rem, 1.07658rem + 5.66535vw, 7.875rem);
--font-family-medium: var(--font-secondary, inherit);
--font-weight-medium: 500;
--line-height-medium: 1.2;
--letter-spacing-medium: 0;
--text-transform-medium: none;
--cap-height-medium: var(--cap-height-default);
--leading-trim-top-adjustment-medium: var(
--leading-trim-top-adjustment-default
);
--leading-trim-bottom-adjustment-medium: var(
--leading-trim-bottom-adjustment-default
);
--font-size-big: clamp(1.4375rem, 0.990613rem + 1.77866vw, 3.125rem);
--font-family-big: var(--font-primary, inherit);
--font-weight-big: 500;
--line-height-big: 1.3;
--letter-spacing-big: 0;
--text-transform-big: none;
--cap-height-big: var(--cap-height-default);
--leading-trim-top-adjustment-big: var(--leading-trim-top-adjustment-default);
--leading-trim-bottom-adjustment-big: var(
--leading-trim-bottom-adjustment-default
);
--font-size-large: clamp(2.5rem, 0.844862rem + 6.58762vw, 8.75rem);
--font-family-large: var(--font-secondary, inherit);
--font-weight-large: 700;
--line-height-large: 1.1;
--letter-spacing-large: 0;
--text-transform-large: none;
--cap-height-large: var(--cap-height-default);
--leading-trim-top-adjustment-large: var(
--leading-trim-top-adjustment-default
);
--leading-trim-bottom-adjustment-large: var(
--leading-trim-bottom-adjustment-default
);
--font-size-menu: clamp(2.0625rem, 1.28458rem + 3.09618vw, 5rem);
--font-family-menu: var(--font-secondary, inherit);
--font-weight-menu: 700;
--line-height-menu: 1;
--letter-spacing-menu: 0;
--text-transform-menu: none;
--cap-height-menu: var(--cap-height-default);
--leading-trim-top-adjustment-menu: var(
--leading-trim-top-adjustment-default
);
--leading-trim-bottom-adjustment-menu: var(
--leading-trim-bottom-adjustment-default
);
--font-size-marquee: clamp(3.125rem, 0.642292rem + 9.88142vw, 12.5rem);
--font-family-marquee: var(--font-secondary, inherit);
--font-weight-marquee: 700;
--line-height-marquee: 1;
--letter-spacing-marquee: 0;
--text-transform-marquee: none;
--cap-height-marquee: var(--cap-height-default);
--leading-trim-top-adjustment-marquee: var(
--leading-trim-top-adjustment-default
);
--leading-trim-bottom-adjustment-marquee: var(
--leading-trim-bottom-adjustment-default
);
--cap-height-default: 0.9;
--leading-trim-top-adjustment-default: 0.035em;
--leading-trim-bottom-adjustment-default: 0.08em;
}
h1 {
font-size: var(--font-size-h1);
font-family: var(--font-family-h1);
font-weight: var(--font-weight-h1);
line-height: var(--line-height-h1);
letter-spacing: var(--letter-spacing-h1);
text-transform: var(--text-transform-h1);
--trim-line-height: var(--line-height-h1);
--trim-cap-height: var(--cap-height-h1);
--trim-top-adjustment: var(--leading-trim-top-adjustment-h1);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-h1);
}
h2 {
font-size: var(--font-size-h2);
font-family: var(--font-family-h2);
font-weight: var(--font-weight-h2);
line-height: var(--line-height-h2);
letter-spacing: var(--letter-spacing-h2);
text-transform: var(--text-transform-h2);
--trim-line-height: var(--line-height-h2);
--trim-cap-height: var(--cap-height-h2);
--trim-top-adjustment: var(--leading-trim-top-adjustment-h2);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-h2);
}
h3 {
font-size: var(--font-size-h3);
font-family: var(--font-family-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);
letter-spacing: var(--letter-spacing-h3);
text-transform: var(--text-transform-h3);
--trim-line-height: var(--line-height-h3);
--trim-cap-height: var(--cap-height-h3);
--trim-top-adjustment: var(--leading-trim-top-adjustment-h3);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-h3);
}
h4 {
font-size: var(--font-size-h4);
font-family: var(--font-family-h4);
font-weight: var(--font-weight-h4);
line-height: var(--line-height-h4);
letter-spacing: var(--letter-spacing-h4);
text-transform: var(--text-transform-h4);
--trim-line-height: var(--line-height-h4);
--trim-cap-height: var(--cap-height-h4);
--trim-top-adjustment: var(--leading-trim-top-adjustment-h4);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-h4);
}
h5 {
font-size: var(--font-size-h5);
font-family: var(--font-family-h5);
font-weight: var(--font-weight-h5);
line-height: var(--line-height-h5);
letter-spacing: var(--letter-spacing-h5);
text-transform: var(--text-transform-h5);
--trim-line-height: var(--line-height-h5);
--trim-cap-height: var(--cap-height-h5);
--trim-top-adjustment: var(--leading-trim-top-adjustment-h5);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-h5);
}
h6 {
font-size: var(--font-size-h6);
font-family: var(--font-family-h6);
font-weight: var(--font-weight-h6);
line-height: var(--line-height-h6);
letter-spacing: var(--letter-spacing-h6);
text-transform: var(--text-transform-h6);
--trim-line-height: var(--line-height-h6);
--trim-cap-height: var(--cap-height-h6);
--trim-top-adjustment: var(--leading-trim-top-adjustment-h6);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-h6);
}
body,
p {
font-size: var(--font-size-body);
font-family: var(--font-family-body);
font-weight: var(--font-weight-body);
line-height: var(--line-height-body);
letter-spacing: var(--letter-spacing-body);
text-transform: var(--text-transform-body);
--trim-line-height: var(--line-height-body);
--trim-cap-height: var(--cap-height-body);
--trim-top-adjustment: var(--leading-trim-top-adjustment-body);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-body);
}
small,
.u-text-small {
font-size: var(--font-size-small);
font-family: var(--font-family-small);
font-weight: var(--font-weight-small);
line-height: var(--line-height-small);
letter-spacing: var(--letter-spacing-small);
text-transform: var(--text-transform-small);
--trim-line-height: var(--line-height-small);
--trim-cap-height: var(--cap-height-small);
--trim-top-adjustment: var(--leading-trim-top-adjustment-small);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-small);
}
.u-text-smaller {
font-size: var(--font-size-smaller);
font-family: var(--font-family-smaller);
font-weight: var(--font-weight-smaller);
line-height: var(--line-height-smaller);
letter-spacing: var(--letter-spacing-smaller);
text-transform: var(--text-transform-smaller);
--trim-line-height: var(--line-height-smaller);
--trim-cap-height: var(--cap-height-smaller);
--trim-top-adjustment: var(--leading-trim-top-adjustment-smaller);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-smaller);
}
.u-text-pill {
font-size: var(--font-size-pill);
font-family: var(--font-family-pill);
font-weight: var(--font-weight-pill);
line-height: var(--line-height-pill);
letter-spacing: var(--letter-spacing-pill);
text-transform: var(--text-transform-pill);
--trim-line-height: var(--line-height-pill);
--trim-cap-height: var(--cap-height-pill);
--trim-top-adjustment: var(--leading-trim-top-adjustment-pill);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-pill);
}
.u-text-show-list,
.text-show-list {
font-size: var(--font-size-show-list);
font-family: var(--font-family-show-list);
font-weight: var(--font-weight-show-list);
line-height: var(--line-height-show-list);
letter-spacing: var(--letter-spacing-show-list);
text-transform: var(--text-transform-show-list);
--trim-line-height: var(--line-height-show-list);
--trim-cap-height: var(--cap-height-show-list);
--trim-top-adjustment: var(--leading-trim-top-adjustment-show-list);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-show-list);
}
.u-text-tag-title {
font-size: var(--font-size-tag-title);
font-family: var(--font-family-tag-title);
font-weight: var(--font-weight-tag-title);
line-height: var(--line-height-tag-title);
letter-spacing: var(--letter-spacing-tag-title);
text-transform: var(--text-transform-tag-title);
--trim-line-height: var(--line-height-tag-title);
--trim-cap-height: var(--cap-height-tag-title);
--trim-top-adjustment: var(--leading-trim-top-adjustment-tag-title);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-tag-title);
}
.u-text-tag-body {
font-size: var(--font-size-tag-body);
font-family: var(--font-family-tag-body);
font-weight: var(--font-weight-tag-body);
line-height: var(--line-height-tag-body);
letter-spacing: var(--letter-spacing-tag-body);
text-transform: var(--text-transform-tag-body);
--trim-line-height: var(--line-height-tag-body);
--trim-cap-height: var(--cap-height-tag-body);
--trim-top-adjustment: var(--leading-trim-top-adjustment-tag-body);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-tag-body);
}
.u-text-contact {
font-size: var(--font-size-contact);
font-family: var(--font-family-contact);
font-weight: var(--font-weight-contact);
line-height: var(--line-height-contact);
letter-spacing: var(--letter-spacing-contact);
text-transform: var(--text-transform-contact);
--trim-line-height: var(--line-height-contact);
--trim-cap-height: var(--cap-height-contact);
--trim-top-adjustment: var(--leading-trim-top-adjustment-contact);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-contact);
}
.u-text-medium {
font-size: var(--font-size-medium);
font-family: var(--font-family-medium);
font-weight: var(--font-weight-medium);
line-height: var(--line-height-medium);
letter-spacing: var(--letter-spacing-medium);
text-transform: var(--text-transform-medium);
--trim-line-height: var(--line-height-medium);
--trim-cap-height: var(--cap-height-medium);
--trim-top-adjustment: var(--leading-trim-top-adjustment-medium);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-medium);
}
.u-text-big {
font-size: var(--font-size-big);
font-family: var(--font-family-big);
font-weight: var(--font-weight-big);
line-height: var(--line-height-big);
letter-spacing: var(--letter-spacing-big);
text-transform: var(--text-transform-big);
--trim-line-height: var(--line-height-big);
--trim-cap-height: var(--cap-height-big);
--trim-top-adjustment: var(--leading-trim-top-adjustment-big);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-big);
}
.u-text-large {
font-size: var(--font-size-large);
font-family: var(--font-family-large);
font-weight: var(--font-weight-large);
line-height: var(--line-height-large);
letter-spacing: var(--letter-spacing-large);
text-transform: var(--text-transform-large);
--trim-line-height: var(--line-height-large);
--trim-cap-height: var(--cap-height-large);
--trim-top-adjustment: var(--leading-trim-top-adjustment-large);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-large);
}
.u-text-menu,
.text-menu {
font-size: var(--font-size-menu);
font-family: var(--font-family-menu);
font-weight: var(--font-weight-menu);
line-height: var(--line-height-menu);
letter-spacing: var(--letter-spacing-menu);
text-transform: var(--text-transform-menu);
--trim-line-height: var(--line-height-menu);
--trim-cap-height: var(--cap-height-menu);
--trim-top-adjustment: var(--leading-trim-top-adjustment-menu);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-menu);
}
.u-text-marquee,
.text-marquee {
font-size: var(--font-size-marquee);
font-family: var(--font-family-marquee);
font-weight: var(--font-weight-marquee);
line-height: var(--line-height-marquee);
letter-spacing: var(--letter-spacing-marquee);
text-transform: var(--text-transform-marquee);
--trim-line-height: var(--line-height-marquee);
--trim-cap-height: var(--cap-height-marquee);
--trim-top-adjustment: var(--leading-trim-top-adjustment-marquee);
--trim-bottom-adjustment: var(--leading-trim-bottom-adjustment-marquee);
}
h1,
h2,
h3,
h4,
h5,
h6,
.u-text-medium,
.u-text-big,
.u-text-large,
.u-text-menu,
.text-menu,
.u-text-tag-title,
.u-text-marquee,
.text-marquee {
text-wrap: balance;
}
p,
small,
.u-text-small,
.u-text-tag-body,
.u-text-show-list,
.text-show-list {
text-wrap: pretty;
}
.text-trim:before,
.text-trim:after {
content: "";
display: block;
pointer-events: none;
width: 0;
height: 0;
}
.text-trim:before {
margin-bottom: calc(
(
var(--trim-cap-height, var(--cap-height-default)) -
var(--trim-line-height, 1)
) * 0.5em -
var(--trim-top-adjustment, var(--leading-trim-top-adjustment-default))
);
}
.text-trim:after {
margin-top: calc(
(
var(--trim-cap-height, var(--cap-height-default)) -
var(--trim-line-height, 1)
) * 0.5em -
var(
--trim-bottom-adjustment,
var(--leading-trim-bottom-adjustment-default)
)
);
}
:root {
--font-primary: "Die Grotesk C", sans-serif;
--font-secondary: "Die Grotesk D", sans-serif;
--font-tertiary: "Die Grotesk B", sans-serif;
--font-ui: var(--font-primary);
--font-display: var(--font-secondary);
--font-meta: var(--font-tertiary);
--color-text: var(--color-surface);
--color-background: #0b0e11;
--color-primary: #0b0e11;
--color-accent: #f0b90b;
--color-surface: #eaecef;
--color-border: #2b3139;
--color-muted: #707a8a66;
--color-dark: #181a20;
--color-black: #000;
--color-white: #fff;
--color-surface-deep: #181a20;
--color-surface-deep-muted: #707a8a;
--color-surface-deep-tint: #2b3139;
--color-surface-tint: #181a20;
--color-surface-tint-light: #1e2329;
--color-pill-bg: #2b3139;
--color-pill-stroke: #474d57;
--color-heart: #c6313e;
}
html,
body {
background-color: var(--color-background);
}
@media (max-width: 479px) {
.safari-toolbar-tint {
position: fixed;
pointer-events: none;
z-index: 2147480000;
height: 8px;
left: 0;
right: 0;
}
.safari-toolbar-tint.is-base {
background-color: var(--color-primary);
}
.safari-toolbar-tint.is-menu {
background-color: var(--color-dark);
}
.safari-toolbar-tint.is-bottom {
bottom: -8px;
}
}
.u-color-muted {
color: var(--color-muted);
}
.u-color-deep-muted {
color: var(--color-surface-deep-muted);
}
[data-accent="orange"] {
--color-accent: #e36625;
}
section[data-accent]
~ section
.section_title-2.w-variant-d98e862b-30ce-38e9-114c-1de44504b3ba {
--color-accent: #f0b90b;
}
[data-theme="light"] {
background-color: var(--color-background);
color: var(--color-surface);
}
::selection,
[data-theme="light"] ::selection {
color: var(--color-background);
background: var(--color-accent);
}
.is-dark,
[data-theme="dark"] {
background-color: var(--color-dark);
color: var(--color-surface);
}
[data-theme="dark"] ::selection {
color: var(--color-background);
background: var(--color-accent);
}
.tour_head_wrap {
display: none;
}
.route-shows .tour_head_wrap,
.route-shows-filter .tour_head_wrap {
display: block;
}
html.has-modal-open {
overflow: hidden;
scrollbar-gutter: stable;
}
html.is-loading {
overflow: hidden;
scrollbar-gutter: stable;
cursor: wait;
}
html.is-transitioning {
cursor: wait;
}
.grid-base-12 {
--grid-columns: 4;
}
@media (min-width: 480px) {
.grid-base-12 {
--grid-columns: 6;
}
}
@media (min-width: 768px) {
.grid-base-12 {
--grid-columns: 8;
}
}
@media (min-width: 992px) {
.grid-base-12 {
--grid-columns: 12;
}
}
.grid-base-12 {
--grid-gutter: clamp(10px, 10px + 30 * (100vw - 402px)/1518, 40px);
}
.container {
max-width: calc(var(--grid-max) + var(--grid-margin) * 2);
padding-left: var(--grid-margin);
padding-right: var(--grid-margin);
width: 100%;
margin-left: auto;
margin-right: auto;
}
.container--fluid {
padding-left: var(--grid-margin);
padding-right: var(--grid-margin);
width: 100%;
}
.row {
display: grid;
grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
gap: var(--grid-gutter);
}
.row:has(> .col):not(:has(> [class*="col-span-"])) {
grid-template-columns: none;
grid-auto-flow: column;
grid-auto-columns: minmax(0, 1fr);
}
@media (max-width: 991px) {
.row:has(> .col):not(:has(> [class*="col-span-"])) {
grid-auto-flow: row;
}
}
.row > * {
min-width: 0;
}
.col-span-full {
grid-column: 1/-1;
}
:where(.col-span-sm-full) {
grid-column: 1/-1;
}
:where(.col-span-sm-1) {
grid-column: 1/-1;
}
:where(.col-span-sm-2) {
grid-column: 1/-1;
}
:where(.col-span-sm-3) {
grid-column: 1/-1;
}
:where(.col-span-sm-4) {
grid-column: 1/-1;
}
:where(.col-span-sm-5) {
grid-column: 1/-1;
}
:where(.col-span-sm-6) {
grid-column: 1/-1;
}
:where(.col-span-sm-7) {
grid-column: 1/-1;
}
:where(.col-span-sm-8) {
grid-column: 1/-1;
}
:where(.col-span-sm-9) {
grid-column: 1/-1;
}
:where(.col-span-sm-10) {
grid-column: 1/-1;
}
:where(.col-span-sm-11) {
grid-column: 1/-1;
}
:where(.col-span-sm-12) {
grid-column: 1/-1;
}
:where(.col-span-md-full) {
grid-column: 1/-1;
}
:where(.col-span-md-1) {
grid-column: 1/-1;
}
:where(.col-span-md-2) {
grid-column: 1/-1;
}
:where(.col-span-md-3) {
grid-column: 1/-1;
}
:where(.col-span-md-4) {
grid-column: 1/-1;
}
:where(.col-span-md-5) {
grid-column: 1/-1;
}
:where(.col-span-md-6) {
grid-column: 1/-1;
}
:where(.col-span-md-7) {
grid-column: 1/-1;
}
:where(.col-span-md-8) {
grid-column: 1/-1;
}
:where(.col-span-md-9) {
grid-column: 1/-1;
}
:where(.col-span-md-10) {
grid-column: 1/-1;
}
:where(.col-span-md-11) {
grid-column: 1/-1;
}
:where(.col-span-md-12) {
grid-column: 1/-1;
}
:where(.col-span-lg-full) {
grid-column: 1/-1;
}
:where(.col-span-lg-1) {
grid-column: 1/-1;
}
:where(.col-span-lg-2) {
grid-column: 1/-1;
}
:where(.col-span-lg-3) {
grid-column: 1/-1;
}
:where(.col-span-lg-4) {
grid-column: 1/-1;
}
:where(.col-span-lg-5) {
grid-column: 1/-1;
}
:where(.col-span-lg-6) {
grid-column: 1/-1;
}
:where(.col-span-lg-7) {
grid-column: 1/-1;
}
:where(.col-span-lg-8) {
grid-column: 1/-1;
}
:where(.col-span-lg-9) {
grid-column: 1/-1;
}
:where(.col-span-lg-10) {
grid-column: 1/-1;
}
:where(.col-span-lg-11) {
grid-column: 1/-1;
}
:where(.col-span-lg-12) {
grid-column: 1/-1;
}
.col-span-1 {
grid-column-start: auto;
grid-column-end: span 1;
}
.col-span-2 {
grid-column-start: auto;
grid-column-end: span 2;
}
.col-span-3 {
grid-column-start: auto;
grid-column-end: span 3;
}
.col-span-4 {
grid-column-start: auto;
grid-column-end: span 4;
}
.col-span-5 {
grid-column-start: auto;
grid-column-end: span 5;
}
.col-span-6 {
grid-column-start: auto;
grid-column-end: span 6;
}
.col-span-7 {
grid-column-start: auto;
grid-column-end: span 7;
}
.col-span-8 {
grid-column-start: auto;
grid-column-end: span 8;
}
.col-span-9 {
grid-column-start: auto;
grid-column-end: span 9;
}
.col-span-10 {
grid-column-start: auto;
grid-column-end: span 10;
}
.col-span-11 {
grid-column-start: auto;
grid-column-end: span 11;
}
.col-span-12 {
grid-column-start: auto;
grid-column-end: span 12;
}
@media (min-width: 480px) {
.col-span-sm-full {
grid-column: 1/-1;
}
.col-span-sm-1 {
grid-column-start: auto;
grid-column-end: span 1;
}
.col-span-sm-2 {
grid-column-start: auto;
grid-column-end: span 2;
}
.col-span-sm-3 {
grid-column-start: auto;
grid-column-end: span 3;
}
.col-span-sm-4 {
grid-column-start: auto;
grid-column-end: span 4;
}
.col-span-sm-5 {
grid-column-start: auto;
grid-column-end: span 5;
}
.col-span-sm-6 {
grid-column-start: auto;
grid-column-end: span 6;
}
.col-span-sm-7 {
grid-column-start: auto;
grid-column-end: span 7;
}
.col-span-sm-8 {
grid-column-start: auto;
grid-column-end: span 8;
}
.col-span-sm-9 {
grid-column-start: auto;
grid-column-end: span 9;
}
.col-span-sm-10 {
grid-column-start: auto;
grid-column-end: span 10;
}
.col-span-sm-11 {
grid-column-start: auto;
grid-column-end: span 11;
}
.col-span-sm-12 {
grid-column-start: auto;
grid-column-end: span 12;
}
}
@media (min-width: 768px) {
.col-span-md-full {
grid-column: 1/-1;
}
.col-span-md-1 {
grid-column-start: auto;
grid-column-end: span 1;
}
.col-span-md-2 {
grid-column-start: auto;
grid-column-end: span 2;
}
.col-span-md-3 {
grid-column-start: auto;
grid-column-end: span 3;
}
.col-span-md-4 {
grid-column-start: auto;
grid-column-end: span 4;
}
.col-span-md-5 {
grid-column-start: auto;
grid-column-end: span 5;
}
.col-span-md-6 {
grid-column-start: auto;
grid-column-end: span 6;
}
.col-span-md-7 {
grid-column-start: auto;
grid-column-end: span 7;
}
.col-span-md-8 {
grid-column-start: auto;
grid-column-end: span 8;
}
.col-span-md-9 {
grid-column-start: auto;
grid-column-end: span 9;
}
.col-span-md-10 {
grid-column-start: auto;
grid-column-end: span 10;
}
.col-span-md-11 {
grid-column-start: auto;
grid-column-end: span 11;
}
.col-span-md-12 {
grid-column-start: auto;
grid-column-end: span 12;
}
}
@media (min-width: 992px) {
.col-span-lg-full {
grid-column: 1/-1;
}
.col-span-lg-1 {
grid-column-start: auto;
grid-column-end: span 1;
}
.col-span-lg-2 {
grid-column-start: auto;
grid-column-end: span 2;
}
.col-span-lg-3 {
grid-column-start: auto;
grid-column-end: span 3;
}
.col-span-lg-4 {
grid-column-start: auto;
grid-column-end: span 4;
}
.col-span-lg-5 {
grid-column-start: auto;
grid-column-end: span 5;
}
.col-span-lg-6 {
grid-column-start: auto;
grid-column-end: span 6;
}
.col-span-lg-7 {
grid-column-start: auto;
grid-column-end: span 7;
}
.col-span-lg-8 {
grid-column-start: auto;
grid-column-end: span 8;
}
.col-span-lg-9 {
grid-column-start: auto;
grid-column-end: span 9;
}
.col-span-lg-10 {
grid-column-start: auto;
grid-column-end: span 10;
}
.col-span-lg-11 {
grid-column-start: auto;
grid-column-end: span 11;
}
.col-span-lg-12 {
grid-column-start: auto;
grid-column-end: span 12;
}
}
.col-start-1 {
grid-column-start: 1;
}
.col-start-2 {
grid-column-start: 2;
}
.col-start-3 {
grid-column-start: 3;
}
.col-start-4 {
grid-column-start: 4;
}
.col-start-5 {
grid-column-start: 5;
}
.col-start-6 {
grid-column-start: 6;
}
.col-start-7 {
grid-column-start: 7;
}
.col-start-8 {
grid-column-start: 8;
}
.col-start-9 {
grid-column-start: 9;
}
.col-start-10 {
grid-column-start: 10;
}
.col-start-11 {
grid-column-start: 11;
}
.col-start-12 {
grid-column-start: 12;
}
.col-start-13 {
grid-column-start: 13;
}
:where(.col-start-sm-1) {
grid-column: 1/-1;
}
:where(.col-start-sm-2) {
grid-column: 1/-1;
}
:where(.col-start-sm-3) {
grid-column: 1/-1;
}
:where(.col-start-sm-4) {
grid-column: 1/-1;
}
:where(.col-start-sm-5) {
grid-column: 1/-1;
}
:where(.col-start-sm-6) {
grid-column: 1/-1;
}
:where(.col-start-sm-7) {
grid-column: 1/-1;
}
:where(.col-start-sm-8) {
grid-column: 1/-1;
}
:where(.col-start-sm-9) {
grid-column: 1/-1;
}
:where(.col-start-sm-10) {
grid-column: 1/-1;
}
:where(.col-start-sm-11) {
grid-column: 1/-1;
}
:where(.col-start-sm-12) {
grid-column: 1/-1;
}
:where(.col-start-sm-13) {
grid-column: 1/-1;
}
:where(.col-start-md-1) {
grid-column: 1/-1;
}
:where(.col-start-md-2) {
grid-column: 1/-1;
}
:where(.col-start-md-3) {
grid-column: 1/-1;
}
:where(.col-start-md-4) {
grid-column: 1/-1;
}
:where(.col-start-md-5) {
grid-column: 1/-1;
}
:where(.col-start-md-6) {
grid-column: 1/-1;
}
:where(.col-start-md-7) {
grid-column: 1/-1;
}
:where(.col-start-md-8) {
grid-column: 1/-1;
}
:where(.col-start-md-9) {
grid-column: 1/-1;
}
:where(.col-start-md-10) {
grid-column: 1/-1;
}
:where(.col-start-md-11) {
grid-column: 1/-1;
}
:where(.col-start-md-12) {
grid-column: 1/-1;
}
:where(.col-start-md-13) {
grid-column: 1/-1;
}
:where(.col-start-lg-1) {
grid-column: 1/-1;
}
:where(.col-start-lg-2) {
grid-column: 1/-1;
}
:where(.col-start-lg-3) {
grid-column: 1/-1;
}
:where(.col-start-lg-4) {
grid-column: 1/-1;
}
:where(.col-start-lg-5) {
grid-column: 1/-1;
}
:where(.col-start-lg-6) {
grid-column: 1/-1;
}
:where(.col-start-lg-7) {
grid-column: 1/-1;
}
:where(.col-start-lg-8) {
grid-column: 1/-1;
}
:where(.col-start-lg-9) {
grid-column: 1/-1;
}
:where(.col-start-lg-10) {
grid-column: 1/-1;
}
:where(.col-start-lg-11) {
grid-column: 1/-1;
}
:where(.col-start-lg-12) {
grid-column: 1/-1;
}
:where(.col-start-lg-13) {
grid-column: 1/-1;
}
@media (min-width: 480px) {
.col-start-sm-1 {
grid-column-start: 1;
}
.col-start-sm-2 {
grid-column-start: 2;
}
.col-start-sm-3 {
grid-column-start: 3;
}
.col-start-sm-4 {
grid-column-start: 4;
}
.col-start-sm-5 {
grid-column-start: 5;
}
.col-start-sm-6 {
grid-column-start: 6;
}
.col-start-sm-7 {
grid-column-start: 7;
}
.col-start-sm-8 {
grid-column-start: 8;
}
.col-start-sm-9 {
grid-column-start: 9;
}
.col-start-sm-10 {
grid-column-start: 10;
}
.col-start-sm-11 {
grid-column-start: 11;
}
.col-start-sm-12 {
grid-column-start: 12;
}
.col-start-sm-13 {
grid-column-start: 13;
}
}
@media (min-width: 768px) {
.col-start-md-1 {
grid-column-start: 1;
}
.col-start-md-2 {
grid-column-start: 2;
}
.col-start-md-3 {
grid-column-start: 3;
}
.col-start-md-4 {
grid-column-start: 4;
}
.col-start-md-5 {
grid-column-start: 5;
}
.col-start-md-6 {
grid-column-start: 6;
}
.col-start-md-7 {
grid-column-start: 7;
}
.col-start-md-8 {
grid-column-start: 8;
}
.col-start-md-9 {
grid-column-start: 9;
}
.col-start-md-10 {
grid-column-start: 10;
}
.col-start-md-11 {
grid-column-start: 11;
}
.col-start-md-12 {
grid-column-start: 12;
}
.col-start-md-13 {
grid-column-start: 13;
}
}
@media (min-width: 992px) {
.col-start-lg-1 {
grid-column-start: 1;
}
.col-start-lg-2 {
grid-column-start: 2;
}
.col-start-lg-3 {
grid-column-start: 3;
}
.col-start-lg-4 {
grid-column-start: 4;
}
.col-start-lg-5 {
grid-column-start: 5;
}
.col-start-lg-6 {
grid-column-start: 6;
}
.col-start-lg-7 {
grid-column-start: 7;
}
.col-start-lg-8 {
grid-column-start: 8;
}
.col-start-lg-9 {
grid-column-start: 9;
}
.col-start-lg-10 {
grid-column-start: 10;
}
.col-start-lg-11 {
grid-column-start: 11;
}
.col-start-lg-12 {
grid-column-start: 12;
}
.col-start-lg-13 {
grid-column-start: 13;
}
}
.col-end-1 {
grid-column-end: 1;
}
.col-end-2 {
grid-column-end: 2;
}
.col-end-3 {
grid-column-end: 3;
}
.col-end-4 {
grid-column-end: 4;
}
.col-end-5 {
grid-column-end: 5;
}
.col-end-6 {
grid-column-end: 6;
}
.col-end-7 {
grid-column-end: 7;
}
.col-end-8 {
grid-column-end: 8;
}
.col-end-9 {
grid-column-end: 9;
}
.col-end-10 {
grid-column-end: 10;
}
.col-end-11 {
grid-column-end: 11;
}
.col-end-12 {
grid-column-end: 12;
}
.col-end-13 {
grid-column-end: 13;
}
:where(.col-end-sm-1) {
grid-column: 1/-1;
}
:where(.col-end-sm-2) {
grid-column: 1/-1;
}
:where(.col-end-sm-3) {
grid-column: 1/-1;
}
:where(.col-end-sm-4) {
grid-column: 1/-1;
}
:where(.col-end-sm-5) {
grid-column: 1/-1;
}
:where(.col-end-sm-6) {
grid-column: 1/-1;
}
:where(.col-end-sm-7) {
grid-column: 1/-1;
}
:where(.col-end-sm-8) {
grid-column: 1/-1;
}
:where(.col-end-sm-9) {
grid-column: 1/-1;
}
:where(.col-end-sm-10) {
grid-column: 1/-1;
}
:where(.col-end-sm-11) {
grid-column: 1/-1;
}
:where(.col-end-sm-12) {
grid-column: 1/-1;
}
:where(.col-end-sm-13) {
grid-column: 1/-1;
}
:where(.col-end-md-1) {
grid-column: 1/-1;
}
:where(.col-end-md-2) {
grid-column: 1/-1;
}
:where(.col-end-md-3) {
grid-column: 1/-1;
}
:where(.col-end-md-4) {
grid-column: 1/-1;
}
:where(.col-end-md-5) {
grid-column: 1/-1;
}
:where(.col-end-md-6) {
grid-column: 1/-1;
}
:where(.col-end-md-7) {
grid-column: 1/-1;
}
:where(.col-end-md-8) {
grid-column: 1/-1;
}
:where(.col-end-md-9) {
grid-column: 1/-1;
}
:where(.col-end-md-10) {
grid-column: 1/-1;
}
:where(.col-end-md-11) {
grid-column: 1/-1;
}
:where(.col-end-md-12) {
grid-column: 1/-1;
}
:where(.col-end-md-13) {
grid-column: 1/-1;
}
:where(.col-end-lg-1) {
grid-column: 1/-1;
}
:where(.col-end-lg-2) {
grid-column: 1/-1;
}
:where(.col-end-lg-3) {
grid-column: 1/-1;
}
:where(.col-end-lg-4) {
grid-column: 1/-1;
}
:where(.col-end-lg-5) {
grid-column: 1/-1;
}
:where(.col-end-lg-6) {
grid-column: 1/-1;
}
:where(.col-end-lg-7) {
grid-column: 1/-1;
}
:where(.col-end-lg-8) {
grid-column: 1/-1;
}
:where(.col-end-lg-9) {
grid-column: 1/-1;
}
:where(.col-end-lg-10) {
grid-column: 1/-1;
}
:where(.col-end-lg-11) {
grid-column: 1/-1;
}
:where(.col-end-lg-12) {
grid-column: 1/-1;
}
:where(.col-end-lg-13) {
grid-column: 1/-1;
}
@media (min-width: 480px) {
.col-end-sm-1 {
grid-column-end: 1;
}
.col-end-sm-2 {
grid-column-end: 2;
}
.col-end-sm-3 {
grid-column-end: 3;
}
.col-end-sm-4 {
grid-column-end: 4;
}
.col-end-sm-5 {
grid-column-end: 5;
}
.col-end-sm-6 {
grid-column-end: 6;
}
.col-end-sm-7 {
grid-column-end: 7;
}
.col-end-sm-8 {
grid-column-end: 8;
}
.col-end-sm-9 {
grid-column-end: 9;
}
.col-end-sm-10 {
grid-column-end: 10;
}
.col-end-sm-11 {
grid-column-end: 11;
}
.col-end-sm-12 {
grid-column-end: 12;
}
.col-end-sm-13 {
grid-column-end: 13;
}
}
@media (min-width: 768px) {
.col-end-md-1 {
grid-column-end: 1;
}
.col-end-md-2 {
grid-column-end: 2;
}
.col-end-md-3 {
grid-column-end: 3;
}
.col-end-md-4 {
grid-column-end: 4;
}
.col-end-md-5 {
grid-column-end: 5;
}
.col-end-md-6 {
grid-column-end: 6;
}
.col-end-md-7 {
grid-column-end: 7;
}
.col-end-md-8 {
grid-column-end: 8;
}
.col-end-md-9 {
grid-column-end: 9;
}
.col-end-md-10 {
grid-column-end: 10;
}
.col-end-md-11 {
grid-column-end: 11;
}
.col-end-md-12 {
grid-column-end: 12;
}
.col-end-md-13 {
grid-column-end: 13;
}
}
@media (min-width: 992px) {
.col-end-lg-1 {
grid-column-end: 1;
}
.col-end-lg-2 {
grid-column-end: 2;
}
.col-end-lg-3 {
grid-column-end: 3;
}
.col-end-lg-4 {
grid-column-end: 4;
}
.col-end-lg-5 {
grid-column-end: 5;
}
.col-end-lg-6 {
grid-column-end: 6;
}
.col-end-lg-7 {
grid-column-end: 7;
}
.col-end-lg-8 {
grid-column-end: 8;
}
.col-end-lg-9 {
grid-column-end: 9;
}
.col-end-lg-10 {
grid-column-end: 10;
}
.col-end-lg-11 {
grid-column-end: 11;
}
.col-end-lg-12 {
grid-column-end: 12;
}
.col-end-lg-13 {
grid-column-end: 13;
}
}
.row-span-1 {
grid-row: span 1;
}
.row-span-2 {
grid-row: span 2;
}
.row-span-3 {
grid-row: span 3;
}
.row-span-4 {
grid-row: span 4;
}
.row-span-5 {
grid-row: span 5;
}
.row-span-6 {
grid-row: span 6;
}
.u-order-first {
order: -1;
}
.u-order-last {
order: 9999;
}
.u-order-1 {
order: 1;
}
.u-order-2 {
order: 2;
}
.u-order-3 {
order: 3;
}
.u-order-4 {
order: 4;
}
.u-order-5 {
order: 5;
}
.u-order-6 {
order: 6;
}
.u-order-7 {
order: 7;
}
.u-order-8 {
order: 8;
}
.u-order-9 {
order: 9;
}
.u-order-10 {
order: 10;
}
.u-order-11 {
order: 11;
}
.u-order-12 {
order: 12;
}
@media (min-width: 480px) {
.u-order-sm-first {
order: -1;
}
.u-order-sm-last {
order: 9999;
}
.u-order-sm-1 {
order: 1;
}
.u-order-sm-2 {
order: 2;
}
.u-order-sm-3 {
order: 3;
}
.u-order-sm-4 {
order: 4;
}
.u-order-sm-5 {
order: 5;
}
.u-order-sm-6 {
order: 6;
}
.u-order-sm-7 {
order: 7;
}
.u-order-sm-8 {
order: 8;
}
.u-order-sm-9 {
order: 9;
}
.u-order-sm-10 {
order: 10;
}
.u-order-sm-11 {
order: 11;
}
.u-order-sm-12 {
order: 12;
}
}
@media (min-width: 768px) {
.u-order-md-first {
order: -1;
}
.u-order-md-last {
order: 9999;
}
.u-order-md-1 {
order: 1;
}
.u-order-md-2 {
order: 2;
}
.u-order-md-3 {
order: 3;
}
.u-order-md-4 {
order: 4;
}
.u-order-md-5 {
order: 5;
}
.u-order-md-6 {
order: 6;
}
.u-order-md-7 {
order: 7;
}
.u-order-md-8 {
order: 8;
}
.u-order-md-9 {
order: 9;
}
.u-order-md-10 {
order: 10;
}
.u-order-md-11 {
order: 11;
}
.u-order-md-12 {
order: 12;
}
}
@media (min-width: 992px) {
.u-order-lg-first {
order: -1;
}
.u-order-lg-last {
order: 9999;
}
.u-order-lg-1 {
order: 1;
}
.u-order-lg-2 {
order: 2;
}
.u-order-lg-3 {
order: 3;
}
.u-order-lg-4 {
order: 4;
}
.u-order-lg-5 {
order: 5;
}
.u-order-lg-6 {
order: 6;
}
.u-order-lg-7 {
order: 7;
}
.u-order-lg-8 {
order: 8;
}
.u-order-lg-9 {
order: 9;
}
.u-order-lg-10 {
order: 10;
}
.u-order-lg-11 {
order: 11;
}
.u-order-lg-12 {
order: 12;
}
}
.u-items-start {
align-items: start;
}
.u-items-center {
align-items: center;
}
.u-items-end {
align-items: end;
}
.u-items-stretch {
align-items: stretch;
}
.u-justify-start {
justify-items: start;
}
.u-justify-center {
justify-items: center;
}
.u-justify-end {
justify-items: end;
}
.u-justify-stretch {
justify-items: stretch;
}
.u-self-start {
align-self: start;
}
.u-self-center {
align-self: center;
}
.u-self-end {
align-self: end;
}
.u-self-stretch {
align-self: stretch;
}
.subgrid {
display: grid;
grid-template-columns: subgrid;
gap: var(--grid-gutter);
}
.subgrid--full {
display: grid;
grid-template-columns: subgrid;
grid-template-rows: subgrid;
gap: var(--grid-gutter);
}
.row--has-subgrid {
grid-template-rows: auto auto auto auto;
}
.u-p-1 {
padding: calc(var(--spacing) * 1);
}
.u-p-2 {
padding: calc(var(--spacing) * 2);
}
.u-p-3 {
padding: calc(var(--spacing) * 3);
}
.u-p-4 {
padding: calc(var(--spacing) * 4);
}
.u-p-5 {
padding: calc(var(--spacing) * 5);
}
.u-p-6 {
padding: calc(var(--spacing) * 6);
}
.u-p-7 {
padding: calc(var(--spacing) * 7);
}
.u-p-8 {
padding: calc(var(--spacing) * 8);
}
.u-p-9 {
padding: calc(var(--spacing) * 9);
}
.u-p-10 {
padding: calc(var(--spacing) * 10);
}
.u-px-1 {
padding-inline: calc(var(--spacing) * 1);
}
.u-px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.u-px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.u-px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.u-px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.u-px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.u-px-7 {
padding-inline: calc(var(--spacing) * 7);
}
.u-px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.u-px-9 {
padding-inline: calc(var(--spacing) * 9);
}
.u-px-10 {
padding-inline: calc(var(--spacing) * 10);
}
.u-py-1 {
padding-block: calc(var(--spacing) * 1);
}
.u-py-2 {
padding-block: calc(var(--spacing) * 2);
}
.u-py-3 {
padding-block: calc(var(--spacing) * 3);
}
.u-py-4 {
padding-block: calc(var(--spacing) * 4);
}
.u-py-5 {
padding-block: calc(var(--spacing) * 5);
}
.u-py-6 {
padding-block: calc(var(--spacing) * 6);
}
.u-py-7 {
padding-block: calc(var(--spacing) * 7);
}
.u-py-8 {
padding-block: calc(var(--spacing) * 8);
}
.u-py-9 {
padding-block: calc(var(--spacing) * 9);
}
.u-py-10 {
padding-block: calc(var(--spacing) * 10);
}
.u-pt-1 {
padding-top: calc(var(--spacing) * 1);
}
.u-pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.u-pt-3 {
padding-top: calc(var(--spacing) * 3);
}
.u-pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.u-pt-5 {
padding-top: calc(var(--spacing) * 5);
}
.u-pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.u-pt-7 {
padding-top: calc(var(--spacing) * 7);
}
.u-pt-8 {
padding-top: calc(var(--spacing) * 8);
}
.u-pt-9 {
padding-top: calc(var(--spacing) * 9);
}
.u-pt-10 {
padding-top: calc(var(--spacing) * 10);
}
.u-pr-1 {
padding-right: calc(var(--spacing) * 1);
}
.u-pr-2 {
padding-right: calc(var(--spacing) * 2);
}
.u-pr-3 {
padding-right: calc(var(--spacing) * 3);
}
.u-pr-4 {
padding-right: calc(var(--spacing) * 4);
}
.u-pr-5 {
padding-right: calc(var(--spacing) * 5);
}
.u-pr-6 {
padding-right: calc(var(--spacing) * 6);
}
.u-pr-7 {
padding-right: calc(var(--spacing) * 7);
}
.u-pr-8 {
padding-right: calc(var(--spacing) * 8);
}
.u-pr-9 {
padding-right: calc(var(--spacing) * 9);
}
.u-pr-10 {
padding-right: calc(var(--spacing) * 10);
}
.u-pb-1 {
padding-bottom: calc(var(--spacing) * 1);
}
.u-pb-2 {
padding-bottom: calc(var(--spacing) * 2);
}
.u-pb-3 {
padding-bottom: calc(var(--spacing) * 3);
}
.u-pb-4 {
padding-bottom: calc(var(--spacing) * 4);
}
.u-pb-5 {
padding-bottom: calc(var(--spacing) * 5);
}
.u-pb-6 {
padding-bottom: calc(var(--spacing) * 6);
}
.u-pb-7 {
padding-bottom: calc(var(--spacing) * 7);
}
.u-pb-8 {
padding-bottom: calc(var(--spacing) * 8);
}
.u-pb-9 {
padding-bottom: calc(var(--spacing) * 9);
}
.u-pb-10 {
padding-bottom: calc(var(--spacing) * 10);
}
.u-pl-1 {
padding-left: calc(var(--spacing) * 1);
}
.u-pl-2 {
padding-left: calc(var(--spacing) * 2);
}
.u-pl-3 {
padding-left: calc(var(--spacing) * 3);
}
.u-pl-4 {
padding-left: calc(var(--spacing) * 4);
}
.u-pl-5 {
padding-left: calc(var(--spacing) * 5);
}
.u-pl-6 {
padding-left: calc(var(--spacing) * 6);
}
.u-pl-7 {
padding-left: calc(var(--spacing) * 7);
}
.u-pl-8 {
padding-left: calc(var(--spacing) * 8);
}
.u-pl-9 {
padding-left: calc(var(--spacing) * 9);
}
.u-pl-10 {
padding-left: calc(var(--spacing) * 10);
}
.u-py-fluid-sm {
padding-block: var(--spacing-fluid-sm);
}
.u-pt-fluid-sm {
padding-top: var(--spacing-fluid-sm);
}
.u-pb-fluid-sm {
padding-bottom: var(--spacing-fluid-sm);
}
.u-gap-fluid-sm {
gap: var(--spacing-fluid-sm);
}
.u-py-fluid-md {
padding-block: var(--spacing-fluid-md);
}
.u-pt-fluid-md {
padding-top: var(--spacing-fluid-md);
}
.u-pb-fluid-md {
padding-bottom: var(--spacing-fluid-md);
}
.u-gap-fluid-md {
gap: var(--spacing-fluid-md);
}
.u-py-fluid-lg {
padding-block: var(--spacing-fluid-lg);
}
.u-pt-fluid-lg {
padding-top: var(--spacing-fluid-lg);
}
.u-pb-fluid-lg {
padding-bottom: var(--spacing-fluid-lg);
}
.u-gap-fluid-lg {
gap: var(--spacing-fluid-lg);
}
.u-py-fluid-xl {
padding-block: var(--spacing-fluid-xl);
}
.u-pt-fluid-xl {
padding-top: var(--spacing-fluid-xl);
}
.u-pb-fluid-xl {
padding-bottom: var(--spacing-fluid-xl);
}
.u-gap-fluid-xl {
gap: var(--spacing-fluid-xl);
}
.u-py-fluid-2xl {
padding-block: var(--spacing-fluid-2xl);
}
.u-pt-fluid-2xl {
padding-top: var(--spacing-fluid-2xl);
}
.u-pb-fluid-2xl {
padding-bottom: var(--spacing-fluid-2xl);
}
.u-gap-fluid-2xl {
gap: var(--spacing-fluid-2xl);
}
.u-py-fluid-3xl {
padding-block: var(--spacing-fluid-3xl);
}
.u-pt-fluid-3xl {
padding-top: var(--spacing-fluid-3xl);
}
.u-pb-fluid-3xl {
padding-bottom: var(--spacing-fluid-3xl);
}
.u-gap-fluid-3xl {
gap: var(--spacing-fluid-3xl);
}
.u-py-fluid-4xl {
padding-block: var(--spacing-fluid-4xl);
}
.u-pt-fluid-4xl {
padding-top: var(--spacing-fluid-4xl);
}
.u-pb-fluid-4xl {
padding-bottom: var(--spacing-fluid-4xl);
}
.u-gap-fluid-4xl {
gap: var(--spacing-fluid-4xl);
}
.u-gap-fluid {
gap: var(--spacing-fluid-md);
}
.u-min-h-inherit {
min-height: inherit;
height: 100%;
}
.u-flex-col {
display: flex;
flex-direction: column;
}
.u-grow-1 {
flex: 1 1 0;
min-height: 0;
}
.u-justify-content-start {
justify-content: flex-start;
}
.u-justify-content-center {
justify-content: center;
}
.u-justify-content-end {
justify-content: flex-end;
}
.u-justify-content-between {
justify-content: space-between;
}
.u-justify-content-around {
justify-content: space-around;
}
.u-justify-content-evenly {
justify-content: space-evenly;
}
.u-align-items-start {
align-items: flex-start;
}
.u-align-items-center {
align-items: center;
}
.u-align-items-end {
align-items: flex-end;
}
.u-align-items-stretch {
align-items: stretch;
}
.u-text-tilted {
display: block;
transform: rotate(-2deg);
}
.u-text-center {
text-align: center;
}
.u-text-accent {
color: var(--color-accent);
position: relative;
}
.u-text-uppercase {
text-transform: uppercase;
}
.u-text-lowercase {
text-transform: lowercase;
}
.u-text-capitalize {
text-transform: capitalize;
}
.u-text-none {
text-transform: none;
}
.u-text-underline {
text-decoration: none;
position: relative;
}
@media (min-width: 992px) {
.u-text-underline:before {
background-color: var(--color-surface-deep-muted);
}
.u-text-underline:after {
background-color: var(--color-accent);
}
.u-text-underline:before,
.u-text-underline:after {
content: "";
position: absolute;
pointer-events: none;
width: 100%;
height: 1px;
top: 100%;
left: 0;
}
.u-text-underline.small:before,
.u-text-underline.small:after {
height: 1px;
top: calc(100% - 0.2em);
}
.u-text-underline:after {
transition: transform 0.3s;
}
.u-text-underline:after {
transform-origin: 100% 50%;
transform: scaleX(0);
}
}
@media (min-width: 992px) and (hover: hover) {
.u-text-underline:hover:after {
transform-origin: 0% 50%;
transform: scaleX(1);
}
}
.u-text-clamp-1 {
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
overflow: hidden;
-webkit-box-orient: vertical;
}
.u-text-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
-webkit-box-orient: vertical;
}
.u-text-clamp-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
-webkit-box-orient: vertical;
}
.u-text-clamp-4 {
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
overflow: hidden;
-webkit-box-orient: vertical;
}
.skip_link {
opacity: 0;
pointer-events: none;
position: absolute;
white-space: nowrap;
z-index: var(--z-index-modal);
top: 20px;
left: 50%;
transform: translate(-50%, -100%);
}
.skip_link.-absolute {
position: absolute;
z-index: var(--z-index-above);
top: 0;
}
.skip_link:focus-within {
opacity: 1;
pointer-events: all;
transform: translate(-50%);
}
html.is-ready .skip_link {
transition: opacity var(--transition-duration-fast) var(--ease-out-quad),
transform var(--transition-duration-fast) var(--ease-out-quad);
}
@media (prefers-reduced-motion) {
html.is-ready .skip_link {
transition: none;
}
}
.u-sr-only {
white-space: nowrap;
position: absolute;
overflow: hidden;
border: 0 solid #0000;
width: 1px;
height: 1px;
margin-top: -1px;
padding: 0;
}
.button .button_pill {
transition: transform var(--transition-duration-medium) var(--ease-bounce);
pointer-events: none;
}
html.desktop .button:hover .button_pill {
opacity: 1;
background-color: var(--color-accent);
transform: rotate(-5deg) scale(1.02);
}
html.desktop .show_item_inner .button:hover .button_pill,
html.desktop .past_show_item_inner .button:hover .button_pill {
transform: rotate(0) scale(1.02);
}
.button--lg {
--button-height: var(--button-height-lg);
--button-font-size: var(--button-font-size-lg);
--button-font-weight: var(--button-font-weight-lg);
--button-radius: var(--button-height);
--button-padding: var(--button-padding-lg);
--button-gap: var(--button-gap-lg);
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
text-rendering: optimizeSpeed;
}
[data-module="split"],
[data-module="split"][data-split-type="lines"] {
--stagger-delay: 80ms;
}
[data-module="split"][data-split-type="words"] {
--stagger-delay: 40ms;
}
[data-module="split"][data-split-type="chars"] {
--stagger-delay: 15ms;
}
[data-module="split"][data-split-inview="clip"][data-split-wrapper]
[data-split-item],
[data-module="split"][data-split-inview="clip"]
[data-split-wrapper]
[data-split-item] {
clip-path: inset(-100% 0 120%);
opacity: 0;
transform-origin: 0;
backface-visibility: hidden;
will-change: transform, clip-path, opacity;
transform: translateY(120%);
}
[data-module="split"][data-split-inview="fade"][data-split-wrapper]
[data-split-item],
[data-module="split"][data-split-inview="fade"]
[data-split-wrapper]
[data-split-item] {
--extra-delay: 0s;
--stagger-delay: 80ms;
opacity: 0;
backface-visibility: hidden;
will-change: transform, opacity;
transform: translateY(120%);
}
html.is-ready
[data-module="split"][data-split-inview="clip"].is-inview[data-split-wrapper]
[data-split-item] {
animation-name: split-clip-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"][data-split-inview="clip"][data-split-wrapper]
[data-split-item] {
animation-name: split-clip-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"][data-split-inview="clip"][data-split-wrapper]
[data-split-item] {
animation-name: split-clip-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"][data-split-inview="clip"][data-split-wrapper]
[data-split-item] {
animation-name: split-clip-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html.is-ready
[data-module="split"][data-split-inview="clip"].is-inview
[data-split-wrapper]
[data-split-item] {
animation-name: split-clip-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"][data-split-inview="clip"]
[data-split-wrapper]
[data-split-item] {
animation-name: split-clip-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"][data-split-inview="clip"]
[data-split-wrapper]
[data-split-item] {
animation-name: split-clip-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"][data-split-inview="clip"]
[data-split-wrapper]
[data-split-item] {
animation-name: split-clip-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html.is-ready
[data-module="split"][data-split-inview="fade"].is-inview[data-split-wrapper]
[data-split-item] {
animation-name: split-fade-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"][data-split-inview="fade"][data-split-wrapper]
[data-split-item] {
animation-name: split-fade-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"][data-split-inview="fade"][data-split-wrapper]
[data-split-item] {
animation-name: split-fade-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"][data-split-inview="fade"][data-split-wrapper]
[data-split-item] {
animation-name: split-fade-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html.is-ready
[data-module="split"][data-split-inview="fade"].is-inview
[data-split-wrapper]
[data-split-item] {
animation-name: split-fade-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"][data-split-inview="fade"]
[data-split-wrapper]
[data-split-item] {
animation-name: split-fade-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"][data-split-inview="fade"]
[data-split-wrapper]
[data-split-item] {
animation-name: split-fade-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"][data-split-inview="fade"]
[data-split-wrapper]
[data-split-item] {
animation-name: split-fade-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-custom);
animation-fill-mode: both;
}
html.is-ready
[data-module="split"].is-inview[data-split-wrapper]
[data-split-item] {
animation-delay: calc(
var(--line-index, var(--word-index, var(--char-index, 0))) *
var(--stagger-delay) + var(--extra-delay, 0s)
);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"]
[data-split-wrapper]
[data-split-item] {
animation-delay: calc(
var(--line-index, var(--word-index, var(--char-index, 0))) *
var(--stagger-delay) + var(--extra-delay, 0s)
);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"]
[data-split-wrapper]
[data-split-item] {
animation-delay: calc(
var(--line-index, var(--word-index, var(--char-index, 0))) *
var(--stagger-delay) + var(--extra-delay, 0s)
);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"]
[data-split-wrapper]
[data-split-item] {
animation-delay: calc(
var(--line-index, var(--word-index, var(--char-index, 0))) *
var(--stagger-delay) + var(--extra-delay, 0s)
);
}
html.is-ready
[data-module="split"].is-inview
[data-split-wrapper]
[data-split-item] {
animation-delay: calc(
var(--line-index, var(--word-index, var(--char-index, 0))) *
var(--stagger-delay) + var(--extra-delay, 0s)
);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"]
[data-split-wrapper]
[data-split-item] {
animation-delay: calc(
var(--line-index, var(--word-index, var(--char-index, 0))) *
var(--stagger-delay) + var(--extra-delay, 0s)
);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"]
[data-split-wrapper]
[data-split-item] {
animation-delay: calc(
var(--line-index, var(--word-index, var(--char-index, 0))) *
var(--stagger-delay) + var(--extra-delay, 0s)
);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"]
[data-split-wrapper]
[data-split-item] {
animation-delay: calc(
var(--line-index, var(--word-index, var(--char-index, 0))) *
var(--stagger-delay) + var(--extra-delay, 0s)
);
}
@keyframes split-clip-reveal {
0% {
transform: translateY(120%);
clip-path: inset(-100% 0 120%);
opacity: 0;
}
to {
transform: translate(0);
clip-path: inset(-10%);
opacity: 1;
}
}
@keyframes split-fade-reveal {
0% {
transform: translateY(120%);
opacity: 0;
filter: blur(0.2rem);
}
to {
transform: translate(0, 0);
opacity: 1;
filter: blur(0rem);
}
}
@media (prefers-reduced-motion: reduce) {
[data-module="split"] [data-split-wrapper] [data-split-item] {
animation: none !important;
animation-delay: 0s !important;
}
[data-module="split"].is-inview [data-split-wrapper] [data-split-item] {
clip-path: inset(-10%);
opacity: 1;
transform: none;
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"]
[data-split-wrapper]
[data-split-item] {
clip-path: inset(-10%);
opacity: 1;
transform: none;
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"]
[data-split-wrapper]
[data-split-item] {
clip-path: inset(-10%);
opacity: 1;
transform: none;
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="split"]
[data-split-wrapper]
[data-split-item] {
clip-path: inset(-10%);
opacity: 1;
transform: none;
}
}
.grid_helper {
--grid-helper-stagger-step: 40ms;
--grid-helper-column-count: var(--grid-columns);
position: fixed;
z-index: 10000;
display: grid;
max-width: calc(var(--grid-max) + var(--grid-margin) * 2);
padding-inline: var(--grid-margin);
grid-template-columns: repeat(
var(--grid-helper-column-count),
minmax(0, 1fr)
);
gap: var(--grid-gutter);
pointer-events: none;
visibility: hidden;
transition: visibility 0s linear
calc(
var(--transition-duration-slowest) + var(--grid-helper-stagger-step) *
var(--grid-helper-column-count)
);
width: 100%;
height: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
inset: 0 auto 0 50%;
transform: translate(-50%);
}
.grid_helper.is-active {
visibility: visible;
transition: visibility linear;
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.grid_helper {
visibility: visible;
transition: visibility linear;
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .grid_helper {
visibility: visible;
transition: visibility linear;
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .grid_helper {
visibility: visible;
transition: visibility linear;
}
.grid_helper__col {
background-color: color-mix(in srgb, currentColor 10%, transparent);
outline: 1px solid color-mix(in srgb, currentColor 50%, transparent);
outline-offset: -1px;
transform-origin: top;
transition: transform var(--transition-duration-slowest) var(--ease);
transition-delay: calc(
(var(--grid-helper-column-count) - 1 - var(--grid-helper-stagger-index)) *
var(--grid-helper-stagger-step)
);
transform: scaleY(0);
}
.grid_helper__col:first-child {
--grid-helper-stagger-index: 0;
}
.grid_helper__col:nth-child(2) {
--grid-helper-stagger-index: 1;
}
.grid_helper__col:nth-child(3) {
--grid-helper-stagger-index: 2;
}
.grid_helper__col:nth-child(4) {
--grid-helper-stagger-index: 3;
}
.grid_helper__col:nth-child(5) {
--grid-helper-stagger-index: 4;
}
.grid_helper__col:nth-child(6) {
--grid-helper-stagger-index: 5;
}
.grid_helper__col:nth-child(7) {
--grid-helper-stagger-index: 6;
}
.grid_helper__col:nth-child(8) {
--grid-helper-stagger-index: 7;
}
.grid_helper__col:nth-child(9) {
--grid-helper-stagger-index: 8;
}
.grid_helper__col:nth-child(10) {
--grid-helper-stagger-index: 9;
}
.grid_helper__col:nth-child(11) {
--grid-helper-stagger-index: 10;
}
.grid_helper__col:nth-child(12) {
--grid-helper-stagger-index: 11;
}
.grid_helper.is-active .grid_helper__col {
transition-delay: calc(
var(--grid-helper-stagger-index) * var(--grid-helper-stagger-step)
);
transform: scaleY(1);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.grid_helper
.grid_helper__col {
transition-delay: calc(
var(--grid-helper-stagger-index) * var(--grid-helper-stagger-step)
);
transform: scaleY(1);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.grid_helper
.grid_helper__col {
transition-delay: calc(
var(--grid-helper-stagger-index) * var(--grid-helper-stagger-step)
);
transform: scaleY(1);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.grid_helper
.grid_helper__col {
transition-delay: calc(
var(--grid-helper-stagger-index) * var(--grid-helper-stagger-step)
);
transform: scaleY(1);
}
.u-modal {
display: flex;
position: fixed;
visibility: hidden;
z-index: var(--z-index-modal);
height: 100svh;
}
.u-modal.is-active {
visibility: visible;
}
.show_item_inner:before {
content: "";
position: absolute;
background-color: var(--color-surface);
opacity: 0.1;
transform-origin: center;
transition: transform var(--transition-duration-slow) var(--ease-in-expo),
opacity var(--transition-duration-fast) var(--ease);
width: 100%;
height: 1px;
top: 0%;
left: 0%;
transform: scaleX(0);
}
.show_item.is-inview .show_item_inner:before {
transform: scaleX(1);
}
.show_item:last-child .show_item_inner:after,
.show_item_wrap:last-child .show_item_inner:after {
content: "";
position: absolute;
background-color: var(--color-surface);
opacity: 0.1;
transition: transform var(--transition-duration-slow) var(--ease-in-expo),
opacity var(--transition-duration-fast) var(--ease);
width: 100%;
height: 1px;
bottom: 0%;
left: 0%;
transform: scaleX(0);
}
.show_item:last-child.is-inview .show_item_inner:after,
.show_item_wrap:last-child .show_item.is-inview .show_item_inner:after {
transform: scaleX(1);
}
.show_item {
--show-item-angle: 1deg;
transition: color 0.5s;
}
.show_item_inner {
transition: transform var(--transition-duration-medium)
var(--ease-bounce-soft);
transform-origin: center;
}
.show_item:nth-child(odd),
.show_item_wrap:nth-child(odd) .show_item {
--show-item-angle: -1deg;
}
.show_item:nth-child(2n),
.show_item_wrap:nth-child(2n) .show_item {
--show-item-angle: 1deg;
}
@media (min-width: 992px) {
.show_item_bg {
transform-origin: center;
opacity: 0;
transition: transform var(--transition-duration-medium)
var(--ease-bounce-soft),
opacity var(--transition-duration-fast) var(--ease-custom);
transform: translate(-50%, -50%) scale(1.02) rotate(0);
}
html.desktop .show_item:hover .show_item_inner:before,
html.desktop .show_item:hover + .show_item .show_item_inner:before,
html.desktop .show_item:hover + .show_item_wrap .show_item_inner:before,
html.desktop .show_item_wrap:hover .show_item .show_item_inner:before,
html.desktop .show_item_wrap:hover + .show_item_wrap .show_item_inner:before {
opacity: 0;
}
html.desktop .show_item:hover .button_pill,
html.desktop .show_item_wrap:hover .show_item .button_pill {
background-color: var(--button-hover-background);
color: var(--button-hover-color);
}
html.desktop .show_item:hover .show_item_bg,
html.desktop .show_item_wrap:hover .show_item .show_item_bg {
transform: translate(-50%, -50%) scale(1) rotate(var(--show-item-angle));
opacity: 1;
}
html.desktop .show_item:hover .show_item_inner,
html.desktop .show_item_wrap:hover .show_item .show_item_inner {
transform: rotate(var(--show-item-angle));
}
html.desktop .show_item:hover,
html.desktop .show_item_wrap:hover .show_item {
color: var(--color-accent);
}
.show_venue {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 20ch;
}
.show_state {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 10ch;
}
}
.show_item_wrap:has(> .show_item[data-wf--show-item--variant="disabled"]) {
pointer-events: none;
}
@media (min-width: 992px) {
html.desktop .show_item_wrap:hover {
z-index: 1;
}
}
.show_item_la_hand,
.show_item_ra_hand,
.show_item_lb_hand,
.show_item_rb_hand,
.show_item_lc_hand,
.show_item_rc_hand,
.show_item_ld_hand,
.show_item_rd_hand,
.show_item_le_hand,
.show_item_re_hand {
opacity: 0;
transition: opacity 0.2s ease 0s,
transform var(--transition-duration-medium) var(--ease-bounce-smooth) 0s;
transform: rotate(-1deg) translateY(-5%);
}
@media (min-width: 992px) {
html.desktop
.show_item_wrap:nth-child(5n + 1 of :not(.is-hidden)):hover
.show_item_la_hand {
opacity: 1;
transform: rotate(-1deg) translateY(0%);
}
html.desktop
.show_item_wrap:nth-child(5n + 1 of :not(.is-hidden)):hover
.show_item_ra_hand {
opacity: 1;
transform: rotate(-1deg) translateY(0%);
}
html.desktop
.show_item_wrap:nth-child(5n + 2 of :not(.is-hidden)):hover
.show_item_lb_hand {
opacity: 1;
transform: rotate(-1deg) translateY(0%);
}
html.desktop
.show_item_wrap:nth-child(5n + 2 of :not(.is-hidden)):hover
.show_item_rb_hand {
opacity: 1;
transform: rotate(-1deg) translateY(0%);
}
html.desktop
.show_item_wrap:nth-child(5n + 3 of :not(.is-hidden)):hover
.show_item_lc_hand {
opacity: 1;
transform: rotate(-1deg) translateY(0%);
}
html.desktop
.show_item_wrap:nth-child(5n + 3 of :not(.is-hidden)):hover
.show_item_rc_hand {
opacity: 1;
transform: rotate(-1deg) translateY(0%);
}
html.desktop
.show_item_wrap:nth-child(5n + 4 of :not(.is-hidden)):hover
.show_item_ld_hand {
opacity: 1;
transform: rotate(-1deg) translateY(0%);
}
html.desktop
.show_item_wrap:nth-child(5n + 4 of :not(.is-hidden)):hover
.show_item_rd_hand {
opacity: 1;
transform: rotate(-1deg) translateY(0%);
}
html.desktop
.show_item_wrap:nth-child(5n of :not(.is-hidden)):hover
.show_item_le_hand {
opacity: 1;
transform: rotate(-1deg) translateY(0%);
}
html.desktop
.show_item_wrap:nth-child(5n of :not(.is-hidden)):hover
.show_item_re_hand {
opacity: 1;
transform: rotate(-1deg) translateY(0%);
}
}
.show_item_head_a,
.show_item_head_b,
.show_item_head_c,
.show_item_head_d,
.show_item_head_e {
opacity: 0;
transition: opacity 0.2s ease 0s,
transform var(--transition-duration-medium) var(--ease-bounce-smooth) 0s;
transform: translate(-50%) scale(1.05);
}
.show_item_wrap:nth-child(5n + 1 of :not(.is-hidden)) .show_item_head_a {
opacity: 1;
}
.show_item_wrap:nth-child(5n + 2 of :not(.is-hidden)) .show_item_head_b {
opacity: 1;
}
.show_item_wrap:nth-child(5n + 3 of :not(.is-hidden)) .show_item_head_c {
opacity: 1;
}
.show_item_wrap:nth-child(5n + 4 of :not(.is-hidden)) .show_item_head_d {
opacity: 1;
}
.show_item_wrap:nth-child(5n of :not(.is-hidden)) .show_item_head_e {
opacity: 1;
}
@media (min-width: 992px) {
html.desktop
.show_item_wrap:nth-child(5n + 1 of :not(.is-hidden)):hover
.show_item_head_a {
transform: translate(-50%) scale(1);
}
html.desktop
.show_item_wrap:nth-child(5n + 2 of :not(.is-hidden)):hover
.show_item_head_b {
transform: translate(-50%) scale(1);
}
html.desktop
.show_item_wrap:nth-child(5n + 3 of :not(.is-hidden)):hover
.show_item_head_c {
transform: translate(-50%) scale(1);
}
html.desktop
.show_item_wrap:nth-child(5n + 4 of :not(.is-hidden)):hover
.show_item_head_d {
transform: translate(-50%) scale(1);
}
html.desktop
.show_item_wrap:nth-child(5n of :not(.is-hidden)):hover
.show_item_head_e {
transform: translate(-50%) scale(1);
}
html.desktop .show_item:hover .show_loc,
html.desktop .show_item:hover .show_venue,
html.desktop .show_item:hover .show_city {
color: var(--color-primary);
}
}
html.has-filter-open .main_wrap:before {
opacity: 0.9;
pointer-events: auto;
}
.filter_clear_btn {
opacity: 0;
transition: opacity var(--transition-duration) var(--ease),
transform var(--transition-duration) var(--ease-bounce);
transform: translate(-150%, -50%) rotate(-90deg);
}
.filter_clear_btn svg circle {
transition: fill var(--transition-duration) var(--ease);
}
.filter_clear_btn svg :-webkit-any(path, line) {
transition: stroke var(--transition-duration) var(--ease);
}
.filter_clear_btn svg :-moz-any(path, line) {
transition: stroke var(--transition-duration) var(--ease);
}
.filter_clear_btn svg :is(path, line) {
transition: stroke var(--transition-duration) var(--ease);
}
html.desktop .filter_clear_btn:hover svg circle {
fill: var(--color-surface-tint);
}
html.desktop .filter_clear_btn:hover svg :-webkit-any(path, line) {
stroke: var(--color-pill-stroke);
}
html.desktop .filter_clear_btn:hover svg :-moz-any(path, line) {
stroke: var(--color-pill-stroke);
}
html.desktop .filter_clear_btn:hover svg :is(path, line) {
stroke: var(--color-pill-stroke);
}
@media (max-width: 479px) {
.filter_clear_btn {
transform: translate(-50%, -50%) rotate(-90deg);
}
}
html.has-filter-active .filter_clear_btn {
opacity: 1;
z-index: 1;
transform: translate(25%, -50%) rotate(0);
}
@media (max-width: 479px) {
html.has-filter-active .filter_clear_btn {
transform: translate(-50%, -200%) rotate(0);
}
}
.show_country,
.show_type,
.show_item_wrap.is-hidden {
display: none;
}
.filter_wrap {
opacity: 0;
filter: blur(0.5rem);
transition: opacity var(--transition-duration) var(--ease),
filter var(--transition-duration) var(--ease),
transform var(--transition-duration) var(--ease-bounce) 0.1s;
transform: translateY(100%) scale(0.8);
}
@media (max-width: 479px) {
.filter_wrap {
background-color: color-mix(
in srgb,
transparent 5%,
var(--color-primary) 95%
);
}
}
.show_list_wrap.is-inview .filter_wrap {
opacity: 1;
filter: blur(0);
transition: opacity var(--transition-duration) var(--ease),
filter var(--transition-duration) var(--ease) 0.1s,
transform var(--transition-duration) var(--ease-bounce);
transform: translateY(0) scale(1);
}
.show_list_wrap.is-inview .filter_wrap {
opacity: 1;
filter: blur(0);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.filter_wrap {
opacity: 1;
filter: blur(0);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .filter_wrap {
opacity: 1;
filter: blur(0);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .filter_wrap {
opacity: 1;
filter: blur(0);
}
.filter_count {
font-size: var(--font-size-smaller);
color: var(--color-muted);
text-align: center;
}
.filter_load_more {
transition: color 0.15s;
}
html.desktop .filter_load_more:hover {
color: var(--color-surface-deep-muted);
}
.filter_load_more.is-hidden {
display: none;
}
.filter_load_label {
font-size: clamp(1.25rem, 1.11759rem + 0.527009vw, 1.75rem);
font-weight: 700;
}
.buy_bar_wrap,
.filter_bar_wrap {
background: var(--color-surface-deep);
overflow: visible;
border-radius: 5em;
}
@media (max-width: 479px) {
.buy_bar_wrap,
.filter_bar_wrap {
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
overflow-y: hidden;
overflow-x: auto;
overscroll-behavior: contain;
background: 0 0;
border-radius: 0;
width: 100%;
height: auto;
}
}
.filter_bar_wrap {
pointer-events: none;
}
.show_list_wrap.is-inview .filter_bar_wrap {
pointer-events: auto;
}
@media (max-width: 479px) {
html.has-filter-open .filter_bar_wrap {
min-height: 62svh;
}
html.has-filter-open .filter_wrap {
background: 0 0;
height: 60svh;
transition: background 0.3s;
}
html.has-filter-open .buy_bar_wrap {
overflow: visible;
}
.buy_bar_wrap {
justify-content: safe center;
}
}
.filter_search_wrap {
position: absolute;
bottom: calc(100% - var(--spacing) * 2);
visibility: hidden;
filter: blur(0.2rem);
opacity: 0;
clip-path: inset(100% 50% 0% 50% round calc(var(--spacing) * 8));
transition: clip-path var(--transition-duration-fast) var(--ease) 0s,
visibility 0s linear var(--transition-duration-slower),
scale var(--transition-duration-fast) var(--ease) 0s,
filter var(--transition-duration-fast) var(--ease) 0s,
bottom var(--transition-duration-fast) var(--ease) 0s,
opacity var(--transition-duration-fast) var(--ease) 0s;
width: 100%;
left: 0;
scale: 0.9;
}
.filter_search_wrap.is-open {
visibility: visible;
bottom: calc(100% + var(--spacing) * 4);
filter: blur(0);
opacity: 1;
clip-path: inset(0% 0% 0% 0% round calc(var(--spacing) * 8));
transition: clip-path var(--transition-duration-fast) var(--ease) 0s,
visibility 0s,
scale var(--transition-duration) var(--ease-bounce-smooth) 0.12s,
filter var(--transition-duration-fast) var(--ease) 0.12s,
bottom var(--transition-duration-fast) var(--ease-bounce) 0s,
opacity var(--transition-duration) var(--ease) 0s;
scale: 1;
}
@keyframes filter-shake {
0% {
transform: translate(0);
}
15% {
transform: translate(-0.5rem);
}
30% {
transform: translate(0.4rem);
}
45% {
transform: translate(-0.3rem);
}
60% {
transform: translate(0.2rem);
}
75% {
transform: translate(-0.1rem);
}
to {
transform: translate(0);
}
}
.filter_search_inner {
display: flex;
align-items: center;
gap: calc(var(--spacing) * 2.5);
background: var(--color-surface);
border-radius: calc(var(--spacing) * 14);
padding: calc(var(--spacing) * 4) calc(var(--spacing) * 4)
calc(var(--spacing) * 4) calc(var(--spacing) * 12);
}
.filter_search_inner.is-shaking {
animation: filter-shake 0.4s ease both;
}
.filter_search_inner svg {
color: var(--color-muted);
flex-shrink: 0;
width: 0.9375rem;
height: 0.9375rem;
}
.filter_search_input {
outline: none;
font-size: var(--font-size-small);
font-family: var(--font-primary);
color: var(--color-primary);
background: 0 0;
border: none;
flex: 1;
}
.filter_search_input::placeholder {
color: var(--color-muted);
}
.filter_search_input:focus-visible {
outline: none;
}
.filter_search_go {
cursor: pointer;
display: flex;
background: 0 0;
border: none;
flex-shrink: 0;
justify-content: center;
align-items: center;
padding: 0;
transition: opacity 0.15s;
}
.filter_search_go .filter_search_go_icon {
width: 3.75rem;
height: 3.75rem;
}
html.desktop .filter_search_go:hover {
opacity: 0.75;
}
.filter_search_go:focus-visible {
outline: 0.125rem solid var(--color-accent);
outline-offset: 0.125rem;
border-radius: 50%;
}
.filter_search_close {
display: flex;
cursor: pointer;
color: var(--color-muted);
background: 0 0;
border: none;
justify-content: center;
align-items: center;
padding: 0;
}
.filter_search_close svg {
width: 1rem;
height: 1rem;
}
html.desktop .filter_search_close:hover {
color: var(--color-text);
}
.filter_search_close:focus-visible {
outline: 0.125rem solid var(--color-accent);
outline-offset: 0.125rem;
}
.filter_bar,
.buy_bar {
display: flex;
gap: calc(var(--spacing) * 2);
padding: calc(var(--spacing) * 4);
align-items: center;
}
@media (max-width: 767px) {
.filter_bar,
.buy_bar {
gap: calc(var(--spacing) * 8);
}
}
@media (max-width: 479px) {
.buy_bar {
padding: 2em calc(var(--spacing) * 4);
}
.buy_wrap {
background-color: color-mix(
in srgb,
transparent 10%,
var(--color-primary) 90%
);
}
}
.filter_pill_anchor {
position: relative;
}
@media (max-width: 767px) {
.filter_pill_anchor {
outline: 0.5em solid var(--color-surface-deep);
border-radius: 5em;
}
}
.filter_pill {
height: var(--button-height);
border-radius: calc(var(--spacing) * 8);
background: var(--color-pill-bg);
cursor: pointer;
color: color-mix(in srgb, var(--color-text) 75%, transparent);
border: none;
transition: background 0.15s, color 0.15s, opacity 0.15s;
}
html.desktop .filter_pill:hover {
background: var(--color-surface-deep-muted);
color: var(--color-surface);
opacity: 0.9;
}
.filter_pill:focus-visible {
outline: 0.125rem solid var(--color-accent);
outline-offset: 0.125rem;
}
.filter_pill.is-active {
color: var(--color-background);
background: var(--color-surface);
}
html.desktop .filter_pill.is-active:hover {
background: var(--color-surface);
color: var(--color-background);
}
.filter_pill_label {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.filter_search_btn {
background: var(--color-pill-bg);
cursor: pointer;
color: color-mix(in srgb, var(--color-text) 75%, transparent);
border: none;
border-radius: 50%;
flex-shrink: 0;
transition: background 0.15s, color 0.15s;
}
@media (max-width: 767px) {
.filter_search_btn {
outline: 0.5em solid var(--color-primary);
border-radius: 5em;
}
}
.filter_search_btn .filter_search_btn_close {
display: none;
}
html.desktop .filter_search_btn:hover {
background: var(--color-surface-deep-muted);
color: var(--color-surface);
opacity: 0.9;
}
.filter_search_btn:focus-visible {
outline: 0.125rem solid var(--color-accent);
outline-offset: 0.125rem;
}
.filter_search_btn.is-active {
color: var(--color-background);
background: var(--color-surface);
}
.filter_search_btn.is-active .filter_search_btn_open {
display: none;
}
.filter_search_btn.is-active .filter_search_btn_close {
display: block;
}
html.desktop .filter_search_btn.is-active:hover {
background: var(--color-surface);
color: var(--color-background);
}
.filter_panel {
position: absolute;
background: var(--color-surface);
border-radius: var(--radius-lg);
overflow: hidden;
z-index: 20;
filter: blur(0.2rem);
clip-path: inset(100% 50% 0% 50% round var(--radius-lg));
transition: clip-path var(--transition-duration) var(--ease) 50ms,
visibility 0s linear var(--transition-duration-slower),
rotate var(--transition-duration) var(--ease-bounce-smooth) 0s,
scale var(--transition-duration) var(--ease) 0s,
filter var(--transition-duration) var(--ease) 0s;
min-width: 13.75rem;
bottom: calc(100% + 2em);
rotate: none;
scale: 0.8;
box-shadow: 0 0.25rem 1.5rem #0003;
}
.filter_panel > * {
rotate: 2deg;
}
.filter_pill_anchor:nth-child(2n) .filter_panel {
rotate: none;
}
.filter_pill_anchor:nth-child(2n) .filter_panel > * {
rotate: -2deg;
}
.filter_panel.is-open {
filter: blur(0);
clip-path: inset(0% 0% 0% 0% round var(--radius-lg));
transition: clip-path var(--transition-duration) var(--ease), visibility 0s,
rotate var(--transition-duration) var(--ease-bounce-smooth) 0.25s,
scale var(--transition-duration-slow) var(--ease-bounce-smooth) 0s,
filter var(--transition-duration) var(--ease) 0.1s;
rotate: -2deg;
scale: 1;
}
.filter_panel.is-open > *,
.filter_pill_anchor:nth-child(2n) .filter_panel.is-open {
rotate: 2deg;
}
.filter_pill_anchor:nth-child(2n) .filter_panel.is-open > * {
rotate: -2deg;
}
.filter_panel_header {
display: flex;
padding: calc(var(--spacing) * 4) calc(var(--spacing) * 4.5)
calc(var(--spacing) * 3);
border-bottom: 0.03125rem solid var(--color-border);
justify-content: space-between;
align-items: center;
}
.filter_panel_title {
font-size: var(--font-size-small);
color: var(--color-primary);
font-weight: 500;
}
.filter_panel_close {
background: var(--color-surface-tint);
cursor: pointer;
display: flex;
color: var(--color-muted);
border: none;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 1.875rem;
height: 1.875rem;
}
html.desktop .filter_panel_close:hover {
background: var(--color-border);
}
.filter_panel_close:focus-visible {
outline: 0.125rem solid var(--color-accent);
outline-offset: 0.125rem;
}
.filter_panel_list {
pointer-events: none;
}
.filter_panel.is-open .filter_panel_list {
pointer-events: auto;
}
.filter_panel_list {
padding: calc(var(--spacing) * 2) 0;
overflow-y: auto;
background-color: var(--color-surface-tint-light);
max-height: 15rem;
}
.filter_panel_list::-webkit-scrollbar {
background-color: #0000;
width: 0.25rem;
}
.filter_panel_list::-webkit-scrollbar-track {
background-color: #0000;
}
.filter_panel_list::-webkit-scrollbar-thumb {
background-color: var(--color-border);
border-radius: 0.25rem;
}
.filter_panel_item {
display: flex;
justify-content: space-between;
align-items: center;
gap: calc(var(--spacing) * 2);
padding: calc(var(--spacing) * 2.75) calc(var(--spacing) * 4.5);
font-size: var(--font-size-small);
font-family: var(--font-primary);
color: var(--color-muted);
border: none;
border-bottom: 0.03125rem solid var(--color-border);
text-align: left;
text-decoration: none;
cursor: pointer;
background: 0 0;
width: 100%;
transition: background 0.1s;
}
.filter_panel_item:last-child {
border-bottom: none;
}
.filter_panel_item:focus-visible {
outline: 0.125rem solid var(--color-accent);
outline-offset: -0.125rem;
}
.filter_panel_item.is-selected {
color: var(--color-primary);
background: var(--color-surface-tint);
font-weight: 500;
}
.language_source_list {
display: none;
}
html.desktop .filter_panel.is-open .filter_panel_item:hover {
background: var(--color-surface-tint);
}
html.desktop
.filter_panel.is-open
.filter_panel_item:hover
.filter_panel_item_svg
circle {
fill: var(--color-primary);
}
html.desktop
.filter_panel.is-open
.filter_panel_item:hover
.filter_panel_item_svg
path {
stroke: var(--color-surface);
}
.filter_panel_item_label {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.filter_panel_item_svg {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
}
.filter_panel_item_svg circle {
fill: var(--color-surface);
transition: fill var(--transition-duration) var(--ease);
}
.filter_panel_item_svg path {
stroke: var(--color-primary);
stroke-width: 1.19048;
stroke-miterlimit: 10;
stroke-linecap: round;
transition: stroke var(--transition-duration) var(--ease);
}
.past_show_item_inner:before {
content: "";
position: absolute;
background-color: var(--color-surface);
opacity: 0.1;
transform-origin: center;
transition: transform var(--transition-duration-slow) var(--ease-in-expo),
opacity var(--transition-duration-fast) var(--ease);
width: 100%;
height: 1px;
top: 0%;
left: 0%;
transform: scaleX(0);
}
.past_show_item.is-inview .past_show_item_inner:before {
transform: scaleX(1);
}
.past_show_item:last-child .past_show_item_inner:after,
.past_show_item_wrap:last-child .past_show_item_inner:after {
content: "";
position: absolute;
background-color: var(--color-surface);
opacity: 0.1;
transition: transform var(--transition-duration-slow) var(--ease-in-expo),
opacity var(--transition-duration-fast) var(--ease);
width: 100%;
height: 1px;
bottom: 0%;
left: 0%;
transform: scaleX(0);
}
.past_show_item:last-child.is-inview .past_show_item_inner:after,
.past_show_item_wrap:last-child
.past_show_item.is-inview
.past_show_item_inner:after {
transform: scaleX(1);
}
.past_show_item {
--show-item-angle: 1deg;
transition: color 0.5s;
}
.past_show_item_inner {
transition: transform var(--transition-duration-medium)
var(--ease-bounce-soft);
transform-origin: center;
}
.past_show_item:nth-child(odd),
.past_show_item_wrap:nth-child(odd) .past_show_item {
--show-item-angle: -1deg;
}
.past_show_item:nth-child(2n),
.past_show_item_wrap:nth-child(2n) .past_show_item {
--show-item-angle: 1deg;
}
@media (min-width: 992px) {
.past_show_item_bg {
transform-origin: center;
opacity: 0;
transition: transform var(--transition-duration-medium)
var(--ease-bounce-soft),
opacity var(--transition-duration-fast) var(--ease-custom);
transform: translate(-50%, -50%) scale(1.02) rotate(0);
}
html.desktop .past_show_item:hover .past_show_item_inner:before,
html.desktop
.past_show_item:hover
+ .past_show_item
.past_show_item_inner:before,
html.desktop
.past_show_item:hover
+ .past_show_item_wrap
.past_show_item_inner:before,
html.desktop
.past_show_item_wrap:hover
.past_show_item
.past_show_item_inner:before,
html.desktop
.past_show_item_wrap:hover
+ .past_show_item_wrap
.past_show_item_inner:before {
opacity: 0;
}
html.desktop .past_show_item:hover .button_pill,
html.desktop .past_show_item_wrap:hover .past_show_item .button_pill {
background-color: var(--button-hover-background);
color: var(--button-hover-color);
}
html.desktop .past_show_item:hover .past_show_item_bg,
html.desktop .past_show_item_wrap:hover .past_show_item .past_show_item_bg {
transform: translate(-50%, -50%) scale(1) rotate(var(--show-item-angle));
opacity: 1;
}
html.desktop .past_show_item:hover .past_show_item_inner,
html.desktop
.past_show_item_wrap:hover
.past_show_item
.past_show_item_inner {
transform: rotate(var(--show-item-angle));
}
html.desktop .past_show_item:hover,
html.desktop .past_show_item_wrap:hover .past_show_item {
color: var(--color-accent);
}
}
.past_show_item:has([data-wf--button--variant="disabled"]) {
pointer-events: none;
}
.past_show_item_year {
transition: opacity var(--transition-duration) var(--ease),
transform var(--transition-duration) var(--ease),
filter var(--transition-duration) var(--ease);
opacity: 1;
filter: blur(0);
transform: translate(0%);
}
@media (min-width: 992px) {
html.desktop .past_show_item:hover .past_show_item_year {
opacity: 0;
filter: blur(0.2rem);
transform: translate(50%);
}
}
[data-module="marquee"] {
--marquee-stagger-delay: 0.15s;
--marquee-extra-delay: 0s;
}
[data-marquee] {
opacity: 0;
transform-origin: 0;
backface-visibility: hidden;
will-change: transform, opacity;
transform: translateY(-110%);
}
[data-marquee] .marquee_logo {
rotate: var(--marquee-logo-rotation, 0deg);
transform-origin: 50% 50%;
backface-visibility: hidden;
will-change: transform, filter;
filter: drop-shadow(
0 0 calc(0.5em * var(--marquee-logo-shadow-strength, 0)) var(--color-accent)
);
}
[data-module="marquee"].is-inview [data-marquee],
[data-module="marquee"] [data-marquee] {
animation-name: fade-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-bounce-soft);
animation-fill-mode: both;
animation-delay: calc(
var(--marquee-index, 0) * var(--marquee-stagger-delay) +
var(--marquee-extra-delay)
);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="marquee"][data-marquee] {
animation-name: fade-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-bounce-soft);
animation-fill-mode: both;
animation-delay: calc(
var(--marquee-index, 0) * var(--marquee-stagger-delay) +
var(--marquee-extra-delay)
);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="marquee"][data-marquee] {
animation-name: fade-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-bounce-soft);
animation-fill-mode: both;
animation-delay: calc(
var(--marquee-index, 0) * var(--marquee-stagger-delay) +
var(--marquee-extra-delay)
);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-module="marquee"][data-marquee] {
animation-name: fade-reveal;
animation-duration: var(--transition-duration-slowest);
animation-timing-function: var(--ease-bounce-soft);
animation-fill-mode: both;
animation-delay: calc(
var(--marquee-index, 0) * var(--marquee-stagger-delay) +
var(--marquee-extra-delay)
);
}
[data-marquee]:first-child {
--marquee-index: 0;
}
[data-marquee]:nth-child(2) {
--marquee-index: 1;
}
[data-marquee]:nth-child(3) {
--marquee-index: 2;
}
@keyframes fade-reveal {
0% {
transform: translateY(120%);
opacity: 0;
filter: blur(0.2rem);
}
to {
transform: translate(0, 0);
opacity: 1;
filter: blur(0rem);
}
}
.about_statement_wrap .u-text-accent {
cursor: pointer;
clip-path: inset(28% 0% 26% 0%);
}
html.desktop .about_statement_wrap:has(.u-text-accent:hover) .about_heart {
animation: beat 0.7s ease infinite;
clip-path: inset(-100% round 50%);
}
.about_heart {
--hover-float-left: 50%;
--hover-float-top: 50%;
--hover-float-gap: 0.75rem;
top: var(--hover-float-top);
left: var(--hover-float-left);
transform: translate3d(-50%, calc(-100% - var(--hover-float-gap)), 0) scale(1)
rotate(0deg);
clip-path: inset(50% round 50%);
will-change: transform;
transition: clip-path var(--transition-duration-medium)
var(--ease-bounce-soft);
}
@keyframes beat {
0% {
transform: translate3d(-50%, calc(-100% - var(--hover-float-gap)), 0)
scale(1) rotate(0deg);
}
50% {
transform: translate3d(-50%, calc(-100% - var(--hover-float-gap)), 0)
scale(1.1) rotate(5deg);
}
to {
transform: translate3d(-50%, calc(-100% - var(--hover-float-gap)), 0)
scale(1) rotate(0deg);
}
}
@media (prefers-reduced-motion) {
.about_heart {
transition: opacity linear;
}
html.desktop .about_statement_wrap:has(.u-text-accent:hover) .about_heart {
animation: none;
}
}
.about_what_svg {
opacity: 0;
transform-origin: left bottom;
transform: rotate(20deg) scale(0);
}
.about_what_svg.is-inview {
animation: about-what-in var(--transition-duration-medium)
var(--ease-bounce-soft) forwards;
}
@keyframes about-what-in {
0% {
transform: rotate(20deg) scale(0);
opacity: 0;
}
to {
transform: rotate(0) scale(1);
opacity: 1;
}
}
.about_cloud,
.about_brain {
transform: scale(0);
}
.about_cloud.is-inview,
.about_brain.is-inview {
animation: pop-in var(--transition-duration-medium) var(--ease-bounce-soft)
forwards;
}
@keyframes pop-in {
0% {
transform: scale(0);
}
to {
transform: scale(1);
}
}
@property --progress {
syntax: "";
inherits: true;
initial-value: 0;
}
.header_wrap.is-home .menu_wrap .logo {
--progress: 1;
}
.hero_logo path {
fill: var(--color-accent);
transform-box: fill-box;
transform-origin: center;
will-change: transform, fill, opacity, filter;
pointer-events: none;
}
.hero_logo .logo-part path {
--p-delay: 0.05;
clip-path: inset(
0% 0%
calc(
100% * clamp(0, (var(--progress) - var(--p-delay))/ (var(--p-delay)), 1)
)
0%
);
}
.hero_logo .logo-part:nth-child(2) path {
--p-delay: 0.1;
}
.hero_logo .logo-part:nth-child(3) path {
--p-delay: 0.15;
}
.hero_logo .logo-part:nth-child(4) path {
--p-delay: 0.2;
}
.hero_logo .logo-part:nth-child(5) path {
--p-delay: 0.25;
}
.hero_logo .logo-part:nth-child(6) path {
--p-delay: 0.3;
}
.hero_logo .logo-part:nth-child(7) path {
--p-delay: 0.35;
}
.hero_logo .logo-part:nth-child(8) path {
--p-delay: 0.4;
}
.hero_logo .logo-part:nth-child(9) path {
--p-delay: 0.45;
}
.hero_logo .logo-part:nth-child(10) path {
--p-delay: 0.5;
}
.logo {
transition: color var(--transition-duration-fast) var(--ease);
width: clamp(9.5rem, 8.60623rem + 3.55731vw, 12.875rem);
}
.header_wrap.is-default .logo {
transition: opacity var(--transition-duration) var(--ease);
}
@media (max-width: 991px) {
html[class*="route-books-"] .header_wrap.is-default .logo {
opacity: 0;
pointer-events: none;
}
}
.header_wrap.is-home .logo svg {
overflow: visible;
will-change: transform;
transform-box: fill-box;
transform-origin: center;
}
.header_wrap.is-home .logo svg {
clip-path: inset(0% 0% calc(200% - 200% * clamp(0, var(--progress), 1)) 0%);
}
@media (min-width: 992px) {
.menu_face_wrap {
--menu-sprite-duration: 2s;
}
.menu_face_01,
.menu_face_02 {
position: absolute;
opacity: 0;
animation: menu-sprite var(--menu-sprite-duration) steps(1) infinite;
}
.menu_face_02 {
animation-delay: calc(var(--menu-sprite-duration) / -2);
}
}
@media (min-width: 992px) and (prefers-reduced-motion) {
.menu_face_01,
.menu_face_02 {
animation: none;
}
}
@keyframes menu-sprite {
0%,
49.99% {
opacity: 1;
}
50%,
to {
opacity: 0;
}
}
html.has-modal-menu-open {
--color-surface-deep-muted: #f8fffd80;
}
.menu_wrap .nav_wrap {
transform: scale(0.8);
}
.main_wrap:before {
content: "";
position: absolute;
background-color: var(--color-primary);
opacity: 0;
transition: opacity var(--transition-duration-medium) var(--ease);
z-index: 300;
pointer-events: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.main_wrap:after {
content: "";
position: absolute;
background-color: var(--color-black);
opacity: 0;
transition: opacity var(--transition-duration-slower) var(--ease) 0.2s;
z-index: 200;
pointer-events: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
html.has-modal-menu-open .main_wrap:after {
opacity: 0.8;
transition: opacity var(--transition-duration-slower) var(--ease);
pointer-events: auto;
}
.menu_wrap {
background-color: var(--color-primary);
clip-path: inset(0% 0% 100% 0% round 0rem);
transition: clip-path var(--transition-duration-slower) var(--ease),
background-color var(--transition-duration-slower) var(--ease),
visibility 0s linear var(--transition-duration-slower);
}
.menu_wrap.is-active {
clip-path: inset(0% 0% 0% 0% round 0rem);
transition: clip-path var(--transition-duration-slower) var(--ease),
background-color var(--transition-duration-slower) var(--ease),
visibility 0s;
background-color: var(--color-dark);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .menu_wrap {
clip-path: inset(0% 0% 0% 0% round 0rem);
transition: clip-path var(--transition-duration-slower) var(--ease),
background-color var(--transition-duration-slower) var(--ease),
visibility 0s;
background-color: var(--color-dark);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .menu_wrap {
clip-path: inset(0% 0% 0% 0% round 0rem);
transition: clip-path var(--transition-duration-slower) var(--ease),
background-color var(--transition-duration-slower) var(--ease),
visibility 0s;
background-color: var(--color-dark);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .menu_wrap {
clip-path: inset(0% 0% 0% 0% round 0rem);
transition: clip-path var(--transition-duration-slower) var(--ease),
background-color var(--transition-duration-slower) var(--ease),
visibility 0s;
background-color: var(--color-dark);
}
@media (min-width: 992px) {
.menu_wrap .menu_item_inner:before {
transform: translate(-50%) scaleX(0);
}
.menu_wrap .menu_item:first-child .menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(4 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
}
html.has-modal-menu-open
.menu_wrap
.menu_item:first-child
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(1 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:first-child
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(1 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:first-child
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(1 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:first-child
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(1 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
.menu_wrap .menu_item:nth-child(2) .menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(3 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
}
html.has-modal-menu-open
.menu_wrap
.menu_item:nth-child(2)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(2 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:nth-child(2)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(2 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:nth-child(2)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(2 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:nth-child(2)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(2 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
.menu_wrap .menu_item:nth-child(3) .menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(2 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
}
html.has-modal-menu-open
.menu_wrap
.menu_item:nth-child(3)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(3 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:nth-child(3)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(3 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:nth-child(3)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(3 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:nth-child(3)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(3 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
.menu_wrap .menu_item:nth-child(4) .menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(1 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
}
html.has-modal-menu-open
.menu_wrap
.menu_item:nth-child(4)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(4 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:nth-child(4)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(4 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:nth-child(4)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(4 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:nth-child(4)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(4 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
.menu_wrap .menu_item:nth-child(5) .menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(0 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
}
html.has-modal-menu-open
.menu_wrap
.menu_item:nth-child(5)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(5 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:nth-child(5)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(5 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:nth-child(5)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(5 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:nth-child(5)
.menu_item_inner:before {
transition: transform var(--transition-duration-slower) var(--ease)
calc(5 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
.menu_wrap .menu_item:last-child .menu_item_inner:after {
transition: transform var(--transition-duration-slower) var(--ease)
calc(0 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
}
html.has-modal-menu-open
.menu_wrap
.menu_item:last-child
.menu_item_inner:after {
transition: transform var(--transition-duration-slower) var(--ease)
calc(5 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:last-child
.menu_item_inner:after {
transition: transform var(--transition-duration-slower) var(--ease)
calc(5 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:last-child
.menu_item_inner:after {
transition: transform var(--transition-duration-slower) var(--ease)
calc(5 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item:last-child
.menu_item_inner:after {
transition: transform var(--transition-duration-slower) var(--ease)
calc(5 * 0.12s),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
transform: translate(-50%) scaleX(1);
}
}
.menu_wrap .footer_footer {
opacity: 0;
transition: opacity var(--transition-duration-fast) var(--ease),
transform var(--transition-duration-fast) var(--ease);
transform: translateY(20%);
}
html.has-modal-menu-open .menu_wrap .footer_footer {
opacity: 1;
transition: opacity var(--transition-duration-slower) var(--ease-bounce) 0.8s,
transform var(--transition-duration-slower) var(--ease-bounce) 0.8s;
transform: translateY(0%);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.footer_footer {
opacity: 1;
transition: opacity var(--transition-duration-slower) var(--ease-bounce) 0.8s,
transform var(--transition-duration-slower) var(--ease-bounce) 0.8s;
transform: translateY(0%);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.footer_footer {
opacity: 1;
transition: opacity var(--transition-duration-slower) var(--ease-bounce) 0.8s,
transform var(--transition-duration-slower) var(--ease-bounce) 0.8s;
transform: translateY(0%);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.footer_footer {
opacity: 1;
transition: opacity var(--transition-duration-slower) var(--ease-bounce) 0.8s,
transform var(--transition-duration-slower) var(--ease-bounce) 0.8s;
transform: translateY(0%);
}
@media (min-width: 992px) {
.menu_item_inner:before {
content: "";
position: absolute;
background-color: var(--color-surface);
opacity: 0.1;
transform-origin: center;
transition: transform var(--transition-duration-slower) var(--ease-in-expo),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
width: 90%;
height: 1px;
top: 0;
left: 50%;
transform: translate(-50%) scaleX(0);
}
html.desktop .menu_item:hover .menu_item_inner:before {
opacity: 0;
width: 0;
}
html.desktop .menu_item:hover + .menu_item .menu_item_inner:before {
opacity: 0;
}
.menu_item.is-inview .menu_item_inner:before {
transform: translate(-50%) scaleX(1);
}
.menu_item:last-child .menu_item_inner:after {
content: "";
position: absolute;
background-color: var(--color-surface);
opacity: 0.1;
transform-origin: center;
transition: transform var(--transition-duration-slower) var(--ease-in-expo),
opacity var(--transition-duration) var(--ease),
width var(--transition-duration-fast) var(--ease);
width: 90%;
height: 1px;
bottom: 0;
left: 50%;
transform: translate(-50%) scaleX(0);
}
html.desktop .menu_item:last-child:hover .menu_item_inner:after {
width: 0;
}
.menu_item.is-inview .menu_item_inner:after {
transform: translate(-50%) scaleX(1);
}
.menu_item_bg {
transform-origin: center;
opacity: 0;
transition: transform var(--transition-duration-medium)
var(--ease-bounce-soft),
opacity var(--transition-duration-fast) var(--ease-custom);
transform: translate(-50%) scale(1.02) rotate(0);
}
html.desktop .menu_item:hover .menu_item_bg {
transform: translateX(-50%) scale(1) rotate(var(--menu-item-angle));
opacity: 1;
}
.menu_item_bg > img,
.menu_item_bg > .menu_face_wrap {
transition: transform var(--transition-duration) var(--ease-bounce-soft),
margin-top var(--transition-duration) var(--ease-bounce);
transform: translateY(-50%) scale(0.8);
}
html.desktop .menu_item:hover .menu_item_bg > img,
html.desktop .menu_item:hover .menu_item_bg > .menu_face_wrap {
margin-top: -2%;
transform: translateY(-50%) scale(1);
}
}
.menu_item {
--menu-item-angle: 1deg;
counter-increment: menu-item;
}
.menu_wrap .menu_item,
.menu_list > .menu_item[data-scroll] {
opacity: 0;
transition: color 0.5s ease,
opacity var(--transition-duration-slow) var(--ease),
transform var(--transition-duration-slow) var(--ease-bounce);
transform: translateY(50%);
}
.menu_wrap .menu_item:first-child {
transition: color 0.5s ease,
opacity var(--transition-duration-fast) var(--ease) calc(4 * 0.12s),
transform var(--transition-duration-medium) var(--ease-bounce)
calc(4 * 0.12s);
}
.menu_wrap .menu_item:nth-child(2) {
transition: color 0.5s ease,
opacity var(--transition-duration-fast) var(--ease) calc(3 * 0.12s),
transform var(--transition-duration-medium) var(--ease-bounce)
calc(3 * 0.12s);
}
.menu_wrap .menu_item:nth-child(3) {
transition: color 0.5s ease,
opacity var(--transition-duration-fast) var(--ease) calc(2 * 0.12s),
transform var(--transition-duration-medium) var(--ease-bounce)
calc(2 * 0.12s);
}
.menu_wrap .menu_item:nth-child(4) {
transition: color 0.5s ease,
opacity var(--transition-duration-fast) var(--ease) calc(1 * 0.12s),
transform var(--transition-duration-medium) var(--ease-bounce)
calc(1 * 0.12s);
}
.menu_wrap .menu_item:nth-child(5) {
transition: color 0.5s ease,
opacity var(--transition-duration-fast) var(--ease) calc(0 * 0.12s),
transform var(--transition-duration-medium) var(--ease-bounce)
calc(0 * 0.12s);
}
html.has-modal-menu-open .menu_wrap .menu_item {
opacity: 1;
transform: translateY(0%);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item {
opacity: 1;
transform: translateY(0%);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item {
opacity: 1;
transform: translateY(0%);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item {
opacity: 1;
transform: translateY(0%);
}
.menu_list > .menu_item[data-scroll].is-inview {
opacity: 1;
transform: translateY(0%);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_list
> .menu_item[data-scroll] {
opacity: 1;
transform: translateY(0%);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_list
> .menu_item[data-scroll] {
opacity: 1;
transform: translateY(0%);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_list
> .menu_item[data-scroll] {
opacity: 1;
transform: translateY(0%);
}
.menu_wrap .menu_item[data-scroll].is-inview {
opacity: 0;
transform: translateY(50%);
}
html.has-modal-menu-open .menu_wrap .menu_item:first-child {
transition: color 0.5s ease,
opacity var(--transition-duration-slow) var(--ease) calc(1 * 0.12s),
transform var(--transition-duration-slow) var(--ease-bounce) calc(1 * 0.12s);
}
@media (min-width: 992px) {
html.has-modal-menu-open .menu_wrap .menu_item:first-child {
transition: color var(--transition-duration-fast) var(--ease-custom),
text-shadow var(--transition-duration-fast) var(--ease-custom),
opacity var(--transition-duration-slow) var(--ease) calc(1 * 0.12s),
transform var(--transition-duration-slow) var(--ease-bounce)
calc(1 * 0.12s);
}
}
html.has-modal-menu-open .menu_wrap .menu_item:nth-child(2) {
transition: color 0.5s ease,
opacity var(--transition-duration-slow) var(--ease) calc(2 * 0.12s),
transform var(--transition-duration-slow) var(--ease-bounce) calc(2 * 0.12s);
}
@media (min-width: 992px) {
html.has-modal-menu-open .menu_wrap .menu_item:nth-child(2) {
transition: color var(--transition-duration-fast) var(--ease-custom),
text-shadow var(--transition-duration-fast) var(--ease-custom),
opacity var(--transition-duration-slow) var(--ease) calc(2 * 0.12s),
transform var(--transition-duration-slow) var(--ease-bounce)
calc(2 * 0.12s);
}
}
html.has-modal-menu-open .menu_wrap .menu_item:nth-child(3) {
transition: color 0.5s ease,
opacity var(--transition-duration-slow) var(--ease) calc(3 * 0.12s),
transform var(--transition-duration-slow) var(--ease-bounce) calc(3 * 0.12s);
}
@media (min-width: 992px) {
html.has-modal-menu-open .menu_wrap .menu_item:nth-child(3) {
transition: color var(--transition-duration-fast) var(--ease-custom),
text-shadow var(--transition-duration-fast) var(--ease-custom),
opacity var(--transition-duration-slow) var(--ease) calc(3 * 0.12s),
transform var(--transition-duration-slow) var(--ease-bounce)
calc(3 * 0.12s);
}
}
html.has-modal-menu-open .menu_wrap .menu_item:nth-child(4) {
transition: color 0.5s ease,
opacity var(--transition-duration-slow) var(--ease) calc(4 * 0.12s),
transform var(--transition-duration-slow) var(--ease-bounce) calc(4 * 0.12s);
}
@media (min-width: 992px) {
html.has-modal-menu-open .menu_wrap .menu_item:nth-child(4) {
transition: color var(--transition-duration-fast) var(--ease-custom),
text-shadow var(--transition-duration-fast) var(--ease-custom),
opacity var(--transition-duration-slow) var(--ease) calc(4 * 0.12s),
transform var(--transition-duration-slow) var(--ease-bounce)
calc(4 * 0.12s);
}
}
html.has-modal-menu-open .menu_wrap .menu_item:nth-child(5) {
transition: color 0.5s ease,
opacity var(--transition-duration-slow) var(--ease) calc(5 * 0.12s),
transform var(--transition-duration-slow) var(--ease-bounce) calc(5 * 0.12s);
}
@media (min-width: 992px) {
html.has-modal-menu-open .menu_wrap .menu_item:nth-child(5) {
transition: color var(--transition-duration-fast) var(--ease-custom),
text-shadow var(--transition-duration-fast) var(--ease-custom),
opacity var(--transition-duration-slow) var(--ease) calc(5 * 0.12s),
transform var(--transition-duration-slow) var(--ease-bounce)
calc(5 * 0.12s);
}
}
html.has-modal-menu-open .menu_wrap .menu_item[data-scroll].is-inview {
opacity: 1;
transform: translateY(0%);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item[data-scroll].is-inview {
opacity: 1;
transform: translateY(0%);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item[data-scroll].is-inview {
opacity: 1;
transform: translateY(0%);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.menu_wrap
.menu_item[data-scroll].is-inview {
opacity: 1;
transform: translateY(0%);
}
.menu_item:nth-child(odd) {
--menu-item-angle: -1deg;
}
html.desktop .menu_item:hover {
color: var(--color-accent);
}
@media (min-width: 992px) {
.menu_item {
text-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000;
transition: text-shadow var(--transition-duration-fast) var(--ease-custom),
color var(--transition-duration-fast) var(--ease-custom);
}
html.desktop .menu_item:hover {
text-shadow: 2px 2px 0 var(--color-surface), -2px 2px 0 var(--color-surface),
2px -2px 0 var(--color-surface), -2px -2px 0 var(--color-surface);
}
}
.menu_item_inner {
transition: transform var(--transition-duration-medium)
var(--ease-bounce-soft);
transform-origin: center;
}
@media (min-width: 992px) {
html.desktop .menu_item:hover .menu_item_inner {
transform: rotate(var(--menu-item-angle));
}
}
.menu_item_arrow {
transition: transform var(--transition-duration-medium) var(--ease-bounce);
transform: scale(1);
}
.menu_item_arrow circle {
transition: stroke var(--transition-duration) var(--ease);
}
.menu_item_arrow path {
transform-box: fill-box;
transform-origin: center;
transition: fill var(--transition-duration) var(--ease),
transform var(--transition-duration) var(--ease-custom);
}
.menu_item_arrow path:first-of-type {
transform: scale(1) translate(0%);
}
.menu_item_arrow path:nth-of-type(2) {
transform: scale(0) translate(-220%, 220%);
}
html.desktop .menu_item:hover .menu_item_arrow {
transform: scale(0.9);
}
html.desktop .menu_item:hover .menu_item_arrow circle {
stroke: var(--color-primary);
}
html.desktop .menu_item:hover .menu_item_arrow path {
fill: var(--color-primary);
}
html.desktop .menu_item:hover .menu_item_arrow path:first-of-type {
transform: scale(0) translate(220%, -220%);
}
html.desktop .menu_item:hover .menu_item_arrow path:nth-of-type(2) {
transform: scale(1) translate(0%);
}
.menu_list {
counter-reset: menu-item;
}
.menu_item:after {
content: counter(menu-item, decimal-leading-zero);
position: absolute;
transform: translateY(-50%) rotate(var(--menu-item-angle));
transform-origin: center;
color: var(--color-surface-deep-muted);
text-shadow: none;
transition: color var(--transition-duration) var(--ease),
left var(--transition-duration-medium) var(--ease-bounce),
transform var(--transition-duration-medium) var(--ease-bounce);
font-size: clamp(0.875rem, 0.775692rem + 0.395257vw, 1.25rem);
font-weight: 500;
top: 50%;
left: 4ch;
}
@media (min-width: 992px) {
html.desktop .menu_item:nth-child(odd):hover:after {
color: var(--color-primary);
transform: translateY(-20%) rotate(var(--menu-item-angle));
left: 3ch;
}
html.desktop .menu_item:nth-child(2n):hover:after {
color: var(--color-primary);
transform: translateY(-50%) rotate(var(--menu-item-angle));
left: 3ch;
}
}
.menu_link.w--current {
pointer-events: none;
}
.menu_item:has(.menu_link.w--current) {
pointer-events: none;
}
html:not(.desktop) .menu_list .menu_item:has(.menu_link.w--current) {
color: var(--color-accent);
}
html.desktop .menu_list .menu_item:has(.menu_link.w--current) {
color: var(--color-accent);
}
.preloader_wrap {
--preloader-z-index: 10001;
--preloader-padding: 2rem;
--preloader-counter-offset: var(--preloader-padding);
--preloader-counter-size: clamp(5rem, 1.02941rem + 16.1765vw, 14rem);
position: fixed;
z-index: var(--preloader-z-index);
display: grid;
overflow: clip;
background: var(--color-background);
perspective-origin: left top;
transform-style: preserve-3d;
pointer-events: auto;
place-content: center;
width: 100%;
min-width: 100vw;
min-height: 100vh;
inset: 0;
}
.preloader_wrap.is-complete {
visibility: hidden;
}
html.is-loaded .preloader_wrap {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.preloader_wrap {
display: none;
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.preloader_wrap {
display: none;
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .preloader_wrap {
display: none;
}
.preloader_percentage_wrap {
position: absolute;
inset: var(--preloader-padding) auto auto var(--preloader-counter-offset);
z-index: 2;
overflow: hidden;
opacity: 0;
}
.preloader_percentage {
position: relative;
color: var(--color-accent);
font-family: var(--font-secondary);
font-size: var(--preloader-counter-size);
white-space: nowrap;
font-weight: 700;
line-height: 1;
}
@media (max-width: 767px) {
.preloader_wrap {
--preloader-padding: 1.25rem;
}
.preloader_percentage_wrap {
inset: var(--preloader-padding) auto auto var(--preloader-counter-offset);
}
}
@media (prefers-reduced-motion: reduce) {
.preloader_wrap,
.preloader_percentage_wrap,
.preloader_percentage {
animation: none !important;
transition: none !important;
}
}
.header_wrap.is-home {
display: none;
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.header_wrap.is-default,
html.route-home .header_wrap.is-home {
display: flex;
opacity: 1;
visibility: visible;
}
html.route-home .header_wrap.is-default {
display: none;
opacity: 0;
pointer-events: none;
visibility: hidden;
}
html.route-home:not(.is-head-loaded) .header_wrap.is-home {
opacity: 0;
pointer-events: none;
}
.header_wrap:-webkit-any(.is-home, .is-default) {
transition: none;
}
.header_wrap:-moz-any(.is-home, .is-default) {
transition: none;
}
.header_wrap:is(.is-home, .is-default) {
transition: none;
}
html.is-head-nav-header-transition .header_wrap.is-default {
opacity: 0;
transform: translateY(-1rem);
}
html.is-head-nav-header-transition:not(.is-transitioning)
.header_wrap.is-default {
opacity: 1;
transition: opacity var(--transition-duration-slow) var(--ease),
transform var(--transition-duration-slow) var(--ease-custom);
transform: translateY(0);
}
.header_wrap.is-home .burger_wrap {
clip-path: circle(0% at 50%);
}
html.is-head-loaded:has([data-taxi-view].is-page-entered)
.header_wrap.is-home
.burger_wrap {
clip-path: circle(150% at 50%);
transition: clip-path var(--transition-duration-slower) var(--ease-custom),
transform var(--transition-duration-medium) var(--ease-bounce);
}
html.route-home.is-transitioning:not(.is-head-loaded)
.header_wrap.is-home
.burger_wrap {
clip-path: circle(0% at 50%);
transition: none;
}
.header_wrap.is-home .nav_wrap .button {
clip-path: inset(0% 100% 0% 0% round 5em);
}
html.is-head-loaded:has([data-taxi-view].is-page-entered)
.header_wrap.is-home
.nav_wrap
.button {
clip-path: inset(-20% -20% -20% -20% round 5em);
transition: clip-path var(--transition-duration-slowest) var(--ease-custom)
0.2s;
}
html.route-home.is-transitioning:not(.is-head-loaded)
.header_wrap.is-home
.nav_wrap
.button {
clip-path: inset(0% 100% 0% 0% round 5em);
transition: none;
}
.hero_title_wrap {
will-change: transform, opacity;
pointer-events: none;
transform-origin: bottom center;
opacity: 0;
transition: transform var(--transition-duration-slow) var(--ease-custom),
opacity var(--transition-duration-slow) var(--ease);
transform: translate(-50%, -25%) scale(0) rotate(20deg);
}
html.is-head-loaded [data-taxi-view].is-page-entered .hero_title_wrap,
html:not(.route-home):not(.is-loading)
[data-taxi-view].is-page-entered
.hero_title_wrap {
opacity: 1;
transform: translate(-50%, -50%) scale(1) rotate(0);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.hero_title_wrap {
opacity: 1;
transform: translate(-50%, -50%) scale(1) rotate(0);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.hero_title_wrap {
opacity: 1;
transform: translate(-50%, -50%) scale(1) rotate(0);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .hero_title_wrap {
opacity: 1;
transform: translate(-50%, -50%) scale(1) rotate(0);
}
@media (max-width: 991px) {
html.is-head-loaded [data-taxi-view].is-page-entered .hero_title_wrap,
html:not(.route-home):not(.is-loading)
[data-taxi-view].is-page-entered
.hero_title_wrap {
transform: translate(-50%, -50%) scale(1) rotate(-10deg);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.hero_title_wrap {
transform: translate(-50%, -50%) scale(1) rotate(-10deg);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.hero_title_wrap {
transform: translate(-50%, -50%) scale(1) rotate(-10deg);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .hero_title_wrap {
transform: translate(-50%, -50%) scale(1) rotate(-10deg);
}
}
[data-taxi-view] [data-intro] {
opacity: 0;
}
html.is-loaded [data-taxi-view].is-page-entered [data-intro] {
opacity: 1;
transition: opacity var(--transition-duration-slow) var(--ease);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
[data-intro] {
opacity: 1;
transition: opacity var(--transition-duration-slow) var(--ease);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar) [data-intro] {
opacity: 1;
transition: opacity var(--transition-duration-slow) var(--ease);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar) [data-intro] {
opacity: 1;
transition: opacity var(--transition-duration-slow) var(--ease);
}
html.is-instant-transition [data-taxi-view] [data-intro],
[data-taxi-view].is-instant-transition-view [data-intro],
[data-taxi-view].is-instant-transition-view.is-page-entered [data-intro],
html.is-loaded
[data-taxi-view].is-instant-transition-view.is-page-entered
[data-intro] {
opacity: 1;
transition: none;
}
.hero_logo .logo-part {
--stagger: 50ms;
--i: 0;
will-change: transform;
pointer-events: none;
transition: transform var(--transition-duration-slowest) var(--ease-custom);
transition-delay: calc(var(--i) * var(--stagger));
transform: translateY(110%);
}
.hero_logo .logo-part:nth-child(2) {
--i: 1;
}
.hero_logo .logo-part:nth-child(3) {
--i: 2;
}
.hero_logo .logo-part:nth-child(4) {
--i: 3;
}
.hero_logo .logo-part:nth-child(5) {
--i: 4;
}
.hero_logo .logo-part:nth-child(6) {
--i: 5;
}
.hero_logo .logo-part:nth-child(7) {
--i: 6;
}
.hero_logo .logo-part:nth-child(8) {
--i: 7;
}
.hero_logo .logo-part:nth-child(9) {
--i: 8;
}
.hero_logo .logo-part:nth-child(10) {
--i: 9;
}
html.is-head-loaded [data-taxi-view].is-page-entered .hero_logo .logo-part {
transform: translateY(0);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.hero_logo
.logo-part {
transform: translateY(0);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.hero_logo
.logo-part {
transform: translateY(0);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.hero_logo
.logo-part {
transform: translateY(0);
}
.social_link {
transition: transform var(--transition-duration-slow) var(--ease-custom) 0.6s;
transform: scale(0);
}
html.is-head-loaded [data-taxi-view].is-page-entered .social_link,
html:not(.route-home):not(.is-loading)
[data-taxi-view].is-page-entered
.social_link {
transform: scale(1);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.social_link {
transform: scale(1);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .social_link {
transform: scale(1);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .social_link {
transform: scale(1);
}
[data-taxi-view] .burger_wrap {
clip-path: circle(0% at 50%);
}
html.is-head-loaded [data-taxi-view].is-page-entered .burger_wrap,
html:not(.route-home):not(.is-loading)
[data-taxi-view].is-page-entered
.burger_wrap {
clip-path: circle(150% at 50%);
transition: clip-path var(--transition-duration-slower) var(--ease-custom),
transform var(--transition-duration-medium) var(--ease-bounce);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.burger_wrap {
clip-path: circle(150% at 50%);
transition: clip-path var(--transition-duration-slower) var(--ease-custom),
transform var(--transition-duration-medium) var(--ease-bounce);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .burger_wrap {
clip-path: circle(150% at 50%);
transition: clip-path var(--transition-duration-slower) var(--ease-custom),
transform var(--transition-duration-medium) var(--ease-bounce);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .burger_wrap {
clip-path: circle(150% at 50%);
transition: clip-path var(--transition-duration-slower) var(--ease-custom),
transform var(--transition-duration-medium) var(--ease-bounce);
}
html.is-instant-transition [data-taxi-view] .burger_wrap,
[data-taxi-view].is-instant-transition-view .burger_wrap,
[data-taxi-view].is-instant-transition-view.is-page-entered .burger_wrap,
html.is-head-loaded
[data-taxi-view].is-instant-transition-view.is-page-entered
.burger_wrap {
clip-path: circle(150% at 50%);
transition: none;
}
[data-taxi-view] .nav_wrap .button {
clip-path: inset(0% 100% 0% 0% round 5em);
}
html.is-head-loaded [data-taxi-view].is-page-entered .nav_wrap .button,
html:not(.route-home):not(.is-loading)
[data-taxi-view].is-page-entered
.nav_wrap
.button {
clip-path: inset(-20% -20% -20% -20% round 5em);
transition: clip-path var(--transition-duration-slowest) var(--ease-custom)
0.2s;
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.nav_wrap
.button {
clip-path: inset(-20% -20% -20% -20% round 5em);
transition: clip-path var(--transition-duration-slowest) var(--ease-custom)
0.2s;
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.nav_wrap
.button {
clip-path: inset(-20% -20% -20% -20% round 5em);
transition: clip-path var(--transition-duration-slowest) var(--ease-custom)
0.2s;
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .nav_wrap .button {
clip-path: inset(-20% -20% -20% -20% round 5em);
transition: clip-path var(--transition-duration-slowest) var(--ease-custom)
0.2s;
}
html.is-instant-transition [data-taxi-view] .nav_wrap .button,
[data-taxi-view].is-instant-transition-view .nav_wrap .button,
[data-taxi-view].is-instant-transition-view.is-page-entered .nav_wrap .button,
html.is-head-loaded
[data-taxi-view].is-instant-transition-view.is-page-entered
.nav_wrap
.button {
clip-path: inset(-20% -20% -20% -20% round 5em);
transition: none;
}
html.is-books-index-to-detail-transition.is-transitioning-out.is-instant-transition
[data-taxi-view].is-page-entered
.hero_title_wrap {
opacity: 0;
transform-origin: bottom center;
transition: opacity var(--transition-duration) var(--ease) 0s,
transform var(--transition-duration) var(--ease) 0s;
transform: translate(-50%, -25%) scale(0.8) rotate(20deg);
}
@media (max-width: 991px) {
html.is-book-detail-to-index-transition .hero_title_wrap {
opacity: 0;
transition: opacity var(--transition-duration-slow) var(--ease) 1s;
}
html.is-book-detail-to-index-transition
[data-taxi-view].is-page-entered
.hero_title_wrap {
opacity: 1;
}
}
[data-module~="hero-carousel"] {
opacity: 0;
pointer-events: none;
}
[data-module~="hero-carousel"].is-head-peel-ready,
html.is-head-loaded
[data-taxi-view].is-page-entered
[data-module~="hero-carousel"],
html:not(.route-home):not(.is-loading)
[data-taxi-view].is-page-entered
[data-module~="hero-carousel"] {
opacity: 1;
pointer-events: auto;
transition: opacity var(--transition-duration-slow) var(--ease);
}
[data-module~="hero-carousel"] [data-hero-carousel-viewport] {
cursor: grab;
overscroll-behavior: contain;
user-select: none;
-webkit-user-select: none;
}
[data-module~="hero-carousel"] [data-hero-carousel-container] {
display: flex;
touch-action: pan-y pinch-zoom;
min-width: 0;
}
[data-module~="hero-carousel"] [data-hero-carousel-slide] {
flex: 0 0 100%;
min-width: 0;
}
[data-module~="hero-carousel"].is-dragging [data-hero-carousel-viewport] {
cursor: grabbing;
}
[data-module~="hero-carousel"] [data-hero-carousel-slide] .gl_nav_layout {
transition: transform var(--transition-duration-slow) var(--ease-custom);
will-change: transform;
transform: rotate(-16deg);
}
[data-module~="hero-carousel"]
[data-hero-carousel-slide].is-before-selected
.gl_nav_layout {
transform: rotate(16deg);
}
[data-module~="hero-carousel"]
[data-hero-carousel-slide].is-selected
.gl_nav_layout {
transform: rotate(-6deg);
}
@media (max-height: 600px) {
.hero_carousel_wrap {
display: none;
}
}
.card_peel {
transition: transform var(--transition-duration-slow) var(--ease-bounce);
transform-origin: center;
}
html.desktop .card_peel:not([data-scroll-peel]):hover {
transform: rotate(-2deg);
}
.card_peel_inner {
position: relative;
overflow: hidden;
}
.card_peel_inner svg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.card_peel_inner svg path {
opacity: 1;
transition: opacity 0.5s;
}
html.desktop
.card_peel:not([data-scroll-peel]):hover
.card_peel_inner
svg
path {
opacity: 0;
transition: opacity 0.3s 0.1s;
}
[data-scroll-peel] {
pointer-events: none;
}
.social_link svg,
.footer_social_link svg {
transition: transform var(--transition-duration-medium) var(--ease-bounce);
transform-box: fill-box;
transform-origin: center;
}
.social_link circle,
.footer_social_link circle {
--circumference: 165.12;
stroke-dasharray: var(--circumference);
stroke-dashoffset: calc(var(--circumference) * var(--progress, 0) * -1);
transition: stroke var(--transition-duration) var(--ease),
transform var(--transition-duration) var(--ease-bounce);
transform-box: fill-box;
transform-origin: center;
}
.social_link path,
.footer_social_link path {
transform: scale(calc(1 - var(--progress, 0)));
transform-origin: center;
}
.social_link {
clip-path: circle(
clamp(0%, 150% * (1 - var(--progress, 0))/0.2, 150%) at 50% 50%
);
width: clamp(2.5rem, 2.26828rem + 0.922266vw, 3.375rem);
}
.footer_social_link circle {
stroke-dashoffset: calc(var(--circumference) * (1 - var(--progress, 0)) * -1);
}
.footer_social_link path {
transform: scale(var(--progress, 0));
}
.footer_social_link {
clip-path: circle(
clamp(0%, 150% * var(--progress, 0) / 0.2, 150%) at 50% 50%
);
width: clamp(2.5rem, 2.26828rem + 0.922266vw, 3.375rem);
}
html.desktop .social_link:hover circle,
html.desktop .footer_social_link:hover circle {
stroke: var(--color-surface);
}
html.desktop .social_link:hover svg,
html.desktop .footer_social_link:hover svg {
transform: scale(0.9);
}
.steam {
position: absolute;
z-index: 2;
opacity: 0.8;
display: flex;
filter: blur(10px);
width: 5cqi;
height: 4cqi;
top: 0%;
left: -20%;
}
.steam:before {
content: "";
background-color: var(--color-surface);
animation: fadeOutUp cubic-bezier(0.25, 0, 0.5, 1) 8s infinite forwards;
clip-path: polygon(
33% 40%,
52% 12%,
84% 29%,
62% 65%,
54% 89%,
73% 92%,
73% 74%,
53% 63%,
77% 57%,
95% 31%,
71% 3%,
34% 47%,
50% 37%,
69% 39%,
69% 29%,
76% 35%,
61% 6%,
64% 47%,
91% 9%,
51% 5%,
84% 61%,
91% 49%,
35% 19%,
40% 10%,
57% 41%,
57% 54%,
92% 19%
);
border-radius: 60% 50%;
width: 5cqi;
height: 4cqi;
}
@keyframes fadeOutUp {
0% {
opacity: 0.7;
transform: translate(0, 0%);
}
30% {
opacity: 0.5;
transform: translateY(-30%);
}
70% {
opacity: 0.2;
transform: translateY(-70%);
}
to {
opacity: 0;
transform: translateY(-120%);
}
}
@media (prefers-reduced-motion) {
.steam:before {
animation: none;
}
}
.quote_author:before {
content: "";
position: absolute;
opacity: 0.2;
background-color: var(--color-surface);
width: 100%;
height: 1px;
top: 0%;
left: 0%;
transform: scaleX(0);
}
.quote_author.is-inview:before {
transition: transform var(--transition-duration-slowest) var(--ease);
transform: scaleX(1);
}
.quote_item em {
color: var(--color-accent);
font-style: normal;
}
@media (max-width: 479px) {
.quote_layout br,
.statement br,
.about_statement br {
display: none;
}
}
.quote_layout em {
cursor: pointer;
color: var(--color-accent);
font-style: normal;
}
.quote_head {
--hover-float-left: 50%;
--hover-float-top: 50%;
--hover-float-gap: 0.25rem;
--hover-float-rotate: 0deg;
top: var(--hover-float-top);
left: var(--hover-float-left);
opacity: 0;
pointer-events: none;
transform: translate3d(-50%, calc(-100% - var(--hover-float-gap)), 0) scale(0)
rotate(var(--hover-float-rotate));
transform-origin: center bottom;
will-change: opacity, transform;
transition: opacity var(--transition-duration-fast) var(--ease),
transform var(--transition-duration-medium) var(--ease-bounce-soft),
scale var(--transition-duration-slowest) var(--ease);
}
.quote_head.is-hover-float-target-active {
opacity: 1;
transform: translate3d(-50%, calc(-100% - var(--hover-float-gap)), 0) scale(1)
rotate(var(--hover-float-rotate));
}
@media (prefers-reduced-motion) {
.quote_head {
transition: opacity linear;
}
}
.footer_head {
--peel-angle: -120deg;
--peel-start: 0%;
--peel-stop: 10%;
--peel-range: calc(var(--peel-stop) - var(--peel-start));
--peel-start-left: calc(100% - var(--peel-start));
aspect-ratio: 1689/2170;
transform-style: preserve-3d;
transform: rotate(calc(55deg - 10deg * var(--progress)));
}
@media (max-width: 991px) {
.footer_head {
transform: none;
}
}
.footer_head .peel_container {
position: absolute;
transform: translate(-50%, -50%) rotate(var(--peel-angle));
transform-style: preserve-3d;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
}
.footer_head .unpeeled {
position: absolute;
clip-path: inset(
0 calc(var(--peel-start) + var(--peel-range) * var(--progress, 0)) 0 0
);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.footer_head .peeled {
--peeled-left: calc(
var(--peel-start-left) - var(--peel-range) * var(--progress, 0)
);
position: absolute;
clip-path: inset(0 0 0 var(--peeled-left));
transform-origin: var(--peeled-left) 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
transform: rotateY(-180deg);
}
.footer_head .peel_content {
position: absolute;
aspect-ratio: 1689/2170;
transform: translate(-50%, -50%) rotate(calc(-1 * var(--peel-angle)));
background: url(/_assets/cdn.prod.website-files.com/69b574b7e8a1b256fc6f5504/69cd4e3ba6e070124ae5315c_head_footer-2.webp)
50% / cover;
width: 75%;
top: 50%;
left: 50%;
}
.footer_head .peeled .peel_content {
filter: brightness(0) invert(1);
}
@property --progress {
syntax: "";
inherits: true;
initial-value: 0;
}
.menu_head_wrap {
--progress: 0;
transition: --progress var(--transition-duration-medium) var(--ease-custom);
}
html.has-modal-menu-open .menu_head_wrap {
--progress: 1;
transition: --progress var(--transition-duration-slow)
var(--ease-bounce-smooth) 0.2s;
}
.menu_head_wrap .menu_head_bubble {
transform-origin: 0 0;
transform: translateY(calc(100% - var(--progress) * 100%))
rotate(calc(20deg - 20deg * var(--progress)));
position: absolute;
width: min(16cqi, 19rem);
inset: 10% 10% auto auto;
}
.menu_head {
--peel-angle: -125deg;
--peel-start: 0%;
--peel-stop: 13%;
--peel-range: calc(var(--peel-stop) - var(--peel-start));
--peel-start-left: calc(100% - var(--peel-start));
aspect-ratio: 839/1126;
transform-style: preserve-3d;
transform: rotate(calc(35deg + 10deg * var(--progress)));
transition: transform var(--transition-duration) var(--ease-bounce);
}
.menu_head .peel_container {
position: absolute;
transform: translate(-50%, -50%) rotate(var(--peel-angle));
transform-style: preserve-3d;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
}
.menu_head .unpeeled {
position: absolute;
clip-path: inset(
0 calc(var(--peel-start) + var(--peel-range) * var(--progress, 0)) 0 0
);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.menu_head .peeled {
--peeled-left: calc(
var(--peel-start-left) - var(--peel-range) * var(--progress, 0)
);
position: absolute;
clip-path: inset(0 0 0 var(--peeled-left));
transform-origin: var(--peeled-left) 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
transform: rotateY(-180deg);
}
.menu_head .peel_content {
position: absolute;
aspect-ratio: 839/1126;
transform: translate(-50%, -50%) rotate(calc(-1 * var(--peel-angle)));
background: url(/_assets/cdn.prod.website-files.com/69b574b7e8a1b256fc6f5504/69d3bcf410b9dcb5ec8c9e52_image%20491.webp)
50% / cover;
width: 75%;
top: 50%;
left: 50%;
}
.menu_head .peeled .peel_content {
filter: brightness(0) invert(1);
}
html.desktop .burger_wrap:hover {
transform: scale(0.95);
}
html.desktop .burger_wrap:hover:before {
background-color: var(--color-accent);
clip-path: circle(50% at 50%);
}
.burger_wrap {
width: var(--button-height);
height: var(--button-height);
}
.burger_wrap:before {
content: "";
position: absolute;
background-color: var(--color-surface);
clip-path: circle(0% at 50%);
transition: clip-path var(--transition-duration-medium) var(--ease),
background-color var(--transition-duration) var(--ease),
opacity var(--transition-duration-medium) var(--ease);
border-radius: 50%;
inset: 0;
}
.burger_icon {
position: absolute;
top: 50%;
left: 50%;
}
.burger_icon.open {
width: 50%;
transform: translate(-50%, -50%);
}
.burger_icon.close {
transform-origin: 50%;
width: 1.375rem;
height: 1.375rem;
transform: translate(-50%, -50%) rotate(45deg);
}
.burger_line {
--item-delay: 0s;
display: block;
width: 0.9375rem;
height: 2px;
}
.burger_line:before {
content: "";
position: absolute;
transform-origin: 0 0;
transition: transform var(--transition-duration-medium) var(--ease);
transition-delay: calc(var(--item-delay, 0s) + var(--extra-delay, 0s));
background-color: currentColor;
border-radius: 0.1em;
inset: 0;
}
.burger_icon.open .burger_line {
--extra-delay: 0.25s;
position: relative;
}
.burger_icon.open .burger_line:first-child {
--item-delay: 0.1s;
margin-bottom: 3px;
}
html.has-modal-menu-open .burger_icon.open .burger_line:before {
--extra-delay: 0s;
transform-origin: 100% 0;
transform: scaleX(0);
}
.burger_icon.close .burger_line {
--extra-delay: 0.2s;
position: absolute;
top: 50%;
}
.burger_icon.close .burger_line:first-child {
--item-delay: 0.1s;
transform-origin: 50%;
transform: rotate(90deg);
}
html:not(.has-modal-menu-open) .burger_icon.close .burger_line:before {
--extra-delay: 0s;
transform-origin: 100% 0;
transform: scaleX(0);
}
._404_img {
position: absolute;
opacity: 0;
animation: sprite 0.8s steps(1) infinite;
}
._404_img.is-2 {
animation-delay: 0.2s;
}
._404_img.is-3 {
animation-delay: 0.4s;
}
._404_img.is-4 {
animation-delay: 0.6s;
}
@keyframes sprite {
0% {
opacity: 1;
}
25% {
opacity: 0;
}
}
@media (prefers-reduced-motion) {
._404_img {
animation: none;
}
}
.news_layout_line {
transform: scaleX(0);
}
.news_layout_line.is-inview {
transition: transform var(--transition-duration-slow) var(--ease);
transform: scaleX(1);
}
.separator {
transform-origin: 0 0;
transform: scaleY(0);
}
.separator.is-inview {
transition: transform var(--transition-duration-slowest) var(--ease);
transform: scaleY(1);
}
.youtubes_card_inner {
background-image: linear-gradient(
var(--color-surface-deep-tint),
var(--color-surface-deep-tint)
),
radial-gradient(
circle at 0 0,
color-mix(in srgb, var(--color-surface) 50%, transparent) 0%,
transparent 80%,
color-mix(in srgb, var(--color-surface) 50%, transparent) 100%
);
background-origin: border-box;
background-clip: padding-box, border-box;
border: 0.06em double #0000;
}
.youtubes_card_title {
font-size: clamp(1rem, 0.966897rem + 0.131752vw, 1.125rem);
font-weight: 700;
}
.youtubes_card_footer {
opacity: 0.6;
font-size: clamp(0.875rem, 0.858449rem + 0.065876vw, 0.9375rem);
font-weight: 500;
}
.youtubes_card_visual {
backface-visibility: hidden;
}
.youtubes_card_inner {
position: relative;
will-change: transform, background-image, color;
transition: transform var(--transition-duration) var(--ease-bounce-soft),
background-image var(--transition-duration) var(--ease),
color var(--transition-duration-fast) var(--ease);
padding: clamp(1.125rem, 1.2831rem - 0.131752vw, 1.25rem);
}
html.desktop .youtubes_item:hover .youtubes_card_inner {
background-image: linear-gradient(var(--color-surface), var(--color-surface)),
radial-gradient(
circle at 0 0,
transparent 0%,
transparent 80%,
transparent 100%
);
color: var(--color-primary);
z-index: 1;
transform: scale(1.2) rotate(10deg);
}
html.desktop .youtubes_item:nth-child(2n):hover .youtubes_card_inner {
transform: scale(1.2) rotate(-10deg);
}
.listen_wrap:before,
.listen_wrap:after {
content: "";
background: currentColor;
flex: 1;
height: 1px;
transform: scaleX(0);
}
.listen_wrap:before {
transform-origin: right;
}
.listen_wrap:after {
transform-origin: left;
}
.platform_wrap.is-inview .listen_wrap:before,
.platform_wrap.is-inview .listen_wrap:after {
animation: line-expand var(--transition-duration-slowest) var(--ease-custom)
forwards;
}
@keyframes line-expand {
to {
transform: scaleX(1);
}
}
@media (prefers-reduced-motion) {
.platform_wrap.is-inview .listen_wrap:before,
.platform_wrap.is-inview .listen_wrap:after {
animation: none;
transform: scaleX(1);
}
}
.counter_subtitle {
font-size: clamp(1.25rem, 0.918972rem + 1.31752vw, 2.5rem);
font-weight: 700;
}
.counter_1,
.counter_2,
.counter_0 {
text-align: center;
min-width: 1ch;
}
.counter_2 {
z-index: 2;
margin-inline-start: -0.2em;
margin-inline-end: -0.05em;
}
[data-gl-tour-head] .tour_bubble_wrap {
transition: transform var(--transition-duration-slow) var(--ease-bounce-soft)
0.6s;
transform: translate(-50%) scale(0) rotate(45deg);
}
[data-gl-tour-head].is-inview .tour_bubble_wrap {
transform: translate(-50%) scale(1) rotate(0);
}
[data-gl-tour-head] .tour_head {
transition: transform var(--transition-duration-slow)
var(--ease-bounce-smooth) 0.7s;
transform: translate(-50%) scale(0) rotate(45deg);
}
[data-gl-tour-head].is-inview .tour_head {
transform: translate(-50%) scale(1) rotate(0);
}
.book_detail_title {
font-size: clamp(3.125rem, 2.46294rem + 2.63505vw, 5.625rem);
font-weight: 700;
line-height: 0.9;
}
.goodreads_wrap {
color: var(--color-surface-deep-muted);
font-style: italic;
}
[data-taxi-view].is-instant-transition-view:not(.is-page-entered)
.book_detail_wrap {
opacity: 0;
}
[data-taxi-view].is-instant-transition-view.is-page-entered .book_detail_wrap {
opacity: 1;
transition: opacity var(--transition-duration-slow) var(--ease-custom) 0.1s;
}
[data-taxi-view].is-instant-transition-view:not(.is-page-entered) .buy_wrap {
opacity: 0;
transform: translateY(2rem);
}
[data-taxi-view].is-instant-transition-view.is-page-entered .buy_wrap {
opacity: 1;
transition: opacity var(--transition-duration-slow) var(--ease-custom) 1s,
transform var(--transition-duration-slow) var(--ease-bounce) 1s;
transform: translateY(0);
}
[data-taxi-view].is-instant-transition-view:not(.is-page-entered) .back_wrap {
opacity: 0;
transform: scale(0) rotate(-60deg);
}
[data-taxi-view].is-instant-transition-view.is-page-entered .back_wrap {
opacity: 1;
transition: opacity var(--transition-duration-medium) var(--ease) 0.2s,
transform var(--transition-duration-medium) var(--ease-bounce) 0.2s;
transform: scale(1) rotate(0);
}
.back_wrap svg {
transition: transform var(--transition-duration-medium) var(--ease-bounce);
transform-box: fill-box;
transform-origin: center;
}
.back_wrap {
width: calc(var(--button-height) * 0.8);
height: calc(var(--button-height) * 0.8);
}
html.desktop .back_wrap:hover circle {
stroke: var(--color-surface);
}
html.desktop .back_wrap:hover svg {
transform: scale(0.9);
}
[data-taxi-view].is-instant-transition-view.is-page-entered
.book_detail_title
[data-split-item] {
animation-name: split-clip-reveal;
animation-duration: var(--transition-duration-slower);
animation-timing-function: var(--ease);
animation-fill-mode: both;
animation-delay: 0.4s;
}
[data-taxi-view].is-instant-transition-view.is-page-entered
.book_detail_description
[data-split-item] {
animation-name: split-clip-reveal;
animation-duration: var(--transition-duration-slower);
animation-timing-function: var(--ease);
animation-fill-mode: both;
animation-delay: 0.5s;
}
[data-taxi-view].is-instant-transition-view:not(.is-page-entered) .rating_wrap {
clip-path: inset(100% 0% 0% 0);
}
[data-taxi-view].is-instant-transition-view.is-page-entered .rating_wrap {
clip-path: inset(0% 0% 0% 0);
transition: clip-path var(--transition-duration-medium) var(--ease) 0.6s;
}
[data-taxi-view].is-instant-transition-view:not(.is-page-entered)
.book_detail_wrap
.buy_cta {
opacity: 0;
transform: translateY(2rem);
}
[data-taxi-view].is-instant-transition-view.is-page-entered
.book_detail_wrap
.buy_cta {
opacity: 1;
transition: opacity var(--transition-duration-medium) var(--ease) 0.6s,
transform var(--transition-duration-medium) var(--ease-bounce) 0.6s;
transform: translateY(0);
}
[data-filter="language"] .filter_pill_label {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 10ch;
}
.buy_cta .button.is-disabled {
pointer-events: none;
}
.buy_cta .button.is-disabled .button_label {
opacity: 0.5;
}
html.is-book-detail-transition-out.is-transitioning-out
[data-taxi-view].is-instant-transition-view.is-page-entered
.back_wrap {
opacity: 0;
transition: opacity var(--transition-duration-fast) var(--ease),
transform var(--transition-duration-fast) var(--ease);
transform: scale(0) rotate(-20deg);
}
.screen_wrap {
transform: scale(0.4);
}
.screen_wrap.is-inview {
transition: transform var(--transition-duration-slower)
var(--ease-bounce-soft);
transform: scale(1);
}
@media (min-width: 992px) {
.scroll_down {
width: clamp(2.5rem, 2.26828rem + 0.922266vw, 3.375rem);
}
.scroll_down path:nth-child(2) {
animation: bounce 2s var(--ease) infinite;
will-change: transform;
transition: opacity var(--transition-duration) var(--ease);
}
.scroll_down path:first-child {
animation: scroll-draw 4s var(--ease) infinite;
will-change: stroke-dasharray, stroke-dashoffset;
}
@keyframes bounce {
0%,
20%,
50%,
80%,
to {
transform: translateY(0);
}
40% {
transform: translateY(-10%);
}
60% {
transform: translateY(-5%);
}
}
@keyframes scroll-draw {
0%,
to {
stroke-dasharray: 0 1;
stroke-dashoffset: -0.5;
}
50% {
stroke-dasharray: 1 0;
stroke-dashoffset: 0;
}
}
}
@media (max-width: 991px) {
.scroll_down,
.mobile_scroll_down {
animation: bounce 2s var(--ease) infinite;
will-change: transform;
transition: opacity var(--transition-duration) var(--ease);
}
@keyframes bounce {
0%,
20%,
50%,
80%,
to {
transform: translateY(0);
}
40% {
transform: translateY(-30%);
}
60% {
transform: translateY(-15%);
}
}
.widget_wrap {
clip-path: inset(0%);
opacity: 0;
transform: translate(-50%, 60%);
}
html.is-head-loaded [data-taxi-view].is-page-entered .widget_wrap,
html:not(.route-home):not(.is-loading)
[data-taxi-view].is-page-entered
.widget_wrap {
transition: transform var(--transition-duration-slower)
var(--ease-bounce-soft),
opacity var(--transition-duration-fast) var(--ease);
opacity: 1;
transform: translate(-50%);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.widget_wrap {
transition: transform var(--transition-duration-slower)
var(--ease-bounce-soft),
opacity var(--transition-duration-fast) var(--ease);
opacity: 1;
transform: translate(-50%);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.widget_wrap {
transition: transform var(--transition-duration-slower)
var(--ease-bounce-soft),
opacity var(--transition-duration-fast) var(--ease);
opacity: 1;
transform: translate(-50%);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .widget_wrap {
transition: transform var(--transition-duration-slower)
var(--ease-bounce-soft),
opacity var(--transition-duration-fast) var(--ease);
opacity: 1;
transform: translate(-50%);
}
.widget_layout {
transform-origin: left bottom;
transform: translateY(50%) rotate(20deg);
}
html.is-head-loaded [data-taxi-view].is-page-entered .widget_layout,
html:not(.route-home):not(.is-loading)
[data-taxi-view].is-page-entered
.widget_layout {
transition: transform var(--transition-duration-slower)
var(--ease-bounce-soft);
transform: translateY(0) rotate(0);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.widget_layout {
transition: transform var(--transition-duration-slower)
var(--ease-bounce-soft);
transform: translateY(0) rotate(0);
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.widget_layout {
transition: transform var(--transition-duration-slower)
var(--ease-bounce-soft);
transform: translateY(0) rotate(0);
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .widget_layout {
transition: transform var(--transition-duration-slower)
var(--ease-bounce-soft);
transform: translateY(0) rotate(0);
}
}
.widget_tag {
transition: background-color var(--transition-duration) var(--ease),
color var(--transition-duration) var(--ease);
}
.widget_wrap.has-widget-scrolled,
.widget_wrap.is-revealing {
pointer-events: none;
}
.widget_tag_wrap {
transition: width var(--transition-duration) var(--ease-bounce);
will-change: width;
}
.widget_marquee_wrap {
overflow: hidden;
mask-image: linear-gradient(90deg, #0000, #000 8% 92%, #0000);
transition: width var(--transition-duration-medium) var(--ease-custom);
}
html.desktop .widget_wrap:hover .widget_marquee_wrap {
width: 220%;
}
.widget_marquee_track {
display: flex;
animation: widget-marquee 10s linear infinite;
will-change: transform;
width: max-content;
}
.widget_marquee {
white-space: nowrap;
flex: none;
}
.widget_marquee:not(.u-text-accent):before,
.widget_marquee:not(.u-text-accent):after {
content: "•";
display: inline-block;
padding: 0 0.75em;
}
@keyframes widget-marquee {
0% {
transform: translate(0, 0);
}
to {
transform: translate(-50%);
}
}
@media (prefers-reduced-motion) {
.widget_marquee_track {
animation: none;
}
}
.legal_wrap h3 {
margin-top: 1em;
margin-bottom: 0.4em;
}
.gl_nav_pill {
filter: drop-shadow(0px 1em 0.6em #0000001a);
}
.cookie_wrap {
transition: opacity var(--transition-duration) var(--ease),
transform var(--transition-duration) var(--ease),
visibility 0s var(--transition-duration);
}
.cookie_wrap.is-active {
opacity: 1;
pointer-events: auto;
visibility: visible;
transition: opacity var(--transition-duration) var(--ease),
transform var(--transition-duration) var(--ease), visibility 0s;
transform: translateY(0);
}
html:-webkit-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar)
.cookie_wrap {
opacity: 1;
pointer-events: auto;
visibility: visible;
transform: none;
}
html:-moz-any(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .cookie_wrap {
opacity: 1;
pointer-events: auto;
visibility: visible;
transform: none;
}
html:is(.wf-editor-mode, .wf-design-mode, .site-scrollbar) .cookie_wrap {
opacity: 1;
pointer-events: auto;
visibility: visible;
transform: none;
}