/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/normalize.css/normalize.css ***!
  \********************************************************************************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/flickity/dist/flickity.css ***!
  \*******************************************************************************************************************/
/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[3]!./node_modules/import-glob-loader/index.js!./src/sass/app.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "fontello";
  src: url("?35965735");
  src: url("?35965735#iefix") format("embedded-opentype"), url("//144955579.fs1.hubspotusercontent-eu1.net/hubfs/144955579/raw_assets/public/sf-dev-theme/dist/assets/fontello/fontello.woff2?35965735") format("woff2"), url("//144955579.fs1.hubspotusercontent-eu1.net/hubfs/144955579/raw_assets/public/sf-dev-theme/dist/assets/fontello/fontello.woff?35965735") format("woff"), url("//144955579.fs1.hubspotusercontent-eu1.net/hubfs/144955579/raw_assets/public/sf-dev-theme/dist/assets/fontello/fontello.ttf?35965735") format("truetype"), url("//144955579.fs1.hubspotusercontent-eu1.net/hubfs/144955579/raw_assets/public/sf-dev-theme/dist/assets/fontello/fontello.svg?35965735#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url("//144955579.fs1.hubspotusercontent-eu1.net/hubfs/144955579/raw_assets/public/sf-dev-theme/dist/assets/fontello/fontello.svg?35965735#fontello") format('svg');
  }
}
*/
[class^=icon-]:before,
[class*=" icon-"]:before,
[class^=icon-]:after,
[class*=" icon-"]:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-left:before {
  content: "‹";
}

/* '‹' */
.icon-right:before {
  content: "›";
}

/* '›' */
.icon-arrow-left:before {
  content: "←";
}

/* '←' */
.icon-arrow-up:before {
  content: "↑";
}

/* '↑' */
.icon-arrow-right:before {
  content: "→";
}

/* '→' */
.icon-arrow-down:before {
  content: "↓";
}

/* '↓' */
.icon-up:before {
  content: "⌃";
}

/* '⌃' */
.icon-down:before {
  content: "⌄";
}

/* '⌄' */
.icon-play:before {
  content: "▶";
}

/* '▶' */
.icon-facebook:before {
  content: "\e800";
}

/* '' */
.icon-twitter:before {
  content: "\e801";
}

/* '' */
.icon-search:before {
  content: "\e802";
}

/* '' */
.icon-linkedin:before {
  content: "\e803";
}

/* '' */
.icon-mail:before {
  content: "\e804";
}

/* '' */
.icon-phone:before {
  content: "\e805";
}

/* '' */
.icon-globe:before {
  content: "\e806";
}

/* '' */
.icon-home:before {
  content: "\e807";
}

/* '' */
.icon-clock:before {
  content: "\e809";
}

/* '' */
.icon-quote:before {
  content: "\e80a";
}

/* '' */
.icon-check:before {
  content: "\e80b";
}

/* '' */
.icon-location:before {
  content: "\e80c";
}

/* '' */
.icon-info:before {
  content: "\e815";
}

/* '' */
.icon-close:before {
  content: "\e81a";
}

/* '' */
.icon-spinner:before {
  content: "\e834";
}

/* '' */
.icon-rss:before {
  content: "\f09e";
}

/* '' */
.icon-document:before {
  content: "\f0f6";
}

/* '' */
.icon-youtube:before {
  content: "\f16a";
}

/* '' */
.icon-instagram:before {
  content: "\f16d";
}

/* '' */
.icon-pdf:before {
  content: "\f1c1";
}

/* '' */
.icon-excel:before {
  content: "\f1c3";
}

/* '' */
.icon-powerpoint:before {
  content: "\f1c4";
}

/* '' */
.icon-image:before {
  content: "\f1c5";
}

/* '' */
.icon-zip:before {
  content: "\f1c6";
}

/* '' */
.icon-pinterest:before {
  content: "\f231";
}

/* '' */
.icon-vimeo:before {
  content: "\f27d";
}

/* '' */
.icon-left.icon--after:after {
  content: "‹";
}

.icon-right.icon--after:after {
  content: "›";
}

.icon-arrow-left.icon--after:after {
  content: "←";
}

.icon-arrow-up.icon--after:after {
  content: "↑";
}

.icon-arrow-right.icon--after:after {
  content: "→";
}

.icon-arrow-down.icon--after:after {
  content: "↓";
}

.icon-up.icon--after:after {
  content: "⌃";
}

.icon-down.icon--after:after {
  content: "⌄";
}

.icon-play.icon--after:after {
  content: "▶";
}

.icon-facebook.icon--after:after {
  content: "\e800";
}

.icon-twitter.icon--after:after {
  content: "\e801";
}

.icon-search.icon--after:after {
  content: "\e802";
}

.icon-linkedin.icon--after:after {
  content: "\e803";
}

.icon-mail.icon--after:after {
  content: "\e804";
}

.icon-phone.icon--after:after {
  content: "\e805";
}

.icon-globe.icon--after:after {
  content: "\e806";
}

.icon-home.icon--after:after {
  content: "\e807";
}

.icon-clock.icon--after:after {
  content: "\e809";
}

.icon-quote.icon--after:after {
  content: "\e80a";
}

.icon-check.icon--after:after {
  content: "\e80b";
}

.icon-location.icon--after:after {
  content: "\e80c";
}

.icon-info.icon--after:after {
  content: "\e815";
}

.icon-close.icon--after:after {
  content: "\e81a";
}

.icon-spinner.icon--after:after {
  content: "\e834";
}

.icon-rss.icon--after:after {
  content: "\f09e";
}

.icon-document.icon--after:after {
  content: "\f0f6";
}

.icon-youtube.icon--after:after {
  content: "\f16a";
}

.icon-instagram.icon--after:after {
  content: "\f16d";
}

.icon-pdf.icon--after:after {
  content: "\f1c1";
}

.icon-excel.icon--after:after {
  content: "\f1c3";
}

.icon-powerpoint.icon--after:after {
  content: "\f1c4";
}

.icon-image.icon--after:after {
  content: "\f1c5";
}

.icon-zip.icon--after:after {
  content: "\f1c6";
}

.icon-pinterest.icon--after:after {
  content: "\f231";
}

.icon-vimeo.icon--after:after {
  content: "\f27d";
}

.icon--after:before {
  content: normal;
}

@font-face {
  font-family: "Gerstner Programm FSL";
  src: url("//144955579.fs1.hubspotusercontent-eu1.net/hubfs/144955579/raw_assets/public/sf-dev-theme/dist/assets/fonts/GerstnerProgrammFSLWeb-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gerstner Programm FSL";
  src: url("//144955579.fs1.hubspotusercontent-eu1.net/hubfs/144955579/raw_assets/public/sf-dev-theme/dist/assets/fonts/GerstnerProgrammFSLWeb-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gerstner Programm FSL";
  src: url("//144955579.fs1.hubspotusercontent-eu1.net/hubfs/144955579/raw_assets/public/sf-dev-theme/dist/assets/fonts/GerstnerProgrammFSLWeb-Medium.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gerstner Programm FSL";
  src: url("//144955579.fs1.hubspotusercontent-eu1.net/hubfs/144955579/raw_assets/public/sf-dev-theme/dist/assets/fonts/GerstnerProgrammFSLWeb-MediumItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
:root {
  --site-width-min: 90vw;
  --site-width-max: 1340px;
  --scrollbar-width: 0px;
  --body-bg: #F4F3ED;
  --color-primary: #ffbf00;
  --color-border: #494949;
  --color-overlay: rgba(0, 0, 0, .6);
  --color-gray: #494949;
  --color-lightgray: #D8D8D8;
  --color-white: #FFFFFF;
  --color-error: #EC4545;
  --color-warning: #EFA83D;
  --color-success: #52B61C;
  --spacing-x-small: 0.25rem;
  --spacing-small: 0.75rem;
  --spacing-medium: 1.5rem;
  --spacing-large: 2.25rem;
  --spacing-x-large: 4rem;
  --container-margin: max(4rem, min(8.4210526316vw, 7rem));
  --grid-gap: max(1rem, min(4vw, 1.5rem));
  --section-padding: max(4rem, min(8.4210526316vw, 6rem));
  --border-radius: 0.25rem;
  --shadow-small: 0 0.4rem 0.6rem 0 rgba(46, 77, 100, 0.39);
  --shadow-medium: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.2), 0 0.4rem 0.4rem rgba(0, 0, 0, 0.25);
  --shadow-large: 0 3.75rem 8.75rem -2.5rem rgba(0, 0, 0, 0.25), 0 3.75rem 7.5rem -1.25rem rgba(0, 0, 0, 0.25);
  --easing: ease;
  --body-font-size: 1.125rem;
  --body-font-family: "Gerstner Programm FSL", sans-serif;
  --body-font-weight: normal;
  --body-font-style: normal;
  --body-line-height: 1.5;
  --body-letter-spacing: -0.01em;
  --body-text-transform: none;
  --text-color: #000;
  --text-decoration-color: initial;
  --text-decoration-thickness: 1px;
  --text-underline-offset: 0.25rem;
  --font-size-x-large: 1.5rem;
  --font-size-large: 1.3125rem;
  --font-size-small: 1rem;
  --font-size-x-small: 0.875rem;
  --font-size-xx-small: 0.75rem;
  --font-size-display: max(3rem, min(6.3157894737vw, 7rem));
  --font-size-display-2: max(3rem, min(6.3157894737vw, 6rem));
  --font-size-display-3: max(3rem, min(6.3157894737vw, 5rem));
  --font-size-display-4: max(2.625rem, min(5.5263157895vw, 4rem));
  --selection-bg: var(--color-primary);
  --selection-color: white;
  --link-color: currentColor;
  --link-color-hover: currentColor;
  --h1-size: max(2.625rem, min(7vw, 3rem));
  --h2-size: max(2.25rem, min(6vw, 2.5rem));
  --h3-size: max(1.875rem, min(5vw, 2rem));
  --h4-size: 1.5rem;
  --h5-size: 1.125rem;
  --h6-size: 1rem;
  --heading-font-family: "Gerstner Programm FSL", sans-serif;
  --heading-font-weight: normal;
  --heading-font-style: normal;
  --heading-line-height: calc(1em + 6px);
  --heading-letter-spacing: -0.01em;
  --heading-text-transform: none;
  --heading-color: inherit;
  --heading-margin: 1.125rem;
  --button-color: #F9B54A;
  --button-color-hover: #EB9939;
  --button-text-color: #000;
  --button-ghost-color: #000;
  --button-ghost-text-color: #FFFFFF;
  --button-padding-x: 1.5rem;
  --button-padding-y: 0.75rem;
  --button-font-size: 1.125rem;
  --button-font-family: inherit;
  --button-font-weight: bold;
  --button-letter-spacing: -0.01em;
  --button-line-height: 1.25;
  --button-text-transform: none;
  --button-border-width: 1px;
  --button-border-style: solid;
  --button-border-radius: 3rem;
  --button-transition-duration: 0.25s;
  --button-shadow: none;
  --dialog-background: #F4F3ED;
  --dialog-width: 40rem;
  --dialog-padding: var(--spacing-large);
  --dialog-shadow: var(--shadow-large);
  --dialog-close-button-size: 2rem;
  --dialog-close-button-color: var(--text-color);
  --dialog-backdrop-color: var(--color-overlay);
  --dialog-animation-duration: 0.5s;
  --form-field-bg: white;
  --form-field-focus-bg: var(--form-field-bg);
  --form-field-hover-bg: var(--form-field-bg);
  --form-field-padding-x: 1rem;
  --form-field-padding-y: 0.625rem;
  --form-field-font-size: var(--body-font-size);
  --form-field-font-family: var(--body-font-family);
  --form-field-font-weight: var(--body-font-weight);
  --form-field-letter-spacing: var(--body-letter-spacing);
  --form-field-line-height: 1.35;
  --form-field-text-color: var(--text-color);
  --form-field-border-width: 1px;
  --form-field-border-style: solid;
  --form-field-border-radius: var(--border-radius);
  --form-field-border-color: var(--form-field-bg);
  --form-field-hover-border-color: var(--form-field-border-color);
  --form-field-focus-border-color: var(--color-primary);
  --select-arrow-size: 0.5rem;
  --placeholder-color: #494949;
  --module-header-margin: 2rem;
  --burger-menu-size: 24px;
  --burger-menu-thickness: 2px;
  --slideshow-gap: 1.5rem;
  --slideshow-per-page: 1;
  --slideshow-arrow-size: 1.25rem;
  --slideshow-arrow-bg: rgba(255, 255, 255, 0.5);
  --slideshow-bullet-margin: 3rem;
  --slideshow-bullet-spacing: 0.5rem;
  --slideshow-bullet-color: #999;
  --slideshow-bullet-size: 0.5rem;
  --slideshow-bullet-color-active: var(--color-primary, #f90);
}

:root {
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
}
*,
::before,
::after {
  box-sizing: border-box;
  text-decoration-color: var(--text-decoration-color, initial);
  text-decoration-thickness: var(--text-decoration-thickness, initial);
  text-underline-offset: var(--text-underline-offset, initial);
}

::-moz-selection {
  background-color: var(--selection-bg, var(--color-primary, initial));
  color: var(--selection-color, initial);
}

::selection {
  background-color: var(--selection-bg, var(--color-primary, initial));
  color: var(--selection-color, initial);
}

html {
  background: var(--body-bg, white);
  font-size: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--body-font-size, 1rem);
  color: var(--text-color, black);
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  margin: 0 0 var(--heading-margin, var(--spacing-medium, 1.5rem));
  font-size: var(--h1-size, 3rem);
  color: var(--heading-color, inherit);
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a {
  color: var(--heading-color, inherit);
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover {
  color: var(--heading-color, inherit);
}

h1,
.h1 {
  font-size: var(--h1-size, 3rem);
}

h2,
.h2 {
  font-size: var(--h2-size, 2.2rem);
}

h3,
.h3 {
  font-size: var(--h3-size, 1.8rem);
}

h4,
.h4 {
  font-size: var(--h4-size, 1.4rem);
}

h5,
.h5 {
  font-size: var(--h5-size, 1.2rem);
}

h6,
.h6 {
  font-size: var(--h6-size, 1rem);
}

a {
  color: var(--link-color, blue);
  text-decoration-line: var(--link-decoration, none);
  transition: all var(--link-transition-duration, 0.25s) var(--easing);
  cursor: pointer;
}
a:hover {
  color: var(--link-color-hover, darkblue);
}

p {
  margin: 0 0 var(--spacing-medium, 1.5rem);
}

pre {
  background: #111;
  margin: 0 0 var(--spacing-medium, 1.5rem);
  padding: var(--spacing-medium, 1.5rem);
  max-height: 30rem;
  overflow: auto;
  color: white;
}

ul,
ol {
  margin: 0 0 var(--spacing-medium, 1.5rem) var(--spacing-large, 3rem);
  padding: 0;
}

dl {
  margin: 0 0 var(--spacing-medium, 1.5rem);
}

p[\:has\(\%3E\%20img\:only-child\)],
p[\:has\(\%3E\%20video\:only-child\)],
figure {
  margin: 0 0 var(--spacing-medium, 1.5rem);
}

p:has(> img:only-child),
p:has(> video:only-child),
figure {
  margin: 0 0 var(--spacing-medium, 1.5rem);
}
p[\:has\(\%3E\%20img\:only-child\)] img,
p[\:has\(\%3E\%20img\:only-child\)] video,
p[\:has\(\%3E\%20video\:only-child\)] img,
p[\:has\(\%3E\%20video\:only-child\)] video,
figure img,
figure video {
  display: block;
  width: 100%;
}
p:has(> img:only-child) img,
p:has(> img:only-child) video,
p:has(> video:only-child) img,
p:has(> video:only-child) video,
figure img,
figure video {
  display: block;
  width: 100%;
}

img,
svg,
video {
  max-width: 100%;
  height: auto;
}

blockquote {
  margin: 0 0 var(--spacing-medium, 1.5rem);
}

hr {
  margin: var(--spacing-large) 0;
  border: 1px solid var(--color-border);
  border-top: 0;
}

.container {
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  width: var(--site-width);
  margin: var(--container-margin, 6rem) auto;
}

input,
select,
textarea {
  accent-color: var(--color-primary, auto);
}

input[type=text],input[type=password],input[type=search],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],
select,
textarea {
  background-color: var(--form-field-bg, white);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: var(--form-field-padding-y, 0.75rem) var(--form-field-padding-x, 1.25rem);
  font-size: var(--form-field-font-size, var(--body-font-size, inherit));
  font-family: var(--form-field-font-family, var(--body-font-family, inherit));
  font-weight: var(--form-field-font-weight, var(--body-font-weight, inherit));
  letter-spacing: var(--form-field-letter-spacing, var(--body-letter-spacing, inherit));
  line-height: var(--form-field-line-height, var(--body-line-height, inherit));
  text-transform: none;
  text-decoration: none;
  text-align: left;
  color: var(--form-field-text-color, var(--text-color, inherit));
  transition: all var(--form-field-transition-duration, 0.25s) var(--easing);
  border-width: var(--form-field-border-width, 1px);
  border-style: var(--form-field-border-style, solid);
  border-color: var(--form-field-border-color, var(--color-border, black));
  border-radius: var(--form-field-border-radius, var(--border-radius, 0));
}
input[type=text]:hover,input[type=password]:hover,input[type=search]:hover,input[type=email]:hover,input[type=url]:hover,input[type=tel]:hover,input[type=number]:hover,input[type=date]:hover,input[type=month]:hover,input[type=week]:hover,input[type=time]:hover,input[type=datetime]:hover,input[type=datetime-local]:hover,
select:hover,
textarea:hover {
  background-color: var(--form-field-hover-bg, var(--form-field-bg, white));
  border-color: var(--form-field-hover-border-color, var(--color-primary, blue));
}
input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,input[type=email]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,
select:focus,
textarea:focus {
  background-color: var(--form-field-focus-bg, var(--form-field-bg, white));
  border-color: var(--form-field-focus-border-color, var(--color-primary, blue));
  outline: 0;
}

select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40 40"><polygon points="2.7,14.4 6.8,10.3 20,23.5 33.2,10.3 37.3,14.4 20,31.7 "/></svg>');
  background-repeat: no-repeat;
  background-position: right var(--form-field-padding-x, 1.25rem) top 50%;
  background-size: var(--select-arrow-size, 0.5rem) auto;
  padding-right: calc(var(--form-field-padding-x, 1.25rem) * 2 + var(--select-arrow-size, 0.5rem));
}

textarea {
  resize: vertical;
}
textarea:not([rows]) {
  height: 12rem;
}

::-moz-placeholder {
  color: var(--placeholder-color, var(--color-gray, #999));
}

::placeholder {
  color: var(--placeholder-color, var(--color-gray, #999));
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.grid,
[class*=grid--] {
  --grid-cols: 1;
  display: grid;
  gap: var(--grid-row-gap, var(--grid-gap, 3rem)) var(--grid-column-gap, var(--grid-gap, 3rem));
  grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
}

.grid--2 {
  --grid-cols: 2;
}

.grid--3 {
  --grid-cols: 3;
}

.grid--4 {
  --grid-cols: 4;
}

.grid--5 {
  --grid-cols: 5;
}

.grid--6 {
  --grid-cols: 6;
}

@media (min-width: 768px) {
  [class*="tablet:grid--"] {
    --grid-cols: 1;
    display: grid;
    gap: var(--grid-row-gap, var(--grid-gap, 3rem)) var(--grid-column-gap, var(--grid-gap, 3rem));
    grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  }
  .tablet\:grid--2 {
    --grid-cols: 2;
  }
  .tablet\:grid--3 {
    --grid-cols: 3;
  }
  .tablet\:grid--4 {
    --grid-cols: 4;
  }
  .tablet\:grid--5 {
    --grid-cols: 5;
  }
  .tablet\:grid--6 {
    --grid-cols: 6;
  }
}
@media (min-width: 1080px) {
  [class*="laptop:grid--"] {
    --grid-cols: 1;
    display: grid;
    gap: var(--grid-row-gap, var(--grid-gap, 3rem)) var(--grid-column-gap, var(--grid-gap, 3rem));
    grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  }
  .laptop\:grid--2 {
    --grid-cols: 2;
  }
  .laptop\:grid--3 {
    --grid-cols: 3;
  }
  .laptop\:grid--4 {
    --grid-cols: 4;
  }
  .laptop\:grid--5 {
    --grid-cols: 5;
  }
  .laptop\:grid--6 {
    --grid-cols: 6;
  }
}
[class^=icon-]::before,
[class*=" icon-"]::before {
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
}
[class^=icon-]:empty::before,
[class*=" icon-"]:empty::before {
  margin-right: 0;
}
[class^=icon-]:blank::before,
[class*=" icon-"]:blank::before {
  margin-right: 0;
}

.icon--after::after {
  margin-right: 0;
  margin-left: var(--icon-margin, 0.25rem);
  line-height: inherit;
}
.icon--after:empty::after {
  margin-left: 0;
}
.icon--after:blank::after {
  margin-left: 0;
}

[class*=ratio--] {
  position: relative;
  display: block;
}
[class*=ratio--]::before {
  pointer-events: none;
  display: block;
  content: "";
  padding-bottom: 56.25%;
}
[class*=ratio--] > img,
[class*=ratio--] > video,
[class*=ratio--] > iframe,
[class*=ratio--] > :not(figcaption) img,
[class*=ratio--] > :not(figcaption) video,
[class*=ratio--] > :not(figcaption) iframe {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: auto;
}

.ratio--21-9::before {
  padding-bottom: 42.8571428571%;
}

.ratio--16-9::before {
  padding-bottom: 56.25%;
}

.ratio--1-1::before {
  padding-bottom: 100%;
}

.ratio--4-3::before {
  padding-bottom: 75%;
}

.ratio--4-5::before {
  padding-bottom: 125%;
}

.section {
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  padding: var(--section-padding, 6rem) var(--site-padding);
}

.video {
  position: relative;
  padding-bottom: 56.25%;
  margin: 0 0 var(--spacing-medium, 1.5rem);
  height: 0;
}
.video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

html.dialog-open {
  overflow: hidden;
  touch-action: none;
}

div.dialog {
  background: var(--dialog-background, white);
  width: 90%;
  max-width: var(--dialog-width, 40rem);
  max-height: 90%;
  position: fixed;
  overflow: auto;
  z-index: 101;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: var(--dialog-padding, 3rem);
  box-shadow: var(--dialog-shadow, 0 1rem 1rem rgba(0, 0, 0, 0.25));
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.95);
  transition: opacity var(--dialog-animation-duration, 0.5s) var(--easing), transform var(--dialog-animation-duration, 0.5s) var(--easing);
}
div.dialog .dialog-close-button {
  position: absolute;
  right: calc(var(--dialog-padding, 3rem) / 2);
  top: calc(var(--dialog-padding, 3rem) / 2);
  z-index: 1;
  font-size: var(--dialog-close-button-size, 2rem);
  line-height: 1;
  color: var(--dialog-close-button-color, currentColor);
  font-size: 0;
}
div.dialog .dialog-close-button::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e81a";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  margin: 0;
  font-size: var(--dialog-close-button-size, 2rem);
}

div.dialog + div.dialog-backdrop {
  background: var(--dialog-backdrop-color, rgba(0, 0, 0, 0.6));
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--dialog-animation-duration, 0.5s) var(--easing);
}

div.dialog.open,
html.no-js div.dialog:target {
  pointer-events: all;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

div.dialog.open + div.dialog-backdrop,
html.no-js div.dialog:target + div.dialog-backdrop {
  pointer-events: all;
  opacity: 1;
}

div.dialog.dialog--no-transition {
  transition: none;
}

.google-map {
  background: var(--google-map-bg, #def);
  height: var(--google-map-height, 30rem);
  overflow: hidden;
}

[data-slideshow] {
  --slideshow-slide-width: calc(100% / var(--slideshow-per-page, 1) - var(--slideshow-gap, 3rem) * (var(--slideshow-per-page, 1) - 1) / var(--slideshow-per-page, 1));
}
[data-slideshow]:not(.flickity-enabled) {
  --grid-cols: 1;
  display: grid;
  gap: var(--grid-row-gap, var(--grid-gap, 3rem)) var(--grid-column-gap, var(--grid-gap, 3rem));
  grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  --grid-cols: var(--slideshow-per-page);
  gap: var(--slideshow-gap);
}
[data-slideshow] .flickity-viewport {
  transition: height 0.25s var(--easing);
}
[data-slideshow] .flickity-slider > * {
  width: var(--slideshow-slide-width);
  margin-right: var(--slideshow-gap, 3rem);
}

@keyframes video-embed-spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
figure.video-embed {
  margin: 0 0 var(--spacing-medium, 1.5rem);
}
figure.video-embed .embed {
  position: relative;
}
figure.video-embed .embed .video {
  margin: 0;
}
figure.video-embed .embed .thumbnail {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
figure.video-embed .embed .thumbnail::after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "▶";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  display: block;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  font-size: var(--video-icon-size, 3rem);
  line-height: var(--video-icon-size, 3rem);
  color: var(--video-icon-color, white);
  transform: translate(-50%, -50%);
}
figure.video-embed .embed .thumbnail > img,
figure.video-embed .embed .thumbnail > picture > * {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  filter: brightness(var(--video-thumbnail-brightness, 50%));
}
figure.video-embed.video-embed--state-playing .embed .thumbnail {
  display: none;
}
figure.video-embed.video-embed--state-buffering .embed .thumbnail::after {
  content: "\e834";
  animation: video-embed-spin 2s infinite linear;
}
figure.video-embed figcaption {
  text-align: center;
}

/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

@media print {
  *,
  ::before,
  ::after {
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
  }
  html {
    background: none !important;
  }
  [class*=bg--]:not(.bg--primary-3) {
    background-color: transparent !important;
  }
  h1, h2, h3, h4, h5 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  #site-header {
    position: absolute !important;
    transform: none !important;
    background: transparent !important;
  }
  #site-header::before, #site-header::after {
    display: none !important;
  }
  #site-header > *:not(.site-logo) {
    display: none !important;
  }
  #site-footer {
    display: none !important;
  }
  header,
  article,
  figure,
  [data-slideshow],
  section,
  dd,
  li {
    page-break-inside: avoid;
  }
}
html.js [data-accordion] {
  overflow-anchor: none;
}
html.js [data-accordion] > * {
  overflow-anchor: none;
  border-bottom: 1px solid var(--color-border);
}
html.js [data-accordion] > *:first-child {
  border-top: 1px solid var(--color-border);
}
html.js [data-accordion] > * [data-accordion-trigger] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: var(--spacing-medium) 0;
  position: relative;
  max-width: none;
  cursor: pointer;
}
html.js [data-accordion] > * [data-accordion-trigger]::after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "⌄";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  margin: 0 0 0 var(--spacing-medium);
  transition: transform 0.25s var(--easing);
}
html.js [data-accordion] > * [data-accordion-content] {
  opacity: 0;
  max-height: 0;
  max-width: none;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
  transition: max-height 0.25s var(--easing), opacity 0.25s var(--easing), visibility 0s var(--visibility-delay, 0.25s) linear;
}
html.js [data-accordion] > * [data-accordion-content] > :last-child {
  margin-bottom: var(--spacing-large);
}
html.js [data-accordion] > *.active [data-accordion-content] {
  opacity: 1;
  max-height: var(--accordion-height);
  visibility: visible;
  --visibility-delay: 0s;
}
html.js [data-accordion] > *.active [data-accordion-trigger]::after {
  transform: rotate(-180deg);
}
html.js [data-accordion].accordion--numbered {
  counter-reset: accordion-numbered;
}
html.js [data-accordion].accordion--numbered article {
  counter-increment: accordion-numbered;
}
html.js [data-accordion].accordion--numbered article [data-accordion-trigger] {
  padding-left: var(--spacing-large);
  position: relative;
}
html.js [data-accordion].accordion--numbered article [data-accordion-trigger]::before {
  content: counter(accordion-numbered, decimal-leading-zero) ". ";
  font-size: var(--h6-size);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
html.js [data-accordion].accordion--numbered article [data-accordion-content] {
  padding-left: var(--spacing-large);
}
@media print {
  html.js [data-accordion-content] {
    opacity: 1 !important;
    max-height: var(--accordion-height) !important;
    visibility: visible !important;
  }
  html.js [data-accordion-trigger]::after {
    transform: rotate(-180deg) !important;
  }
}

[class*=bg--] {
  background-color: var(--bg-color);
  color: var(--text-color);
}

.bg--default {
  --bg-color: #F4F3ED;
  --text-color: #000;
  --heading-color: #000;
  --button-ghost-color: #000;
  --button-ghost-text-color: #FFFFFF;
  --button-color: #F9B54A;
  --button-color-hover: #EB9939;
}

.bg--white {
  --bg-color: white;
  --text-color: #000;
  --heading-color: #000;
  --button-ghost-color: #000;
  --button-ghost-text-color: #FFFFFF;
  --button-color: #F9B54A;
  --button-color-hover: #EB9939;
}

.bg--media {
  --bg-color: var(--color-overlay);
  --text-color: #FFFFFF;
  --heading-color: #FFFFFF;
  --button-ghost-color: #FFFFFF;
  --button-ghost-text-color: #000;
  --button-color: #F9B54A;
  --button-color-hover: #EB9939;
  position: relative;
  color: #FFFFFF;
}
.bg--media > figure.bg {
  display: contents;
}
.bg--media > figure.bg img,
.bg--media > figure.bg video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bg--primary {
  --bg-color: #9ABC91;
  --text-color: #000;
  --heading-color: #000;
  --button-ghost-color: #000;
  --button-ghost-text-color: #FFFFFF;
  --button-color: #FFFFFF;
  --button-color-hover: #F5F5F5;
}

.bg--primary-2 {
  --bg-color: #1F1A38;
  --text-color: #FFFFFF;
  --heading-color: #FFFFFF;
  --button-ghost-color: #FFFFFF;
  --button-ghost-text-color: #000;
  --button-color: #F9B54A;
  --button-color-hover: #EB9939;
}

.bg--primary-3 {
  --bg-color: #F9B54A;
  --text-color: #000;
  --heading-color: #000;
  --button-ghost-color: #000;
  --button-ghost-text-color: #FFFFFF;
  --button-color: #FFFFFF;
  --button-color-hover: #F5F5F5;
}

.bg--primary-4 {
  --bg-color: #CCDEE9;
  --text-color: #000;
  --heading-color: #000;
  --button-ghost-color: #000;
  --button-ghost-text-color: #FFFFFF;
  --button-color: #F9B54A;
  --button-color-hover: #EB9939;
}

.bg--secondary {
  --bg-color: #E3E8E1;
  --text-color: #000;
  --heading-color: #000;
  --button-ghost-color: #000;
  --button-ghost-text-color: #FFFFFF;
  --button-color: #F9B54A;
  --button-color-hover: #EB9939;
}

.bg--secondary-2 {
  --bg-color: #DADFE2;
  --text-color: #000;
  --heading-color: #000;
  --button-ghost-color: #000;
  --button-ghost-text-color: #FFFFFF;
  --button-color: #F9B54A;
  --button-color-hover: #EB9939;
}

.bg--secondary-3 {
  --bg-color: #F4F3ED;
  --text-color: #000;
  --heading-color: #000;
  --button-ghost-color: #000;
  --button-ghost-text-color: #FFFFFF;
  --button-color: #F9B54A;
  --button-color-hover: #EB9939;
}

.bg--secondary-4 {
  --bg-color: #E9E5DC;
  --text-color: #000;
  --heading-color: #000;
  --button-ghost-color: #000;
  --button-ghost-text-color: #FFFFFF;
  --button-color: #F9B54A;
  --button-color-hover: #EB9939;
}

.button,
button,
input[type=submit] {
  background: var(--button-color, var(--color-primary, blue));
  box-sizing: border-box;
  display: inline-block;
  padding: var(--button-padding-y, 0.75rem) var(--button-padding-x, 1.25rem);
  vertical-align: middle;
  font-size: var(--button-font-size, inherit);
  font-family: var(--button-font-family, inherit);
  font-weight: var(--button-font-weight, normal);
  letter-spacing: var(--button-letter-spacing, 0);
  line-height: var(--button-line-height, 1.2);
  text-transform: var(--button-text-transform, none);
  text-decoration: none;
  text-align: center;
  color: var(--button-text-color, white);
  cursor: pointer;
  outline: 0;
  border: var(--button-border-width, 1px) var(--button-border-style, solid) var(--button-border-color, var(--button-color, var(--color-primary, blue)));
  border-radius: var(--button-border-radius, var(--border-radius, 0));
  transition: all var(--button-transition-duration, 0.25s) var(--easing);
  box-shadow: var(--button-shadow, none);
}
.button:hover,
button:hover,
input[type=submit]:hover {
  color: var(--button-text-color, white);
  text-decoration: none;
}
.button::after,
button::after,
input[type=submit]::after {
  --icon-margin: var(--spacing-small);
  width: auto;
  transition: transform var(--link-transition-duration, 0.25s) var(--easing);
}
.button[disabled],
button[disabled],
input[type=submit][disabled] {
  --button-color: #D8D8D8;
  --button-text-color: #9C9C9C;
}
.button:hover,
button:hover,
input[type=submit]:hover {
  --button-color: var(--button-color-hover);
}

.button--ghost {
  --button-color: var(--button-ghost-color);
  --button-text-color: var(--button-color);
  background: transparent;
}
.button--ghost:hover {
  --button-color: var(--button-ghost-color);
  --button-text-color: var(--button-ghost-text-color);
  background-color: var(--button-color);
}

.button--small {
  --button-font-size: 1rem;
  --button-padding-x: 1rem;
  --button-padding-y: 0.5rem;
}

.button--primary {
  --button-color: #F9B54A;
  --button-color-hover: #EB9939;
}

.button--secondary {
  --button-color: #9ABC91;
  --button-color-hover: #86A77E;
}

.button--white {
  --button-color: #FFFFFF;
  --button-color-hover: #F5F5F5;
}

.button--black {
  --button-color: #000;
  --button-color-hover: #494949;
  --button-text-color: #FFFFFF;
}

.buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-top: var(--spacing-large);
}
.buttons:where([\:has\(.button--small\)]) {
  margin-top: var(--spacing-medium);
}
.buttons:where(:has(.button--small)) {
  margin-top: var(--spacing-medium);
}
.buttons > * {
  flex: 1 0 auto;
  max-width: 100%;
}
:where(.buttons.text--left, .text--left .buttons) {
  margin: 0;
}
:where(.buttons.text--center, .text--center .buttons) {
  margin: 0 auto;
}
:where(.buttons.text--right, .text--right .buttons) {
  margin: 0 0 0 auto;
}

.color-scheme {
  margin-left: 0;
  list-style: none;
  display: flex;
  gap: var(--spacing-x-small);
  align-items: center;
  flex-wrap: wrap;
}
.color-scheme > li {
  font-size: var(--font-size-small);
  display: flex;
  align-items: center;
  gap: var(--spacing-small);
}
.color-scheme > li::before {
  background: var(--color-scheme-color);
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid var(--color-lightgray);
}

.color-scheme--checkbox {
  gap: var(--spacing-x-small);
}
.color-scheme--checkbox > li::before {
  display: none;
}
.color-scheme--checkbox > li label {
  position: relative;
}
.color-scheme--checkbox > li label input {
  position: absolute;
  visibility: hidden;
}
.color-scheme--checkbox > li label span {
  font-size: 0;
  margin: 0;
  cursor: pointer;
  display: grid;
  align-items: center;
  justify-items: center;
}
.color-scheme--checkbox > li label span::before {
  background: var(--color-scheme-color);
  display: block;
  content: "";
  grid-row: 1;
  grid-column: 1;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid var(--color-lightgray);
}
.color-scheme--checkbox > li label span::after {
  display: block;
  content: "";
  grid-row: 1;
  grid-column: 1;
  width: calc(1.5rem + 6px);
  height: calc(1.5rem + 6px);
  border: 1px solid black;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.25s var(--easing);
}
.color-scheme--checkbox > li label input:checked + span::after {
  opacity: 1;
}

div.dialog--gallery {
  width: 70vmax;
  max-width: 90vw;
  padding: 0;
}
div.dialog--gallery .dialog-close-button {
  color: white;
}

.dialog {
  border-radius: var(--border-radius);
}

.input--search {
  width: 100%;
  position: relative;
}
.input--search input {
  padding-left: calc(var(--form-field-padding-x) * 2 + var(--body-font-size));
}
.input--search button {
  all: unset;
  position: absolute;
  left: var(--form-field-padding-x);
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
}
.input--search button::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e802";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  margin: 0;
  font-size: var(--body-font-size);
}

.form-title:empty {
  display: none;
}

textarea:not([rows]) {
  height: 8em;
}

.hs-form fieldset {
  max-width: none !important;
}
.hs-form .hs-input {
  width: 100% !important;
}
.hs-form .hs-input[type=radio], .hs-form .hs-input[type=checkbox] {
  width: auto !important;
  margin-right: var(--spacing-small, 0.75rem);
}
.hs-form .legal-consent-container .hs-form-booleancheckbox-display input {
  float: none !important;
  width: auto !important;
  margin-right: var(--spacing-small, 0.75rem);
  vertical-align: middle;
}
.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
  display: inline;
  margin: 0;
  vertical-align: middle;
}
.hs-form :is(fieldset.form-columns-1,
fieldset.form-columns-2,
fieldset.form-columns-3,
fieldset.form-columns-4,
fieldset.form-columns-5,
fieldset.form-columns-6,
fieldset.form-columns-7,
fieldset.form-columns-8) .hs-form-field {
  width: auto !important;
  float: none !important;
}
.hs-form :is(fieldset.form-columns-1,
fieldset.form-columns-2,
fieldset.form-columns-3,
fieldset.form-columns-4,
fieldset.form-columns-5,
fieldset.form-columns-6,
fieldset.form-columns-7,
fieldset.form-columns-8) .input {
  margin: 0 !important;
}
@media (min-width: 768px) {
  .hs-form fieldset.form-columns-2 .hs-form-field {
    float: left !important;
    width: calc(50% - 0.75rem) !important;
    margin-right: 1.5rem;
  }
  .hs-form fieldset.form-columns-2 .hs-form-field:last-child {
    margin-right: 0;
  }
  .hs-form fieldset.form-columns-3 .hs-form-field {
    float: left !important;
    width: calc(33.3333333333% - 1rem) !important;
    margin-right: 1.5rem;
  }
  .hs-form fieldset.form-columns-3 .hs-form-field:last-child {
    margin-right: 0;
  }
  .hs-form fieldset.form-columns-4 .hs-form-field {
    float: left !important;
    width: calc(25% - 1.125rem) !important;
    margin-right: 1.5rem;
  }
  .hs-form fieldset.form-columns-4 .hs-form-field:last-child {
    margin-right: 0;
  }
  .hs-form fieldset.form-columns-5 .hs-form-field {
    float: left !important;
    width: calc(20% - 1.2rem) !important;
    margin-right: 1.5rem;
  }
  .hs-form fieldset.form-columns-5 .hs-form-field:last-child {
    margin-right: 0;
  }
  .hs-form fieldset.form-columns-6 .hs-form-field {
    float: left !important;
    width: calc(16.6666666667% - 1.25rem) !important;
    margin-right: 1.5rem;
  }
  .hs-form fieldset.form-columns-6 .hs-form-field:last-child {
    margin-right: 0;
  }
  .hs-form fieldset.form-columns-7 .hs-form-field {
    float: left !important;
    width: calc(14.2857142857% - 1.2857142857rem) !important;
    margin-right: 1.5rem;
  }
  .hs-form fieldset.form-columns-7 .hs-form-field:last-child {
    margin-right: 0;
  }
  .hs-form fieldset.form-columns-8 .hs-form-field {
    float: left !important;
    width: calc(12.5% - 1.3125rem) !important;
    margin-right: 1.5rem;
  }
  .hs-form fieldset.form-columns-8 .hs-form-field:last-child {
    margin-right: 0;
  }
}

.hs-form a:not(.button) {
  --link-decoration: underline;
}
.hs-form .hs-form-field {
  display: block;
  margin: 0 0 var(--spacing-medium);
  font-size: var(--font-size-x-small);
}
.hs-form .hs-form-field input.invalid {
  --form-field-border-color: var(--color-error);
  --form-field-hover-border-color: var(--color-error);
}
.hs-form .hs-form-field > label > span {
  font-size: var(--font-size-xx-small);
}
.hs-form .hs-form-field > label > span:not(:empty) {
  display: inline-block;
  margin-bottom: var(--spacing-x-small);
}
.hs-form .hs-form-field > label > span.hs-form-required {
  color: var(--color-secondary);
}
.hs-form .hs-form-field > label > span:empty + span.hs-form-required {
  display: none;
}
.hs-form .hs-form-field > legend {
  font-size: var(--font-size-xx-small);
  opacity: 0.8;
  margin-bottom: var(--spacing-x-small);
}
.hs-form .hs-form-field > label + legend {
  margin-top: calc(var(--spacing-x-small) * -1);
}
.hs-form ul.inputs-list {
  margin: 0;
  list-style: none;
}
.hs-form ul.inputs-list.multi-container {
  margin-bottom: calc(var(--spacing-medium) * -1);
}
.hs-form ul.inputs-list.multi-container li {
  display: inline-block;
  margin: 0 var(--spacing-medium) var(--spacing-medium) 0;
}
.hs-form ul.inputs-list.multi-container li:only-child {
  margin: 0;
}
.hs-form .hs-form-required {
  display: none;
}
.hs-form ul.hs-error-msgs {
  margin: var(--spacing-x-small) 0 0;
  list-style: none;
  color: var(--color-error);
  font-size: var(--font-size-xx-small);
}
.hs-form ul.hs-error-msgs li {
  display: block;
}
.hs-form ul.hs-error-msgs li:not(:last-child) {
  margin-bottom: var(--spacing-x-small);
}
.hs-form .hs_error_rollup {
  display: none;
}
.hs-form .legal-consent-container {
  font-size: var(--font-size-x-small);
  margin-bottom: var(--spacing-medium);
}
.hs-form .legal-consent-container p,
.hs-form .legal-consent-container .hs-richtext,
.hs-form .legal-consent-container .hs-dependent-field {
  margin-bottom: var(--spacing-small);
}

[data-slideshow].slideshow--gallery {
  --slideshow-gap: 0px;
}
[data-slideshow].slideshow--gallery figure {
  margin-bottom: 0;
}

.row-gap--large {
  row-gap: var(--spacing-large);
}

.link--arrow {
  display: inline-block;
  font-weight: bold;
}
.link--arrow::after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "→";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  margin: 0 0 0 var(--spacing-small);
  transition: all var(--link-transition-duration, 0.25s) var(--easing);
}
.link--arrow:hover::after {
  transform: translateX(0.25rem);
}

.link--underline {
  --link-decoration: underline;
}

.link--video {
  position: relative;
}
.link--video > * {
  filter: brightness(var(--video-thumbnail-brightness, 50%));
}
.link--video > a {
  filter: none;
}
.link--video > a > * {
  filter: brightness(var(--video-thumbnail-brightness, 50%));
}
.link--video::after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "▶";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--video-icon-color, #fff);
  font-size: var(--video-icon-size, 3rem);
  line-height: var(--video-icon-size, 3rem);
  pointer-events: none;
}

.media--dolly {
  overflow: hidden;
}
.media--dolly :is(img, video) {
  transition: transform 0.8s var(--easing);
}
.bg--media:hover > .media--dolly :is(img, video), .media--dolly:hover :is(img, video) {
  transform: scale(1.03);
}

.module-header {
  margin-bottom: var(--module-header-margin);
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
  gap: var(--spacing-medium);
}
.module-header > h2 {
  margin-bottom: 0;
  max-width: 830px;
}
.module-header > .wysiwyg {
  flex: 100%;
}
.module-header > .wysiwyg > :last-child {
  margin-bottom: 0;
}
.module-header > .wysiwyg + nav.buttons {
  height: auto;
}
.module-header > nav.buttons {
  font-size: var(--h2-size);
  height: var(--heading-line-height);
  margin-top: 0;
}
.module-header.text--center, .text--center .module-header {
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  flex-direction: column;
}
.module-header.text--right, .text--right .module-header {
  margin-left: auto;
  align-items: flex-end;
  flex-direction: column;
}
.module-header > :last-child {
  margin-bottom: 0;
}

.module-header-alt {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  gap: 0 var(--grid-gap);
  padding-bottom: var(--module-header-margin);
  margin-bottom: var(--module-header-margin);
  border-bottom: 1px solid var(--color-border);
}
.module-header-alt > :last-child {
  margin-bottom: 0;
}
@media (min-width: 1080px) {
  .module-header-alt {
    --grid-cols: 12;
  }
  .module-header-alt > h2 {
    grid-column: 1/span 6;
  }
  .module-header-alt > .wysiwyg,
  .module-header-alt > nav {
    grid-column: 8/span 5;
  }
}

.post--bg {
  background: transparent;
  position: relative;
}
.post--bg > figure {
  margin: 0;
  position: relative;
}
.post--bg.post--bg--overlay > figure::before {
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) 40%, transparent 100%);
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.post--bg > header {
  position: absolute;
  top: auto;
  right: max(var(--spacing-medium), min(4vw, var(--spacing-large)));
  bottom: max(var(--spacing-medium), min(4vw, var(--spacing-x-large)));
  left: max(var(--spacing-medium), min(4vw, var(--spacing-large)));
  z-index: 2;
}
.post--bg > header .text--label {
  margin-bottom: var(--spacing-x-small);
}
.post--bg > header > :last-child {
  margin-bottom: 0;
}

.post--card {
  display: grid;
}
.post--card > figure {
  margin: 0;
}
.post--card > header {
  padding: var(--spacing-large) var(--spacing-medium) var(--spacing-large);
}
.post--card > header .text--label {
  margin-bottom: var(--spacing-x-small);
}
@media (min-width: 1080px) {
  .post--card {
    grid-template-columns: minmax(0, 4fr) minmax(0, 5fr);
    gap: var(--grid-gap);
  }
  .post--card > figure {
    position: relative;
  }
  .post--card > figure a,
  .post--card > figure div {
    display: block;
    height: 100%;
  }
  .post--card > figure img,
  .post--card > figure video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: auto;
  }
  .post--card > header {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .post--card > header .button {
    margin-top: auto;
  }
}

.post--column > figure {
  margin-bottom: var(--spacing-small);
}
.post--column > p {
  margin-bottom: var(--spacing-x-small);
}
.post--column > h3 {
  margin-bottom: var(--spacing-x-small);
}
.post--column > :last-child {
  margin-bottom: 0;
}

.post--media-row {
  padding-block: var(--spacing-large);
  border-top: 1px solid var(--color-border);
}
.post--media-row:last-child {
  border-bottom: 1px solid var(--color-border);
}
@media (min-width: 1080px) {
  .post--media-row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--grid-gap);
  }
  .post--media-row > figure {
    grid-column: 1/span 4;
    margin: 0;
  }
  .post--media-row > header {
    grid-column: 6/span 7;
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .post--media-row > header .text--label {
    margin-bottom: var(--spacing-x-small);
  }
  .post--media-row > header > nav,
  .post--media-row > header > a.button {
    margin-top: auto;
  }
}

.post--row {
  display: grid;
  padding-block: var(--spacing-large);
  border-top: 1px solid var(--color-border);
}
.post--row:last-child {
  border-bottom: 1px solid var(--color-border);
}
.post--row > p {
  margin-bottom: var(--spacing-small);
}
.post--row > h3 {
  margin: 0;
}
.post--row > a {
  display: none;
  margin: 0;
  font-size: var(--h3-size);
  line-height: 1;
}
@media (min-width: 768px) {
  .post--row {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: dense;
    align-items: start;
    gap: 0 var(--grid-gap);
  }
  .post--row > p,
  .post--row > h3 {
    grid-column: 1/span 9;
  }
  .post--row > a {
    display: inline-block;
    grid-column: 10/span 3;
    grid-row: 1/span 2;
    align-self: center;
    justify-self: end;
  }
}
@media (min-width: 1080px) {
  .post--row > p {
    grid-column: 1/span 2;
  }
  .post--row > h3 {
    grid-column: 3/span 7;
  }
  .post--row > a {
    grid-row: 1;
  }
}

.post--product h3 {
  margin-bottom: var(--spacing-small);
}
.post--product aside h4 {
  padding-bottom: var(--spacing-small);
  margin-bottom: var(--spacing-small);
  border-bottom: 1px solid var(--color-lightgray);
}
.post--product aside dl {
  font-size: var(--font-size-small);
}
.post--product aside dl div {
  display: flex;
  align-items: start;
  gap: var(--spacing-x-small);
  padding-bottom: var(--spacing-small);
  margin-bottom: var(--spacing-small);
  border-bottom: 1px solid var(--color-lightgray);
}
.post--product aside dl div dt {
  white-space: nowrap;
}
.post--product aside dl div dt::after {
  content: ": ";
}
.post--product aside dl div dd {
  margin: 0;
}
.post--product aside dl div dd ul {
  display: inline-flex;
  margin: 0 0 0 var(--spacing-x-small);
}
.post--product aside dl div dd span:not(:last-child)::after {
  content: ", ";
}
.post--product > :last-child {
  margin-bottom: 0;
}

.post--press > ul {
  list-style: none;
  margin: var(--spacing-medium) 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-small) var(--grid-gap);
}
.post--press > h3 {
  margin-bottom: var(--spacing-small);
}
.post--press > :last-child {
  margin-bottom: 0;
}

.post--job {
  display: grid;
  padding-block: var(--spacing-large);
  border-top: 1px solid var(--color-border);
  font-size: var(--font-size-small);
}
.post--job:last-child {
  border-bottom: 1px solid var(--color-border);
}
.post--job > p,
.post--job > h3 {
  margin-bottom: var(--spacing-small);
}
.post--job > h3 a {
  --link-decoration: underline;
}
.post--job > h3 a:not(:hover) {
  --text-decoration-color: transparent;
}
.post--job > p.town {
  margin-bottom: var(--spacing-x-small);
}
@media (min-width: 1080px) {
  .post--job {
    align-items: center;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: dense;
    gap: 0 var(--grid-gap);
  }
  .post--job > p.town {
    grid-column: 1/span 2;
    margin: 0;
  }
  .post--job > h3 {
    grid-column: 3/span 4;
    margin: 0;
  }
  .post--job > p.last-apply {
    grid-column: 7/span 3;
    margin: 0;
  }
  .post--job > a {
    grid-column: 10/span 3;
    text-align: right;
  }
}

.post--store {
  background: var(--color-white);
  padding: var(--spacing-medium);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.post--store > figure {
  display: inline-flex;
}
.post--store > figure img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 2.625rem;
}
.post--store > figure,
.post--store > h3 {
  margin-bottom: var(--spacing-large);
}
.post--store > nav {
  font-size: var(--font-size-small);
  margin-top: auto;
}
.post--store > :last-child {
  margin-bottom: 0;
}

[class*=rat--] {
  aspect-ratio: 16/9;
}

.rat--21-9 {
  aspect-ratio: 21/9;
}

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

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

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

.rat--4-5 {
  aspect-ratio: 4/5;
}

@media (min-width: 1080px) {
  .laptop\:rat--21-9 {
    aspect-ratio: 21/9;
  }
  .laptop\:rat--16-9 {
    aspect-ratio: 16/9;
  }
  .laptop\:rat--1-1 {
    aspect-ratio: 1/1;
  }
  .laptop\:rat--4-3 {
    aspect-ratio: 4/3;
  }
  .laptop\:rat--4-5 {
    aspect-ratio: 4/5;
  }
}
@media (max-width: 1079px) {
  .laptop-max\:ratio--21-9::before {
    padding-bottom: 42.8571428571%;
  }
  .laptop-max\:ratio--16-9::before {
    padding-bottom: 56.25%;
  }
  .laptop-max\:ratio--1-1::before {
    padding-bottom: 100%;
  }
  .laptop-max\:ratio--4-3::before {
    padding-bottom: 75%;
  }
  .laptop-max\:ratio--4-5::before {
    padding-bottom: 125%;
  }
}
.section--small {
  --site-width-max: 888px;
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  padding: var(--section-padding, 6rem) var(--site-padding);
}

.container--small {
  --site-width-max: 888px;
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  width: var(--site-width);
  margin: var(--container-margin, 6rem) auto;
}

.section--medium {
  --site-width-max: 995px;
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  padding: var(--section-padding, 6rem) var(--site-padding);
}

.container--medium {
  --site-width-max: 995px;
  --site-width: min(
  	var(--site-width-min, 90vw),
  	var(--site-width-max, 1280px)
  );
  --site-padding: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width)
  	) / 2
  );
  width: var(--site-width);
  margin: var(--container-margin, 6rem) auto;
}

[data-slideshow].is-fade .flickity-slider > * {
  opacity: 0 !important;
  transition: opacity 1s ease !important;
}
[data-slideshow].is-fade .flickity-slider > *.is-selected {
  opacity: 1 !important;
}

.flickity-prev-next-button {
  all: unset;
  cursor: pointer;
  position: absolute;
  top: 50%;
}
.flickity-prev-next-button:hover {
  background: transparent;
}
.flickity-prev-next-button.previous {
  left: 0;
  transform: translate(-50%, -50%);
}
.flickity-prev-next-button.next {
  right: 0;
  transform: translate(50%, -50%);
}
.flickity-prev-next-button svg {
  display: none;
}
.flickity-prev-next-button::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "‹";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  background: var(--slideshow-arrow-bg);
  width: calc(var(--slideshow-arrow-size) * 1.5);
  height: calc(var(--slideshow-arrow-size) * 1.5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-size: var(--slideshow-arrow-size, 2rem);
  line-height: 1;
  border-radius: 50%;
}
.flickity-prev-next-button.next::before {
  content: "›";
}

.slideshow--arrows-alt .flickity-prev-next-button::before {
  background: transparent;
  content: "←";
  width: auto;
  height: auto;
}
.slideshow--arrows-alt .flickity-prev-next-button.next::before {
  content: "→";
}

.flickity-page-dots {
  all: unset;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: -moz-max-content;
  width: max-content;
  gap: var(--spacing-small);
}
.flickity-page-dots .dot {
  all: unset;
  background: currentColor;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  opacity: 0.3;
  transition: opacity 0.25s var(--easing);
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

[data-slideshow] {
  position: relative;
}
[data-slideshow].slideshow--bg .flickity-prev-next-button.previous {
  left: var(--spacing-large);
}
[data-slideshow].slideshow--bg .flickity-prev-next-button.next {
  right: var(--spacing-large);
}
[data-slideshow].slideshow--bg .flickity-page-dots {
  position: absolute;
  left: 50%;
  bottom: var(--spacing-medium);
  transform: translate(-50%, 0);
}
[data-slideshow].slideshow--bg .flickity-page-dots .dot {
  background: white;
  width: 2rem;
  height: 2px;
  border-radius: 0;
  opacity: 0.3;
  transition: opacity 0.25s var(--easing);
}
[data-slideshow].slideshow--bg .flickity-page-dots .dot.is-selected {
  opacity: 1;
}

[data-slideshow-pagination] .flickity-page-dots,
[data-slideshow-pagination] .flickity-prev-next-button {
  position: static;
  transform: none;
}

[data-slideshow][data-media-ratio] {
  --media-width: calc(
  	(
  		var(--site-width) -
  		(
  			(var(--slideshow-per-page) - 1) *
  			var(--slideshow-gap)
  		)
  	) /
  	var(--slideshow-per-page)
  );
  --media-height: var(--media-width);
}
[data-slideshow][data-media-ratio][data-media-ratio-mobile="21-9"] {
  --media-height: calc(
  	var(--media-width) *
  	(
  		9 / 21
  	)
  );
}
@media (min-width: 1080px) {
  [data-slideshow][data-media-ratio][data-media-ratio="21-9"] {
    --media-height: calc(
    	var(--media-width) *
    	(
    		9 / 21
    	)
    );
  }
}
[data-slideshow][data-media-ratio][data-media-ratio-mobile="16-9"] {
  --media-height: calc(
  	var(--media-width) *
  	(
  		9 / 16
  	)
  );
}
@media (min-width: 1080px) {
  [data-slideshow][data-media-ratio][data-media-ratio="16-9"] {
    --media-height: calc(
    	var(--media-width) *
    	(
    		9 / 16
    	)
    );
  }
}
[data-slideshow][data-media-ratio][data-media-ratio-mobile="1-1"] {
  --media-height: calc(
  	var(--media-width) *
  	(
  		1 / 1
  	)
  );
}
@media (min-width: 1080px) {
  [data-slideshow][data-media-ratio][data-media-ratio="1-1"] {
    --media-height: calc(
    	var(--media-width) *
    	(
    		1 / 1
    	)
    );
  }
}
[data-slideshow][data-media-ratio][data-media-ratio-mobile="4-3"] {
  --media-height: calc(
  	var(--media-width) *
  	(
  		3 / 4
  	)
  );
}
@media (min-width: 1080px) {
  [data-slideshow][data-media-ratio][data-media-ratio="4-3"] {
    --media-height: calc(
    	var(--media-width) *
    	(
    		3 / 4
    	)
    );
  }
}
[data-slideshow][data-media-ratio][data-media-ratio-mobile="4-5"] {
  --media-height: calc(
  	var(--media-width) *
  	(
  		5 / 4
  	)
  );
}
@media (min-width: 1080px) {
  [data-slideshow][data-media-ratio][data-media-ratio="4-5"] {
    --media-height: calc(
    	var(--media-width) *
    	(
    		5 / 4
    	)
    );
  }
}
[data-slideshow][data-media-ratio] .flickity-prev-next-button {
  top: calc(var(--media-height) / 2);
}

.tag {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--font-size-xx-small);
  color: var(--text-color, black);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: var(--tag-bg, #FFFFFF);
  display: inline-block;
  padding: var(--spacing-x-small) var(--spacing-small);
  color: var(--tag-color, #000);
  border-radius: 999px;
}

.tag--white {
  --tag-bg: #FFFFFF;
}

.tag--primary {
  --tag-bg: #9ABC91;
}

.tag--primary-2 {
  --tag-bg: #1F1A38;
}

.tag--primary-3 {
  --tag-bg: #F9B54A;
}

.tag--primary-4 {
  --tag-bg: #CCDEE9;
}

.tag--secondary {
  --tag-bg: #E3E8E1;
}

.tag--secondary-2 {
  --tag-bg: #DADFE2;
}

.tag--secondary-3 {
  --tag-bg: #F4F3ED;
}

.tag--secondary-4 {
  --tag-bg: #E9E5DC;
}

.tag--default {
  --tag-bg: #000;
  --tag-color: #FFFFFF;
}

.tag--primary-2 {
  --tag-color: #FFFFFF;
}

.tech-spec + :where(.tech-spec) {
  margin-top: var(--spacing-large);
}
.tech-spec > :is(h2, h3) {
  margin-bottom: var(--spacing-medium);
  padding-bottom: var(--spacing-small);
  border-bottom: 1px solid var(--color-border);
}
.tech-spec > dl a,
.tech-spec > ul a {
  --link-decoration: underline;
}
.tech-spec > dl {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: var(--grid-gap);
}
.tech-spec > dl dt {
  font-weight: bold;
}
.tech-spec > dl dd {
  grid-column: 2;
  margin: 0;
}
.tech-spec > ul {
  list-style: none;
  margin: 0;
  display: grid;
  gap: var(--grid-gap);
}
.tech-spec > ul li {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: var(--grid-gap);
}
.tech-spec > ul li > :first-child {
  font-weight: bold;
}

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

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

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

.text--label {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--font-size-xx-small);
  color: var(--text-color, black);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.text--label-large {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--font-size-small);
  color: var(--text-color, black);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.text--d1 {
  font-size: var(--font-size-display);
}

.text--d2 {
  font-size: var(--font-size-display-2);
}

.text--d3 {
  font-size: var(--font-size-display-3);
}

.text--d4 {
  font-size: var(--font-size-display-4);
}

@media (min-width: 1080px) {
  .laptop\:hide {
    display: none !important;
  }
}
@media (max-width: 1079px) {
  .laptop\:show {
    display: none !important;
  }
}
html.js .js-hide {
  display: none !important;
}

html.no-js .js-show {
  display: none !important;
}

:root {
  --video-thumbnail-brightness: 90%;
}

figure.video-embed .embed .thumbnail:after {
  background-color: var(--video-icon-bg, rgba(255, 255, 255, 0.5));
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  border-radius: 50%;
}

.wysiwyg {
  --heading-margin: 1rem;
}
.wysiwyg > :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not(:first-child) {
  margin-top: var(--spacing-large);
}
.wysiwyg b,
.wysiwyg strong {
  font-weight: bold;
}
.wysiwyg a:not(.button) {
  --link-decoration: underline;
}
.wysiwyg table {
  border-collapse: collapse;
  overflow-wrap: break-word;
}
.wysiwyg table thead th {
  vertical-align: bottom;
}
.wysiwyg table td,
.wysiwyg table th {
  vertical-align: top;
}
.wysiwyg blockquote {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  font-size: var(--h4-size);
  color: var(--heading-color, inherit);
  font-style: italic;
}
.wysiwyg blockquote a {
  color: var(--heading-color, inherit);
}
.wysiwyg blockquote a:hover {
  color: var(--heading-color, inherit);
}
.wysiwyg :is(.wp-caption, .wp-block-image) {
  max-width: 100%;
}
.wysiwyg :is(.wp-caption, .wp-block-image) :is(.wp-caption-text, figcaption) {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--font-size-xx-small);
  color: var(--text-color, black);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.wysiwyg :is(.wp-caption, .wp-block-image) figcaption {
  margin-top: var(--spacing-small);
}
.wysiwyg ol {
  list-style: none;
  margin-left: 0;
}
.wysiwyg ol:first-of-type,
.wysiwyg ol ~ ol:not([start]) {
  counter-reset: ordered-item;
}
.wysiwyg ol > li {
  counter-increment: ordered-item;
  position: relative;
  padding-left: calc(2ch + var(--spacing-medium));
}
.wysiwyg ol > li:not(:last-child) {
  margin-bottom: var(--spacing-small);
}
.wysiwyg ol > li::before {
  content: counter(ordered-item, decimal-leading-zero) ". ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.wysiwyg ul {
  list-style: none;
  margin-left: 0;
}
.wysiwyg ul li {
  position: relative;
  padding-left: calc(1.1em + var(--spacing-medium));
}
.wysiwyg ul li:not(:last-child) {
  margin-bottom: var(--spacing-small);
}
.wysiwyg ul li::before {
  background: currentColor;
  content: "";
  display: block;
  position: absolute;
  top: calc(1em * var(--body-line-height) * 0.5);
  top: 0.5lh;
  left: 0;
  width: 1.1em;
  height: 1px;
  transform: translateY(-50%);
}
.wysiwyg ul li ul {
  margin-top: var(--spacing-small);
}
.wysiwyg :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
  -moz-column-break-after: avoid;
       break-after: avoid;
}
.wysiwyg p,
.wysiwyg ul,
.wysiwyg ol {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.wysiwyg:last-child > :last-child {
  margin-bottom: 0;
}

.wysiwyg--full h2 {
  font-size: var(--h3-size);
}
.wysiwyg--full h3 {
  font-size: var(--h4-size);
}
.wysiwyg--full h4 {
  font-size: var(--h5-size);
}
.wysiwyg--full h5 {
  font-size: var(--h6-size);
}

#archive-filter {
  margin-bottom: var(--spacing-x-large);
  padding-top: var(--spacing-large);
  border-top: 1px solid var(--color-border);
}
#archive-filter ul {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-small);
}
#archive-filter ul li.active a {
  --button-color: var(--button-ghost-color);
  --button-text-color: var(--button-ghost-text-color);
  background-color: var(--button-color);
}

@media (min-width: 1080px) {
  #archive > div {
    --grid-cols: 12;
    align-items: start;
  }
  #archive > div > article {
    grid-column: 1/-1;
  }
  #archive > div > article:first-child + article {
    grid-row-start: 2;
  }
  #archive > div > article:nth-child(-n+5) {
    grid-column: 1/span 6;
    grid-row: auto/span 5;
    margin-bottom: var(--spacing-x-large);
  }
  #archive > div > article:nth-child(-n+5):nth-child(even) {
    grid-column: 8/span 5;
  }
}

#single-post > header {
  margin-bottom: var(--spacing-x-large);
}
#single-post > header > .text--label {
  margin-bottom: var(--spacing-small);
}
#single-post > header > h1 + p {
  color: var(--color-gray);
  font-size: var(--font-size-small);
  margin-top: var(--spacing-medium);
  --link-color: var(--color-gray);
}
#single-post > header > figure {
  margin-top: var(--spacing-x-large);
}
#single-post > nav {
  margin-top: var(--spacing-x-large);
  padding-top: var(--spacing-medium);
  border-top: 1px solid var(--color-border);
}
#single-post > aside {
  margin-top: var(--container-margin);
}
#single-post > aside > article {
  display: grid;
  align-items: start;
}
#single-post > aside > article > figure {
  margin-bottom: var(--spacing-small);
}
#single-post > aside > article > p {
  margin-bottom: var(--spacing-x-small);
}
#single-post > aside > article > h3 {
  margin-bottom: 0;
}
#single-post > aside > article + article {
  grid-template-columns: min(30%, 5.625rem) 1fr;
  gap: 0 var(--grid-gap);
  margin-top: var(--spacing-medium);
}
#single-post > aside > article + article:nth-of-type(2) {
  margin-top: var(--spacing-large);
}
#single-post > aside > article + article > figure {
  grid-row: 1/span 2;
  margin-bottom: 0;
}
#single-post > aside > article + article > h3 {
  font-size: var(--h5-size);
}
#single-post > div {
  display: grid;
  gap: var(--spacing-large);
  grid-template-columns: minmax(0, 1fr);
}
#single-post > div > .wysiwyg > :last-child {
  margin-bottom: 0;
}
#single-post > div > nav {
  padding: max(var(--spacing-medium), min(7vw, var(--spacing-large)));
}
#single-post > div > nav ol {
  list-style: none;
  margin: 0;
}
#single-post > div > nav ol li {
  position: relative;
  padding-left: calc(1.1em + var(--spacing-medium));
}
#single-post > div > nav ol li:not(:last-child) {
  margin-bottom: var(--spacing-small);
}
#single-post > div > nav ol li::before {
  background: currentColor;
  content: "";
  display: block;
  position: absolute;
  top: calc(1em * var(--body-line-height) * 0.5);
  top: 0.5lh;
  left: 0;
  width: 1.1em;
  height: 1px;
  transform: translateY(-50%);
}
#single-post > div > nav ol li a {
  --link-decoration: underline;
}
#single-post > div > nav ol li a:not(:hover) {
  --text-decoration-color: transparent;
}
#single-post > div > nav ol li ol {
  display: none;
}
@media (min-width: 1080px) {
  #single-post {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: 0 var(--grid-gap);
  }
  #single-post > header {
    grid-column: 1/-1;
  }
  #single-post > div,
  #single-post > nav {
    grid-column: 2/span 6;
  }
  #single-post > div:nth-last-child(2),
  #single-post > nav:last-child {
    grid-column-start: 4;
  }
  #single-post > aside {
    grid-row: 2;
    grid-column: 10/span 3;
    margin-top: 0;
  }
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  color: var(--button-text-color, #fff) !important;
  font-family: var(--button-font-family, inherit) !important;
  font-size: var(--button-font-size, inherit) !important;
  font-weight: var(--button-font-weight, normal) !important;
  letter-spacing: var(--button-letter-spacing, 0) !important;
  line-height: var(--button-line-height, 1.2) !important;
  text-align: center !important;
  text-transform: var(--button-text-transform, none) !important;
  padding: var(--button-padding-y, 0.75rem) var(--button-padding-x, 1.25rem) !important;
  border-radius: var(--button-border-radius, var(--border-radius, 0)) !important;
  box-shadow: var(--button-shadow, none) !important;
  transition: all var(--button-transition-duration, 0.25s) var(--easing) !important;
}

#archive-guide .grid {
  align-items: start;
  --grid-row-gap: var(--spacing-large);
}
#archive-guide.is-main > .first-loop {
  margin-bottom: var(--grid-row-gap);
}
#archive-guide.is-main > .first-loop > :first-child {
  grid-column: 1/-1;
}
@media (min-width: 1080px) {
  #archive-guide.is-main {
    display: grid;
    align-items: start;
  }
  #archive-guide.is-main #archive-filter {
    border-top: 0;
    padding-top: 0;
    margin-top: var(--spacing-x-large);
    grid-row: 2;
  }
  #archive-guide.is-main > .first-loop {
    margin-bottom: 0;
  }
  #archive-guide.is-main > .first-loop > :first-child {
    position: sticky;
    top: calc(var(--site-header-height-sticky) + var(--spacing-medium));
    transition: top 0.25s var(--easing);
    grid-column: 1/span 2;
    grid-row: 1/span 3;
  }
  #archive-guide.is-main > .first-loop > :first-child > h3 {
    font-size: var(--h3-size);
  }
}

#single-job > nav {
  margin-top: var(--spacing-x-large);
  padding-top: var(--spacing-medium);
  border-top: 1px solid var(--color-border);
}
#single-job > aside {
  margin-top: var(--container-margin);
  --link-decoration: underline;
}
#single-job > aside > dl {
  margin: 0;
  row-gap: var(--spacing-large);
}
#single-job > aside > dl dt {
  margin: 0 0 var(--spacing-x-small);
}
#single-job > aside > dl dd {
  margin: 0;
}
#single-job > aside > dl dd + dd {
  margin-top: var(--spacing-small);
}
#single-job .apply-form {
  padding: max(var(--spacing-medium), min(4vw, var(--spacing-large)));
}
@media (min-width: 1080px) {
  #single-job {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: 0 var(--grid-gap);
  }
  #single-job > article,
  #single-job > nav {
    grid-column: 2/span 6;
  }
  #single-job > aside {
    position: sticky;
    top: calc(var(--site-header-height-sticky) + var(--spacing-medium));
    transition: top 0.25s var(--easing);
    grid-column: 10/span 3;
    margin-top: 0;
  }
  #single-job > article.apply-form {
    grid-column: 4/span 6;
  }
}

#pagination {
  margin-top: var(--spacing-x-large);
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  gap: var(--spacing-small);
}
#pagination a:not(:is(.next, .prev)) {
  --link-color: var(--color-gray);
}
#pagination a.next {
  margin-left: var(--spacing-medium);
}
#pagination a.prev {
  margin-right: var(--spacing-medium);
}

@media (min-width: 1080px) {
  #archive-press > div {
    --grid-cols: 12;
    align-items: start;
  }
  #archive-press > div > article {
    grid-column: auto/span 4;
  }
  #archive-press > div > article:first-child,
  #archive-press > div > article:nth-child(2) {
    grid-column-end: span 6;
  }
}

#single-press > header > ul {
  list-style: none;
  margin: var(--spacing-large) 0 0;
  display: flex;
  gap: var(--spacing-small) var(--grid-gap);
  color: var(--color-gray);
  font-size: var(--font-size-small);
}
#single-press > header > .wysiwyg {
  margin-top: var(--spacing-large);
}
#single-press > figure {
  margin: var(--spacing-large) 0 0;
}
#single-press > article {
  margin-top: var(--spacing-x-large);
}
#single-press .files a {
  --link-decoration: underline;
}
#single-press .files ul {
  list-style: none;
  margin: 0;
  margin-top: var(--spacing-medium);
}
#single-press .files ul li {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: var(--grid-gap);
  margin-top: var(--spacing-medium);
}
#single-press .files ul li a {
  justify-self: start;
}
#single-press .files ul li span {
  margin: 0;
}
#single-press > nav {
  margin-top: var(--spacing-x-large);
  padding-top: var(--spacing-medium);
  border-top: 1px solid var(--color-border);
}
@media (min-width: 1080px) {
  #single-press {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: 0 var(--grid-gap);
  }
  #single-press > header {
    grid-column: 1/span 5;
    align-self: center;
  }
  #single-press > figure {
    grid-column: 7/span 6;
    margin: 0;
  }
  #single-press > article,
  #single-press > nav {
    grid-column: 4/span 6;
  }
}

@media print {
  html.product-tech-specs-template,
  html.product-tech-specs-2-template {
    --body-font-size: 1rem;
    --h1-size: 2.25rem;
    --h2-size: 2rem;
    --h3-size: 1.8rem;
    --h4-size: 1.4rem;
  }
  html.product-tech-specs-template #hero-5,
  html.product-tech-specs-2-template #hero-5 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--grid-gap);
    min-height: calc(100vh - var(--site-header-height));
  }
  html.product-tech-specs-template #hero-5 > header nav,
  html.product-tech-specs-2-template #hero-5 > header nav {
    display: none;
  }
  html.product-tech-specs-template #hero-5 > header .wysiwyg > :last-child,
  html.product-tech-specs-2-template #hero-5 > header .wysiwyg > :last-child {
    margin-bottom: 0;
  }
  html.product-tech-specs-template #hero-5 [data-slideshow] .flickity-viewport,
  html.product-tech-specs-template #hero-5 [data-slideshow] .flickity-slider,
  html.product-tech-specs-2-template #hero-5 [data-slideshow] .flickity-viewport,
  html.product-tech-specs-2-template #hero-5 [data-slideshow] .flickity-slider {
    display: contents;
  }
  html.product-tech-specs-template #hero-5 [data-slideshow] .flickity-slider figure,
  html.product-tech-specs-2-template #hero-5 [data-slideshow] .flickity-slider figure {
    position: static !important;
    transform: none !important;
  }
  html.product-tech-specs-template #hero-5 [data-slideshow] figure + figure,
  html.product-tech-specs-2-template #hero-5 [data-slideshow] figure + figure {
    display: none;
  }
  html.product-tech-specs-template #hero-5 [data-slideshow] .flickity-button,
  html.product-tech-specs-template #hero-5 [data-slideshow] .flickity-page-dots,
  html.product-tech-specs-2-template #hero-5 [data-slideshow] .flickity-button,
  html.product-tech-specs-2-template #hero-5 [data-slideshow] .flickity-page-dots {
    display: none;
  }
  html.product-tech-specs-template .tech-spec > :is(h2, h3):empty,
  html.product-tech-specs-2-template .tech-spec > :is(h2, h3):empty {
    display: none;
  }
  html.product-tech-specs-template .tech-spec dl,
  html.product-tech-specs-2-template .tech-spec dl {
    grid-gap: 0.5rem;
  }
  html.product-tech-specs-template .tech-spec ul,
  html.product-tech-specs-2-template .tech-spec ul {
    grid-gap: 0.5rem;
  }
  html.product-tech-specs-template .tech-spec ul li,
  html.product-tech-specs-2-template .tech-spec ul li {
    grid-gap: 0.5rem;
  }
  html.product-tech-specs-template #product-color-schemes article,
  html.product-tech-specs-2-template #product-color-schemes article {
    page-break-inside: auto;
  }
  html.product-tech-specs-template #product-color-schemes dl.colors dd,
  html.product-tech-specs-2-template #product-color-schemes dl.colors dd {
    grid-template-columns: 1fr max-content;
  }
  html.product-tech-specs-template #product-certs dd > figure,
  html.product-tech-specs-2-template #product-certs dd > figure {
    margin-bottom: 0;
  }
  html.product-tech-specs-template #product-certs dd .wysiwyg,
  html.product-tech-specs-2-template #product-certs dd .wysiwyg {
    display: none;
  }
  html.product-tech-specs-template #product-certs dd a,
  html.product-tech-specs-2-template #product-certs dd a {
    display: block;
    width: -moz-max-content;
    width: max-content;
    margin-top: var(--spacing-medium);
  }
  html.product-tech-specs-template #product-certs dd[\:has\(.wysiwyg\:only-child\)],
  html.product-tech-specs-2-template #product-certs dd[\:has\(.wysiwyg\:only-child\)] {
    display: none;
  }
  html.product-tech-specs-template #product-certs dd:has(.wysiwyg:only-child),
  html.product-tech-specs-2-template #product-certs dd:has(.wysiwyg:only-child) {
    display: none;
  }
  html.product-tech-specs-template #product-tech-specs article,
  html.product-tech-specs-2-template #product-tech-specs article {
    page-break-inside: avoid;
  }
  html.product-tech-specs-template #product-tech-specs article:not(:last-child),
  html.product-tech-specs-2-template #product-tech-specs article:not(:last-child) {
    margin-bottom: var(--spacing-large);
  }
  html.product-tech-specs-template #hubspot-messages-iframe-container,
  html.product-tech-specs-template div#CookiebotWidget,
  html.product-tech-specs-template div.hs-tools-menu,
  html.product-tech-specs-2-template #hubspot-messages-iframe-container,
  html.product-tech-specs-2-template div#CookiebotWidget,
  html.product-tech-specs-2-template div.hs-tools-menu {
    display: none !important;
  }
  html.product-tech-specs-template #accordion,
  html.product-tech-specs-template #text-blocks-slideshow,
  html.product-tech-specs-template #cta-block-media,
  html.product-tech-specs-2-template #accordion,
  html.product-tech-specs-2-template #text-blocks-slideshow,
  html.product-tech-specs-2-template #cta-block-media {
    display: none;
  }
}
#archive-reseller {
  display: grid;
  gap: var(--grid-gap);
}
#archive-reseller > figure {
  min-height: 35rem;
  margin: 0;
}
#archive-reseller form label > span {
  display: inline-block;
  font-size: var(--font-size-xx-small);
  margin-bottom: var(--spacing-x-small);
}
#archive-reseller > div .flickity-viewport {
  min-height: 100%;
}
#archive-reseller > div .flickity-slider > article:not(.is-selected) {
  visibility: hidden;
}
#archive-reseller > div article {
  max-height: 35rem;
}
#archive-reseller > div .reseller-search {
  position: relative;
  display: flex;
  flex-direction: column;
}
#archive-reseller > div .reseller-search > ul {
  overflow: auto;
  margin: 0;
  flex: 1;
  align-content: start;
  row-gap: var(--spacing-small);
}
#archive-reseller > div .reseller-search > ul:not(:empty) {
  margin-top: var(--spacing-small);
}
#archive-reseller > div .reseller-search > ul li {
  background-color: var(--color-white);
  border: 1px solid var(--color-white);
  padding: var(--spacing-medium);
  font-size: var(--font-size-x-small);
  text-align: right;
  transition: border-color 0.5s var(--easing);
}
#archive-reseller > div .reseller-search > ul li > div {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0 var(--grid-gap);
  cursor: pointer;
  text-align: left;
}
#archive-reseller > div .reseller-search > ul li > div::before {
  grid-column: 1;
  background-color: transparent;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-top: calc((1em * var(--body-line-height) - 1em) / 2 + 2px);
  border-radius: 50%;
  border: 0.15em solid var(--color-white);
  box-shadow: 0px 0px 0px 1px var(--color-primary);
  transition: background-color 0.5s var(--easing);
}
#archive-reseller > div .reseller-search > ul li > div > h3 {
  grid-column: 1/-1;
  grid-row: 1;
}
#archive-reseller > div .reseller-search > ul li > div > :last-child {
  margin-bottom: 0;
}
#archive-reseller > div .reseller-search > ul li > a {
  display: block;
  max-height: 0;
  overflow: hidden;
  --link-decoration: underline;
}
#archive-reseller > div .reseller-search > ul li.active {
  border-color: var(--color-primary);
}
#archive-reseller > div .reseller-search > ul li.active > div::before {
  background-color: var(--color-primary);
}
#archive-reseller > div .reseller-search > ul li.active > a {
  max-height: 2rem;
}
#archive-reseller > div .reseller-stores {
  display: flex;
  flex-direction: column;
}
#archive-reseller > div .reseller-stores > div {
  --color-border: var(--color-lightgray);
  background-color: var(--color-white);
  border: 0 solid var(--color-white);
  border-width: var(--spacing-medium) 0;
  padding: 0 var(--spacing-medium);
  overflow: auto;
  flex: 1;
}
#archive-reseller > div .reseller-stores > div [data-accordion-trigger] {
  padding: var(--spacing-small) 0;
}
#archive-reseller > div .reseller-stores > div [data-accordion-content] {
  list-style: none;
  margin: 0;
}
#archive-reseller > div .reseller-stores > div [data-accordion-content] > :first-child {
  margin-top: var(--spacing-small);
}
#archive-reseller > div .reseller-stores > div [data-accordion-content] li {
  font-size: var(--font-size-small);
}
#archive-reseller > div .reseller-stores > div [data-accordion-content] li:not(:last-child) {
  margin-bottom: var(--spacing-small);
}
@media (min-width: 1080px) {
  #archive-reseller {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    row-gap: 0;
    grid-auto-flow: dense;
  }
  #archive-reseller [data-store-map] {
    grid-column: 1/span 8;
  }
  #archive-reseller > div {
    grid-column: 9/span 4;
  }
}

#site-footer .hs_cos_wrapper_type_rich_text {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  margin: 0 0 var(--heading-margin, var(--spacing-medium, 1.5rem));
  font-size: var(--h2-size);
  color: var(--heading-color, inherit);
  margin-bottom: var(--spacing-x-large);
  max-width: 62rem;
}
#site-footer .hs_cos_wrapper_type_rich_text a {
  color: var(--heading-color, inherit);
}
#site-footer .hs_cos_wrapper_type_rich_text a:hover {
  color: var(--heading-color, inherit);
}
#site-footer ul a:hover {
  --link-decoration: underline;
}
#site-footer ul a[href="#"] {
  pointer-events: none;
}
#site-footer .footer-menu {
  display: grid;
  gap: var(--spacing-large) var(--grid-gap);
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  margin: 0;
  list-style: none;
}
#site-footer .footer-menu strong {
  --link-decoration: underline;
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin-top: var(--spacing-small);
  font-weight: normal;
}
#site-footer .footer-menu > li > a {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--font-size-xx-small);
  color: var(--text-color, black);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: var(--spacing-small);
}
#site-footer .footer-menu > li > ul {
  margin: 0;
  list-style: none;
}
#site-footer .footer-menu > li > ul > li:not(:last-child) {
  margin: 0 0 var(--spacing-x-small);
}
@media (min-width: 1080px) {
  #site-footer .footer-menu {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  #site-footer .footer-menu > li {
    grid-column: span 2;
  }
  #site-footer .footer-menu > li:nth-child(5n+4) {
    grid-column: 9/11;
  }
}
#site-footer aside {
  margin-top: var(--spacing-x-large);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-medium);
}
#site-footer aside .footer-legal-menu {
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-gap);
  font-size: var(--font-size-small);
}

:root {
  --site-header-height: 71.16px;
  --site-header-height-sticky: var(--site-header-height);
  --site-header-transition-duration: .5s;
  --site-header-transition-delay: 0s;
  --site-header-transition-ease: ease;
  --site-header-bg-visible: 0;
  --site-header-bg: var(--body-bg);
  --site-header-color: var(--text-color);
}

html.site-header--open {
  overflow: hidden;
  touch-action: none;
}

#site-header::before {
  background-color: var(--body-bg);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: var(--site-header-bg-visible);
  transition: opacity var(--site-header-transition-duration) var(--site-header-transition-delay) var(--site-header-transition-ease);
}
html.site-header--open #site-header {
  --site-header-bg-visible: 1;
}

.site-header--spacing.container, .site-header--spacing[class*=container--] {
  --site-header-spacing: calc(var(--container-margin) + var(--site-header-height));
  margin-top: var(--site-header-spacing);
}
.site-header--spacing.section, .site-header--spacing[class*=section--] {
  --site-header-spacing: calc(var(--section-padding) + var(--site-header-height));
  padding-top: var(--site-header-spacing);
}

@media (max-width: 1079px) {
  html.site-header--light:not(.has-scrolled-down-far):not(.site-header--open) #site-header {
    --site-header-color: #FFF;
    --site-header-transition-delay: var(--site-header-transition-duration);
  }
}
@media (min-width: 1080px) {
  html.site-header--light:not(.has-scrolled-down-far):not(.site-header--open) #site-header:not(.dropdown--open) {
    --site-header-color: #FFF;
    --site-header-transition-delay: var(--site-header-transition-duration);
  }
}

html.has-scrolled-down-far #site-header {
  position: fixed;
  transform: translateY(-100%);
  --site-header-bg-visible: 1;
  --site-header-transition-delay: var(--site-header-transition-duration);
}
html.has-scrolled-down-far.has-scrolled-up #site-header {
  transition: transform var(--site-header-transition-duration) var(--site-header-transition-ease);
}
html.has-scrolled-down-far.scrolling-up-far #site-header, html.site-header--open #site-header {
  transform: none;
}

html.site-header--static {
  --site-header-height-sticky: 0px;
}
html.site-header--static #site-header {
  position: absolute;
}

html.has-scrolled-down {
  --site-header-height-sticky: 0px;
}

html:not(.site-header--static).has-scrolled-down-far.scrolling-up-far,
html:not(.site-header--static).site-header--open {
  --site-header-height-sticky: var(--site-header-height);
}

#site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-small) var(--site-padding);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}
#site-header::after {
  content: "";
  display: block;
  background-color: var(--color-overlay);
  position: fixed;
  top: var(--site-header-height);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -3;
  pointer-events: none;
  opacity: 0;
  transition: opacity calc(var(--site-header-transition-duration) * 0.5) var(--site-header-transition-delay) var(--site-header-transition-ease);
}
#site-header.dropdown--open::after, html.site-header--open #site-header::after {
  pointer-events: auto;
}
#site-header ul {
  list-style: none;
  margin: 0;
}
#site-header a {
  --link-decoration: underline;
  --text-decoration-color: transparent;
  --text-decoration-thickness: 2px;
}
#site-header > .site-logo {
  display: inline-flex;
  position: relative;
  z-index: 3;
}
#site-header > .site-logo svg {
  width: 180px;
  fill: var(--site-header-color);
  transition: fill var(--site-header-transition-duration) var(--site-header-transition-delay) var(--site-header-transition-ease);
}
#site-header > .menu--primary {
  flex: 1;
  z-index: 2;
  text-align: center;
}
#site-header > .menu--primary li.dropdown.open > a,
#site-header > .menu--primary li.active > a,
#site-header > .menu--primary li.active-parent > a,
#site-header > .menu--primary li.active-ancestor > a,
#site-header > .menu--primary a:hover {
  --text-decoration-color: var(--color-primary);
}
#site-header > .menu--primary > li {
  display: inline-block;
  margin: 0 var(--spacing-medium);
}
#site-header > .menu--primary > li > a {
  color: var(--site-header-color);
  font-size: var(--font-size-small);
  transition: all var(--link-transition-duration, 0.25s) var(--easing), color var(--link-transition-duration, 0.25s) var(--site-header-transition-delay) var(--site-header-transition-ease);
}
#site-header > .menu--primary > li > ul {
  background-color: var(--body-bg);
  padding: calc(var(--spacing-x-large) + var(--site-header-height)) var(--site-padding) var(--spacing-x-large);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 0 var(--grid-gap);
  text-align: left;
  transform: translateY(-100%);
  transition: transform var(--site-header-transition-duration) 0.2s var(--site-header-transition-ease);
}
#site-header > .menu--primary > li > ul > * {
  opacity: 0;
  transition: opacity 0.2s 0s linear, transform 0.2s 0s linear;
}
#site-header > .menu--primary > li > ul > li {
  grid-column: span 3/auto;
}
#site-header > .menu--primary > li > ul > li > :is(a, strong) {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--font-size-xx-small);
  color: var(--text-color, black);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: var(--spacing-x-small);
}
#site-header > .menu--primary > li > ul > li.dropdown ul {
  display: contents;
}
#site-header > .menu--primary > li > ul > li.dropdown li {
  margin-top: var(--spacing-x-small);
}
#site-header > .menu--primary > li > ul > li.menu-post {
  font-size: var(--font-size-small);
  grid-column-end: -1;
}
#site-header > .menu--primary > li > ul > li.menu-post > strong {
  display: block;
  margin-bottom: var(--spacing-small);
}
#site-header > .menu--primary > li > ul > li.menu-post ul {
  margin-top: var(--spacing-x-small);
}
#site-header > .menu--primary > li > ul > li.menu-post ul li figure {
  margin-bottom: var(--spacing-small);
}
#site-header > .menu--primary > li > ul > li.menu-post--multiple {
  grid-column: span 9/-1;
}
#site-header > .menu--primary > li > ul > li.menu-post--multiple > ul {
  --grid-cols: 2;
  display: grid;
  gap: var(--grid-row-gap, var(--grid-gap, 3rem)) var(--grid-column-gap, var(--grid-gap, 3rem));
  grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
}
#site-header > .menu--primary > li > ul > li.menu-post--multiple > ul > li:not(.menu-footer) {
  display: grid;
  grid-template-columns: 2fr 3fr;
  align-items: start;
  gap: 0 var(--grid-gap);
}
#site-header > .menu--primary > li > ul > li.menu-post--multiple > ul > li:not(.menu-footer) > figure {
  grid-row: 1/span 2;
  margin: 0;
}
#site-header > .menu--primary > li > ul > li.menu-post--multiple > ul > li:not(.menu-footer) > a {
  font-size: var(--body-font-size);
  font-weight: bold;
  align-self: end;
}
#site-header > .menu--primary > li > ul > li.menu-post--multiple > ul > li:not(.menu-footer) > a:last-child {
  grid-row: 1/span 2;
  align-self: center;
}
#site-header > .menu--primary > li > ul > li.menu-post--multiple > ul > li:not(.menu-footer) > p {
  margin: var(--spacing-x-small) 0 0;
}
#site-header > .menu--primary > li > ul .menu-footer {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
}
#site-header > .menu--primary > li > ul .menu-footer a {
  background: var(--button-color, var(--color-primary, blue));
  box-sizing: border-box;
  display: inline-block;
  padding: var(--button-padding-y, 0.75rem) var(--button-padding-x, 1.25rem);
  vertical-align: middle;
  font-size: var(--button-font-size, inherit);
  font-family: var(--button-font-family, inherit);
  font-weight: var(--button-font-weight, normal);
  letter-spacing: var(--button-letter-spacing, 0);
  line-height: var(--button-line-height, 1.2);
  text-transform: var(--button-text-transform, none);
  text-decoration: none;
  text-align: center;
  color: var(--button-text-color, white);
  cursor: pointer;
  outline: 0;
  border: var(--button-border-width, 1px) var(--button-border-style, solid) var(--button-border-color, var(--button-color, var(--color-primary, blue)));
  border-radius: var(--button-border-radius, var(--border-radius, 0));
  transition: all var(--button-transition-duration, 0.25s) var(--easing);
  box-shadow: var(--button-shadow, none);
  --button-font-size: 1rem;
  --button-padding-x: 1rem;
  --button-padding-y: 0.5rem;
}
#site-header > .menu--primary > li > ul .menu-footer a:hover {
  color: var(--button-text-color, white);
  text-decoration: none;
}
#site-header > .menu--primary > li > ul .menu-footer a::after {
  --icon-margin: var(--spacing-small);
  width: auto;
  transition: transform var(--link-transition-duration, 0.25s) var(--easing);
}
#site-header > .menu--primary > li > ul .menu-footer a[disabled] {
  --button-color: #D8D8D8;
  --button-text-color: #9C9C9C;
}
#site-header > .menu--primary > li > ul .menu-footer a:hover {
  --button-color: var(--button-color-hover);
}
#site-header > .menu--primary > li.dropdown.open > ul {
  transform: translateY(0);
  transition-delay: 0s;
  z-index: -1;
}
#site-header > .menu--primary > li.dropdown.open > ul > * {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}
#site-header > nav {
  background-color: var(--body-bg);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: calc(var(--spacing-x-large) + var(--site-header-height)) var(--site-padding) var(--spacing-x-large);
  overflow: auto;
  max-height: 100%;
  transform: translateY(-100%);
  transition: transform var(--site-header-transition-duration) 0.2s var(--site-header-transition-ease);
}
#site-header > nav > * {
  opacity: 0;
  transition: opacity 0.2s 0s linear, transform 0.2s 0s linear;
}
#site-header > nav > ul > li.dropdown > a::after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "⌄";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  font-size: min(1.125em, 2.5rem);
  margin: 0 0 0 var(--spacing-medium);
  transition: all var(--link-transition-duration, 0.25s) var(--easing);
}
#site-header > nav > ul > li.dropdown > ul {
  opacity: 0;
  max-height: 0;
  overflow-anchor: none;
  overflow: hidden;
  transition: opacity 0.3s var(--easing), max-height 0.5s var(--easing);
}
#site-header > nav > ul > li.dropdown.open > a::after {
  transform: scaleY(-1);
}
#site-header > nav > ul > li.dropdown.open > ul {
  opacity: 1;
  max-height: var(--dd-menu-height, 20rem);
}
#site-header > .burger-nav {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: dense;
  align-items: start;
  gap: 0 var(--grid-gap);
}
#site-header > .burger-nav > ul {
  grid-column: 1/span 7;
}
#site-header > .burger-nav > ul a {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  font-size: var(--h1-size);
  color: var(--heading-color, inherit);
  display: inline-block;
}
#site-header > .burger-nav > ul a a {
  color: var(--heading-color, inherit);
}
#site-header > .burger-nav > ul a a:hover {
  color: var(--heading-color, inherit);
}
#site-header > .burger-nav > ul > li:not(:last-child) {
  margin-bottom: var(--spacing-medium);
}
#site-header > .burger-nav > ul > li > ul li {
  margin-top: var(--spacing-small);
}
#site-header > .burger-nav > ul > li > ul a {
  font-size: var(--h4-size);
}
#site-header > .burger-nav > ul > li > ul > :last-child {
  margin-bottom: var(--spacing-medium);
}
#site-header > .burger-nav > dl {
  grid-column: span 3/-1;
}
#site-header > .burger-nav > dl a {
  --link-decoration: underline;
  --text-decoration-color: currentColor;
  --text-decoration-thickness: 1px;
}
#site-header > .burger-nav > dl dt:not(:first-child) {
  margin-top: var(--spacing-x-large);
}
#site-header > .burger-nav > dl dt {
  margin: 0 0 var(--spacing-x-small);
}
#site-header > .burger-nav > dl dd {
  margin: 0;
}
#site-header > .mobile-nav {
  z-index: -2;
  bottom: 0;
  display: flex;
  flex-direction: column;
  padding-top: calc(var(--spacing-large) + var(--site-header-height));
  padding-bottom: 0;
}
#site-header > .mobile-nav > .menu--primary {
  font-size: var(--font-size-large);
}
#site-header > .mobile-nav > .menu--primary > li {
  border-bottom: 1px solid var(--color-lightgray);
  padding-bottom: var(--spacing-small);
}
#site-header > .mobile-nav > .menu--primary > li:not(:last-child) {
  margin-bottom: var(--spacing-small);
}
#site-header > .mobile-nav > .menu--primary > li > ul > :first-child {
  margin-top: var(--spacing-x-small);
}
#site-header > .mobile-nav > .menu--primary > li > ul > :last-child {
  margin-bottom: var(--spacing-medium);
}
#site-header > .mobile-nav > .menu--primary > li > ul > li > :is(a, strong) {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--font-size-xx-small);
  color: var(--text-color, black);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: var(--spacing-small);
}
#site-header > .mobile-nav > .menu--primary > li > ul > li:not(:last-child) {
  margin-bottom: var(--spacing-medium);
}
#site-header > .mobile-nav > .menu--primary > li > ul > li > ul > li:not(:last-child) {
  margin-bottom: var(--spacing-x-small);
}
#site-header > .mobile-nav > .menu--secondary {
  margin-top: var(--spacing-large);
}
#site-header > .mobile-nav > .menu--secondary > li:not(:last-child) {
  margin-bottom: var(--spacing-x-small);
}
#site-header > .mobile-nav > .menu--secondary > li > ul {
  margin-left: var(--spacing-small);
}
#site-header > .mobile-nav > .menu--secondary > li > ul li {
  margin-top: var(--spacing-x-small);
}
#site-header > .mobile-nav > .menu--secondary > li > ul a {
  font-size: var(--font-size-small);
}
#site-header > .mobile-nav > .menu--secondary > li > ul > :last-child {
  margin-bottom: var(--spacing-medium);
}
#site-header > .mobile-nav > footer {
  background-color: inherit;
  position: sticky;
  bottom: 0;
  margin: auto 0 0;
  padding: var(--spacing-small) 0;
}
#site-header > .mobile-nav > footer::before {
  background-color: var(--color-lightgray);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(var(--site-padding) * -1);
  right: calc(var(--site-padding) * -1);
  height: 1px;
}
#site-header > .mobile-nav > footer a {
  display: block;
}
#site-header > .mobile-nav > ul:last-of-type {
  margin-bottom: var(--spacing-large);
}
#site-header > .mobile-nav > ul > li.dropdown > a {
  display: flex;
  justify-content: space-between;
}
#site-header > .mobile-nav > ul .menu-post:not(.menu-post--multiple) {
  display: none;
}
#site-header > .mobile-nav > ul .menu-post figure,
#site-header > .mobile-nav > ul .menu-post p {
  display: none;
}
#site-header > .mobile-nav > ul .menu-footer {
  margin-top: var(--spacing-medium);
}
#site-header > .mobile-nav > ul .menu-footer a {
  background: var(--button-color, var(--color-primary, blue));
  box-sizing: border-box;
  display: inline-block;
  padding: var(--button-padding-y, 0.75rem) var(--button-padding-x, 1.25rem);
  vertical-align: middle;
  font-size: var(--button-font-size, inherit);
  font-family: var(--button-font-family, inherit);
  font-weight: var(--button-font-weight, normal);
  letter-spacing: var(--button-letter-spacing, 0);
  line-height: var(--button-line-height, 1.2);
  text-transform: var(--button-text-transform, none);
  text-decoration: none;
  text-align: center;
  color: var(--button-text-color, white);
  cursor: pointer;
  outline: 0;
  border: var(--button-border-width, 1px) var(--button-border-style, solid) var(--button-border-color, var(--button-color, var(--color-primary, blue)));
  border-radius: var(--button-border-radius, var(--border-radius, 0));
  transition: all var(--button-transition-duration, 0.25s) var(--easing);
  box-shadow: var(--button-shadow, none);
  --button-font-size: 1rem;
  --button-padding-x: 1rem;
  --button-padding-y: 0.5rem;
}
#site-header > .mobile-nav > ul .menu-footer a:hover {
  color: var(--button-text-color, white);
  text-decoration: none;
}
#site-header > .mobile-nav > ul .menu-footer a::after {
  --icon-margin: var(--spacing-small);
  width: auto;
  transition: transform var(--link-transition-duration, 0.25s) var(--easing);
}
#site-header > .mobile-nav > ul .menu-footer a[disabled] {
  --button-color: #D8D8D8;
  --button-text-color: #9C9C9C;
}
#site-header > .mobile-nav > ul .menu-footer a:hover {
  --button-color: var(--button-color-hover);
}
#site-header > aside {
  display: flex;
  align-items: center;
  gap: var(--grid-gap);
  position: relative;
  z-index: 2;
}
#site-header .search-toggle {
  line-height: 1;
  color: var(--site-header-color);
  transition: color var(--burger-menu-transition-duration, 0.25s) var(--site-header-transition-delay) var(--easing);
}
#site-header .search-toggle::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e802";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  margin: 0;
}
#site-header .site-header-search {
  --site-width-max-search: 888px;
  --site-width-search: min(
  	var(--site-width-min-search, 90vw),
  	var(--site-width-max-search, 1280px)
  );
  --site-padding-search: calc(
  	(
  		100vw -
  		var(--scrollbar-width) -
  		var(--site-width-search)
  	) / 2
  );
  background: #E9E5DC;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  padding: 0 var(--site-padding-search);
  transform: translateY(-100%);
  transition: transform 0.25s var(--easing);
}
#site-header .site-header-search form {
  height: 100%;
  display: flex;
  align-items: center;
}
#site-header .site-header-search .search-toggle {
  position: absolute;
  right: var(--site-padding);
  top: 50%;
  transform: translateY(-50%);
}
#site-header .site-header-search .search-toggle::before {
  color: var(--text-color);
  content: "\e81a";
}
html.site-header-search--open #site-header .site-header-search {
  transform: translateY(0);
}
#site-header .menu-toggle {
  position: relative;
  display: inline-block;
  width: var(--burger-menu-size, 24px);
  height: var(--burger-menu-size, 24px);
  color: var(--site-header-color);
  transition: color var(--burger-menu-transition-duration, 0.25s) var(--site-header-transition-delay) var(--easing);
}
#site-header .menu-toggle::before, #site-header .menu-toggle::after {
  background: currentColor;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(var(--burger-menu-size, 24px) / 6 * -1)) rotate(0deg);
  transition: transform var(--burger-menu-transition-duration, 0.25s) var(--easing), background-color var(--burger-menu-transition-duration, 0.25s) var(--easing);
  width: 100%;
  height: var(--burger-menu-thickness, 2px);
}
#site-header .menu-toggle::after {
  transform: translate(-50%, calc(var(--burger-menu-size, 24px) / 6)) rotate(0deg);
}
html.site-header--open #site-header::after {
  opacity: 1;
}
html.site-header--open #site-header .menu-toggle::before {
  transform: translate(-50%, 0) rotate(225deg);
}
html.site-header--open #site-header .menu-toggle::after {
  transform: translate(-50%, 0) rotate(-225deg);
}
html.site-header--open #site-header > nav {
  transform: translateY(0);
  transition-delay: 0s;
}
html.site-header--open #site-header > nav > * {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}
@media (max-width: 1079px) {
  #site-header > ul,
  #site-header > .burger-nav {
    display: none;
  }
  #site-header > aside > .button {
    display: none;
  }
}
@media (min-width: 1080px) {
  #site-header > .mobile-nav {
    display: none;
  }
  #site-header.dropdown--open::after {
    opacity: 1;
  }
}

html.system-page {
  height: 100%;
}
html.system-page body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
html.system-page body > main {
  flex: 1;
}

#four-o-four,
#five-o-o {
  --site-width-max: 680px;
  flex: auto;
  text-align: center;
}
#four-o-four > article,
#five-o-o > article {
  font-size: var(--font-size-large);
}

#backup-unsubscribe {
  --site-width-max: 780px;
}
#backup-unsubscribe h3 + div {
  padding: 0 !important;
}
#backup-unsubscribe .email-edit {
  padding: var(--form-field-padding-vertical, 0.75rem) var(--form-field-padding-horizontal, 1.25rem) !important;
  font-size: var(--form-field-font-size, var(--body-font-size, inherit)) !important;
  width: 100% !important;
}

#backup-unsubscribe,
#subscription-preferences,
#subscriptions-confirmation {
  --site-width-max: 780px;
}
#backup-unsubscribe .page-header,
#subscription-preferences .page-header,
#subscriptions-confirmation .page-header {
  margin-bottom: var(--spacing-medium);
}
#backup-unsubscribe .page-header br,
#subscription-preferences .page-header br,
#subscriptions-confirmation .page-header br {
  display: none;
}
@media (max-width: 767px) {
  #backup-unsubscribe .page-header h2,
  #subscription-preferences .page-header h2,
  #subscriptions-confirmation .page-header h2 {
    word-break: break-word;
  }
}
#backup-unsubscribe .header,
#subscription-preferences .header,
#subscriptions-confirmation .header {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  margin: 0 0 var(--heading-margin, var(--spacing-medium, 1.5rem));
  font-size: var(--h4-size);
  color: var(--heading-color, inherit);
  --heading-font-family: var(--body-font-family);
}
#backup-unsubscribe .header a,
#subscription-preferences .header a,
#subscriptions-confirmation .header a {
  color: var(--heading-color, inherit);
}
#backup-unsubscribe .header a:hover,
#subscription-preferences .header a:hover,
#subscriptions-confirmation .header a:hover {
  color: var(--heading-color, inherit);
}
#backup-unsubscribe .fakelabel,
#backup-unsubscribe label,
#subscription-preferences .fakelabel,
#subscription-preferences label,
#subscriptions-confirmation .fakelabel,
#subscriptions-confirmation label {
  font-weight: 600;
}
#backup-unsubscribe [type=checkbox],
#backup-unsubscribe [type=radio],
#subscription-preferences [type=checkbox],
#subscription-preferences [type=radio],
#subscriptions-confirmation [type=checkbox],
#subscriptions-confirmation [type=radio] {
  margin-right: 0.25rem;
}
#backup-unsubscribe .item,
#backup-unsubscribe .subscribe-options,
#subscription-preferences .item,
#subscription-preferences .subscribe-options,
#subscriptions-confirmation .item,
#subscriptions-confirmation .subscribe-options {
  border-top: 1px solid var(--color-border);
  padding-top: var(--spacing-medium);
}
#backup-unsubscribe .email-prefs .checkbox-row,
#subscription-preferences .email-prefs .checkbox-row,
#subscriptions-confirmation .email-prefs .checkbox-row {
  margin-bottom: var(--spacing-x-small);
}
#backup-unsubscribe .email-prefs .checkbox-row + p,
#subscription-preferences .email-prefs .checkbox-row + p,
#subscriptions-confirmation .email-prefs .checkbox-row + p {
  font-size: 0.875rem;
}
#backup-unsubscribe input[type=submit],
#subscription-preferences input[type=submit],
#subscriptions-confirmation input[type=submit] {
  margin-top: var(--spacing-medium);
}

#video-filter + #archive-video {
  margin-top: calc(var(--container-margin) * -1);
}

#video-filter {
  --form-field-border-color: var(--color-border);
  --form-field-hover-border-color: var(--form-field-border-color);
}
#video-filter > nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-medium);
  margin-bottom: var(--spacing-medium);
}
#video-filter > nav button[data-toggle-class]::after {
  transform: rotate(0);
  transition: transform 0.25s var(--easing);
}
#video-filter > nav button[data-toggle-class].open::after {
  transform: rotate(180deg);
}
#video-filter > nav button[data-clear-form] {
  margin-left: auto;
}
#video-filter nav button[data-clear-form],
#video-filter nav button[data-submit-form] {
  opacity: 0;
  transition: opacity 0.25s var(--easing);
  pointer-events: none;
}
#video-filter.open nav button[data-clear-form].not-cleared,
#video-filter.open nav button[data-submit-form] {
  opacity: 1;
  pointer-events: all;
}
#video-filter .form {
  margin: 0 calc(var(--site-padding) * -1);
}
#video-filter .form form {
  display: grid;
  gap: var(--spacing-large) var(--grid-gap);
  margin: 0 0 var(--spacing-x-large);
  padding: var(--spacing-large) var(--site-padding);
}
#video-filter .form form section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: var(--spacing-medium);
}
#video-filter .form form section h3 {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--body-font-size, 1rem);
  color: var(--text-color, black);
  font-weight: bold;
  grid-column: 1/-1;
  margin: 0;
  padding-bottom: var(--spacing-x-small);
  border-bottom: 1px solid #9C9C9C;
}
#video-filter .form form section article h4 {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--body-font-size, 1rem);
  color: var(--text-color, black);
  margin-bottom: var(--spacing-small);
  font-size: var(--font-size-small);
  font-weight: bold;
}
#video-filter .form form section article ul {
  margin: 0;
  list-style: none;
}
#video-filter .form form section article ul:not(.color-scheme) {
  font-size: var(--font-size-small);
}
#video-filter .form form section article ul:not(.color-scheme) li:not(:last-child) {
  margin: 0 0 var(--spacing-x-small);
}
#video-filter .form form section article ul:not(.color-scheme) li label input {
  margin-right: var(--spacing-x-small);
}
#video-filter .form form > p {
  text-align: right;
  margin: 0;
}
@media (min-width: 768px) {
  #video-filter .form form {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: var(--grid-gap);
  }
  #video-filter .form form section {
    grid-column: auto/span 2;
    grid-template-columns: 1fr;
  }
  #video-filter .form form > p {
    grid-row: 2;
    grid-column: 1/-1;
  }
}
#video-filter .form {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s linear;
}
#video-filter .form form {
  opacity: 0;
  transition: opacity 0.25s var(--easing);
}
#video-filter.open .form {
  max-height: 200rem;
}
#video-filter.open .form form {
  opacity: 1;
}

#archive-video > header {
  border-bottom: 1px solid var(--color-border);
  margin-bottom: var(--spacing-medium);
  padding-bottom: var(--spacing-medium);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--grid-gap) var(--spacing-x-large);
  flex-wrap: wrap;
}
#archive-video > header > * {
  margin: 0;
}
#archive-video > header > form {
  flex: 1 0 min(20rem, 100%);
  max-width: 50rem;
  --form-field-bg: transparent;
  --form-field-border-color: var(--color-border);
  --form-field-hover-border-color: var(--form-field-border-color);
}

.post--video {
  padding-bottom: var(--spacing-large);
  border-bottom: 1px solid var(--color-border);
}
.post--video:not(:last-child) {
  margin-bottom: var(--spacing-large);
}
@media (min-width: 1080px) {
  .post--video {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--grid-gap);
  }
  .post--video > figure {
    grid-column: 1/span 5;
    margin: 0;
  }
  .post--video > header {
    grid-column: 7/span 6;
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .post--video > header .text--label {
    margin-bottom: var(--spacing-x-small);
  }
  .post--video > header > nav,
  .post--video > header > a.button {
    margin-top: auto;
  }
}

#single-video > header {
  margin-bottom: var(--spacing-large);
}
#single-video > header > .text--label {
  margin-bottom: var(--spacing-small);
}
#single-video > figure:not(.video-embed) {
  aspect-ratio: 16/9;
}
#single-video > figure figcaption {
  display: none;
}
#single-video > aside {
  position: relative;
  margin: var(--spacing-large) 0;
  padding: var(--spacing-medium);
  padding-left: calc(var(--spacing-medium) + var(--spacing-small) + 1em);
  font-size: var(--font-size-small);
}
#single-video > aside::before {
  position: absolute;
  top: var(--spacing-medium);
  left: var(--spacing-medium);
}
#single-video > aside > :last-child {
  margin-bottom: 0;
}
#single-video > nav {
  margin-top: var(--spacing-large);
  padding-top: var(--spacing-medium);
  border-top: 1px solid var(--color-border);
}
#single-video > :last-child {
  margin-bottom: 0;
}

#single-video-playlist > header {
  --list-separated-spacing: var(--spacing-small);
  max-width: 888px;
  margin: 0 auto var(--spacing-x-large);
}
#single-video-playlist > header > .text--label {
  margin-bottom: var(--spacing-small);
}
#single-video-playlist > header > ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
#single-video-playlist > header > ul > * {
  display: inline-block;
}
#single-video-playlist > header > ul > *:not(:last-child)::after {
  margin: 0 var(--list-separated-spacing, 0.25em);
  content: var(--list-separated-separator, "|");
}
#single-video-playlist article > p {
  margin-bottom: var(--spacing-x-small);
}
#single-video-playlist article figure:not(.video-embed) {
  aspect-ratio: 16/9;
}
#single-video-playlist article figure figcaption {
  display: none;
}
#single-video-playlist > [data-slideshow-nav] {
  display: grid;
  align-content: start;
  gap: var(--spacing-small);
  margin-top: var(--spacing-medium);
  border-top: 1px solid var(--color-border);
  padding-top: var(--spacing-medium);
}
#single-video-playlist > [data-slideshow-nav] > a {
  display: grid;
  grid-template-columns: 2fr 3fr;
  align-items: center;
  gap: 0 var(--spacing-medium);
  grid-auto-flow: dense;
  padding: var(--spacing-small);
}
#single-video-playlist > [data-slideshow-nav] > a.active {
  background-color: #E9E5DC;
}
#single-video-playlist > [data-slideshow-nav] > a > * {
  margin: 0;
  grid-column: 2;
}
#single-video-playlist > [data-slideshow-nav] > a > figure {
  grid-column: 1;
}
#single-video-playlist > #share-page {
  margin-top: var(--spacing-large);
  padding-top: var(--spacing-medium);
  border-top: 1px solid var(--color-border);
}
#single-video-playlist > :last-child {
  margin-bottom: 0;
}
@media (min-width: 1080px) {
  #single-video-playlist {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: 0 var(--grid-gap);
  }
  #single-video-playlist > header {
    grid-column: 1/-1;
  }
  #single-video-playlist > [data-slideshow],
  #single-video-playlist > #share-page {
    grid-column: 1/span 8;
  }
  #single-video-playlist > [data-slideshow-nav] {
    grid-column: 9/span 4;
    margin-top: 0;
    border: none;
    padding-top: 0;
  }
}

@media (min-width: 1080px) {
  #accordion-2 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--grid-gap);
    align-items: start;
  }
  #accordion-2 > header,
  #accordion-2 > div,
  #accordion-2 > nav {
    grid-column: 1/span 6;
  }
  #accordion-2 > figure {
    position: sticky;
    top: calc(var(--site-header-height-sticky) + var(--spacing-medium));
    transition: top 0.25s var(--easing);
    margin: 0;
    grid-column: 8/span 5;
    grid-row: 1/9;
  }
}

@media (min-width: 1080px) {
  #accordion {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--grid-gap);
    align-items: start;
  }
  #accordion > header {
    position: sticky;
    top: calc(var(--site-header-height-sticky) + var(--spacing-medium));
    transition: top 0.25s var(--easing);
    margin: 0;
    grid-column: 1/span 6;
  }
  #accordion > figure,
  #accordion > div {
    grid-column: 7/span 6;
  }
}

#blog-post > header {
  padding: var(--spacing-large);
  display: flex;
  justify-content: end;
  flex-direction: column;
}
#blog-post > header > h2 {
  margin-bottom: var(--spacing-large);
}
#blog-post > header > h2 + * {
  margin-top: auto;
}
#blog-post > header > nav {
  margin-top: var(--spacing-medium);
}
#blog-post > header > :last-child {
  margin-bottom: 0;
}
#blog-post > figure {
  position: relative;
  z-index: 0;
  margin: 0;
}
@media (min-width: 1080px) {
  #blog-post {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: dense;
  }
  #blog-post > figure {
    grid-column: 1/span 6;
  }
  #blog-post > figure [class*=ratio--] {
    position: static;
  }
  #blog-post > figure img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #blog-post > header {
    grid-column: 7/span 6;
  }
  #blog-post.media--right > figure {
    grid-column-start: 7;
  }
  #blog-post.media--right > header {
    grid-column-start: 1;
  }
}
@media (min-width: 1260px) {
  #blog-post > figure {
    grid-column: 1/span 7;
  }
  #blog-post > header {
    grid-column: 8/span 5;
  }
  #blog-post.media--right > figure {
    grid-column-start: 6;
  }
  #blog-post.media--right > header {
    grid-column-start: 1;
  }
}

#blog-posts-grid .posts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-large) var(--grid-gap);
}
#blog-posts-grid .posts .post--card {
  grid-column: 1/-1;
}
@media (min-width: 1080px) {
  #blog-posts-grid .posts {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  #blog-posts-grid .posts .post--card {
    grid-column: 1/span 9;
    grid-row: auto/span calc(var(--num-posts));
  }
  #blog-posts-grid .posts .post--card:only-child {
    grid-column: 1/-1;
  }
  #blog-posts-grid .posts .post--column {
    grid-column: 10/span 3;
  }
}

#certifications article {
  background-color: var(--color-white);
  padding: max(var(--spacing-medium), min(7vw, var(--spacing-large)));
  display: flex;
  align-items: start;
  flex-direction: column;
}
#certifications article > figure {
  width: 5.875rem;
  height: 5.875rem;
  margin-bottom: var(--spacing-large);
}
#certifications article > figure img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
#certifications article > .wysiwyg:not(:last-child) {
  margin-bottom: var(--spacing-medium);
}
#certifications article > a {
  margin-top: auto;
}

#color-schemes article:not(.tech-spec) > :is(h3, .wysiwyg),
#product-color-schemes article:not(.tech-spec) > :is(h3, .wysiwyg) {
  max-width: 40rem;
}
#color-schemes article:not(.tech-spec) > dl,
#product-color-schemes article:not(.tech-spec) > dl {
  margin-top: var(--spacing-large);
}
#color-schemes article:not(.tech-spec) > dl + dl,
#product-color-schemes article:not(.tech-spec) > dl + dl {
  margin-top: var(--spacing-x-large);
}
#color-schemes article:not(.tech-spec) + article,
#product-color-schemes article:not(.tech-spec) + article {
  margin-top: var(--spacing-x-large);
}
#color-schemes .colors,
#product-color-schemes .colors {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 2), minmax(0, 1fr));
  gap: var(--grid-gap);
}
#color-schemes .colors dt,
#product-color-schemes .colors dt {
  grid-column: 1/-1;
  margin: 0;
}
#color-schemes .colors dd,
#product-color-schemes .colors dd {
  background-color: var(--color-white);
  border: 1px solid var(--color-lightgray);
  padding: var(--spacing-small);
  margin: 0;
  font-size: var(--font-size-small);
}
#color-schemes .colors dd::before,
#product-color-schemes .colors dd::before {
  background-color: var(--color-scheme-color, transparent);
  border-bottom: 1px solid var(--color-lightgray);
  margin: calc(var(--spacing-small) * -1);
  margin-bottom: var(--spacing-small);
  content: "";
  display: block;
  padding-bottom: calc(100% + var(--spacing-small) * 2);
}
#color-schemes .colors dd[\:has\(figure\)]::before,
#product-color-schemes .colors dd[\:has\(figure\)]::before {
  display: none;
}
#color-schemes .colors dd:has(figure)::before,
#product-color-schemes .colors dd:has(figure)::before {
  display: none;
}
#color-schemes .colors dd[\:has\(figure\)] figure,
#product-color-schemes .colors dd[\:has\(figure\)] figure {
  margin: calc(var(--spacing-small) * -1);
  margin-bottom: var(--spacing-small);
  overflow: clip;
  border-bottom: 1px solid var(--color-lightgray);
}
#color-schemes .colors dd:has(figure) figure,
#product-color-schemes .colors dd:has(figure) figure {
  margin: calc(var(--spacing-small) * -1);
  margin-bottom: var(--spacing-small);
  overflow: clip;
  border-bottom: 1px solid var(--color-lightgray);
}
#color-schemes .colors dd[\:has\(figure\)] figure img,
#product-color-schemes .colors dd[\:has\(figure\)] figure img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
#color-schemes .colors dd:has(figure) figure img,
#product-color-schemes .colors dd:has(figure) figure img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
#color-schemes .colors dd[\:has\(figure\)] img,
#product-color-schemes .colors dd[\:has\(figure\)] img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
#color-schemes .colors dd:has(figure) img,
#product-color-schemes .colors dd:has(figure) img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  #color-schemes .colors,
  #product-color-schemes .colors {
    --grid-cols: 3;
  }
}
@media (min-width: 1080px) and (max-width: 1259px) {
  #color-schemes .colors,
  #product-color-schemes .colors {
    --grid-cols: 5;
  }
  #color-schemes .colors dt,
  #product-color-schemes .colors dt {
    grid-column-end: span 1;
  }
  #color-schemes .colors dd:nth-of-type(4n + 1),
  #product-color-schemes .colors dd:nth-of-type(4n + 1) {
    grid-column: 2;
  }
}
@media (min-width: 1260px) {
  #color-schemes .colors,
  #product-color-schemes .colors {
    --grid-cols: 6;
  }
  #color-schemes .colors dt,
  #product-color-schemes .colors dt {
    grid-column-end: span 1;
  }
  #color-schemes .colors dd:nth-of-type(5n + 1),
  #product-color-schemes .colors dd:nth-of-type(5n + 1) {
    grid-column: 2;
  }
}

#cta-block-media > header {
  padding: var(--spacing-large);
}
@media (min-width: 768px) {
  #cta-block-media > header {
    display: flex;
    align-items: start;
    justify-content: end;
    flex-direction: column;
  }
}
#cta-block-media > header > .text--label {
  margin-bottom: var(--spacing-small);
}
#cta-block-media > header > .text--label + * {
  margin-top: auto;
}
#cta-block-media > header > .wysiwyg > :last-child {
  margin-bottom: 0;
}
#cta-block-media > figure {
  position: relative;
  z-index: 0;
  margin: 0;
  height: 100%;
}
#cta-block-media > figure img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  #cta-block-media {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: dense;
  }
  #cta-block-media > figure {
    grid-column: 1/span 5;
  }
  #cta-block-media > header {
    grid-column: 6/span 7;
  }
  #cta-block-media.media--right > figure {
    grid-column-start: 8;
  }
  #cta-block-media.media--right > header {
    grid-column-start: 1;
  }
}
@media print {
  #cta-block-media > figure {
    display: none;
  }
}

#ebk [data-slideshow] {
  padding-top: calc(var(--spacing-large) + 2rem);
}
#ebk [data-slideshow] .flickity-page-dots {
  counter-reset: ebk-slideshow-bullets;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
#ebk [data-slideshow] .flickity-page-dots > li {
  counter-increment: ebk-slideshow-bullets;
  background: transparent;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0.3;
  border: 2px solid var(--color-gray);
}
#ebk [data-slideshow] .flickity-page-dots > li::before {
  content: counter(ebk-slideshow-bullets);
}
#ebk [data-slideshow] .flickity-page-dots > li.is-selected {
  opacity: 1;
}
#ebk [data-slideshow] .flickity-page-dots > li[data-valid] {
  border-color: var(--color-success);
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
}
#ebk [data-slideshow] .flickity-page-dots > li[data-valid] + li {
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
}
#ebk [data-slideshow] .flickity-page-dots > li:not([data-valid]) ~ li {
  border-color: var(--color-gray);
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
#ebk article header {
  margin-bottom: var(--spacing-large);
  max-width: 40rem;
  margin-inline: auto;
  text-align: center;
}
#ebk article [data-slideshow-next] {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin: var(--spacing-medium) auto 0;
  opacity: 0.3;
  pointer-events: none;
}
#ebk article.valid [data-slideshow-next] {
  opacity: 1;
  pointer-events: all;
}
#ebk article ul {
  margin: 0;
  list-style: none;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: var(--spacing-medium);
  overflow: auto;
}
#ebk article ul > li {
  flex: 1 0 12rem;
}
#ebk article ul > li label {
  position: relative;
  display: block;
  height: 100%;
  padding: var(--spacing-medium) var(--spacing-small);
  text-align: center;
  border: 2px solid white;
  cursor: pointer;
}
#ebk article ul > li label::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e80b";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  background: var(--color-success);
  display: none;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  margin: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#ebk article ul > li label h3 {
  font-size: var(--h4-size);
}
#ebk article ul > li label > :last-child {
  margin-bottom: 0;
}
#ebk article ul > li label input {
  position: absolute;
  opacity: 0;
}
#ebk article ul > li label:hover {
  border-color: black;
}
#ebk article ul > li label[\:has\(\:checked\)] {
  border-color: black;
}
#ebk article ul > li label:has(:checked) {
  border-color: black;
}
#ebk article ul > li label[\:has\(\:checked\)]::before {
  display: flex;
}
#ebk article ul > li label:has(:checked)::before {
  display: flex;
}
#ebk article ul > li .value {
  display: none;
}
#ebk article ul > li label[\:has\(input\:checked\)] ~ .value {
  display: block;
}
#ebk article ul > li label:has(input:checked) ~ .value {
  display: block;
}
#ebk article aside {
  margin: var(--spacing-large) 0 0;
  padding: var(--spacing-large);
}
#ebk article aside h3 {
  margin-bottom: 0;
  font-size: var(--h4-size);
}
#ebk article aside h3[data-toggle-class] {
  display: flex;
  gap: var(--spacing-medium);
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
#ebk article aside h3[data-toggle-class]::after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "⌄";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  margin: 0;
  transition: transform 0.25s var(--easing);
}
#ebk article aside h3[data-toggle-class] + .wysiwyg {
  display: none;
}
#ebk article aside .wysiwyg {
  margin-top: var(--spacing-large);
}
#ebk article aside .wysiwyg h4 {
  font-size: var(--h5-size);
}
#ebk article aside .wysiwyg h5,
#ebk article aside .wysiwyg h6 {
  font-size: var(--h6-size);
  font-weight: bold;
}
@media (min-width: 768px) {
  #ebk article aside .wysiwyg[\:has\(*\%20\%2B\%20*\)] {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: var(--spacing-x-large);
         column-gap: var(--spacing-x-large);
    -moz-column-rule: 1px solid var(--color-border);
         column-rule: 1px solid var(--color-border);
  }
  #ebk article aside .wysiwyg:has(* + *) {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: var(--spacing-x-large);
         column-gap: var(--spacing-x-large);
    -moz-column-rule: 1px solid var(--color-border);
         column-rule: 1px solid var(--color-border);
  }
}
#ebk article aside.open h3::after {
  transform: rotate(180deg);
}
#ebk article aside.open h3[data-toggle-class] + .wysiwyg {
  display: block;
}
#ebk #ebk-window-size .window-size {
  max-width: 40rem;
  margin-inline: auto;
}
#ebk #ebk-window-size .num-windows {
  margin: var(--spacing-large) 0 0;
}
#ebk #ebk-window-size .num-windows header {
  margin-bottom: var(--spacing-large);
  max-width: 40rem;
  margin-inline: auto;
  text-align: center;
}
#ebk #ebk-window-size .num-windows > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-medium);
}
#ebk #ebk-window-size .num-windows > div p {
  flex: 1 0 auto;
  margin: 0;
}
#ebk #ebk-heating-type ul > li {
  flex: 1 0 10rem;
}
#ebk #ebk-heating-type .values {
  max-width: 40rem;
  margin-top: var(--spacing-large);
  margin-inline: auto;
}
#ebk #ebk-heating-type .values .value-group {
  display: none;
}
#ebk #ebk-heating-type .values .value-group.visible {
  display: block;
}
#ebk #ebk-heating-type .values .value-group .value:not(:last-child) {
  margin-bottom: var(--spacing-medium);
}
#ebk #ebk-heating-type .values .value-group .value .wysiwyg {
  text-align: center;
}
#ebk #ebk-location .locations {
  max-width: 40rem;
  margin-inline: auto;
}
#ebk #ebk-results header {
  text-align: left;
  margin-inline: 0;
  max-width: none;
}
#ebk #ebk-results header .wysiwyg > p:first-child {
  font-size: var(--font-size-large);
}
#ebk #ebk-results header .wysiwyg > p:first-child b {
  font-size: var(--font-size-x-large);
  font-weight: bold;
}
#ebk #ebk-results #ebk-new-window-types .wysiwyg {
  margin-top: var(--spacing-medium);
}

#employees article h3,
#employees article p {
  margin-bottom: var(--spacing-x-small);
}
#employees article a {
  --link-decoration: underline;
}
#employees article ul {
  list-style: none;
  margin: var(--spacing-x-small) 0 0;
}
#employees article ul > :not(:last-child) {
  margin-bottom: var(--spacing-x-small);
}

#hero + span > div:first-child > #featured-pages-columns {
  margin-top: calc(var(--container-margin) * 0.5);
}

#form {
  display: grid;
  gap: var(--spacing-large) var(--grid-gap);
}
#form > header > :is(h1, h2) {
  margin-bottom: var(--spacing-large);
}
#form > footer {
  display: flex;
  justify-content: space-around;
  align-items: end;
}
#form > footer > * {
  position: sticky;
  bottom: var(--spacing-large);
  margin: 0;
}
#form > footer > p {
  display: flex;
  align-items: center;
  min-height: calc(2em * var(--body-line-height));
  min-height: 2lh;
}
#form > footer > a {
  font-size: calc(2em * var(--body-line-height));
  font-size: 2lh;
  line-height: 1;
  margin: 0 0 0 var(--grid-gap);
}
#form > article[class*=bg--] {
  padding: max(var(--spacing-medium), min(7vw, var(--spacing-x-large)));
}
#form > article > header {
  margin-bottom: var(--spacing-medium);
}
#form > article > header > h3 {
  font-size: var(--h2-size);
}
@media (min-width: 1080px) {
  #form {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: max-content 1fr;
  }
  #form > header,
  #form > footer {
    grid-column: 1/span 5;
  }
  #form > article {
    align-self: start;
    grid-column: 8/span 5;
    grid-row: 1/span 2;
  }
  #form > article[class*=bg--] {
    grid-column: 7/span 6;
  }
}

#hero-2 {
  display: grid;
  gap: var(--spacing-large) var(--grid-gap);
}
#hero-2 > figure {
  margin: 0;
}
#hero-2 > header .text--label {
  margin-bottom: var(--spacing-small);
}
#hero-2 > header > dl {
  display: flex;
  gap: var(--spacing-small) var(--spacing-large);
  flex-wrap: wrap;
  color: var(--color-gray);
  font-size: var(--font-size-small);
  margin: var(--spacing-medium) 0 var(--spacing-large);
}
#hero-2 > header > dl div {
  display: inline-block;
}
#hero-2 > header > dl dd,
#hero-2 > header > dl dt {
  display: inline-block;
  margin: 0;
}
#hero-2 > header > dl dt::after {
  content: ":";
}
@media (min-width: 768px) {
  #hero-2 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: center;
    grid-auto-flow: column;
  }
  #hero-2 > header {
    grid-column: 1/span 7;
  }
  #hero-2 > figure {
    grid-column: 9/span 4;
    align-self: start;
  }
  #hero-2.media--left > header {
    grid-column-start: 6;
  }
  #hero-2.media--left > figure {
    grid-column-start: 1;
  }
}
@media (min-width: 1080px) {
  #hero-2 {
    --grid-cols: 12;
  }
  #hero-2 > figure {
    grid-column: 8/span 5;
  }
  #hero-2 > header {
    grid-column: 1/span 5;
  }
  #hero-2.media--left > header {
    grid-column-start: 7;
  }
}

#hero-4 {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  gap: 0 var(--grid-gap);
}
#hero-4 > header .text--label {
  margin-bottom: var(--spacing-small);
}
#hero-4 > header h1 + p {
  font-size: var(--font-size-large);
}
#hero-4 > figure {
  margin: var(--spacing-large) 0 0;
}
@media (min-width: 1080px) {
  #hero-4 {
    --grid-cols: 12;
    row-gap: var(--spacing-large);
  }
  #hero-4 > header {
    grid-column: 1/span 6;
  }
  #hero-4 > header > :last-child {
    margin-bottom: 0;
  }
  #hero-4 > article {
    grid-column: 8/span 5;
    align-self: end;
  }
  #hero-4 > figure {
    grid-column: 1/-1;
    margin-top: 0;
  }
}

#hero-5 {
  display: grid;
  align-items: center;
  gap: var(--spacing-large) var(--grid-gap);
}
#hero-5 [data-slideshow] {
  --slideshow-gap: 0;
  --slideshow-slide-width: 100%;
}
#hero-5 [data-slideshow] figure {
  margin: 0;
  width: 100%;
}
#hero-5 header .text--label {
  margin-bottom: var(--spacing-x-small);
}
@media (min-width: 1080px) {
  #hero-5 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  #hero-5 > [data-slideshow] {
    grid-column: 1/span 7;
  }
  #hero-5 > header {
    grid-column: 9/span 4;
  }
}

#hero-6 header ul {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 var(--spacing-medium);
  margin: 0;
  list-style: none;
}
#hero-6 header ul > li {
  display: inline-block;
  margin: 0;
}
@media (max-width: 1079px) {
  #hero-6 > figure {
    position: relative;
    margin: calc(var(--site-header-spacing) * -1) calc(var(--site-padding) * -1) var(--spacing-large);
  }
  #hero-6 > figure::before {
    pointer-events: none;
    display: block;
    content: "";
    padding-bottom: 100%;
  }
  #hero-6 > figure > img,
  #hero-6 > figure > video,
  #hero-6 > figure > iframe,
  #hero-6 > figure > :not(figcaption) img,
  #hero-6 > figure > :not(figcaption) video,
  #hero-6 > figure > :not(figcaption) iframe {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: auto;
  }
}
@media (min-width: 1080px) {
  #hero-6 {
    --bg-color: var(--color-overlay);
    --text-color: #FFFFFF;
    --heading-color: #FFFFFF;
    --button-ghost-color: #FFFFFF;
    --button-ghost-text-color: #000;
    --button-color: #F9B54A;
    --button-color-hover: #EB9939;
    position: relative;
    color: #FFFFFF;
    background: transparent;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-bottom: var(--spacing-large);
  }
  #hero-6 > figure.bg {
    display: contents;
  }
  #hero-6 > figure.bg img,
  #hero-6 > figure.bg video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #hero-6 header {
    margin-top: auto;
  }
  #hero-6 header nav {
    margin: 0 0 0 var(--spacing-medium);
    display: inline-flex;
  }
}

#hero-7 > .wysiwyg {
  margin-top: var(--spacing-large);
}
#hero-7 > dl {
  margin-top: var(--spacing-x-large);
  --link-decoration: underline;
}
#hero-7 > dl dt {
  margin: 0 0 var(--spacing-small);
}
#hero-7 > dl dd {
  margin: 0;
}
#hero-7 > dl dd > :last-child {
  margin-bottom: 0;
}
#hero-7 > nav {
  margin-top: var(--spacing-x-large);
}

#hero {
  font-size: var(--font-size-large);
}
#hero > .text--label {
  margin-bottom: var(--spacing-small);
}

#job-apply > article {
  padding: max(var(--spacing-medium), min(4vw, var(--spacing-large)));
}
@media (min-width: 1080px) {
  #job-apply {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--grid-gap);
  }
  #job-apply > article {
    grid-column: 4/span 6;
  }
}

#lang-switcher strong {
  font-weight: var(--body-font-weight);
  pointer-events: none;
}

#media-gallery .images {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  gap: var(--grid-gap);
}
#media-gallery .images figure {
  margin: 0;
  flex: 1 0 min(100%, 20rem);
}
#media-gallery .images figure img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#media-gallery .images figure:nth-child(6n+1),
#media-gallery .images figure:nth-child(6n+6) {
  flex-grow: 5;
}
#media-gallery .images figure:nth-child(6n+2),
#media-gallery .images figure:nth-child(6n+5) {
  flex-grow: 3;
}
#media-gallery .images figure:nth-child(6n+3),
#media-gallery .images figure:nth-child(6n+4) {
  flex-grow: 1;
}

#media figure {
  margin: 0;
}

#offices-image article h3 {
  margin-bottom: var(--spacing-small);
}

#offices article h3 {
  margin-bottom: var(--spacing-large);
}
#offices article h4 {
  margin: max(var(--spacing-large), min(7vw, var(--spacing-x-large))) 0 var(--spacing-x-small);
}
#offices article h4:first-of-type {
  margin-top: 0;
}
#offices article a {
  --link-decoration: underline;
}

div.page-anchor {
  position: absolute;
  height: 1px;
  margin-top: -1px;
}

#people > div {
  grid-row-gap: var(--spacing-large);
}
#people > div article > figure {
  margin-bottom: var(--spacing-small);
}
#people > div article > h3 {
  margin-bottom: var(--spacing-x-small);
}
#people > div article > p {
  font-size: var(--font-size-small);
  margin-bottom: var(--spacing-small);
}
#people > div article > .wysiwyg {
  margin-top: var(--spacing-small);
}
@media (min-width: 1260px) {
  #people {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: var(--grid-gap);
  }
  #people > header > h2 {
    flex: 100%;
  }
  #people > div {
    grid-column: 2/-1;
  }
  #people > div:first-child {
    grid-column-start: 1;
  }
}

div.dialog--popup {
  --dialog-width: 50rem;
}
div.dialog--popup > header > .text--label {
  margin-bottom: var(--spacing-small);
}
div.dialog--popup > figure {
  display: none;
  position: relative;
  margin: calc(var(--dialog-padding) * -1) 0 calc(var(--dialog-padding) * -1) calc(var(--dialog-padding) * -1);
}
div.dialog--popup > figure :is(img, video) {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1080px) {
  div.dialog--popup {
    display: grid;
    grid-template-columns: 3fr 4fr;
    grid-auto-flow: column;
    gap: var(--dialog-padding);
  }
  div.dialog--popup > header {
    grid-column: 2;
    align-self: center;
  }
  div.dialog--popup > header:nth-last-child(2) {
    grid-column: 1/-1;
  }
  div.dialog--popup > figure {
    display: block;
  }
}

#product-certs dd > figure {
  display: inline-flex;
  max-height: 5.875rem;
  max-width: 100%;
  margin-bottom: var(--spacing-large);
}
#product-certs dd > figure img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
#product-certs dd:not(:last-child) {
  margin-bottom: var(--spacing-large);
}

#product-color-schemes dl.colors dd p {
  margin: 0;
}
@media (min-width: 1260px) {
  #product-color-schemes .colors {
    --grid-cols: 5;
  }
  #product-color-schemes .colors dd:nth-of-type(4n + 1) {
    grid-column: 2;
  }
  #product-color-schemes .colors dd:nth-of-type(5n + 1) {
    grid-column: auto;
  }
}

#product-features article {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 2), minmax(0, 1fr));
  align-items: start;
  grid-auto-flow: dense;
  gap: 0 var(--grid-gap);
}
#product-features article:not(:last-child) {
  border-bottom: 1px solid var(--color-border);
  padding-bottom: var(--container-margin);
  margin-bottom: var(--container-margin);
}
#product-features article > h3 {
  grid-column: 1/-1;
}
#product-features article > .wysiwyg {
  grid-column: 1/-1;
}
#product-features article > .wysiwyg > :last-child {
  margin-bottom: 0;
}
#product-features article > figure {
  margin: var(--grid-gap) 0 0;
  align-self: end;
}
#product-features article > figure:nth-of-type(3) {
  grid-column: 1/-1;
}
@media (min-width: 1080px) {
  #product-features article {
    --grid-cols: 12;
  }
  #product-features article > h3 {
    grid-column: 1/span 10;
    margin-bottom: var(--spacing-x-large);
  }
  #product-features article > .wysiwyg {
    grid-column: 1/span 5;
  }
  #product-features article > figure {
    grid-column: 1/span 3;
  }
  #product-features article > figure:nth-last-of-type(2) {
    grid-column: 5/span 3;
  }
  #product-features article > figure:last-of-type {
    grid-column: 8/span 5;
    grid-row: auto/span 2;
    margin-top: 0;
  }
  #product-features article:nth-of-type(even) > figure:nth-last-of-type(2) {
    grid-column-start: 4;
  }
}

#product-menu-2 {
  position: sticky;
  top: -0.1px;
  z-index: 99;
}
#product-menu-2 > nav {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding: var(--spacing-small) var(--site-padding);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s var(--easing);
}
#product-menu-2 > nav.stuck {
  opacity: 1;
  pointer-events: auto;
}

:root {
  --product-menu-color: #000;
}

html.site-header--light {
  --product-menu-color: white;
}

#product-menu {
  background-color: transparent;
  position: fixed;
  left: 0;
  right: 0;
  top: var(--site-header-height-sticky);
  z-index: 99;
  display: flex;
  justify-content: end;
  gap: var(--spacing-small);
  padding: var(--spacing-small) var(--site-padding);
  font-size: var(--font-size-x-small);
  color: var(--product-menu-color);
  transition: top 0.5s var(--easing), background-color 0.25s var(--easing);
}
#product-menu strong {
  font-weight: normal;
  opacity: 0.5;
}
#product-menu a {
  color: inherit;
}
@media print {
  #product-menu {
    display: none !important;
  }
}

html:not(.at-top) #product-menu {
  background-color: var(--site-header-bg);
  color: #000;
}

#product-tech-specs article:not(:last-child) {
  margin-bottom: var(--spacing-x-large);
}

#product-filter > nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-medium);
  margin-bottom: var(--spacing-medium);
}
#product-filter > nav button[data-toggle-class]::after {
  transform: rotate(0);
  transition: transform 0.25s var(--easing);
}
#product-filter > nav button[data-toggle-class].open::after {
  transform: rotate(180deg);
}
#product-filter > nav button[data-clear-form] {
  margin-left: auto;
}
#product-filter nav button[data-clear-form],
#product-filter nav button[data-submit-form] {
  opacity: 0;
  transition: opacity 0.25s var(--easing);
  pointer-events: none;
}
#product-filter.open nav button[data-clear-form].not-cleared,
#product-filter.open nav button[data-submit-form] {
  opacity: 1;
  pointer-events: all;
}
#product-filter .form {
  margin: 0 calc(var(--site-padding) * -1);
}
#product-filter .form form {
  display: grid;
  gap: var(--spacing-large) var(--grid-gap);
  margin: 0 0 var(--spacing-x-large);
  padding: var(--spacing-large) var(--site-padding);
}
#product-filter .form form section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: var(--spacing-medium);
}
#product-filter .form form section h3 {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--body-font-size, 1rem);
  color: var(--text-color, black);
  font-weight: bold;
  grid-column: 1/-1;
  margin: 0;
  padding-bottom: var(--spacing-x-small);
  border-bottom: 1px solid #9C9C9C;
}
#product-filter .form form section article h4 {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--body-font-size, 1rem);
  color: var(--text-color, black);
  margin-bottom: var(--spacing-small);
  font-size: var(--font-size-small);
  font-weight: bold;
}
#product-filter .form form section article ul {
  margin: 0;
  list-style: none;
}
#product-filter .form form section article ul:not(.color-scheme) {
  font-size: var(--font-size-small);
}
#product-filter .form form section article ul:not(.color-scheme) li:not(:last-child) {
  margin: 0 0 var(--spacing-x-small);
}
#product-filter .form form section article ul:not(.color-scheme) li label input {
  margin-right: var(--spacing-x-small);
}
#product-filter .form form > p {
  text-align: right;
  margin: 0;
}
@media (min-width: 768px) {
  #product-filter .form form {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: start;
    gap: var(--grid-gap);
  }
  #product-filter .form form section {
    grid-column: auto/span 2;
    grid-template-columns: 1fr;
  }
  #product-filter .form form > p {
    grid-row: 2;
    grid-column: 1/-1;
  }
}
#product-filter .form {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s linear;
}
#product-filter .form form {
  opacity: 0;
  transition: opacity 0.25s var(--easing);
}
#product-filter.open .form {
  max-height: 200rem;
}
#product-filter.open .form form {
  opacity: 1;
}

div[\:has\(\%23product-filter\)] + div[\:has\(\%23products\)] #products {
  margin-top: calc(var(--container-margin) * -1);
}

div:has(#product-filter) + div:has(#products) #products {
  margin-top: calc(var(--container-margin) * -1);
}

#search-results > header {
  padding-bottom: var(--spacing-large);
  margin-bottom: var(--spacing-large);
  border-bottom: 1px solid var(--color-border);
}
#search-results > nav {
  position: relative;
  display: flex;
  gap: var(--spacing-small);
}
#search-results > nav a {
  white-space: nowrap;
}
@media (max-width: 767px) {
  #search-results > nav {
    padding-bottom: var(--spacing-medium);
    padding-right: var(--site-padding);
    margin-bottom: calc(var(--spacing-large) - var(--spacing-medium));
    margin-right: calc(var(--site-padding) * -1);
    overflow: auto;
  }
}
@media (min-width: 768px) {
  #search-results > nav {
    flex-wrap: wrap;
    margin-bottom: var(--spacing-large);
  }
}
#search-results [data-search-results-list] {
  min-height: 30vh;
}
#search-results article {
  padding-bottom: var(--spacing-large);
  margin-bottom: var(--spacing-large);
  border-bottom: 1px solid var(--color-border);
}
#search-results article .tag {
  margin-bottom: var(--spacing-small);
}
#search-results article .tag:empty {
  display: none;
}
#search-results article cite {
  display: block;
  margin-bottom: var(--heading-margin);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
  color: var(--color-gray);
}
#search-results article h2 .hs-search-highlight {
  font-weight: bold;
}
#search-results article .wysiwyg .hs-search-highlight {
  background: var(--color-primary);
}
#search-results article a:hover cite {
  text-decoration-line: underline;
}
#search-results [data-search-results-pagination] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#search-results [data-search-results-pagination] > a.disabled {
  opacity: 0.5;
  pointer-events: none;
}
#search-results [data-search-results-pagination] > a.next::after, #search-results [data-search-results-pagination] > a.prev::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "‹";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
}
#search-results [data-search-results-pagination] > a.prev::before {
  margin: 0 var(--spacing-x-small) 0 0;
}
#search-results [data-search-results-pagination] > a.next::after {
  margin: 0 0 0 var(--spacing-x-small);
  content: "›";
}

#share-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-small) var(--spacing-x-large);
  font-size: var(--font-size-small);
}
#share-page > h2 {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: 1em;
  color: var(--color-gray);
  margin: 0;
}
#share-page > ul {
  list-style: none;
  margin: 0;
  display: flex;
  gap: var(--spacing-medium);
  flex-wrap: wrap;
}

#slideshow-vertical {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
  gap: 0 var(--grid-gap);
}
@media (min-width: 1080px) {
  #slideshow-vertical {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  #slideshow-vertical > nav {
    grid-column: 1/span 5;
  }
  #slideshow-vertical > .slides {
    grid-column: 6/span 7;
  }
}
#slideshow-vertical > h2 {
  grid-column: 1/-1;
  margin-bottom: var(--spacing-large);
}
#slideshow-vertical > nav {
  position: sticky;
  top: calc(var(--site-header-height-sticky) + var(--spacing-medium));
  transition: top 0.25s var(--easing);
  height: calc(100vh - (var(--site-header-height-sticky) + var(--spacing-medium) * 2));
  transition: top 0.25s var(--easing), height 0.25s var(--easing);
  overflow: auto;
  padding: var(--spacing-medium) 0;
}
@media (max-width: 1079px) {
  #slideshow-vertical > nav {
    background: transparent;
  }
}
#slideshow-vertical > nav h3 {
  position: absolute;
  left: var(--spacing-medium);
  top: var(--spacing-medium);
}
#slideshow-vertical > nav [data-scroll-to-next-active] {
  position: absolute;
  left: var(--spacing-medium);
  bottom: var(--spacing-medium);
  font-size: 2rem;
}
#slideshow-vertical > nav .items {
  height: 100%;
  overflow: hidden;
}
#slideshow-vertical > nav .items > ol {
  padding-block: 50vh;
}
#slideshow-vertical > nav ol {
  margin: 0;
  list-style: none;
  text-align: center;
}
@media (min-width: 1080px) {
  #slideshow-vertical > nav ol {
    text-align: right;
    padding-right: var(--spacing-medium);
  }
}
#slideshow-vertical > nav ol li {
  margin: 0 0 var(--spacing-small);
}
#slideshow-vertical > nav ol li a strong {
  font-weight: normal;
}
@media (max-width: 1079px) {
  #slideshow-vertical > nav ol li a {
    font-size: 0;
  }
  #slideshow-vertical > nav ol li a strong {
    font-size: var(--body-font-size);
  }
  #slideshow-vertical > nav ol li a.active strong {
    font-weight: bold;
    font-size: var(--font-size-large);
  }
}
@media (min-width: 1080px) {
  #slideshow-vertical > nav ol li a {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-x-small);
  }
  #slideshow-vertical > nav ol li a.active {
    font-size: var(--font-size-large);
  }
  #slideshow-vertical > nav ol li a.active strong {
    font-size: 5rem;
    line-height: 1;
  }
}
#slideshow-vertical article:not(:last-child) {
  margin-bottom: var(--container-margin);
}
#slideshow-vertical article header {
  margin-bottom: var(--spacing-medium);
}
@media (min-width: 1080px) {
  #slideshow-vertical article {
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-auto-flow: dense;
  }
  #slideshow-vertical article > * {
    margin: 0;
  }
  #slideshow-vertical article.layout_1 > figure:first-of-type {
    grid-column: 6/span 2;
    align-self: end;
  }
  #slideshow-vertical article.layout_1 > header {
    grid-column: 1/span 4;
  }
  #slideshow-vertical article.layout_1 > figure:last-of-type {
    grid-column: 1/span 4;
    align-self: end;
  }
  #slideshow-vertical article.layout_1 > .wysiwyg {
    grid-column: 5/span 3;
    align-self: end;
  }
  #slideshow-vertical article.layout_2 > figure:first-of-type {
    grid-column: 1/span 3;
  }
  #slideshow-vertical article.layout_2 > header {
    grid-column: 4/span 4;
  }
  #slideshow-vertical article.layout_2 > figure:last-of-type {
    grid-column: 5/span 3;
  }
  #slideshow-vertical article.layout_2 > .wysiwyg {
    grid-column: 2/span 3;
    align-self: end;
  }
  #slideshow-vertical article.layout_3 > figure {
    grid-column: 5/span 3;
  }
  #slideshow-vertical article.layout_3 > header {
    grid-row: 1;
    grid-column: 1/span 4;
    align-self: end;
  }
}

#sticky-button {
  position: sticky;
  bottom: -0.1px;
  text-align: right;
  margin-right: min(var(--site-padding), var(--spacing-large));
  margin-left: var(--site-padding);
  transition: opacity 0.25s var(--easing);
}
#sticky-button a {
  position: absolute;
  right: 0;
  bottom: min(var(--site-padding), var(--spacing-large));
}
#sticky-button:not(.stuck) {
  opacity: 0;
  pointer-events: none;
}

#sticky-menu {
  position: sticky;
  bottom: var(--spacing-medium);
}
#sticky-menu > div {
  padding: var(--spacing-small);
  border-radius: var(--button-border-radius);
}
#sticky-menu ul {
  margin: 0;
  list-style: none;
  display: flex;
  gap: var(--spacing-small);
  align-items: center;
  justify-content: start;
  overflow: hidden;
}
#sticky-menu ul a {
  white-space: nowrap;
  --button-padding-x: 0.85rem;
}
#sticky-menu ul a.active {
  --button-color: #F9B54A;
  --button-color-hover: #EB9939;
}
@media print {
  #sticky-menu {
    display: none !important;
  }
}

#stores > nav {
  margin: 0 0 var(--spacing-large);
}
#stores > nav a.active {
  --button-color: var(--button-ghost-color);
  --button-text-color: var(--button-ghost-text-color);
  background-color: var(--button-color);
}
#stores .grid > h2 {
  grid-column: 1/-1;
  margin-bottom: 0;
}

#tabs {
  display: grid;
  gap: var(--spacing-large);
}
#tabs > ol {
  margin: 0;
  padding: var(--spacing-x-large) var(--spacing-medium);
  list-style: none;
  counter-reset: tabs-nav;
}
#tabs > ol li {
  counter-increment: tabs-nav;
}
#tabs > ol li:not(:last-child) {
  margin-bottom: var(--spacing-small);
}
#tabs > ol li::before {
  content: counter(tabs-nav, decimal-leading-zero) ". ";
  font-size: var(--font-size-small);
  display: inline-block;
  width: 2em;
}
#tabs > ol li a {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  font-size: var(--h4-size);
  color: var(--heading-color, inherit);
  display: inline-block;
}
#tabs > ol li a a {
  color: var(--heading-color, inherit);
}
#tabs > ol li a a:hover {
  color: var(--heading-color, inherit);
}
#tabs > ol li.active a {
  --link-decoration: underline;
}
@media (min-width: 1080px) {
  #tabs {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--grid-gap);
    align-items: start;
  }
  #tabs > ol {
    grid-column: 1/span 5;
  }
  #tabs > div {
    grid-column: 6/span 7;
  }
  #tabs > div > h2 {
    margin-bottom: var(--spacing-x-large);
  }
  #tabs > div article > small:first-child {
    display: block;
    font-size: 1em;
  }
}

#testimonials-slideshow {
  display: grid;
  gap: var(--spacing-large);
}
#testimonials-slideshow > header {
  margin: 0;
}
#testimonials-slideshow > header [data-slideshow-pagination] .flickity-page-dots {
  counter-reset: slideshow-bullets;
  display: grid;
  grid-template-columns: max-content;
  gap: 0;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: var(--spacing-small);
  font-size: var(--font-size-small);
}
#testimonials-slideshow > header [data-slideshow-pagination] .flickity-page-dots .dot {
  all: unset;
  counter-increment: slideshow-bullets;
  grid-row: 1;
  grid-column: 1;
  opacity: 0;
  transition: opacity 0.25s var(--easing);
}
#testimonials-slideshow > header [data-slideshow-pagination] .flickity-page-dots .dot.is-selected {
  opacity: 1;
}
#testimonials-slideshow > header [data-slideshow-pagination] .flickity-page-dots .dot::before {
  content: counter(slideshow-bullets);
}
#testimonials-slideshow > header [data-slideshow-pagination] .flickity-page-dots::after {
  grid-row: 1;
  grid-column: 2;
  content: " / " counter(slideshow-bullets);
}
#testimonials-slideshow > header [data-slideshow-pagination] .flickity-page-dots .dot::before {
  content: counter(slideshow-bullets, decimal-leading-zero);
}
#testimonials-slideshow > header [data-slideshow-pagination] .flickity-page-dots::after {
  content: "/ " counter(slideshow-bullets, decimal-leading-zero);
}
#testimonials-slideshow > header [data-slideshow-pagination] .flickity-prev-next-button.next {
  float: right;
}
#testimonials-slideshow article {
  display: grid;
  align-items: center;
  gap: var(--spacing-large);
  padding: var(--spacing-large);
}
#testimonials-slideshow article figure {
  margin: 0;
}
#testimonials-slideshow article .quote {
  margin: 0;
}
#testimonials-slideshow article .quote blockquote {
  font-size: var(--font-size-large);
  line-height: 1.25;
}
#testimonials-slideshow article .quote figcaption {
  font-size: var(--font-size-small);
}
@media (min-width: 1080px) {
  #testimonials-slideshow {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--grid-gap);
  }
  #testimonials-slideshow > header {
    grid-column: 1/span 3;
    display: flex;
    flex-direction: column;
  }
  #testimonials-slideshow > header [data-slideshow-pagination] {
    margin-top: auto;
  }
  #testimonials-slideshow > [data-slideshow] {
    grid-column: 4/span 9;
    display: grid;
  }
  #testimonials-slideshow article {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#text-block-alternate {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 2), minmax(0, 1fr));
  align-items: start;
  gap: var(--spacing-large) var(--grid-gap);
}
#text-block-alternate > figure {
  grid-row: 1;
  grid-column: 1/-1;
  margin: 0;
}
#text-block-alternate > figure + figure {
  grid-row: 3;
  grid-column: auto;
}
#text-block-alternate > article {
  grid-column: 1/-1;
}
@media (min-width: 1080px) {
  #text-block-alternate {
    --grid-cols: 12;
    row-gap: 0;
    grid-auto-flow: dense;
  }
  #text-block-alternate > article {
    align-self: center;
    grid-column: 8/span 4;
    grid-row: 1/span 2;
  }
  #text-block-alternate > article:nth-of-type(2) {
    grid-column: 1/span 4;
    grid-row: 4/span 2;
    margin-top: var(--spacing-x-large);
  }
  #text-block-alternate > figure {
    grid-column: 1/span 6;
    grid-row: 1/span 3;
  }
  #text-block-alternate > figure:nth-of-type(2) {
    grid-column: 6/span 4;
    grid-row: 4/span 2;
    margin-top: var(--spacing-x-large);
  }
  #text-block-alternate > figure:nth-of-type(3) {
    align-self: center;
    grid-column: 10/span 3;
    grid-row: 3/span 2;
  }
}

@media (min-width: 768px) {
  #text-block-columns > article > .wysiwyg {
    -moz-column-count: 2;
         column-count: 2;
    gap: var(--grid-gap);
  }
  #text-block-columns > article > .wysiwyg > :only-child {
    -moz-column-span: all;
         column-span: all;
  }
}
@media (min-width: 1080px) {
  #text-block-columns {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--grid-gap);
  }
  #text-block-columns > header {
    grid-column: 1/span 7;
  }
  #text-block-columns > article {
    grid-column: 5/span 8;
  }
  #text-block-columns.layout--center > header,
  #text-block-columns.layout--center > article {
    grid-column: 1/-1;
  }
}

#text-block-display {
  --container-margin: 10rem;
  --section-padding: 10rem;
}
#text-block-display p {
  margin: 0;
}

#text-block-links {
  display: grid;
  gap: var(--spacing-large);
  align-items: start;
}
#text-block-links h2 {
  margin: 0;
}
#text-block-links dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-large) var(--grid-gap);
}
#text-block-links dl dt {
  margin: 0 0 var(--spacing-x-small);
}
#text-block-links dl dd {
  margin: 0;
}
#text-block-links dl a {
  --link-decoration: underline;
}
@media (min-width: 1080px) {
  #text-block-links {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--spacing-x-large) var(--grid-gap);
  }
  #text-block-links h2 {
    grid-column: 1/span 8;
  }
  #text-block-links dl {
    position: sticky;
    top: calc(var(--site-header-height-sticky) + var(--spacing-medium));
    transition: top 0.25s var(--easing);
    grid-column: 1/span 4;
  }
  #text-block-links .wysiwyg {
    grid-column: 7/span 6;
  }
}

#text-block-media-2 {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  gap: 0 var(--grid-gap);
}
#text-block-media-2 > figure {
  margin: var(--spacing-large) 0 0;
}
#text-block-media-2 > figure figcaption {
  margin-top: var(--spacing-medium);
}
@media (min-width: 768px) {
  #text-block-media-2 {
    --grid-cols: 12;
  }
  #text-block-media-2 > header {
    grid-column: 1/-1;
  }
  #text-block-media-2 > article {
    grid-column: 1/span 7;
  }
  #text-block-media-2 > figure {
    grid-column: 9/span 4;
    margin-top: 0;
  }
}
@media (min-width: 1080px) {
  #text-block-media-2 > header {
    grid-column: 1/span 8;
  }
  #text-block-media-2 > article {
    grid-column: 1/span 6;
  }
}

#text-block-media-3 {
  display: grid;
  gap: var(--spacing-large);
  grid-auto-flow: dense;
  align-items: center;
}
#text-block-media-3 > header .wysiwyg {
  max-width: 33rem;
  font-size: var(--font-size-large);
}
#text-block-media-3 > header .text--label {
  margin-bottom: var(--spacing-small);
}
#text-block-media-3 > figure {
  margin: 0;
}
@media (min-width: 1080px) {
  #text-block-media-3 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--grid-gap);
  }
  #text-block-media-3 > header {
    grid-column: 1/span 7;
  }
  #text-block-media-3 > figure {
    grid-column: 8/span 5;
  }
  #text-block-media-3.media--left > header {
    grid-column: 7/span 6;
  }
  #text-block-media-3.media--left > figure {
    grid-column: 1/span 5;
  }
}

#text-block-media {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  align-items: center;
  gap: var(--spacing-large) var(--grid-gap);
}
#text-block-media > figure {
  margin: 0;
  grid-row: 1;
}
@media (min-width: 1080px) {
  #text-block-media {
    --grid-cols: 12;
  }
  #text-block-media > header {
    grid-column: 2/span 4;
  }
  #text-block-media > figure {
    grid-column: 7/span 6;
  }
  #text-block-media.media--left > figure {
    grid-column-start: 1;
  }
  #text-block-media.media--left > header {
    grid-column-start: 8;
  }
}

#text-block-medias-2 {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 2), minmax(0, 1fr));
  gap: var(--spacing-large) var(--grid-gap);
  align-items: start;
}
#text-block-medias-2 > header,
#text-block-medias-2 > article,
#text-block-medias-2 > figure.quote {
  grid-column: 1/-1;
}
#text-block-medias-2 > figure {
  margin: 0;
}
#text-block-medias-2 > header {
  margin-bottom: 0;
}
#text-block-medias-2 > article {
  font-size: var(--font-size-large);
}
#text-block-medias-2 > figure:not(.quote) {
  align-self: center;
}
#text-block-medias-2 > figure:not(.quote):first-of-type, #text-block-medias-2 > figure:not(.quote):nth-of-type(2) {
  grid-row: 1;
}
#text-block-medias-2 > header ~ figure:not(.quote):first-of-type, #text-block-medias-2 > header ~ figure:not(.quote):nth-of-type(2) {
  grid-row: 2;
}
#text-block-medias-2 > figure.quote > blockquote {
  display: block;
  font-family: var(--heading-font-family, inherit);
  font-weight: var(--heading-font-weight, bold);
  font-style: var(--heading-font-style, normal);
  line-height: var(--heading-line-height, 1.2);
  letter-spacing: var(--heading-letter-spacing, 0);
  text-transform: var(--heading-text-transform, none);
  font-size: var(--h2-size);
  color: var(--heading-color, inherit);
}
#text-block-medias-2 > figure.quote > blockquote a {
  color: var(--heading-color, inherit);
}
#text-block-medias-2 > figure.quote > blockquote a:hover {
  color: var(--heading-color, inherit);
}
#text-block-medias-2 > figure.quote > figcaption::before {
  content: "— ";
}
@media (min-width: 1080px) {
  #text-block-medias-2 {
    --grid-cols: 12;
    row-gap: var(--spacing-x-large);
  }
  #text-block-medias-2 > figure:not(.quote) {
    grid-column: auto/span 6;
    align-self: center;
  }
  #text-block-medias-2 > figure:not(.quote):nth-of-type(4) {
    grid-column: 8/span 4;
  }
  #text-block-medias-2 > article {
    grid-column: 4/span 6;
  }
  #text-block-medias-2 > figure.quote {
    grid-column: 3/span 8;
  }
}

#text-block-medias {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 2), minmax(0, 1fr));
  align-items: start;
  gap: var(--grid-gap);
}
#text-block-medias > header {
  margin-bottom: calc(var(--module-header-margin) - var(--grid-gap));
}
#text-block-medias > header,
#text-block-medias > article {
  grid-column: 1/-1;
}
#text-block-medias > figure {
  margin: var(--spacing-small) 0 0;
  align-self: end;
}
@media (min-width: 1080px) {
  #text-block-medias {
    --grid-cols: 12;
  }
  #text-block-medias > header {
    grid-column: 1/span 9;
  }
  #text-block-medias > article {
    align-self: center;
    grid-column: 2/span 4;
    margin: var(--spacing-x-large) 0;
  }
  #text-block-medias > article > .wysiwyg > :last-child {
    margin-bottom: 0;
  }
  #text-block-medias > figure + figure {
    grid-column: 2/span 4;
    grid-row-end: span 1;
  }
  #text-block-medias > figure {
    grid-column: 7/span 6;
    grid-row-end: span 2;
    margin: 0;
    align-self: start;
  }
}

#text-blocks-cards article {
  padding: var(--spacing-medium);
  display: flex;
  flex-direction: column;
}
@supports (aspect-ratio: 16/9) {
  #text-blocks-cards article {
    height: 100%;
    max-width: 100%;
  }
}
@supports not (aspect-ratio: 16/9) {
  #text-blocks-cards article {
    min-height: 33rem;
  }
}
#text-blocks-cards article h3 {
  margin-top: auto;
}
#text-blocks-cards article .wysiwyg > :last-child {
  margin-bottom: 0;
}

#text-blocks-columns-3 > .grid > header {
  grid-column: 1/-1;
}
#text-blocks-columns-3 > .grid > header > :is(h3, .wysiwyg) {
  max-width: 40rem;
}
#text-blocks-columns-3 > .grid > header > :last-child {
  margin-bottom: 0;
}

#hero + span > div:first-child > #text-blocks-columns {
  margin-top: calc(var(--container-margin) * 0.5);
}

div[\:has\(\%23text-blocks-slideshow-2\)] + div[\:has\(\%23text-blocks-columns\)] #text-blocks-columns {
  margin-top: calc(var(--spacing-large) - var(--container-margin));
}

div:has(#text-blocks-slideshow-2) + div:has(#text-blocks-columns) #text-blocks-columns {
  margin-top: calc(var(--spacing-large) - var(--container-margin));
}

#text-blocks-slideshow-2 > div {
  position: relative;
}
#text-blocks-slideshow-2 > div h2.text--label-large {
  position: absolute;
  left: max(var(--spacing-medium), min(4vw, var(--spacing-large)));
  top: max(var(--spacing-medium), min(4vw, var(--spacing-large)));
  color: white;
  z-index: 1;
}
#text-blocks-slideshow-2 > div article {
  overflow: hidden;
}
#text-blocks-slideshow-2 > div article .buttons {
  margin-top: var(--spacing-medium);
}

#text-blocks-slideshow {
  overflow: hidden;
}
#text-blocks-slideshow.container {
  width: auto;
  max-width: none;
  padding-inline: var(--site-padding);
}
#text-blocks-slideshow article h3 {
  margin-bottom: var(--spacing-small);
}
#text-blocks-slideshow article .wysiwyg {
  font-size: var(--font-size-small);
}
#text-blocks-slideshow [data-slideshow] {
  --slideshow-arrow-bg: #F5F5F5;
}
#text-blocks-slideshow [data-slideshow]:not([data-num-slides="1"])::after {
  content: "flickity";
  display: none;
}
#text-blocks-slideshow [data-slideshow] .flickity-viewport {
  overflow: visible;
}
@media (min-width: 768px) {
  #text-blocks-slideshow [data-slideshow] {
    --slideshow-per-page: 2;
  }
  #text-blocks-slideshow [data-slideshow][data-num-slides="2"]::after {
    content: "";
  }
}
@media (min-width: 1080px) {
  #text-blocks-slideshow [data-slideshow] {
    --slideshow-per-page: 4;
  }
  #text-blocks-slideshow [data-slideshow][data-num-slides="2"] {
    --slideshow-per-page: 2;
  }
  #text-blocks-slideshow [data-slideshow][data-num-slides="3"] {
    --slideshow-per-page: 3;
  }
  #text-blocks-slideshow [data-slideshow][data-num-slides="3"]::after, #text-blocks-slideshow [data-slideshow][data-num-slides="4"]::after {
    content: "";
  }
}

#text-blocks-sticky > aside {
  display: none;
}
#text-blocks-sticky > aside > ul {
  counter-reset: link;
  list-style: none;
  margin: 0;
}
#text-blocks-sticky > aside > ul li {
  counter-increment: link;
  display: grid;
  grid-template-columns: 2ch 1fr;
  gap: var(--grid-gap);
}
#text-blocks-sticky > aside > ul li:not(:last-child) {
  margin-bottom: var(--spacing-medium);
}
#text-blocks-sticky > aside > ul li::before {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--font-size-xx-small);
  color: var(--text-color, black);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  content: counter(link, decimal-leading-zero);
  line-height: calc(var(--h5-size) * var(--heading-line-height));
}
#text-blocks-sticky > aside > ul li a {
  --link-decoration: underline;
}
#text-blocks-sticky > aside > ul li a:not(.active):not(:hover) {
  --text-decoration-color: transparent;
}
#text-blocks-sticky > div {
  margin-right: calc(var(--site-padding) * -1);
  --slideshow-gap: var(--spacing-medium);
  --slideshow-slide-width: 85%;
}
#text-blocks-sticky > div::after {
  content: "flickity";
  display: none;
}
@media (min-width: 768px) {
  #text-blocks-sticky > div {
    display: grid;
    gap: var(--grid-gap);
    margin-right: 0;
  }
  #text-blocks-sticky > div::after {
    content: "";
  }
  #text-blocks-sticky > div article {
    display: grid;
    grid-template-columns: min(30%, 12.5rem) 1fr;
    gap: var(--grid-gap);
  }
  #text-blocks-sticky > div article > figure {
    margin: 0;
  }
  #text-blocks-sticky > div article > header:first-child {
    grid-column: 1/-1;
  }
  #text-blocks-sticky > div article > header > small {
    vertical-align: top;
  }
  #text-blocks-sticky > div article > header > h3 {
    margin-bottom: var(--spacing-small);
  }
}
@media (min-width: 1080px) {
  #text-blocks-sticky {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: dense;
    align-items: start;
    gap: var(--grid-gap);
  }
  #text-blocks-sticky > header {
    grid-column: 1/span 7;
  }
  #text-blocks-sticky > aside {
    position: sticky;
    top: calc(var(--site-header-height-sticky) + var(--spacing-medium));
    transition: top 0.25s var(--easing);
    display: block;
    grid-column: 1/span 4;
  }
  #text-blocks-sticky > div {
    grid-column: 6/span 7;
  }
  #text-blocks-sticky > div article > header > small {
    display: none;
  }
}

#video-large > article {
  margin-top: var(--spacing-large);
}
#video-large > article > :is(h2, h3) {
  font-family: var(--body-font-family, sans-serif);
  font-weight: var(--body-font-weight, normal);
  font-style: var(--body-font-style, normal);
  line-height: var(--body-line-height, 1.6);
  letter-spacing: var(--body-letter-spacing, 0);
  text-transform: var(--body-text-transform, none);
  font-size: var(--font-size-large);
  color: var(--text-color, black);
}
#video-large > article > .wysiwyg > :last-child {
  margin-bottom: 0;
}
#video-large > div {
  display: grid;
}
#video-large > div > figure {
  margin: 0;
  grid-area: 1/1/1/1;
}
#video-large > div > .preview {
  position: relative;
  z-index: 1;
  transition: opacity 0.5s var(--easing);
}
#video-large > div > .preview::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "▶";
  margin-right: var(--icon-margin, 0.25rem);
  margin-left: 0;
  line-height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: var(--spacing-medium);
  bottom: var(--spacing-medium);
  width: 2.5em;
  height: 2.5em;
  margin: 0;
  color: #FFF;
  letter-spacing: -2px;
  border-radius: 10rem;
  border: 2px solid currentColor;
}
#video-large > div > .video-embed:not(:last-child) .thumbnail {
  display: none;
}
#video-large > div > .video-embed.video-embed--state-playing + .preview {
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 1080px) {
  #video-large > article {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 var(--grid-gap);
  }
  #video-large > article > :is(h2, h3) {
    grid-column: 1/span 3;
    grid-row: 1/span 2;
  }
  #video-large > article > .wysiwyg,
  #video-large > article > nav {
    grid-column: 7/span 6;
  }
}

#video-playlists article > .text--label {
  margin-bottom: var(--spacing-x-small);
}
#video-playlists article > ul {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-medium);
}
#video-playlists article > :last-child {
  margin-bottom: 0;
}
#video-playlists [data-slideshow] {
  --slideshow-slide-width: calc(var(--site-width) / var(--slideshow-per-page, 1) - var(--slideshow-gap, 3rem)*(var(--slideshow-per-page, 1) - 1)/var(--slideshow-per-page, 1));
}
#video-playlists [data-slideshow] .flickity-prev-next-button {
  top: calc(var(--slideshow-slide-width, 0px) * 0.5625 / 2);
}
#video-playlists [data-slideshow]:not([data-num-slides="1"])::after {
  content: "flickity";
  display: none;
}
#video-playlists [data-slideshow] .flickity-viewport {
  overflow: visible;
}
@media (min-width: 768px) {
  #video-playlists [data-slideshow] {
    --slideshow-per-page: 2;
  }
  #video-playlists [data-slideshow][data-num-slides="2"]::after {
    content: "";
  }
}
@media (min-width: 1080px) {
  #video-playlists [data-slideshow] {
    --slideshow-per-page: 2;
  }
  #video-playlists [data-slideshow][data-num-slides="2"] {
    --slideshow-per-page: 2;
  }
}

#video {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
  align-items: start;
  gap: var(--spacing-large) var(--grid-gap);
}
#video > figure {
  margin: 0;
  grid-row: 1;
}
#video > figure figcaption {
  display: none;
}
@media (min-width: 1080px) {
  #video {
    --grid-cols: 12;
  }
  #video > header {
    grid-column: 1/span 5;
    align-self: center;
  }
  #video > figure {
    grid-column: 7/span 6;
  }
  #video.media--left > figure {
    grid-column-start: 1;
  }
  #video.media--left > header {
    grid-column-start: 8;
  }
}

#videos {
  overflow: hidden;
}
#videos.container {
  width: auto;
  max-width: none;
  padding-inline: var(--site-padding);
}
#videos article > .text--label {
  margin-bottom: var(--spacing-x-small);
}
#videos article > :last-child {
  margin-bottom: 0;
}
#videos [data-slideshow] {
  --slideshow-slide-width: calc(var(--site-width) / var(--slideshow-per-page, 1) - var(--slideshow-gap, 3rem)*(var(--slideshow-per-page, 1) - 1)/var(--slideshow-per-page, 1));
}
#videos [data-slideshow] .flickity-prev-next-button {
  top: calc(var(--slideshow-slide-width, 0px) * 0.5625 / 2);
}
#videos [data-slideshow]:not([data-num-slides="1"])::after {
  content: "flickity";
  display: none;
}
#videos [data-slideshow] .flickity-viewport {
  overflow: visible;
}
@media (min-width: 768px) {
  #videos [data-slideshow] {
    --slideshow-per-page: 2;
  }
  #videos [data-slideshow][data-num-slides="2"]::after {
    content: "";
  }
}
@media (min-width: 1080px) {
  #videos [data-slideshow] {
    --slideshow-per-page: 2;
  }
  :where(html.js) #videos [data-slideshow] {
    --slideshow-per-page: 2.4;
  }
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  --scroll-behavior: smooth;
}

html:not(.hs-inline-edit) [data-global-resource-path],
html:not(.hs-inline-edit) .container-fluid,
html:not(.hs-inline-edit) .row-fluid-wrapper,
html:not(.hs-inline-edit) .row-fluid,
html:not(.hs-inline-edit) .widget-span,
html:not(.hs-inline-edit) .hs_cos_wrapper {
  display: contents;
}

[data-todo] {
  position: relative;
}
[data-todo]::before {
  background: yellow;
  content: attr(data-todo);
  color: black;
  font-size: var(--font-size-small);
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 99;
  width: 10rem;
  padding: var(--spacing-medium);
  box-shadow: var(--shadow-medium);
  transform: scale(0);
  transform-origin: left top;
  transition: transform 0.25s var(--easing);
}
[data-todo]:hover {
  outline: 10px dotted yellow;
}
[data-todo]:hover::before {
  transform: scale(1);
}

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