/*!
Theme Name: QZR Theme for scrollytelling
Theme URI: http://underscores.me/
Author: QZR srl
Author URI: http://qzrstudio.com/
Description: Custom WP theme by QZR
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: scrollytelling
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

QZR Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Base styles: resets, grid, common variables, responsiveness, mixins, typography general rules */
@import url("fonts/icons/icons.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
  --surface-object-secondary-standard: rgba(71, 71, 71, 1);
  --surface-object-secondary-container: rgba(226, 226, 226, 1);
  --surface-object-secondary-pressed: rgba(27, 27, 27, 1);
  --surface-object-primary-standard: rgba(71, 71, 71, 1);
  --surface-object-primary-container: rgba(226, 226, 226, 1);
  --surface-object-primary-pressed: rgba(38, 38, 38, 1);
  --surface-background-grayscale-standard: rgba(255, 255, 255, 1);
  --surface-background-grayscale-low: rgba(242, 242, 242, 1);
  --surface-background-grayscale-high: rgba(189, 189, 189, 1);
  --surface-container-grayscale-low: rgba(242, 242, 242, 1);
  --surface-container-grayscale-standard: rgba(214, 214, 214, 1);
  --surface-container-grayscale-high: rgba(163, 163, 163, 1);
  --surface-container-grayscale-lowest: rgba(255, 255, 255, 1);
  --surface-container-grayscale-highest: rgba(135, 135, 135, 1);
  --surface-object-alert-standard: rgba(147, 0, 10, 1);
  --surface-object-alert-container: rgba(255, 218, 214, 1);
  --surface-object-grayscale-standard-dim: rgba(17, 17, 17, 0.2);
  --surface-object-grayscale-low-dim: rgba(17, 17, 17, 0.5);
  --surface-object-grayscale-high-dim: rgba(17, 17, 17, 0.07);
  --surface-object-grayscale-high-bright: rgba(255, 255, 255, 0.1);
  --surface-object-grayscale-standard-bright: rgba(255, 255, 255, 0.2);
  --surface-object-grayscale-low-bright: rgba(255, 255, 255, 0.7);
  --border-stroke-color-secondary: rgba(71, 71, 71, 1);
  --border-stroke-color-standard: rgba(17, 17, 17, 1);
  --border-stroke-color-inverse: rgba(255, 255, 255, 1);
  --border-stroke-color-opacity-low: rgba(255, 255, 255, 0.1);
  --border-stroke-color-opacity-hight: rgba(17, 17, 17, 0.1);
  --border-stroke-color-primary: rgba(71, 71, 71, 1);
  --border-stroke-color-alert: rgba(147, 0, 10, 1);
  --text-on-secondary-basic-variant: rgba(71, 71, 71, 1);
  --text-on-secondary-standard: rgba(249, 249, 249, 1);
  --text-on-secondary-container: rgba(27, 27, 27, 1);
  --text-on-primary-standard: rgba(249, 249, 249, 1);
  --text-on-primary-container: rgba(27, 27, 27, 1);
  --text-on-primary-basic-variant: rgba(71, 71, 71, 1);
  --text-on-grayscale-standard: rgba(17, 17, 17, 1);
  --text-on-grayscale-opacity-lower: rgba(255, 255, 255, 0.6);
  --text-on-grayscale-opacity-highest: rgba(17, 17, 17, 0.6);
  --text-on-grayscale-opacity-high: rgba(17, 17, 17, 0.35);
  --text-on-grayscale-opacity-low: rgba(255, 255, 255, 0.4);
  --text-on-alert-standard: rgba(255, 248, 247, 1);
  --text-on-alert-container: rgba(65, 0, 2, 1);
  --text-on-alert-basic-variant: rgba(147, 0, 10, 1);
  --surface-object-tertiary-standard: rgba(71, 71, 71, 1);
  --surface-object-tertiary-container: rgba(226, 226, 226, 1);
  --surface-object-tertiary-pressed: rgba(27, 27, 27, 1);
  --text-on-tertiary-standard: rgba(249, 249, 249, 1);
  --text-on-tertiary-container: rgba(27, 27, 27, 1);
  --text-on-tertiary-basic-variant: rgba(71, 71, 71, 1);
  --text-on-grayscale-inverse: rgba(255, 255, 255, 1);
  --border-stroke-color-tertiary: rgba(71, 71, 71, 1);
  --text-on-quaternary-standard: rgba(255, 248, 246, 1);
  --text-on-quaternary-container: rgba(65, 0, 0, 1);
  --text-on-quaternary-basic-variant: rgba(147, 0, 0, 1);
  --surface-background-grayscale-inverse: rgba(17, 17, 17, 1);
  --border-stroke-color-opacity-lowest: rgba(255, 255, 255, 0.4);
  --border-stroke-color-opacity-highest: rgba(17, 17, 17, 0.35);
  --surface-background-primary-standard: rgba(255, 255, 255, 1);
  --surface-background-primary-low: rgba(241, 241, 241, 1);
  --surface-background-primary-high: rgba(226, 226, 226, 1);
  --surface-background-primary-inverse: rgba(27, 27, 27, 1);
  --surface-container-primary-lowest: rgba(255, 255, 255, 1);
  --surface-container-primary-low: rgba(249, 249, 249, 1);
  --surface-container-primary-standard: rgba(226, 226, 226, 1);
  --surface-container-primary-high: rgba(198, 198, 198, 1);
  --surface-container-primary-highest: rgba(71, 71, 71, 1);
  --surface-object-primary-container-low: rgba(249, 249, 249, 1);
  --surface-object-secondary-container-low: rgba(249, 249, 249, 1);
  --surface-object-tertiary-container-low: rgba(249, 249, 249, 1);
  --surface-object-alert-container-low: rgba(255, 248, 247, 1);
  --surface-container-grayscale-inverse: rgba(31, 31, 31, 1);
  --surface-container-primary-inverse: rgba(27, 27, 27, 1);
  --surface-background-primary-lowest: rgba(249, 249, 249, 1);
  --surface-object-grayscale-inverse: rgba(255, 255, 255, 1);
  --surface-object-grayscale-standard: rgba(17, 17, 17, 1);
  --surface-container-secondary-lowest: rgba(255, 255, 255, 1);
  --surface-container-secondary-low: rgba(249, 249, 249, 1);
  --surface-container-secondary-standard: rgba(226, 226, 226, 1);
  --surface-container-secondary-high: rgba(198, 198, 198, 1);
  --surface-container-secondary-highest: rgba(71, 71, 71, 1);
  --surface-container-secondary-inverse: rgba(27, 27, 27, 1);
  --surface-container-tertiary-lowest: rgba(255, 255, 255, 1);
  --surface-container-tertiary-low: rgba(249, 249, 249, 1);
  --surface-container-tertiary-standard: rgba(226, 226, 226, 1);
  --surface-container-tertiary-high: rgba(198, 198, 198, 1);
  --surface-container-tertiary-highest: rgba(71, 71, 71, 1);
  --surface-container-tertiary-inverse: rgba(27, 27, 27, 1);
  --surface-background-tertiary-standard: rgba(255, 255, 255, 1);
  --surface-background-tertiary-lowest: rgba(249, 249, 249, 1);
  --surface-background-tertiary-low: rgba(241, 241, 241, 1);
  --surface-background-tertiary-high: rgba(226, 226, 226, 1);
  --surface-background-tertiary-inverse: rgba(27, 27, 27, 1);
  --surface-background-quaternary-standard: rgba(255, 255, 255, 1);
  --surface-background-quaternary-lowest: rgba(255, 248, 246, 1);
  --surface-background-quaternary-low: rgba(255, 237, 234, 1);
  --surface-background-quaternary-high: rgba(255, 218, 212, 1);
  --surface-background-quaternary-inverse: rgba(65, 0, 0, 1);
  --surface-container-quaternary-lowest: rgba(255, 255, 255, 1);
  --surface-container-quaternary-low: rgba(255, 248, 246, 1);
  --surface-container-quaternary-standard: rgba(255, 218, 212, 1);
  --surface-container-quaternary-high: rgba(255, 180, 168, 1);
  --surface-container-quaternary-highest: rgba(147, 0, 0, 1);
  --surface-container-quaternary-inverse: rgba(65, 0, 0, 1);
  --surface-object-quaternary-container-low: rgba(255, 248, 246, 1);
  --surface-object-quaternary-container: rgba(255, 218, 212, 1);
  --surface-object-quaternary-standard: rgba(147, 0, 0, 1);
  --surface-object-quaternary-pressed: rgba(65, 0, 0, 1);
  --border-stroke-color-quaternary: rgba(147, 0, 0, 1);
}

.surface-object-secondary-standard {
  background-color: var(--surface-object-secondary-standard);
}

.surface-object-secondary-container {
  background-color: var(--surface-object-secondary-container);
}

.surface-object-secondary-pressed {
  background-color: var(--surface-object-secondary-pressed);
}

.surface-object-primary-standard {
  background-color: var(--surface-object-primary-standard);
}

.surface-object-primary-container {
  background-color: var(--surface-object-primary-container);
}

.surface-object-primary-pressed {
  background-color: var(--surface-object-primary-pressed);
}

.surface-background-grayscale-standard {
  background-color: var(--surface-background-grayscale-standard);
}

.surface-background-grayscale-low {
  background-color: var(--surface-background-grayscale-low);
}

.surface-background-grayscale-high {
  background-color: var(--surface-background-grayscale-high);
}

.surface-container-grayscale-low {
  background-color: var(--surface-container-grayscale-low);
}

.surface-container-grayscale-standard {
  background-color: var(--surface-container-grayscale-standard);
}

.surface-container-grayscale-high {
  background-color: var(--surface-container-grayscale-high);
}

.surface-container-grayscale-lowest {
  background-color: var(--surface-container-grayscale-lowest);
}

.surface-container-grayscale-highest {
  background-color: var(--surface-container-grayscale-highest);
}

.surface-object-alert-standard {
  background-color: var(--surface-object-alert-standard);
}

.surface-object-alert-container {
  background-color: var(--surface-object-alert-container);
}

.surface-object-grayscale-standard-dim {
  background-color: var(--surface-object-grayscale-standard-dim);
}

.surface-object-grayscale-low-dim {
  background-color: var(--surface-object-grayscale-low-dim);
}

.surface-object-grayscale-high-dim {
  background-color: var(--surface-object-grayscale-high-dim);
}

.surface-object-grayscale-high-bright {
  background-color: var(--surface-object-grayscale-high-bright);
}

.surface-object-grayscale-standard-bright {
  background-color: var(--surface-object-grayscale-standard-bright);
}

.surface-object-grayscale-low-bright {
  background-color: var(--surface-object-grayscale-low-bright);
}

.border-stroke-color-secondary {
  border-color: var(--border-stroke-color-secondary);
}

.border-stroke-color-standard {
  border-color: var(--border-stroke-color-standard);
}

.border-stroke-color-inverse {
  border-color: var(--border-stroke-color-inverse);
}

.border-stroke-color-opacity-low {
  border-color: var(--border-stroke-color-opacity-low);
}

.border-stroke-color-opacity-hight {
  border-color: var(--border-stroke-color-opacity-hight);
}

.border-stroke-color-primary {
  border-color: var(--border-stroke-color-primary);
}

.border-stroke-color-alert {
  border-color: var(--border-stroke-color-alert);
}

.text-on-secondary-basic-variant {
  color: var(--text-on-secondary-basic-variant);
}

.text-on-secondary-standard {
  color: var(--text-on-secondary-standard);
}

.text-on-secondary-container {
  color: var(--text-on-secondary-container);
}

.text-on-primary-standard {
  color: var(--text-on-primary-standard);
}

.text-on-primary-container {
  color: var(--text-on-primary-container);
}

.text-on-primary-basic-variant {
  color: var(--text-on-primary-basic-variant);
}

.text-on-grayscale-standard {
  color: var(--text-on-grayscale-standard);
}

.text-on-grayscale-opacity-lower {
  color: var(--text-on-grayscale-opacity-lower);
}

.text-on-grayscale-opacity-highest {
  color: var(--text-on-grayscale-opacity-highest);
}

.text-on-grayscale-opacity-high {
  color: var(--text-on-grayscale-opacity-high);
}

.text-on-grayscale-opacity-low {
  color: var(--text-on-grayscale-opacity-low);
}

.text-on-alert-standard {
  color: var(--text-on-alert-standard);
}

.text-on-alert-container {
  color: var(--text-on-alert-container);
}

.text-on-alert-basic-variant {
  color: var(--text-on-alert-basic-variant);
}

.surface-object-tertiary-standard {
  background-color: var(--surface-object-tertiary-standard);
}

.surface-object-tertiary-container {
  background-color: var(--surface-object-tertiary-container);
}

.surface-object-tertiary-pressed {
  background-color: var(--surface-object-tertiary-pressed);
}

.text-on-tertiary-standard {
  color: var(--text-on-tertiary-standard);
}

.text-on-tertiary-container {
  color: var(--text-on-tertiary-container);
}

.text-on-tertiary-basic-variant {
  color: var(--text-on-tertiary-basic-variant);
}

.text-on-grayscale-inverse {
  color: var(--text-on-grayscale-inverse);
}

.border-stroke-color-tertiary {
  border-color: var(--border-stroke-color-tertiary);
}

.text-on-quaternary-standard {
  color: var(--text-on-quaternary-standard);
}

.text-on-quaternary-container {
  color: var(--text-on-quaternary-container);
}

.text-on-quaternary-basic-variant {
  color: var(--text-on-quaternary-basic-variant);
}

.surface-background-grayscale-inverse {
  background-color: var(--surface-background-grayscale-inverse);
}

.border-stroke-color-opacity-lowest {
  border-color: var(--border-stroke-color-opacity-lowest);
}

.border-stroke-color-opacity-highest {
  border-color: var(--border-stroke-color-opacity-highest);
}

.surface-background-primary-standard {
  background-color: var(--surface-background-primary-standard);
}

.surface-background-primary-low {
  background-color: var(--surface-background-primary-low);
}

.surface-background-primary-high {
  background-color: var(--surface-background-primary-high);
}

.surface-background-primary-inverse {
  background-color: var(--surface-background-primary-inverse);
}

.surface-container-primary-lowest {
  background-color: var(--surface-container-primary-lowest);
}

.surface-container-primary-low {
  background-color: var(--surface-container-primary-low);
}

.surface-container-primary-standard {
  background-color: var(--surface-container-primary-standard);
}

.surface-container-primary-high {
  background-color: var(--surface-container-primary-high);
}

.surface-container-primary-highest {
  background-color: var(--surface-container-primary-highest);
}

.surface-object-primary-container-low {
  background-color: var(--surface-object-primary-container-low);
}

.surface-object-secondary-container-low {
  background-color: var(--surface-object-secondary-container-low);
}

.surface-object-tertiary-container-low {
  background-color: var(--surface-object-tertiary-container-low);
}

.surface-object-alert-container-low {
  background-color: var(--surface-object-alert-container-low);
}

.surface-container-grayscale-inverse {
  background-color: var(--surface-container-grayscale-inverse);
}

.surface-container-primary-inverse {
  background-color: var(--surface-container-primary-inverse);
}

.surface-background-primary-lowest {
  background-color: var(--surface-background-primary-lowest);
}

.surface-object-grayscale-inverse {
  background-color: var(--surface-object-grayscale-inverse);
}

.surface-object-grayscale-standard {
  background-color: var(--surface-object-grayscale-standard);
}

.surface-container-secondary-lowest {
  background-color: var(--surface-container-secondary-lowest);
}

.surface-container-secondary-low {
  background-color: var(--surface-container-secondary-low);
}

.surface-container-secondary-standard {
  background-color: var(--surface-container-secondary-standard);
}

.surface-container-secondary-high {
  background-color: var(--surface-container-secondary-high);
}

.surface-container-secondary-highest {
  background-color: var(--surface-container-secondary-highest);
}

.surface-container-secondary-inverse {
  background-color: var(--surface-container-secondary-inverse);
}

.surface-container-tertiary-lowest {
  background-color: var(--surface-container-tertiary-lowest);
}

.surface-container-tertiary-low {
  background-color: var(--surface-container-tertiary-low);
}

.surface-container-tertiary-standard {
  background-color: var(--surface-container-tertiary-standard);
}

.surface-container-tertiary-high {
  background-color: var(--surface-container-tertiary-high);
}

.surface-container-tertiary-highest {
  background-color: var(--surface-container-tertiary-highest);
}

.surface-container-tertiary-inverse {
  background-color: var(--surface-container-tertiary-inverse);
}

.surface-background-tertiary-standard {
  background-color: var(--surface-background-tertiary-standard);
}

.surface-background-tertiary-lowest {
  background-color: var(--surface-background-tertiary-lowest);
}

.surface-background-tertiary-low {
  background-color: var(--surface-background-tertiary-low);
}

.surface-background-tertiary-high {
  background-color: var(--surface-background-tertiary-high);
}

.surface-background-tertiary-inverse {
  background-color: var(--surface-background-tertiary-inverse);
}

.surface-background-quaternary-standard {
  background-color: var(--surface-background-quaternary-standard);
}

.surface-background-quaternary-lowest {
  background-color: var(--surface-background-quaternary-lowest);
}

.surface-background-quaternary-low {
  background-color: var(--surface-background-quaternary-low);
}

.surface-background-quaternary-high {
  background-color: var(--surface-background-quaternary-high);
}

.surface-background-quaternary-inverse {
  background-color: var(--surface-background-quaternary-inverse);
}

.surface-container-quaternary-lowest {
  background-color: var(--surface-container-quaternary-lowest);
}

.surface-container-quaternary-low {
  background-color: var(--surface-container-quaternary-low);
}

.surface-container-quaternary-standard {
  background-color: var(--surface-container-quaternary-standard);
}

.surface-container-quaternary-high {
  background-color: var(--surface-container-quaternary-high);
}

.surface-container-quaternary-highest {
  background-color: var(--surface-container-quaternary-highest);
}

.surface-container-quaternary-inverse {
  background-color: var(--surface-container-quaternary-inverse);
}

.surface-object-quaternary-container-low {
  background-color: var(--surface-object-quaternary-container-low);
}

.surface-object-quaternary-container {
  background-color: var(--surface-object-quaternary-container);
}

.surface-object-quaternary-standard {
  background-color: var(--surface-object-quaternary-standard);
}

.surface-object-quaternary-pressed {
  background-color: var(--surface-object-quaternary-pressed);
}

.border-stroke-color-quaternary {
  border-color: var(--border-stroke-color-quaternary);
}

.dark {
  --surface-object-secondary-standard: rgba(198, 198, 198, 1);
  --surface-object-secondary-container: rgba(71, 71, 71, 1);
  --surface-object-secondary-pressed: rgba(145, 145, 145, 1);
  --surface-object-primary-standard: rgba(198, 198, 198, 1);
  --surface-object-primary-container: rgba(71, 71, 71, 1);
  --surface-object-primary-pressed: rgba(145, 145, 145, 1);
  --surface-background-grayscale-standard: rgba(31, 31, 31, 1);
  --surface-background-grayscale-low: rgba(56, 56, 56, 1);
  --surface-background-grayscale-high: rgba(84, 84, 84, 1);
  --surface-container-grayscale-low: rgba(31, 31, 31, 1);
  --surface-container-grayscale-standard: rgba(56, 56, 56, 1);
  --surface-container-grayscale-high: rgba(110, 110, 110, 1);
  --surface-container-grayscale-lowest: rgba(17, 17, 17, 1);
  --surface-container-grayscale-highest: rgba(135, 135, 135, 1);
  --surface-object-alert-standard: rgba(255, 180, 171, 1);
  --surface-object-alert-container: rgba(147, 0, 10, 1);
  --surface-object-grayscale-standard-dim: rgba(255, 255, 255, 0.2);
  --surface-object-grayscale-low-dim: rgba(255, 255, 255, 0.7);
  --surface-object-grayscale-high-dim: rgba(255, 255, 255, 0.1);
  --surface-object-grayscale-high-bright: rgba(17, 17, 17, 0.1);
  --surface-object-grayscale-standard-bright: rgba(17, 17, 17, 0.2);
  --surface-object-grayscale-low-bright: rgba(17, 17, 17, 0.7);
  --border-stroke-color-secondary: rgba(71, 71, 71, 1);
  --border-stroke-color-standard: rgba(255, 255, 255, 1);
  --border-stroke-color-inverse: rgba(17, 17, 17, 1);
  --border-stroke-color-opacity-low: rgba(17, 17, 17, 0.2);
  --border-stroke-color-opacity-hight: rgba(255, 255, 255, 0.2);
  --border-stroke-color-primary: rgba(71, 71, 71, 1);
  --border-stroke-color-alert: rgba(147, 0, 10, 1);
  --text-on-secondary-basic-variant: rgba(71, 71, 71, 1);
  --text-on-secondary-standard: rgba(249, 249, 249, 1);
  --text-on-secondary-container: rgba(249, 249, 249, 1);
  --text-on-primary-standard: rgba(249, 249, 249, 1);
  --text-on-primary-container: rgba(249, 249, 249, 1);
  --text-on-primary-basic-variant: rgba(71, 71, 71, 1);
  --text-on-grayscale-standard: rgba(255, 255, 255, 1);
  --text-on-grayscale-opacity-lower: rgba(17, 17, 17, 0.6);
  --text-on-grayscale-opacity-highest: rgba(255, 255, 255, 0.6);
  --text-on-grayscale-opacity-high: rgba(255, 255, 255, 0.4);
  --text-on-grayscale-opacity-low: rgba(17, 17, 17, 0.35);
  --text-on-alert-standard: rgba(255, 248, 247, 1);
  --text-on-alert-container: rgba(255, 248, 247, 1);
  --text-on-alert-basic-variant: rgba(147, 0, 10, 1);
  --surface-object-tertiary-standard: rgba(198, 198, 198, 1);
  --surface-object-tertiary-container: rgba(71, 71, 71, 1);
  --surface-object-tertiary-pressed: rgba(145, 145, 145, 1);
  --text-on-tertiary-standard: rgba(249, 249, 249, 1);
  --text-on-tertiary-container: rgba(249, 249, 249, 1);
  --text-on-tertiary-basic-variant: rgba(71, 71, 71, 1);
  --text-on-grayscale-inverse: rgba(17, 17, 17, 1);
  --border-stroke-color-tertiary: rgba(71, 71, 71, 1);
  --text-on-quaternary-standard: rgba(255, 248, 246, 1);
  --text-on-quaternary-container: rgba(255, 248, 246, 1);
  --text-on-quaternary-basic-variant: rgba(147, 0, 0, 1);
  --surface-background-grayscale-inverse: rgba(255, 255, 255, 1);
  --border-stroke-color-opacity-lowest: rgba(17, 17, 17, 0.6);
  --border-stroke-color-opacity-highest: rgba(255, 255, 255, 0.6);
  --surface-background-primary-standard: rgba(17, 17, 17, 1);
  --surface-background-primary-low: rgba(27, 27, 27, 1);
  --surface-background-primary-high: rgba(38, 38, 38, 1);
  --surface-background-primary-inverse: rgba(241, 241, 241, 1);
  --surface-container-primary-lowest: rgba(17, 17, 17, 1);
  --surface-container-primary-low: rgba(17, 17, 17, 1);
  --surface-container-primary-standard: rgba(27, 27, 27, 1);
  --surface-container-primary-high: rgba(38, 38, 38, 1);
  --surface-container-primary-highest: rgba(71, 71, 71, 1);
  --surface-object-primary-container-low: rgba(27, 27, 27, 1);
  --surface-object-secondary-container-low: rgba(27, 27, 27, 1);
  --surface-object-tertiary-container-low: rgba(27, 27, 27, 1);
  --surface-object-alert-container-low: rgba(65, 0, 2, 1);
  --surface-container-grayscale-inverse: rgba(242, 242, 242, 1);
  --surface-container-primary-inverse: rgba(241, 241, 241, 1);
  --surface-background-primary-lowest: rgba(27, 27, 27, 1);
  --surface-object-grayscale-inverse: rgba(17, 17, 17, 1);
  --surface-object-grayscale-standard: rgba(255, 255, 255, 1);
  --surface-container-secondary-lowest: rgba(17, 17, 17, 1);
  --surface-container-secondary-low: rgba(17, 17, 17, 1);
  --surface-container-secondary-standard: rgba(27, 27, 27, 1);
  --surface-container-secondary-high: rgba(38, 38, 38, 1);
  --surface-container-secondary-highest: rgba(71, 71, 71, 1);
  --surface-container-secondary-inverse: rgba(241, 241, 241, 1);
  --surface-container-tertiary-lowest: rgba(17, 17, 17, 1);
  --surface-container-tertiary-low: rgba(17, 17, 17, 1);
  --surface-container-tertiary-standard: rgba(27, 27, 27, 1);
  --surface-container-tertiary-high: rgba(38, 38, 38, 1);
  --surface-container-tertiary-highest: rgba(71, 71, 71, 1);
  --surface-container-tertiary-inverse: rgba(241, 241, 241, 1);
  --surface-background-tertiary-standard: rgba(17, 17, 17, 1);
  --surface-background-tertiary-lowest: rgba(27, 27, 27, 1);
  --surface-background-tertiary-low: rgba(27, 27, 27, 1);
  --surface-background-tertiary-high: rgba(38, 38, 38, 1);
  --surface-background-tertiary-inverse: rgba(241, 241, 241, 1);
  --surface-background-quaternary-standard: rgba(45, 0, 0, 1);
  --surface-background-quaternary-lowest: rgba(65, 0, 0, 1);
  --surface-background-quaternary-low: rgba(65, 0, 0, 1);
  --surface-background-quaternary-high: rgba(84, 0, 0, 1);
  --surface-background-quaternary-inverse: rgba(255, 237, 234, 1);
  --surface-container-quaternary-lowest: rgba(17, 17, 17, 1);
  --surface-container-quaternary-low: rgba(45, 0, 0, 1);
  --surface-container-quaternary-standard: rgba(65, 0, 0, 1);
  --surface-container-quaternary-high: rgba(84, 0, 0, 1);
  --surface-container-quaternary-highest: rgba(147, 0, 0, 1);
  --surface-container-quaternary-inverse: rgba(255, 237, 234, 1);
  --surface-object-quaternary-container-low: rgba(65, 0, 0, 1);
  --surface-object-quaternary-container: rgba(147, 0, 0, 1);
  --surface-object-quaternary-standard: rgba(255, 180, 168, 1);
  --surface-object-quaternary-pressed: rgba(254, 86, 66, 1);
  --border-stroke-color-quaternary: rgba(147, 0, 0, 1);
}

.display-extra-condensed {
  font-family: "League Gothic";
  text-transform: uppercase;
  font-size: var(--font-size-5xl);
  line-height: 0.96;
  font-weight: var(--font-weight-regular);
}

.display-big-condensed {
  font-family: "League Gothic";
  text-transform: uppercase;
  font-size: var(--font-size-5xl);
  line-height: 0.96;
  font-weight: var(--font-weight-regular);
}

.display-big-sans {
  font-family: "Open Sauce Sans";
  font-size: var(--font-size-4xl);
  line-height: 1.2;
  font-weight: var(--font-weight-regular);
}

.display-big-serif {
  font-family: "Sentient";
  font-size: var(--font-size-4xl);
  line-height: 1.2;
  font-weight: var(--font-weight-light);
}

.display-big-extended {
  font-family: "Coconat";
  font-size: var(--font-size-4xl);
  line-height: 1.2;
  font-weight: var(--font-weight-bold);
}

.display-big-display {
  font-family: "Cooper*";
  font-size: var(--font-size-4xl);
  line-height: 1.2;
  font-weight: var(--font-weight-black);
}

.display-small-condensed {
  font-family: "League Gothic";
  text-transform: uppercase;
  font-size: var(--font-size-4xl);
  line-height: 0.96;
  font-weight: var(--font-weight-medium);
}

.display-small-sans {
  font-family: "Open Sauce Sans";
  font-size: var(--font-size-3xl);
  line-height: 1.1;
  font-weight: var(--font-weight-medium);
}

.display-small-serif {
  font-family: "Sentient";
  font-size: var(--font-size-3xl);
  line-height: 1.1;
  font-weight: var(--font-weight-light);
}

.title-big-condensed {
  font-family: "League Gothic";
  text-transform: uppercase;
  font-size: var(--font-size-3xl);
  line-height: 0.96;
  font-weight: var(--font-weight-light);
}

.title-big-extended {
  font-family: "Coconat";
  font-size: var(--font-size-2xl);
  line-height: 1.2;
  font-weight: var(--font-weight-bold);
}

.title-big-sans {
  font-family: "Open Sauce Sans";
  font-size: var(--font-size-2xl);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
}

.title-big-serif {
  font-family: "Sentient";
  font-size: var(--font-size-2xl);
  line-height: 1.2;
  font-weight: var(--font-weight-regular);
}

.title-big-display {
  font-family: "Cooper*";
  font-size: var(--font-size-3xl);
  line-height: 1.2;
  font-weight: var(--font-weight-black);
}

.title-small-extended {
  font-family: "Coconat";
  font-size: var(--font-size-xl);
  line-height: 1.2;
  font-weight: var(--font-weight-bold);
}

.title-small-serif {
  font-family: "Sentient";
  font-size: var(--font-size-xl);
  line-height: 1.6;
  font-weight: var(--font-weight-regular);
}

.title-small-sans {
  font-family: "Open Sauce Sans";
  font-size: var(--font-size-xl);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
}

.title-small-condensed {
  font-family: "League Gothic";
  text-transform: uppercase;
  font-size: var(--font-size-2xl);
  line-height: 0.96;
  font-weight: var(--font-weight-light);
}

.title-small-display {
  font-family: "Cooper*";
  font-size: var(--font-size-xl);
  line-height: 1.2;
  font-weight: var(--font-weight-black);
}

.article-text-sans {
  font-family: "Open Sauce Sans";
  font-size: var(--font-size-m-sans);
  line-height: 1.8;
  font-weight: var(--font-weight-regular);
}

.article-text-serif {
  font-family: "Sentient";
  font-size: var(--font-size-m);
  line-height: 1.8;
  font-weight: var(--font-weight-regular);
}

.body-big-sans {
  font-family: "Open Sauce Sans";
  font-size: var(--font-size-l);
  line-height: 1.3;
  font-weight: var(--font-weight-medium);
}

.body-big-130 {
  font-family: "Coconat";
  font-size: var(--font-size-l);
  line-height: 1.3;
  font-weight: var(--font-weight-bold);
}

.body-big-serif {
  font-family: "Sentient";
  font-size: var(--font-size-l);
  line-height: 1.3;
  font-weight: var(--font-weight-regular);
}

.body-big-condensed {
  font-family: "League Gothic";
  text-transform: uppercase;
  font-size: var(--font-size-xl);
  line-height: 0.96;
  font-weight: var(--font-weight-regular);
}

.body-small-sans {
  font-family: "Open Sauce Sans";
  font-size: var(--font-size-m-sans);
  line-height: 1.8;
  font-weight: var(--font-weight-regular);
}

.body-small-serif {
  font-family: "Sentient";
  font-size: var(--font-size-m);
  line-height: 1.6;
  font-weight: var(--font-weight-regular);
}

.body-small-serif-light {
  font-family: "Sentient";
  font-size: var(--font-size-m);
  line-height: 1.8;
  font-weight: var(--font-weight-light);
}

.body-small-condensed {
  font-family: "League Gothic";
  text-transform: uppercase;
  font-size: var(--font-size-l);
  line-height: 0.96;
  font-weight: var(--font-weight-regular);
}

.label-big-serif {
  font-family: "Sentient";
  font-size: var(--font-size-s);
  line-height: 1.2;
  font-weight: var(--font-weight-light);
}

.label-big-sans {
  font-family: "Open Sauce Sans";
  font-size: var(--font-size-s);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
}

.label-small-serif {
  font-family: "Sentient";
  font-size: var(--font-size-xs);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
}

.label-small-sans {
  font-family: "Open Sauce Sans";
  font-size: var(--font-size-xs);
  line-height: 1.4;
  font-weight: var(--font-weight-regular);
}

.button-condensed {
  font-family: "League Gothic";
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: var(--font-size-l);
  line-height: 1;
  font-weight: var(--font-weight-regular);
}

.button-medium {
  font-family: "League Gothic";
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: var(--font-size-m);
  line-height: 1;
  font-weight: var(--font-weight-regular);
}

.button-small {
  font-family: "League Gothic";
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: var(--font-size-s);
  line-height: 1;
  font-weight: var(--font-weight-regular);
}

@media (max-width: 767px) {
  :root {
    --border-stroke-l: 0.25rem;
    --screen-width: 23.44rem;
    --padding-xs: 0.25rem;
    --padding-s: 0.50rem;
    --padding-m: 0.75rem;
    --padding-l: 1.00rem;
    --padding-xl: 1.25rem;
    --padding-none: 0.00rem;
    --padding-3xl: 5.00rem;
    --padding-2xl: 2.50rem;
    --margin-none: 0.00rem;
    --margin-xs: 0.50rem;
    --margin-s: 0.75rem;
    --margin-m: 1.00rem;
    --margin-l: 1.25rem;
    --margin-2xl: 5.00rem;
    --gap-none: 0.00rem;
    --gap-xs: 0.25rem;
    --gap-s: 0.75rem;
    --gap-m: 1.25rem;
    --gap-l: 1.50rem;
    --border-radius-xs: 0.50rem;
    --border-radius-s: 1.00rem;
    --border-radius-xl: 3.00rem;
    --border-radius-l: 2.00rem;
    --border-radius-m: 1.50rem;
    --border-radius-none: 0.00rem;
    --icon-size-s: 1.50rem;
    --icon-size-m: 1.75rem;
    --icon-size-xl: 2.50rem;
    --icon-size-xs: 1.25rem;
    --icon-size-xxs: 1.00rem;
    --main-column-max-width: 23.4375rem;
    --border-stroke-s: 0.0625rem;
    --border-stroke-none: 0.00rem;
    --border-radius-xxs: 0.25rem;
    --border-stroke-m: 0.125rem;
    --main-column-text-max-width-medium: 23.4375rem;
    --main-column-text-min-width: 23.4375rem;
    --icon-size-l: 1.75rem;
    --icon-size-2xl: 2.50rem;
    --margin-xl: 1.50rem;
    --gap-xl: 1.50rem;
    --gap-2xl: 2.50rem;
    --text-indent: 1.00rem;
    --main-column-text-max-width-small: 23.4375rem;
    --card-height: 31.25rem;
    --card-width: 18.75rem;
    --font-family-sans: Open Sauce Sans;
    --font-size-xs: 0.8125rem;
    --font-size-s: 0.875rem;
    --font-size-m: 1.125rem;
    --font-size-l: 1.25rem;
    --font-size-xl: 1.375rem;
    --font-size-2xl: 1.625rem;
    --font-size-3xl: 2.0625rem;
    --font-size-4xl: 2.25rem;
    --font-size-5xl: 2.5rem;
    --font-family-serif: Sentient;
    --font-family-condensed: League Gothic;
    --font-weight-regular: regular;
    --font-weight-bold: bold;
    --font-weight-semibold: semibold;
    --font-weight-light: light;
    --font-weight-medium: medium;
    --font-weight-black: black;
    --font-line-height-xs: 0.875rem;
    --font-line-height-s: 1rem;
    --font-line-height-m: 1.625rem;
    --font-line-height-l: 1.5625rem;
    --font-line-height-xl: 1.625rem;
    --font-line-height-2xl: 2.125rem;
    --font-line-height-3xl: 2.25rem;
    --font-line-height-4xl: 2.625rem;
    --font-line-height-5xl: 5rem;
    --font-family-extended: Coconat;
    --font-weight-extrabold: extrabold;
    --font-family-display: Cooper*;
    --font-size-m-sans: 1rem;
  }
}
@media (min-width: 768px) {
  :root {
    --border-stroke-l: 0.1875rem;
    --screen-width: 95.00rem;
    --padding-xs: 0.25rem;
    --padding-s: 0.50rem;
    --padding-m: 0.75rem;
    --padding-l: 1.50rem;
    --padding-xl: 3.00rem;
    --padding-none: 0.00rem;
    --padding-3xl: 5.00rem;
    --padding-2xl: 4.50rem;
    --margin-none: 0.00rem;
    --margin-xs: 0.75rem;
    --margin-s: 1.50rem;
    --margin-m: 2.50rem;
    --margin-l: 3.00rem;
    --margin-2xl: 5.00rem;
    --gap-none: 0.00rem;
    --gap-xs: 0.50rem;
    --gap-s: 0.75rem;
    --gap-m: 1.50rem;
    --gap-l: 3.00rem;
    --border-radius-xs: 1.25rem;
    --border-radius-s: 1.00rem;
    --border-radius-xl: 3.00rem;
    --border-radius-l: 2.50rem;
    --border-radius-m: 2.00rem;
    --border-radius-none: 0.00rem;
    --icon-size-s: 1.25rem;
    --icon-size-m: 2.00rem;
    --icon-size-xl: 3.00rem;
    --icon-size-xs: 1.50rem;
    --icon-size-xxs: 1.25rem;
    --main-column-max-width: 67.5rem;
    --border-stroke-s: 0.0625rem;
    --border-stroke-none: 0.00rem;
    --border-radius-xxs: 0.50rem;
    --border-stroke-m: 0.125rem;
    --main-column-text-max-width-medium: 15.62rem;
    --main-column-text-min-width: 9.77rem;
    --icon-size-l: 2.50rem;
    --icon-size-2xl: 4.50rem;
    --margin-xl: 4.00rem;
    --gap-xl: 4.00rem;
    --gap-2xl: 4.50rem;
    --text-indent: 2.50rem;
    --main-column-text-max-width-small: 11.72rem;
    --card-height: 43.75rem;
    --card-width: 25rem;
    --font-family-sans: Open Sauce Sans;
    --font-size-xs: 0.8125rem;
    --font-size-s: 0.875rem;
    --font-size-m: 1.125rem;
    --font-size-l: 1.5rem;
    --font-size-xl: 2.125rem;
    --font-size-2xl: 2.875rem;
    --font-size-3xl: 3.75rem;
    --font-size-4xl: 4.25rem;
    --font-size-5xl: 6.25rem;
    --font-family-serif: Sentient;
    --font-family-condensed: League Gothic;
    --font-weight-regular: regular;
    --font-weight-bold: bold;
    --font-weight-semibold: semibold;
    --font-weight-light: light;
    --font-weight-medium: medium;
    --font-weight-black: black;
    --font-line-height-xs: 0.9375rem;
    --font-line-height-s: 1.5rem;
    --font-line-height-m: 2.0625rem;
    --font-line-height-l: 2.25rem;
    --font-line-height-xl: 2.5625rem;
    --font-line-height-2xl: 3.375rem;
    --font-line-height-3xl: 4.5rem;
    --font-line-height-4xl: 5.9375rem;
    --font-line-height-5xl: 6.875rem;
    --font-family-extended: Coconat;
    --font-weight-extrabold: extrabold;
    --font-family-display: Cooper*;
    --font-size-m-sans: 1.0625rem;
  }
}
.white-bkg {
  background-color: var(--wp--preset--color--white);
}

.black-bkg {
  background-color: var(--wp--preset--color--black);
}

.light-gray-bkg {
  background-color: var(--wp--preset--color--light-gray);
}

.medium-gray-bkg {
  background-color: var(--wp--preset--color--medium-gray);
}

.dark-gray-bkg {
  background-color: var(--wp--preset--color--dark-gray);
}

.octane-bkg {
  background-color: var(--wp--preset--color--octane);
}

.gold-bkg {
  background-color: var(--wp--preset--color--gold);
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: black;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  outline: none;
}

.wp-block-columns,
.wp-block-image {
  margin: 0;
}

img {
  max-width: 100%;
}

.main-column {
  position: relative;
  width: calc(100% - 2rem);
  margin: 0 auto;
}

body {
  background-color: white;
}

.wp-block-column,
.wp-block-column:not(:first-child) {
  margin: 0;
}

.col-1 {
  width: 8.3333333333%;
}

.max-width-col-1 {
  max-width: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.max-width-col-2 {
  max-width: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.max-width-col-3 {
  max-width: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.max-width-col-4 {
  max-width: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.max-width-col-5 {
  max-width: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.max-width-col-6 {
  max-width: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.max-width-col-7 {
  max-width: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
}

.max-width-col-8 {
  max-width: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.max-width-col-9 {
  max-width: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.max-width-col-10 {
  max-width: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.max-width-col-11 {
  max-width: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

.max-width-col-12 {
  max-width: 100%;
}

.col-1-of-1 {
  width: 1;
}

.col-1-of-2 {
  width: 0.5;
}

.col-2-of-2 {
  width: 1;
}

.col-1-of-3 {
  width: 0.3333333333;
}

.col-2-of-3 {
  width: 0.6666666667;
}

.col-3-of-3 {
  width: 1;
}

.col-1-of-4 {
  width: 0.25;
}

.col-2-of-4 {
  width: 0.5;
}

.col-3-of-4 {
  width: 0.75;
}

.col-4-of-4 {
  width: 1;
}

.col-1-of-5 {
  width: 0.2;
}

.col-2-of-5 {
  width: 0.4;
}

.col-3-of-5 {
  width: 0.6;
}

.col-4-of-5 {
  width: 0.8;
}

.col-5-of-5 {
  width: 1;
}

.col-1-of-6 {
  width: 0.1666666667;
}

.col-2-of-6 {
  width: 0.3333333333;
}

.col-3-of-6 {
  width: 0.5;
}

.col-4-of-6 {
  width: 0.6666666667;
}

.col-5-of-6 {
  width: 0.8333333333;
}

.col-6-of-6 {
  width: 1;
}

.col-1-of-7 {
  width: 0.1428571429;
}

.col-2-of-7 {
  width: 0.2857142857;
}

.col-3-of-7 {
  width: 0.4285714286;
}

.col-4-of-7 {
  width: 0.5714285714;
}

.col-5-of-7 {
  width: 0.7142857143;
}

.col-6-of-7 {
  width: 0.8571428571;
}

.col-7-of-7 {
  width: 1;
}

.col-1-of-8 {
  width: 0.125;
}

.col-2-of-8 {
  width: 0.25;
}

.col-3-of-8 {
  width: 0.375;
}

.col-4-of-8 {
  width: 0.5;
}

.col-5-of-8 {
  width: 0.625;
}

.col-6-of-8 {
  width: 0.75;
}

.col-7-of-8 {
  width: 0.875;
}

.col-8-of-8 {
  width: 1;
}

.col-1-of-9 {
  width: 0.1111111111;
}

.col-2-of-9 {
  width: 0.2222222222;
}

.col-3-of-9 {
  width: 0.3333333333;
}

.col-4-of-9 {
  width: 0.4444444444;
}

.col-5-of-9 {
  width: 0.5555555556;
}

.col-6-of-9 {
  width: 0.6666666667;
}

.col-7-of-9 {
  width: 0.7777777778;
}

.col-8-of-9 {
  width: 0.8888888889;
}

.col-9-of-9 {
  width: 1;
}

.col-1-of-10 {
  width: 0.1;
}

.col-2-of-10 {
  width: 0.2;
}

.col-3-of-10 {
  width: 0.3;
}

.col-4-of-10 {
  width: 0.4;
}

.col-5-of-10 {
  width: 0.5;
}

.col-6-of-10 {
  width: 0.6;
}

.col-7-of-10 {
  width: 0.7;
}

.col-8-of-10 {
  width: 0.8;
}

.col-9-of-10 {
  width: 0.9;
}

.col-10-of-10 {
  width: 1;
}

.col-1-of-11 {
  width: 0.0909090909;
}

.col-2-of-11 {
  width: 0.1818181818;
}

.col-3-of-11 {
  width: 0.2727272727;
}

.col-4-of-11 {
  width: 0.3636363636;
}

.col-5-of-11 {
  width: 0.4545454545;
}

.col-6-of-11 {
  width: 0.5454545455;
}

.col-7-of-11 {
  width: 0.6363636364;
}

.col-8-of-11 {
  width: 0.7272727273;
}

.col-9-of-11 {
  width: 0.8181818182;
}

.col-10-of-11 {
  width: 0.9090909091;
}

.col-11-of-11 {
  width: 1;
}

.col-1-of-12 {
  width: 0.0833333333;
}

.col-2-of-12 {
  width: 0.1666666667;
}

.col-3-of-12 {
  width: 0.25;
}

.col-4-of-12 {
  width: 0.3333333333;
}

.col-5-of-12 {
  width: 0.4166666667;
}

.col-6-of-12 {
  width: 0.5;
}

.col-7-of-12 {
  width: 0.5833333333;
}

.col-8-of-12 {
  width: 0.6666666667;
}

.col-9-of-12 {
  width: 0.75;
}

.col-10-of-12 {
  width: 0.8333333333;
}

.col-11-of-12 {
  width: 0.9166666667;
}

.col-12-of-12 {
  width: 1;
}

.col-gutter {
  padding-left: 1rem;
  padding-right: 1rem;
}

.remove-col-gutter {
  margin-left: -1rem;
  margin-right: -1rem;
}

.col-gutter-left {
  padding-left: 1rem;
}

.col-gutter-right {
  padding-right: 1rem;
}

body.noscroll {
  overflow: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.clear {
  clear: both;
}

.flex {
  display: flex;
}

.flex.space {
  justify-content: space-between;
}

.flex.v-center {
  align-items: center;
}

.flex.h-center {
  justify-content: center;
}

.flex.h-end {
  justify-content: flex-end;
}

.flex.v-end {
  align-items: flex-end;
}

.wrap {
  flex-wrap: wrap;
}

.full-height {
  min-height: 100vh;
}

.flex.column,
.flex.vertical {
  flex-direction: column;
}

.start {
  align-items: flex-start;
}

.min-height-100 {
  min-height: calc(100vh - var(--header-height));
  min-height: calc(100svh - var(--header-height));
}

@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-columns {
    flex-wrap: nowrap !important;
  }
  .wp-block-column:not(:only-child) {
    flex-basis: 50% !important;
  }
}
.padding-none {
  padding: var(--padding-none);
}

.padding-left-none {
  padding-left: var(--padding-none);
}

.padding-right-none {
  padding-right: var(--padding-none);
}

.padding-top-none {
  padding-top: var(--padding-none);
}

.padding-bottom-none {
  padding-bottom: var(--padding-none);
}

.padding-row-none {
  padding-top: var(--padding-none);
  padding-bottom: var(--padding-none);
}

.padding-col-none {
  padding-left: var(--padding-none);
  padding-right: var(--padding-none);
}

.padding-xs {
  padding: var(--padding-xs);
}

.padding-left-xs {
  padding-left: var(--padding-xs);
}

.padding-right-xs {
  padding-right: var(--padding-xs);
}

.padding-top-xs {
  padding-top: var(--padding-xs);
}

.padding-bottom-xs {
  padding-bottom: var(--padding-xs);
}

.padding-row-xs {
  padding-top: var(--padding-xs);
  padding-bottom: var(--padding-xs);
}

.padding-col-xs {
  padding-left: var(--padding-xs);
  padding-right: var(--padding-xs);
}

.padding-s {
  padding: var(--padding-s);
}

.padding-left-s {
  padding-left: var(--padding-s);
}

.padding-right-s {
  padding-right: var(--padding-s);
}

.padding-top-s {
  padding-top: var(--padding-s);
}

.padding-bottom-s {
  padding-bottom: var(--padding-s);
}

.padding-row-s {
  padding-top: var(--padding-s);
  padding-bottom: var(--padding-s);
}

.padding-col-s {
  padding-left: var(--padding-s);
  padding-right: var(--padding-s);
}

.padding-m {
  padding: var(--padding-m);
}

.padding-left-m {
  padding-left: var(--padding-m);
}

.padding-right-m {
  padding-right: var(--padding-m);
}

.padding-top-m {
  padding-top: var(--padding-m);
}

.padding-bottom-m {
  padding-bottom: var(--padding-m);
}

.padding-row-m {
  padding-top: var(--padding-m);
  padding-bottom: var(--padding-m);
}

.padding-col-m {
  padding-left: var(--padding-m);
  padding-right: var(--padding-m);
}

.padding-l {
  padding: var(--padding-l);
}

.padding-left-l {
  padding-left: var(--padding-l);
}

.padding-right-l {
  padding-right: var(--padding-l);
}

.padding-top-l {
  padding-top: var(--padding-l);
}

.padding-bottom-l {
  padding-bottom: var(--padding-l);
}

.padding-row-l {
  padding-top: var(--padding-l);
  padding-bottom: var(--padding-l);
}

.padding-col-l {
  padding-left: var(--padding-l);
  padding-right: var(--padding-l);
}

.padding-xl {
  padding: var(--padding-xl);
}

.padding-left-xl {
  padding-left: var(--padding-xl);
}

.padding-right-xl {
  padding-right: var(--padding-xl);
}

.padding-top-xl {
  padding-top: var(--padding-xl);
}

.padding-bottom-xl {
  padding-bottom: var(--padding-xl);
}

.padding-row-xl {
  padding-top: var(--padding-xl);
  padding-bottom: var(--padding-xl);
}

.padding-col-xl {
  padding-left: var(--padding-xl);
  padding-right: var(--padding-xl);
}

.padding-2xl {
  padding: var(--padding-2xl);
}

.padding-left-2xl {
  padding-left: var(--padding-2xl);
}

.padding-right-2xl {
  padding-right: var(--padding-2xl);
}

.padding-top-2xl {
  padding-top: var(--padding-2xl);
}

.padding-bottom-2xl {
  padding-bottom: var(--padding-2xl);
}

.padding-row-2xl {
  padding-top: var(--padding-2xl);
  padding-bottom: var(--padding-2xl);
}

.padding-col-2xl {
  padding-left: var(--padding-2xl);
  padding-right: var(--padding-2xl);
}

.padding-3xl {
  padding: var(--padding-3xl);
}

.padding-left-3xl {
  padding-left: var(--padding-3xl);
}

.padding-right-3xl {
  padding-right: var(--padding-3xl);
}

.padding-top-3xl {
  padding-top: var(--padding-3xl);
}

.padding-bottom-3xl {
  padding-bottom: var(--padding-3xl);
}

.padding-row-3xl {
  padding-top: var(--padding-3xl);
  padding-bottom: var(--padding-3xl);
}

.padding-col-3xl {
  padding-left: var(--padding-3xl);
  padding-right: var(--padding-3xl);
}

.margin-none {
  margin: var(--margin-none);
}

.margin-left-none {
  margin-left: var(--margin-none);
}

.margin-right-none {
  margin-right: var(--margin-none);
}

.margin-top-none {
  margin-top: var(--margin-none);
}

.margin-bottom-none {
  margin-bottom: var(--margin-none);
}

.margin-row-none {
  margin-top: var(--margin-none);
  margin-bottom: var(--margin-none);
}

.margin-col-none {
  margin-left: var(--margin-none);
  margin-right: var(--margin-none);
}

.margin-xs {
  margin: var(--margin-xs);
}

.margin-left-xs {
  margin-left: var(--margin-xs);
}

.margin-right-xs {
  margin-right: var(--margin-xs);
}

.margin-top-xs {
  margin-top: var(--margin-xs);
}

.margin-bottom-xs {
  margin-bottom: var(--margin-xs);
}

.margin-row-xs {
  margin-top: var(--margin-xs);
  margin-bottom: var(--margin-xs);
}

.margin-col-xs {
  margin-left: var(--margin-xs);
  margin-right: var(--margin-xs);
}

.margin-s {
  margin: var(--margin-s);
}

.margin-left-s {
  margin-left: var(--margin-s);
}

.margin-right-s {
  margin-right: var(--margin-s);
}

.margin-top-s {
  margin-top: var(--margin-s);
}

.margin-bottom-s {
  margin-bottom: var(--margin-s);
}

.margin-row-s {
  margin-top: var(--margin-s);
  margin-bottom: var(--margin-s);
}

.margin-col-s {
  margin-left: var(--margin-s);
  margin-right: var(--margin-s);
}

.margin-m {
  margin: var(--margin-m);
}

.margin-left-m {
  margin-left: var(--margin-m);
}

.margin-right-m {
  margin-right: var(--margin-m);
}

.margin-top-m {
  margin-top: var(--margin-m);
}

.margin-bottom-m {
  margin-bottom: var(--margin-m);
}

.margin-row-m {
  margin-top: var(--margin-m);
  margin-bottom: var(--margin-m);
}

.margin-col-m {
  margin-left: var(--margin-m);
  margin-right: var(--margin-m);
}

.margin-l {
  margin: var(--margin-l);
}

.margin-left-l {
  margin-left: var(--margin-l);
}

.margin-right-l {
  margin-right: var(--margin-l);
}

.margin-top-l {
  margin-top: var(--margin-l);
}

.margin-bottom-l {
  margin-bottom: var(--margin-l);
}

.margin-row-l {
  margin-top: var(--margin-l);
  margin-bottom: var(--margin-l);
}

.margin-col-l {
  margin-left: var(--margin-l);
  margin-right: var(--margin-l);
}

.margin-xl {
  margin: var(--margin-xl);
}

.margin-left-xl {
  margin-left: var(--margin-xl);
}

.margin-right-xl {
  margin-right: var(--margin-xl);
}

.margin-top-xl {
  margin-top: var(--margin-xl);
}

.margin-bottom-xl {
  margin-bottom: var(--margin-xl);
}

.margin-row-xl {
  margin-top: var(--margin-xl);
  margin-bottom: var(--margin-xl);
}

.margin-col-xl {
  margin-left: var(--margin-xl);
  margin-right: var(--margin-xl);
}

.margin-2xl {
  margin: var(--margin-2xl);
}

.margin-left-2xl {
  margin-left: var(--margin-2xl);
}

.margin-right-2xl {
  margin-right: var(--margin-2xl);
}

.margin-top-2xl {
  margin-top: var(--margin-2xl);
}

.margin-bottom-2xl {
  margin-bottom: var(--margin-2xl);
}

.margin-row-2xl {
  margin-top: var(--margin-2xl);
  margin-bottom: var(--margin-2xl);
}

.margin-col-2xl {
  margin-left: var(--margin-2xl);
  margin-right: var(--margin-2xl);
}

.gap-none {
  gap: var(--gap-none);
}

.gap-xs {
  gap: var(--gap-xs);
}

.gap-s {
  gap: var(--gap-s);
}

.gap-m {
  gap: var(--gap-m);
}

.gap-l {
  gap: var(--gap-l);
}

.gap-xl {
  gap: var(--gap-xl);
}

.gap-2xl {
  gap: var(--gap-2xl);
}

:root {
  --main-column-text-max-width-small: 45rem;
  --main-column-text-max-width-medium: 60rem;
}

.container-large {
  max-width: var(--main-column-text-max-width-medium);
  margin-left: auto;
  margin-right: auto;
}

html, body {
  font-size: 16px;
  /*font-size: clamp(16px,1.05vw,20px);*/
  font-size: 1.35vw;
}

.uppercase,
.upper {
  text-transform: uppercase;
}

.bold,
strong,
b {
  font-weight: bold;
}

.italic,
.cursive,
em {
  font-style: italic;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

:root {
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
}

.clamp-one {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .col-1 {
    width: 100%;
  }
  .col-2 {
    width: 100%;
  }
  .col-3 {
    width: 100%;
  }
  .col-4 {
    width: 100%;
  }
  .col-5 {
    width: 100%;
  }
  .col-6 {
    width: 100%;
  }
  .col-7 {
    width: 100%;
  }
  .col-8 {
    width: 100%;
  }
  .col-9 {
    width: 100%;
  }
  .col-10 {
    width: 100%;
  }
  .col-11 {
    width: 100%;
  }
  .col-12 {
    width: 100%;
  }
}
/* Components: media, pages, etc. */
.logo {
  aspect-ratio: 1;
  line-height: 0;
  transition: all 0.2s;
  transform-origin: left top;
}
.logo img {
  /*filter: invert(1);*/
  width: 4.2rem;
}
.logo .logo-title {
  display: block;
  text-indent: -10000px;
  height: 0;
}
.scrolled .logo img {
  /*scale: 0.3;*/
  width: 1.75rem;
}

.site-header {
  position: fixed;
  padding: 0.5rem 0.75rem;
  top: 0;
  left: 0;
  right: 0;
  line-height: 1;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s;
  /*.menu {
  	line-height: 1;
  	ul {
  		list-style: none;

  		li {
  			display: inline-block;
  			a {
  				display: inline-block;
  				text-decoration: none;
  				@include button-small;
  			}
  		}
  	}
  }*/
}
.site-header h1 a {
  text-decoration: none;
}
.site-header .icon {
  background: white;
  color: black;
  border-radius: 50%;
  width: 2.75rem;
  height: 2.75rem;
  line-height: 2.75rem;
  text-align: center;
  transition: all 0.3s;
}
.site-header .icon:after {
  padding: 0.75rem;
  font-size: 1.25rem;
}
.scrolled .site-header .icon {
  width: 1.75rem;
  height: 1.75rem;
  line-height: 1.75rem;
  background: transparent;
}
.scrolled .site-header .icon:after {
  padding: 0.25rem;
}
.site-header .content-title {
  opacity: 0;
  font-size: 1rem;
  color: black;
  font-weight: 700;
  transition: all 0.3s;
  width: 15rem;
}
.scrolled .site-header {
  background: rgba(255, 255, 255, 0.1019607843);
  backdrop-filter: blur(0.5rem);
}
.scrolled .site-header .content-title {
  opacity: 1;
}

:root {
  --header-height: 2.75rem;
}

/*.wp-site-blocks {
	padding-top: var(--header-height);
}*/
body.mode-select {
  overflow: hidden;
}

body {
  --wp--style--global--content-size: 100vw;
  --wp--style--root--padding-right: 0;
  --wp--style--root--padding-left: 0;
}

.panel {
  position: relative;
  padding: var(--margin-m);
  margin-top: 0;
  /*.background-holder {
  	position: fixed;
  	z-index: 10;
  	inset: 0;
  }*/
}
.panel .background {
  height: 100vh;
}
.panel .vimeo-embed {
  overflow: hidden;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.panel .vimeo-embed iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  zoom: 1.15;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.panel .cover {
  min-height: calc(100svh - 5rem);
}
.panel:has(.cover) {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.5) 100%);
}
.panel.end {
  background: color-mix(in srgb, var(--wp--preset--color--octane) 80%, transparent);
  backdrop-filter: blur(20px);
  position: relative;
  z-index: 1;
  min-height: 100svh;
  display: flex;
  justify-content: center;
}

body {
  transition: opacity 0.5s;
}

body.loading {
  pointer-events: none;
  opacity: 0.75;
}

.service-menu {
  display: none;
}

.home .site-header {
  z-index: 30;
}
.home .site-header .logo {
  filter: invert(1);
  text-decoration: none;
}
.home .site-header .logo-title {
  text-indent: 0px;
  font-size: 1.5rem;
  font-weight: 700;
  width: 20rem;
  position: absolute;
  top: 2rem;
  left: 6rem;
}
.home .site-header .icon-menu {
  display: none;
}
.home .site-header .service-menu {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  align-items: start;
  transform-origin: top right;
  scale: 0.75;
}
.home .site-header .service-menu .languages {
  padding: 0.25rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.6666666667);
}
.home .site-header .service-menu .languages .button {
  height: 0.5rem;
  line-height: 0.5rem;
}
.home .site-header .service-menu .languages .button:not(.current) {
  background: transparent;
  color: black;
}

.main-menu {
  padding: 0;
}
.main-menu .background-holder {
  position: fixed;
  z-index: 10;
  inset: 0;
}
.main-menu .background {
  height: 100vh;
}
.main-menu .story-buttons {
  display: flex;
  height: 100vh;
  padding-top: 5rem;
  gap: 3rem;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 20;
}
.main-menu .story-buttons a.story-button {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 15rem;
  aspect-ratio: 2/3;
  padding: 1rem;
  border-radius: 0.5rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.275) 50%, rgba(0, 0, 0, 0.45) 100%);
  text-decoration: none;
}
.main-menu .story-buttons a.story-button img {
  width: 100%;
  height: auto;
}
.main-menu .story-buttons a.story-button .title {
  color: white;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
}

.credits-panel {
  background: rgba(255, 255, 255, 0.6666666667);
  backdrop-filter: blur(20px);
  border-radius: 0.625rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 37.5rem;
  transform-origin: top left;
  transition: all 0.5s;
  z-index: 30;
  max-height: 80vh;
  overflow: auto;
  box-shadow: 0 0 10000px 1000px rgba(0, 0, 0, 0.25);
  scale: 0;
  opacity: 0;
  pointer-events: none;
}
.credits-panel p {
  margin-bottom: 1rem;
}
.credits-panel .close-btn-wrapper {
  position: absolute;
  right: 3rem;
}
.credits-panel.current {
  scale: 1;
  opacity: 1;
  pointer-events: all;
}
.credits-panel .close-btn {
  background: transparent;
  cursor: pointer;
  background-size: 1.625rem;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9337 25.5833L10.417 24.0667L16.4837 18L10.417 11.9333L11.9337 10.4167L18.0003 16.4833L24.067 10.4167L25.5837 11.9333L19.517 18L25.5837 24.0667L24.067 25.5833L18.0003 19.5167L11.9337 25.5833Z' fill='black'/%3E%3C/svg%3E");
}

.wp-container-core-group-is-layout-1 {
  gap: var(--wp--preset--spacing--30);
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.wp-block-buttons.is-content-justification-center.is-vertical {
  align-items: center;
}

.wp-block-buttons.is-content-justification-center {
  justify-content: center;
}

.wp-block-buttons.is-vertical {
  flex-direction: column;
}

.wp-block-button__link.wp-element-button,
.button {
  text-transform: uppercase;
  background: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
  padding: 1rem 2rem;
  border-radius: 0.25rem;
  transition: all var(--speed, 0.3s);
  letter-spacing: 0.1em;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 0.5rem 1.5rem;
  text-decoration: none;
  cursor: pointer;
}
.wp-block-button__link.wp-element-button:hover,
.button:hover {
  opacity: 0.9;
}
.ar-button .wp-block-button__link.wp-element-button, .secondary .wp-block-button__link.wp-element-button,
.ar-button .button,
.secondary .button {
  opacity: 0.5;
  background: none;
  font-weight: 400;
  color: var(--wp--preset--color--white);
}

/*.ar-button .material-icons {
	vertical-align: -0.65rem;
	margin-left: 1rem;
	font-size: 2rem;
}*/
/*.ar-button {
	visibility: hidden;
	height: 0;
	line-height: 0;
	overflow: hidden;
}*/
.figcaption, .wp-block-image figcaption, .wp-block-gallery.has-nested-images.owl-carousel figure.wp-block-image:not(#individual-image) figcaption,
.wp-block-gallery.has-nested-images.is-cropped.owl-carousel figure.wp-block-image:not(#individual-image) figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: var(--text-on-grayscale-inverse);
  font-size: var(--font-size-xs);
  font-size: 0.66rem;
  background: linear-gradient(180deg, color-mix(in srgb, var(--surface-container-secondary-highest) 0%, transparent) 0%, var(--surface-container-secondary-highest) 100%);
  padding: var(--padding-s);
  padding-top: var(--padding-l);
  margin: 0;
  text-align: left;
}

.wp-block-gallery.has-nested-images,
.wp-block-gallery.has-nested-images.is-cropped {
  margin-bottom: var(--padding-xl);
}
.wp-block-gallery.has-nested-images.owl-carousel,
.wp-block-gallery.has-nested-images.is-cropped.owl-carousel {
  width: auto;
}
.wp-block-gallery.has-nested-images.owl-carousel figure.wp-block-image:not(#individual-image),
.wp-block-gallery.has-nested-images.is-cropped.owl-carousel figure.wp-block-image:not(#individual-image) {
  padding-right: var(--gap-s);
}
.wp-block-gallery.has-nested-images.owl-carousel figure.wp-block-image:not(#individual-image) img,
.wp-block-gallery.has-nested-images.is-cropped.owl-carousel figure.wp-block-image:not(#individual-image) img {
  height: 80vh;
  width: auto;
}
.wp-block-gallery.has-nested-images.owl-carousel figure.wp-block-image:not(#individual-image) figcaption,
.wp-block-gallery.has-nested-images.is-cropped.owl-carousel figure.wp-block-image:not(#individual-image) figcaption {
  right: var(--gap-s);
}

.wp-block-image {
  position: relative;
  margin-top: var(--padding-xl);
  margin-bottom: var(--padding-xl);
}
.owl-carousel .wp-block-image {
  margin-top: unset;
  margin-bottom: unset;
}
.wp-block-image img {
  width: 100%;
  /* max-height: 80vh;
  object-fit: cover; */
}
.pattern-images-3-v,
.pattern-images-2-v,
.pattern-images-2-h,
.pattern-images-2-v-h,
.pattern-images-1-v-2-h {
  margin-top: var(--padding-xl);
  margin-bottom: var(--padding-xl);
  gap: var(--gap-s);
}
.pattern-images-3-v .wp-block-image,
.pattern-images-2-v .wp-block-image,
.pattern-images-2-h .wp-block-image,
.pattern-images-2-v-h .wp-block-image,
.pattern-images-1-v-2-h .wp-block-image {
  margin-top: unset;
  margin-bottom: unset;
}
.pattern-images-3-v .wp-block-image img,
.pattern-images-2-v .wp-block-image img,
.pattern-images-2-h .wp-block-image img,
.pattern-images-2-v-h .wp-block-image img,
.pattern-images-1-v-2-h .wp-block-image img {
  width: 100%;
  height: auto;
}

.pattern-images-1-v-2-h .wp-block-column:nth-of-type(1) {
  position: relative;
}
.pattern-images-1-v-2-h .wp-block-column:nth-of-type(1) figure {
  position: absolute;
  inset: 0;
}
.pattern-images-1-v-2-h .wp-block-column:nth-of-type(1) figure img {
  aspect-ratio: unset;
  height: 100%;
  width: 100%;
}
.pattern-images-1-v-2-h .wp-block-column:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
}

[class^=icon-], [class*=" icon-"] {
  /*line-height: 1;*/
  line-height: 0;
}
[class^=icon-]:after, [class*=" icon-"]:after {
  display: inline-block;
  line-height: 1;
  font-size: var(--icon-size-s);
  height: var(--icon-size-s);
  width: var(--icon-size-s);
  transition: all var(--speed, 0.2s);
}
[class^=icon-].medium:after, [class*=" icon-"].medium:after {
  font-size: var(--icon-size-m);
  height: var(--icon-size-m);
  width: var(--icon-size-m);
}
[class^=icon-].large:after, [class*=" icon-"].large:after {
  font-size: var(--icon-size-l);
  height: var(--icon-size-l);
  width: var(--icon-size-l);
}
[class^=icon-].xs:after, [class*=" icon-"].xs:after {
  font-size: var(--icon-size-xs);
  height: var(--icon-size-xs);
  width: var(--icon-size-xs);
}
[class^=icon-] span:not(.label), [class*=" icon-"] span:not(.label) {
  display: none;
}

hr {
  border-top: 3px solid var(--border-stroke_color-standard, #111111);
}

body .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
}
body .owl-carousel .owl-nav button.owl-prev,
body .owl-carousel .owl-nav button.owl-next {
  width: var(--icon-size-l);
  height: var(--icon-size-l);
  background: var(--surface-object-grayscale-inverse);
  color: var(--text-on-grayscale-standard);
  line-height: 1;
  display: flex;
  align-items: center;
  position: absolute;
  transform: translate(0, -100%);
}
body .owl-carousel .owl-nav button.owl-prev:after,
body .owl-carousel .owl-nav button.owl-next:after {
  font-family: "icons";
  font-size: var(--icon-size-l);
}
body .owl-carousel .owl-nav button.owl-prev:hover,
body .owl-carousel .owl-nav button.owl-next:hover {
  background: var(--surface-object-grayscale-standard);
  color: var(--text-on-grayscale-inverse);
}
body .owl-carousel .owl-nav .owl-prev {
  left: var(--gap-m);
}
body .owl-carousel .owl-nav .owl-prev:after {
  content: "\e001";
}
body .owl-carousel .owl-nav .owl-next {
  right: var(--gap-m);
}
body .owl-carousel .owl-nav .owl-next:after {
  content: "\e003";
}

:root :where(.is-layout-constrained) > * {
  margin-block-start: 0;
}

.mode-autoplay .anchor-menu .play-toggle {
  opacity: 1;
  pointer-events: all;
}

.anchor-menu {
  position: sticky;
  margin-top: var(--margin-m);
  top: var(--header-height);
  align-items: flex-end;
  z-index: 5;
  margin: 0;
  /*a {
  	position: relative;
  	text-decoration: none;
  	text-transform: uppercase;
  	color: var(--wp--preset--color--dark-gray);
  	line-height: 1;

  	&:after {
  		content: '';
  		position: absolute;
  		bottom: -0.25rem;
  		left: 0;
  		right: 100%;
  		border-bottom: 2px solid var(--wp--preset--color--gold);
  		transition: all var(--speed, 0.3s);
  	}

  	&.current,
  	&:hover {
  		color: var(--wp--preset--color--black);

  		&:after {
  			right: 0;
  		}
  	}
  }*/
}
.anchor-menu .audio-toggle,
.anchor-menu .play-toggle {
  position: absolute;
  right: var(--padding-m);
  top: 2rem;
  color: white;
  background: var(--wp--preset--color--octane);
  border-radius: 1rem;
  padding: 0.25rem;
  cursor: pointer;
  z-index: 2;
  transition: all var(--speed, 0.2s);
}
.anchor-menu .audio-toggle:hover,
.anchor-menu .play-toggle:hover {
  opacity: 0.9;
}
.anchor-menu .play-toggle {
  top: calc(100vh - var(--margin-m) - 2rem);
  transform: translate(0, -100%);
}
.anchor-menu .play-toggle, .anchor-menu:has(.side-anchors.focus) .audio-toggle, .anchor-menu:has(.side-anchors.focus) .play-toggle {
  opacity: 0;
  pointer-events: none;
}
.anchor-menu .side-anchors {
  position: absolute;
  z-index: 1;
  top: 0;
  background: linear-gradient(90deg, rgba(249, 249, 249, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
  height: calc(100vh - var(--header-height));
  display: flex;
  flex-direction: column;
  justify-content: center;
  right: 0rem;
  padding: 1rem;
  transition: all var(--speed, 0.5s);
  cursor: pointer;
  /*
  .progress-time {
  	position: absolute;
  	bottom: -1rem;
  	font-size: 0.5rem;
  	text-align: center;
  	width: 0;
  	left: 1rem;
  	font-weight: 700;
  	text-shadow: 1px 1px 1px white;
  	pointer-events: none;
  	transition: all var(--speed, 0.2s);
  	&.ended {
  		opacity: 0;
  	}
  }
  .progress-bar-bkg {
  	width: var(--chapters-size, 40px);
  	position: absolute;
  	top: 1rem;
  	left: 1rem;
  	bottom: 1rem;
  }
  .progress-bar {
  	width: var(--chapters-size, 40px);
  	background: var(--wp--preset--color--gold);
  	border: 1px solid var(--wp--preset--color--octane);
  	position: absolute;
  	top: 1rem;
  	left: 1rem;
  	transition: all var(--speed,0.2s), height 0s;
  }
  &:hover {
  	.progress-bar-bkg,
  	.progress-bar {
  		top: 1rem;
  		left: 1rem;
  	}
  	.progress-bar-bkg {
  		bottom: 1rem;
  	}
  	.progress-time {
  		opacity: 0;
  	}
  }*/
}
.anchor-menu .side-anchors.focus {
  width: 37.5rem;
  background: linear-gradient(90deg, rgba(140, 117, 0, 0) 0%, #2E2500 100%);
}
.anchor-menu .side-anchors.focus .chapter-title .label {
  width: 20rem !important;
}
.anchor-menu .side-anchors.focus .section-title .label {
  font-size: 0.875rem;
  padding-bottom: 1.375rem;
}
.anchor-menu .side-anchors.focus .section-title,
.anchor-menu .side-anchors.focus .chapter-title {
  pointer-events: all;
}
.anchor-menu .side-anchors .section-title {
  pointer-events: none;
  position: relative;
  text-align: right;
  margin-top: 1.875rem;
  text-decoration: none;
}
.anchor-menu .side-anchors .section-title .label {
  display: inline-block;
  padding: 1.875rem 0.5rem 0;
  border-top: 1px solid white;
  color: white;
  text-transform: uppercase;
  /*top: -0.25rem;*/
  font-size: 0;
  white-space: nowrap;
  transition: all var(--speed, 0.5s);
  overflow: hidden;
  text-align: right;
}
.anchor-menu .side-anchors .chapter-title {
  pointer-events: none;
  position: relative;
  padding: 0.75rem 0;
  text-align: right;
}
.anchor-menu .side-anchors .chapter-title .time-bar {
  overflow: hidden;
  float: right;
  border: 0.1rem solid white;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  transition: all var(--speed, 0.5s);
}
.anchor-menu .side-anchors .chapter-title.current .time-bar {
  height: 2rem;
}
.anchor-menu .side-anchors .chapter-title .time-progress {
  width: 0.3rem;
  height: 0;
  border-radius: 10px;
}
.anchor-menu .side-anchors .chapter-title.current .time-progress, .anchor-menu .side-anchors .chapter-title.visited .time-progress {
  background: var(--wp--preset--color--octane);
}
.anchor-menu .side-anchors .chapter-title.visited .time-progress {
  height: 0.3rem;
}
.anchor-menu .side-anchors .chapter-title .label {
  font-size: 0.75rem;
  color: white;
  text-transform: uppercase;
  position: absolute;
  text-align: right;
  right: 1.25rem;
  margin-top: -0.2rem;
  width: 0;
  white-space: nowrap;
  transition: all var(--speed, 0.5s);
  overflow: hidden;
}

.parallax-gallery {
  position: relative;
  min-height: 100vh;
  background-position: center center;
  background-size: cover;
  z-index: 1;
  margin-top: 0;
  /*padding: var(--margin-m);*/
  padding-bottom: 0;
}
.parallax-gallery .background-holder {
  overflow: hidden;
  position: sticky;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  /*&.empty {
  	margin-bottom: -50vh;
  }*/
  margin-bottom: -100vh;
}
.parallax-gallery .background-holder .background {
  position: absolute;
  inset: 0rem;
  height: 100vh;
  background-position: center center;
  background-size: cover;
  transition: all 2s;
}
.parallax-gallery .background-holder:after {
  pointer-events: none;
  position: absolute;
  inset: -1rem;
  background: radial-gradient(transparent 75%, rgba(0, 0, 0, 0.33) 100%);
  z-index: 10000;
}
.parallax-gallery .background-holder[data-blur=blurred] .background, .parallax-gallery .background-holder[data-blur=blurred-delayed].stuck .background {
  filter: blur(10px);
}
.parallax-gallery .vimeo-embed {
  overflow: hidden;
  position: absolute;
  inset: 0;
  z-index: -1;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  margin-bottom: -100vh;
  /*&:after {
  	position: absolute;
  	inset: 0;
  	z-index: 1;
  	background: transparent;
  	text-align: center;
  	color: white;
  	padding: 40vh 0;
  	content: '';
  }
  &.loading:after {
  	background: var(--wp--preset--color--octane);
  	content: 'Video in caricamento';
  }*/
}
.parallax-gallery .vimeo-embed iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  zoom: 1.15;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.parallax-gallery .text-box {
  height: 0;
  /*opacity: 0.9;*/
  font-size: 1rem;
  font-weight: 500;
  color: var(--wp--preset--color--white);
  position: sticky;
  /*top: 50vh;
  transform: translate(0,-50%);*/
  z-index: 2;
  /*

  		&.bottom-center {
  			margin-top: 50vh;
  			top: unset;
  			bottom: 0;
  			transform: translate(0,0);
  			background: linear-gradient(to top, color-mix(in srgb, var(--background-color) 80%, transparent),transparent);
  		}
  		&.top-center {
  			top: var(--margin-m);
  			transform: unset;
  			background: linear-gradient(to bottom, color-mix(in srgb, var(--background-color) 80%, transparent), transparent);
  		}

  		&.middle-center {
  			top: var(--margin-m);
  			transform: unset;
  			background: linear-gradient(to right, color-mix(in srgb, var(--background-color) 80%, transparent),transparent);
  			width: 30vw;
  			height: 100vh;

  			.text-box-content {
  				position: relative;
  				top: calc(50vh - var(--margin-m));
  				transform: translate(0,-50%);
  			}
  		}


  		&.bottom-center {
  			top: calc(100vh - var(--margin-m));
  			left: 50vw;
  			transform: translate(-50%,-100%);
  		}
  		&.middle-center {
  			left: 50vw;
  			transform: translate(-50%,-50%);
  		}
  		&.top-center {
  			top: var(--margin-m);
  			left: 50vw;
  			transform: translate(-50%,0);
  		}

  		&.bottom-right {
  			top: calc(100vh - var(--margin-m));
  			margin-left: 61vw;
  			transform: translate(0%,-100%);
  		}
  		&.middle-right {
  			margin-left: 61vw;
  			transform: translate(0%,-50%);
  		}
  		&.top-right {
  			top: var(--margin-m);
  			margin-left: 61vw;
  			transform: translate(0%,0);
  		}
  */
}
.parallax-gallery .text-box .text-box-shadow {
  pointer-events: none;
}
.parallax-gallery .text-box .text-box-content {
  max-width: 40vw;
}
.parallax-gallery .text-box .text-box-content h2 {
  font-size: 1.2rem;
}
.parallax-gallery .text-box.bottom-left, .parallax-gallery .text-box.bottom-center, .parallax-gallery .text-box.bottom-right {
  margin-top: 100vh;
  top: 100vh;
}
.parallax-gallery .text-box.bottom-left .text-box-shadow, .parallax-gallery .text-box.bottom-center .text-box-shadow, .parallax-gallery .text-box.bottom-right .text-box-shadow {
  position: absolute;
  bottom: 0;
  background: radial-gradient(100% 100% at 0% 100%, color-mix(in srgb, var(--background-color-1) var(--background-color-1-opacity), transparent) 0%, color-mix(in srgb, var(--background-color-2) 0%, transparent) 100%);
  left: 0;
  right: 0;
}
.parallax-gallery .text-box.bottom-left .text-box-content, .parallax-gallery .text-box.bottom-center .text-box-content, .parallax-gallery .text-box.bottom-right .text-box-content {
  position: relative;
  transform: translate(0, -100%);
  padding: var(--margin-m);
}
.parallax-gallery .text-box.top-left, .parallax-gallery .text-box.top-center, .parallax-gallery .text-box.top-right {
  top: var(--margin-m);
}
.parallax-gallery .text-box.top-left .text-box-shadow, .parallax-gallery .text-box.top-center .text-box-shadow, .parallax-gallery .text-box.top-right .text-box-shadow {
  position: absolute;
  top: 0;
  background: radial-gradient(100% 100% at 0% 0%, color-mix(in srgb, var(--background-color-1) var(--background-color-1-opacity), transparent) 0%, color-mix(in srgb, var(--background-color-2) 0%, transparent) 100%);
  left: 0;
  right: 0;
}
.parallax-gallery .text-box.top-left .text-box-content, .parallax-gallery .text-box.top-center .text-box-content, .parallax-gallery .text-box.top-right .text-box-content {
  position: relative;
  padding: var(--margin-s) var(--margin-m) var(--margin-m);
}
.parallax-gallery .text-box.middle-left, .parallax-gallery .text-box.middle-right {
  top: var(--margin-m);
  bottom: var(--margin-m);
  transform: unset;
  background: transparent;
  /*width: 50vw;
  padding-right: calc(20vw - var(--margin-m));*/
  height: 100vh;
}
.parallax-gallery .text-box.middle-left .text-box-shadow, .parallax-gallery .text-box.middle-right .text-box-shadow {
  position: absolute;
  width: 100%;
  height: 100% !important;
  background: radial-gradient(72.76% 41.69% at 0% 50%, color-mix(in srgb, var(--background-color-1) var(--background-color-1-opacity), transparent) 0%, color-mix(in srgb, var(--background-color-2) 0%, transparent) 100%);
  /*display: none;*/
}
.parallax-gallery .text-box.middle-left .text-box-content, .parallax-gallery .text-box.middle-right .text-box-content {
  position: relative;
  top: calc(50vh - var(--margin-m));
  top: 50vh;
  transform: translate(0, -50%);
  padding: 0 var(--margin-m);
  width: 40vw;
}
.parallax-gallery .text-box.middle-right {
  background: linear-gradient(to left, color-mix(in srgb, var(--background-color-1) 80%, transparent) 30%, transparent);
  margin-left: 70vw;
}
.parallax-gallery .text-box.top-right .text-box-content, .parallax-gallery .text-box.middle-right .text-box-content, .parallax-gallery .text-box.bottom-right .text-box-content {
  position: absolute;
  right: 0;
}
.parallax-gallery .text-box.top-center .parallax-gallery .text-box.bottom-center .text-box-content {
  margin-left: 30vw;
}
.parallax-gallery .text-box h2 {
  font-size: 1rem;
  padding-top: 0;
  margin-bottom: 1.25rem;
  font-weight: 700;
}
.parallax-gallery .text-box.white-bkg {
  background: none;
  --background-color-1: var(--wp--preset--color--white);
  --background-color-2: var(--wp--preset--color--white);
  --background-color-1-opacity: 30%;
  color: var(--wp--preset--color--white);
}
.parallax-gallery .text-box.black-bkg {
  background: none;
  --background-color-1: var(--wp--preset--color--black);
  --background-color-2: var(--wp--preset--color--black);
  --background-color-1-opacity: 60%;
  color: var(--wp--preset--color--white);
}
.parallax-gallery .text-box.light-gray-bkg {
  background: none;
  --background-color-1: var(--wp--preset--color--light-gray);
  --background-color-2: var(--wp--preset--color--light-gray);
  --background-color-1-opacity: 30%;
  color: var(--wp--preset--color--white);
}
.parallax-gallery .text-box.medium-gray-bkg {
  background: none;
  --background-color-1: var(--wp--preset--color--medium-gray);
  --background-color-2: var(--wp--preset--color--medium-gray);
  --background-color-1-opacity: 60%;
  color: var(--wp--preset--color--white);
}
.parallax-gallery .text-box.dark-gray-bkg {
  background: none;
  --background-color-1: var(--wp--preset--color--dark-gray);
  --background-color-2: var(--wp--preset--color--dark-gray);
  --background-color-1-opacity: 100%;
  color: var(--wp--preset--color--white);
}
.parallax-gallery .text-box.dark-gray-white-text-bkg {
  background: none;
  --background-color-1: var(--wp--preset--color--dark-gray);
  --background-color-2: var(--wp--preset--color--dark-gray);
  --background-color-1-opacity: 70%;
  color: var(--wp--preset--color--white);
}
.parallax-gallery .text-box.octane-bkg {
  background: none;
  --background-color-1: var(--wp--preset--color--octane);
  --background-color-1: var(--wp--preset--color--octane);
  --background-color-1-opacity: 80%;
  --background-color-1: #0F222B;
  --background-color-2: #2A5E77;
  color: var(--wp--preset--color--white);
}
.parallax-gallery .text-box.gold-bkg {
  background: none;
  --background-color-1: #2E2500;
  --background-color-2: #8C7500;
  --background-color-1-opacity: 60%;
  color: var(--wp--preset--color--white);
}
.parallax-gallery .media {
  padding: 5rem var(--margin-m);
  --figure-width: 80%;
}
.parallax-gallery .media figure {
  position: relative;
  width: var(--figure-width);
}
.parallax-gallery .media figure img {
  width: 100%;
}
.parallax-gallery .media figure figcaption {
  padding-left: 0.5rem;
  color: var(--wp--preset--color--dark-gray);
  font-size: var(--font-size-xs);
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  margin-top: -0.5rem;
}
.parallax-gallery .media figure:nth-child(even),
.parallax-gallery .media figure.align-right {
  margin-left: calc(100% - var(--figure-width));
}
.parallax-gallery .media figure.align-left {
  margin-left: 0;
}
.parallax-gallery .media figure.align-center {
  margin-left: calc((100% - var(--figure-width)) / 2);
}
.parallax-gallery .media.column-full {
  --figure-width: 70%;
}
.parallax-gallery .media.column-left {
  width: 60%;
}
.parallax-gallery .media.column-right {
  width: 60%;
  margin-left: 40%;
}
.parallax-gallery .audio-player-wrapper {
  background: black;
  border-radius: 0.25rem;
  line-height: 0.9rem;
  height: 1.5rem;
  padding: 0.25rem 0.5rem 0.35rem;
  color: white;
  font-weight: 500;
  font-size: 0.75rem;
  margin-top: 1rem;
  display: inline-flex;
  /*gap: 0.5rem;*/
  align-items: center;
  /*<div class="audio-player">
  						<div class="play-pause" data-toggle="play_arrow">pause</div>
  						<div class="scrollbar">
  							<div class="progress"></div>
  							<div class="time"></div>
  						</div>

  					</div>*/
}
.parallax-gallery .audio-player-wrapper .play-audio-btn {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  transition: all 0.2s;
  cursor: pointer;
}
.parallax-gallery .audio-player-wrapper .material-icons {
  font-size: inherit;
  line-height: inherit;
  vertical-align: -2px;
}
.parallax-gallery .audio-player-wrapper audio {
  display: none;
}
.parallax-gallery .audio-player-wrapper.opened .play-audio-btn {
  width: 0;
}
.parallax-gallery .audio-player-wrapper.opened .audio-player {
  gap: 0.5rem;
}
.parallax-gallery .audio-player-wrapper.opened .audio-player .play-pause-btn {
  max-width: 2rem;
}
.parallax-gallery .audio-player-wrapper.opened .audio-player .scrollbar {
  width: 15rem;
}
.parallax-gallery .audio-player-wrapper.opened .audio-player .scrollbar .time.visible {
  opacity: 1;
}
.parallax-gallery .audio-player-wrapper .audio-player {
  display: flex;
  gap: 0rem;
  align-items: center;
  transition: all 0.2s;
}
.parallax-gallery .audio-player-wrapper .audio-player .play-pause-btn {
  max-width: 0;
  overflow: hidden;
  transition: all 0.2s;
  cursor: pointer;
}
.parallax-gallery .audio-player-wrapper .audio-player .scrollbar {
  height: 0.25rem;
  border-radius: 0.25rem;
  background: white;
  position: relative;
  cursor: pointer;
}
.parallax-gallery .audio-player-wrapper .audio-player .scrollbar .progress {
  transition: all 0.2s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  border-radius: 0.25rem;
  background: var(--wp--preset--color--octane);
}
.parallax-gallery .audio-player-wrapper .audio-player .scrollbar:after {
  content: "";
  position: absolute;
  top: -1rem;
  bottom: -1rem;
  left: 0;
  right: 0;
}
.parallax-gallery .audio-player-wrapper .audio-player .scrollbar .time {
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: -1.5rem;
  min-width: 2rem;
  /*height: 1rem;
  line-height: 1rem;
  width: 3rem;
  */
  text-align: center;
  background: white;
  border-radius: 0.25rem;
  font-size: 0.5rem;
  color: black;
  transform: translate(-50%, 0);
  line-height: 1.6em;
  font-weight: 500;
  border-radius: 4px;
  padding: 0.2em 0.4em;
}
.parallax-gallery .audio-player-wrapper .audio-player .scrollbar .time::after {
  bottom: -0.2em;
  content: "";
  left: 50%;
  margin-left: -0.3em;
  position: absolute;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: 0.3em solid rgb(255, 255, 255);
}

.parallax-stack.parallax-gallery .background-holder .background {
  margin-bottom: -100vh;
}
.parallax-stack .media.background-holder:after {
  content: unset;
}
.parallax-stack .media figure {
  position: absolute;
  /*top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);*/
  /*height: 50vh;*/
  transform-origin: center center;
}
.parallax-stack .media figure:nth-child(even) {
  margin-left: unset;
}

.parallax-fade.parallax-gallery .background-holder .background {
  margin-bottom: -100vh;
}
.parallax-fade .media {
  padding: 0;
  --figure-width: 100%;
}
.parallax-fade .media.background-holder:after {
  content: unset;
}
.parallax-fade .media figure {
  opacity: 0;
  position: absolute;
  inset: 0;
  margin-left: 0;
  /*top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);*/
  /*height: 50vh;*/
  transform-origin: center center;
}
.parallax-fade .media figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.parallax-fade .media figure:nth-child(even) {
  margin-left: unset;
}

.section {
  line-height: 0;
  height: 0;
}

.chapter {
  line-height: 0;
  height: 0;
}

.audio-fragment {
  height: 0;
  line-height: 0;
  margin-top: 0;
  overflow: hidden;
}

.modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
}

.modal {
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -55%);
  max-width: 30vw;
  max-height: 30vh;
  padding: var(--padding-l);
  color: var(--wp--preset--color--white);
  z-index: 100;
}
.modal h2 {
  padding-top: 0;
  font-size: var(--font-size-m);
  font-weight: 700;
}
.log-message {
  position: fixed;
  z-index: 100;
  bottom: 0rem;
  left: 0vw;
  font-size: 0.5rem;
  max-width: 200px;
  padding: 0.25rem;
  border-radius: 0.25rem;
  background: rgba(0,0,0,0.5);
  color: white;
}

.animation-edvige-map,
.animation-gades-map,
.animation-amphora-map {
  height: 5000px;
}
.animation-edvige-map .background-holder:after,
.animation-gades-map .background-holder:after,
.animation-amphora-map .background-holder:after {
  content: unset;
}
.animation-edvige-map .map,
.animation-gades-map .map,
.animation-amphora-map .map {
  /*scale: 1;*/
}

.animation-gades-map {
  height: 200vh;
}

.animation-amphora-map {
  height: 200vh;
}

.animation-edvige {
  /*
  #actor_06-00_dx,
  #actor_06-00_sx,
  #actor_06-01,
  #actor_06-01A,
  #actor_06-01B,
  #actor_06-02,
  #actor_06-03A,
  #actor_06-03A1,
  #actor_06-03B,
  #actor_06-04A,
  #actor_06-04B,
  #actor_06-04C,
  #actor_06-05A,
  #actor_06-05B1,
  #actor_06-05B2,
  #actor_06-05BX,
  //#actor_06-05B3
  #actor_06-06A,
  #actor_06-06B,
  #actor_06-07_dx,
  #actor_06-07_sx {
  	display: block;
  }*/
}
.animation-edvige.first-scene {
  height: 5000px;
}
.animation-edvige.second-scene {
  height: 3000px;
}
.animation-edvige .background-holder.empty {
  margin-bottom: -100vh;
}
.animation-edvige .stage {
  z-index: 3;
  pointer-events: none;
}
.animation-edvige .actor {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 80%;
  transform-origin: center center;
}
.animation-edvige #actor_06-00_dx,
.animation-edvige #actor_06-00_sx {
  height: auto;
  width: 50vw;
}
.animation-edvige #actor_06-00_sx {
  transform: translate(-100%, -50%);
  z-index: 1;
}
.animation-edvige #actor_06-00_dx {
  transform: translate(0, -50%);
  z-index: 1;
}
.animation-edvige #actor_06-01A {
  transform: translate(0, -50%);
}
.animation-edvige #actor_06-01B {
  transform: translate(-110%, -50%);
}
.animation-edvige #actor_06-01Z {
  transform: translate(0%, -50%);
}
.animation-edvige #actor_06-03A {
  transform: translate(-30%, -45%);
  z-index: 1;
}
.animation-edvige #actor_06-03A1 {
  height: 70%;
  transform: translate(-110%, -50%);
}
.animation-edvige #actor_06-05B1 {
  transform: translate(-110%, -50%);
}
.animation-edvige #actor_06-05B2 {
  transform: translate(0, -50%);
}
.animation-edvige #actor_06-07_dx,
.animation-edvige #actor_06-07_sx {
  height: auto;
  width: 125vw;
  max-width: unset;
}
.animation-edvige #actor_06-07_sx {
  transform: translate(-50%, -50%);
  z-index: 1;
}
.animation-edvige #actor_06-07_dx {
  transform: translate(-50%, -50%);
  z-index: 1;
}

.parallax-gallery .vimeo-embed.foreground {
  position: relative;
}
.parallax-gallery .vimeo-embed.foreground iframe {
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  min-width: 100vw;
  position: absolute;
  zoom: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.place {
  width: 67.5rem;
  margin: auto;
  position: fixed;
  top: var(--header-height);
  bottom: var(--header-height);
  left: 50vw;
  transform: translate(-50%, 0);
}
.place h1 {
  font-family: "Open Sauce Sans";
  font-size: var(--font-size-3xl);
  line-height: 1.1;
  font-weight: var(--font-weight-medium);
  padding-bottom: var(--padding-l);
}
.place .place-header .hidden-title {
  opacity: 0;
  transition: all var(--speed, 0.2s);
}
.place .place-header.scrolled .hidden-title {
  opacity: 1;
}
.place .modal-content {
  overflow: auto;
  height: 100%;
  scrollbar-color: black white;
  scrollbar-width: thin;
}
.place .place-cover {
  aspect-ratio: 3/2;
  background-size: cover;
  background-position: center center;
}
.place .place-map {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
}
.place .wp-block-column:has(> .place-map) {
  position: relative;
}
.place .has-global-padding {
  padding-left: 0;
  padding-right: 0;
}
.place .wp-block-gallery {
  margin-left: calc(var(--padding-l) * -1 - 2px);
  margin-right: -57.25%;
}
.place .wp-block-gallery.owl-carousel figure.wp-block-image:not(#individual-image) {
  padding-right: 0 !important;
  padding-left: calc(var(--padding-l) + 2px);
}
.place .wp-block-gallery.owl-carousel figure.wp-block-image:not(#individual-image) figcaption {
  left: var(--padding-l) !important;
  right: 0 !important;
  width: auto;
}
.place .place-post-link {
  text-decoration: none;
  transition: all var(--speed, 0.2s);
}
.place .place-post-link:hover {
  background: var(--surface-object-grayscale-high-dim);
}
.place .place-post-link:hover .dim {
  background: var(--surface-object-grayscale-standard);
  color: var(--text-on-grayscale-inverse);
}

.places-list-embed .place-embed {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
}

.topic-embed-cover {
  aspect-ratio: 32/9;
  overflow: hidden;
}
.topic-embed-cover img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

.article-embed {
  text-decoration: none;
  transition: all var(--speed, 0.2s);
}
.article-embed.image-left {
  flex-direction: row-reverse;
}
.article-embed .article-embed-cover {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.article-embed .article-embed-cover img {
  object-fit: cover;
  max-width: unset;
  width: 100%;
  height: 100%;
}
.article-embed .title-holder {
  transition: color var(--speed, 0.2s);
}
.article-embed .article-embed-footer {
  height: var(--icon-size-2xl);
  align-items: flex-end;
}
.article-embed .icon-arrow-insert:after {
  width: var(--icon-size-xl);
  height: var(--icon-size-xl);
  font-size: var(--icon-size-xl);
  background: var(--surface-object-grayscale-standard);
  color: var(--text-on-grayscale-inverse);
}
.article-embed:hover {
  background: var(--surface-object-grayscale-high-dim);
}
.article-embed:hover .chip {
  background: var(--surface-object-grayscale-standard);
  color: var(--text-on-grayscale-inverse);
}
.article-embed:hover .icon-arrow-insert:after {
  width: var(--icon-size-2xl);
  height: var(--icon-size-2xl);
  font-size: var(--icon-size-2xl);
  background: var(--surface-object-grayscale-inverse);
  color: var(--text-on-grayscale-standard);
}
.article-embed.stylized .article-embed-cover {
  aspect-ratio: 1;
}
.article-embed.stylized .icon-arrow-insert:after {
  background: var(--surface-object-grayscale-standard);
  color: var(--text-on-grayscale-inverse);
}
.article-embed.stylized:hover {
  background: var(--surface-container-tertiary-highest);
  /*.title-holder {
  	color: var(--text-on-primary-standard);
  }*/
}
.article-embed.stylized:hover .text-on-grayscale-opacity-high {
  color: var(--text-on-grayscale-opacity-low);
}
.article-embed.stylized:hover .text-on-tertiary-basic-variant {
  color: var(--text-on-primary-standard);
}
.article-embed.stylized:hover .chip {
  background: var(--surface-object-primary-container);
  color: var(--text-on-tertiary-basic-variant);
}
.article-embed.stylized:hover .icon-arrow-insert:after {
  background: var(--surface-object-primary-container);
  color: var(--text-on-tertiary-basic-variant);
}

.article-list-embed {
  margin: 0;
  flex: 1;
}
.article-list-embed .article-embed-cover {
  aspect-ratio: 1;
}
.article-list-embed .title-holder {
  flex-grow: 1;
}
.vertical .article-list-embed {
  border-bottom: var(--border-width, 3px) solid var(--border-stroke-color-standard);
}
.vertical .article-list-embed .title-holder {
  padding: var(--padding-l) var(--padding-m);
}
.vertical .article-list-embed .title-holder .gap-m {
  gap: var(--gap-s);
}
.vertical .article-list-embed .title-holder .padding-l {
  padding: 0;
}

.wp-block-columns:has(.articles-list-embed.vertical) {
  gap: 0 !important;
}
.wp-block-columns:has(.articles-list-embed.vertical) .vertical {
  margin-left: 0;
}

/*# sourceMappingURL=style.css.map */