/*! 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;
  -webkit-text-decoration: underline dotted currentColor;
          text-decoration: underline dotted currentColor; /* 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;
}

@charset "UTF-8";
/* stylelint-disable declaration-block-no-duplicate-custom-properties */
/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.align--left {
  text-align: left;
}
.align--center {
  text-align: center;
}
.align--right {
  text-align: right;
}

.display--block {
  display: block;
}
.display--flex {
  display: flex;
}
.display--grid {
  display: grid;
}
.display--inline-flex {
  display: inline-flex;
}
.display--inline-grid {
  display: inline-grid;
}
.display--contents {
  display: contents;
}

.is-grid, .footer__content,
.footer__colophon {
  display: grid;
  gap: 24px;
  grid-gap: 24px;
  grid-gap: var(--size-heading);
  gap: var(--size-heading);
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 769px) {
  .is-grid, .footer__content,
  .footer__colophon {
    row-gap: 1.5rem;
  }
}
.is-flex {
  display: flex;
}

@media (max-width: 1920px) {
  .hide-under--xxl {
    position: absolute !important;
  }
  .hide-under--xxl {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  .remove-under--xxl {
    display: none !important;
  }
}
@media (min-width: 1921px) {
  .hide-over--xxl {
    position: absolute !important;
  }
  .hide-over--xxl {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  .remove-over--xxl {
    display: none !important;
  }
}
@media (max-width: 1300px) {
  .hide-under--xl {
    position: absolute !important;
  }
  .hide-under--xl {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  .remove-under--xl {
    display: none !important;
  }
}
@media (min-width: 1301px) {
  .hide-over--xl {
    position: absolute !important;
  }
  .hide-over--xl {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  .remove-over--xl {
    display: none !important;
  }
}
@media (max-width: 1100px) {
  .hide-under--lg {
    position: absolute !important;
  }
  .hide-under--lg {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  .remove-under--lg {
    display: none !important;
  }
}
@media (min-width: 1101px) {
  .hide-over--lg {
    position: absolute !important;
  }
  .hide-over--lg {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  .remove-over--lg {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .hide-under--md {
    position: absolute !important;
  }
  .hide-under--md {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  .remove-under--md {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .hide-over--md {
    position: absolute !important;
  }
  .hide-over--md {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  .remove-over--md {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .hide-under--sm {
    position: absolute !important;
  }
  .hide-under--sm {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  .remove-under--sm {
    display: none !important;
  }
}
@media (min-width: 481px) {
  .hide-over--sm {
    position: absolute !important;
  }
  .hide-over--sm {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  .remove-over--sm {
    display: none !important;
  }
}
@media (max-width: 320px) {
  .hide-under--xs {
    position: absolute !important;
  }
  .hide-under--xs {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  .remove-under--xs {
    display: none !important;
  }
}
@media (min-width: 321px) {
  .hide-over--xs {
    position: absolute !important;
  }
  .hide-over--xs {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  .remove-over--xs {
    display: none !important;
  }
}
@media (min-width: 0) {
  .is-grid.col--1, .col--1.footer__content,
  .col--1.footer__colophon {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .is-flex.col--1 > * {
    flex-basis: calc(100% / 1);
  }
  .is-grid.col--2, .col--2.footer__content,
  .col--2.footer__colophon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .is-flex.col--2 > * {
    flex-basis: calc(100% / 2);
  }
  .is-grid.col--3, .col--3.footer__content,
  .col--3.footer__colophon {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .is-flex.col--3 > * {
    flex-basis: calc(100% / 3);
  }
  .is-grid.col--4, .col--4.footer__content,
  .col--4.footer__colophon {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .is-flex.col--4 > * {
    flex-basis: calc(100% / 4);
  }
}
@media (min-width: 321px) {
  .is-grid.col-xs--1, .col-xs--1.footer__content,
  .col-xs--1.footer__colophon {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .is-flex.col-xs--1 > * {
    flex-basis: calc(100% / 1);
  }
  .is-grid.col-xs--2, .col-xs--2.footer__content,
  .col-xs--2.footer__colophon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .is-flex.col-xs--2 > * {
    flex-basis: calc(100% / 2);
  }
  .is-grid.col-xs--3, .col-xs--3.footer__content,
  .col-xs--3.footer__colophon {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .is-flex.col-xs--3 > * {
    flex-basis: calc(100% / 3);
  }
  .is-grid.col-xs--4, .col-xs--4.footer__content,
  .col-xs--4.footer__colophon {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .is-flex.col-xs--4 > * {
    flex-basis: calc(100% / 4);
  }
  .is-grid.col-xs--fill-min, .col-xs--fill-min.footer__content,
  .col-xs--fill-min.footer__colophon {
    grid-template-columns: minmax(0, 1fr) min-content;
  }
  .is-grid.col-xs--fill-auto, .col-xs--fill-auto.footer__content,
  .col-xs--fill-auto.footer__colophon {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .is-grid.col-xs--min-fill, .col-xs--min-fill.footer__content,
  .col-xs--min-fill.footer__colophon {
    grid-template-columns: min-content minmax(0, 1fr);
  }
  .is-grid.col-xs--auto-fill, .col-xs--auto-fill.footer__content,
  .col-xs--auto-fill.footer__colophon {
    grid-template-columns: auto minmax(0, 1fr);
  }
}
@media (min-width: 481px) {
  .is-grid.col-sm--1, .col-sm--1.footer__content,
  .col-sm--1.footer__colophon {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .is-flex.col-sm--1 > * {
    flex-basis: calc(100% / 1);
  }
  .is-grid.col-sm--2, .col-sm--2.footer__content,
  .col-sm--2.footer__colophon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .is-flex.col-sm--2 > * {
    flex-basis: calc(100% / 2);
  }
  .is-grid.col-sm--3, .col-sm--3.footer__content,
  .col-sm--3.footer__colophon {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .is-flex.col-sm--3 > * {
    flex-basis: calc(100% / 3);
  }
  .is-grid.col-sm--4, .col-sm--4.footer__content,
  .col-sm--4.footer__colophon {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .is-flex.col-sm--4 > * {
    flex-basis: calc(100% / 4);
  }
  .is-grid.col-sm--fill-min, .col-sm--fill-min.footer__content,
  .col-sm--fill-min.footer__colophon {
    grid-template-columns: minmax(0, 1fr) min-content;
  }
  .is-grid.col-sm--fill-auto, .col-sm--fill-auto.footer__content,
  .col-sm--fill-auto.footer__colophon {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .is-grid.col-sm--min-fill, .col-sm--min-fill.footer__content,
  .col-sm--min-fill.footer__colophon {
    grid-template-columns: min-content minmax(0, 1fr);
  }
  .is-grid.col-sm--auto-fill, .col-sm--auto-fill.footer__content,
  .col-sm--auto-fill.footer__colophon {
    grid-template-columns: auto minmax(0, 1fr);
  }
}
@media (min-width: 769px) {
  .is-grid.col-md--1, .col-md--1.footer__content,
  .col-md--1.footer__colophon {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .is-flex.col-md--1 > * {
    flex-basis: calc(100% / 1);
  }
  .is-grid.col-md--2, .col-md--2.footer__content,
  .col-md--2.footer__colophon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .is-flex.col-md--2 > * {
    flex-basis: calc(100% / 2);
  }
  .is-grid.col-md--3, .col-md--3.footer__content,
  .col-md--3.footer__colophon {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .is-flex.col-md--3 > * {
    flex-basis: calc(100% / 3);
  }
  .is-grid.col-md--4, .col-md--4.footer__content,
  .col-md--4.footer__colophon {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .is-flex.col-md--4 > * {
    flex-basis: calc(100% / 4);
  }
  .is-grid.col-md--fill-min, .col-md--fill-min.footer__content,
  .col-md--fill-min.footer__colophon {
    grid-template-columns: minmax(0, 1fr) min-content;
  }
  .is-grid.col-md--fill-auto, .col-md--fill-auto.footer__content,
  .col-md--fill-auto.footer__colophon {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .is-grid.col-md--min-fill, .col-md--min-fill.footer__content,
  .col-md--min-fill.footer__colophon {
    grid-template-columns: min-content minmax(0, 1fr);
  }
  .is-grid.col-md--auto-fill, .col-md--auto-fill.footer__content,
  .col-md--auto-fill.footer__colophon {
    grid-template-columns: auto minmax(0, 1fr);
  }
}
@media (min-width: 1101px) {
  .is-grid.col-lg--1, .col-lg--1.footer__content,
  .col-lg--1.footer__colophon {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .is-flex.col-lg--1 > * {
    flex-basis: calc(100% / 1);
  }
  .is-grid.col-lg--2, .col-lg--2.footer__content,
  .col-lg--2.footer__colophon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .is-flex.col-lg--2 > * {
    flex-basis: calc(100% / 2);
  }
  .is-grid.col-lg--3, .col-lg--3.footer__content,
  .col-lg--3.footer__colophon {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .is-flex.col-lg--3 > * {
    flex-basis: calc(100% / 3);
  }
  .is-grid.col-lg--4, .col-lg--4.footer__content,
  .col-lg--4.footer__colophon {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .is-flex.col-lg--4 > * {
    flex-basis: calc(100% / 4);
  }
  .is-grid.col-lg--fill-min, .col-lg--fill-min.footer__content,
  .col-lg--fill-min.footer__colophon {
    grid-template-columns: minmax(0, 1fr) min-content;
  }
  .is-grid.col-lg--fill-auto, .col-lg--fill-auto.footer__content,
  .col-lg--fill-auto.footer__colophon {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .is-grid.col-lg--min-fill, .col-lg--min-fill.footer__content,
  .col-lg--min-fill.footer__colophon {
    grid-template-columns: min-content minmax(0, 1fr);
  }
  .is-grid.col-lg--auto-fill, .col-lg--auto-fill.footer__content,
  .col-lg--auto-fill.footer__colophon {
    grid-template-columns: auto minmax(0, 1fr);
  }
}
@media (min-width: 1301px) {
  .is-grid.col-xl--1, .col-xl--1.footer__content,
  .col-xl--1.footer__colophon {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .is-flex.col-xl--1 > * {
    flex-basis: calc(100% / 1);
  }
  .is-grid.col-xl--2, .col-xl--2.footer__content,
  .col-xl--2.footer__colophon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .is-flex.col-xl--2 > * {
    flex-basis: calc(100% / 2);
  }
  .is-grid.col-xl--3, .col-xl--3.footer__content,
  .col-xl--3.footer__colophon {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .is-flex.col-xl--3 > * {
    flex-basis: calc(100% / 3);
  }
  .is-grid.col-xl--4, .col-xl--4.footer__content,
  .col-xl--4.footer__colophon {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .is-flex.col-xl--4 > * {
    flex-basis: calc(100% / 4);
  }
  .is-grid.col-xl--fill-min, .col-xl--fill-min.footer__content,
  .col-xl--fill-min.footer__colophon {
    grid-template-columns: minmax(0, 1fr) min-content;
  }
  .is-grid.col-xl--fill-auto, .col-xl--fill-auto.footer__content,
  .col-xl--fill-auto.footer__colophon {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .is-grid.col-xl--min-fill, .col-xl--min-fill.footer__content,
  .col-xl--min-fill.footer__colophon {
    grid-template-columns: min-content minmax(0, 1fr);
  }
  .is-grid.col-xl--auto-fill, .col-xl--auto-fill.footer__content,
  .col-xl--auto-fill.footer__colophon {
    grid-template-columns: auto minmax(0, 1fr);
  }
}
@media (min-width: 1921px) {
  .is-grid.col-xxl--1, .col-xxl--1.footer__content,
  .col-xxl--1.footer__colophon {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .is-flex.col-xxl--1 > * {
    flex-basis: calc(100% / 1);
  }
  .is-grid.col-xxl--2, .col-xxl--2.footer__content,
  .col-xxl--2.footer__colophon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .is-flex.col-xxl--2 > * {
    flex-basis: calc(100% / 2);
  }
  .is-grid.col-xxl--3, .col-xxl--3.footer__content,
  .col-xxl--3.footer__colophon {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .is-flex.col-xxl--3 > * {
    flex-basis: calc(100% / 3);
  }
  .is-grid.col-xxl--4, .col-xxl--4.footer__content,
  .col-xxl--4.footer__colophon {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .is-flex.col-xxl--4 > * {
    flex-basis: calc(100% / 4);
  }
  .is-grid.col-xxl--fill-min, .col-xxl--fill-min.footer__content,
  .col-xxl--fill-min.footer__colophon {
    grid-template-columns: minmax(0, 1fr) min-content;
  }
  .is-grid.col-xxl--fill-auto, .col-xxl--fill-auto.footer__content,
  .col-xxl--fill-auto.footer__colophon {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .is-grid.col-xxl--min-fill, .col-xxl--min-fill.footer__content,
  .col-xxl--min-fill.footer__colophon {
    grid-template-columns: min-content minmax(0, 1fr);
  }
  .is-grid.col-xxl--auto-fill, .col-xxl--auto-fill.footer__content,
  .col-xxl--auto-fill.footer__colophon {
    grid-template-columns: auto minmax(0, 1fr);
  }
}
[data-editor] {
  box-sizing: border-box;
  line-height: calc(4px + 1em + 4px);
  margin-bottom: calc(14px * -1);
  margin-bottom: calc(var(--size-body) * -1);
}
[data-editor] * {
  box-sizing: inherit;
  line-height: calc(4px + 1em + 4px);
}
[data-editor] > :first-child {
  margin-top: 0;
}
[data-editor] > * {
  margin-bottom: 14px;
  margin-bottom: var(--size-body);
}
[data-editor] h2 {
  margin-bottom: 1.5rem;
}
[data-editor] p {
  margin-bottom: 1rem;
}

[data-editor] blockquote {
  border-left: 0.125rem solid #cf8455;
  border-left: 0.125rem solid var(--color-terracotta);
  margin: 3em 0;
  padding: 0 0 0 1em;
}
[data-editor] blockquote p {
  font-size: 20px;
  font-size: var(--size-quote);
  font-weight: 420;
  line-height: 1.4;
  margin: 0;
}
[data-editor] blockquote em {
  font-family: Season Sans, serif;
  font-size: 14px;
  font-size: var(--size-body);
  font-style: normal;
  font-weight: 400;
}
[data-editor] blockquote em::before {
  content: "— ";
}

[data-editor] em {
  font-size: 24px;
  font-size: var(--size-heading);
  font-style: normal;
  font-weight: 500;
}

[data-editor] ul,
[data-editor] ol {
  padding-left: 1.75rem;
}
[data-editor] ul li,
[data-editor] ol li {
  margin-bottom: 0.5em;
}
[data-editor] ul li:last-child,
[data-editor] ol li:last-child {
  margin-bottom: 0;
}
[data-editor] ul li:first-child,
[data-editor] ol li:first-child {
  margin-top: 0.5em;
}

.wp-caption {
  max-width: 100%;
  padding: 0;
}
.wp-caption img {
  display: block;
  margin: 0;
  max-width: 100%;
}
.wp-caption a, .wp-caption .button, .wp-caption popover-root-menu label, popover-root-menu .wp-caption label {
  display: block;
  width: 100%;
}

.wp-caption-text {
  display: block;
  font-size: 12px;
  font-size: var(--size-body-sm);
  font-style: italic;
  margin: 0;
  opacity: 0.75;
  padding: 0.5rem 0 0;
  text-align: inherit;
}
.wp-caption-text a, .wp-caption-text .button, .wp-caption-text popover-root-menu label, popover-root-menu .wp-caption-text label {
  display: inline-block;
  width: auto;
  width: initial;
}

@font-face {
  font-display: swap;
  font-family: "Season Mix";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/SeasonMix-Regular.woff2") format("woff2"), url("fonts/SeasonMix-Regular.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Season Sans";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/SeasonSans-Regular.woff2") format("woff2"), url("fonts/SeasonSans-Regular.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Season Sans";
  font-style: normal;
  font-weight: 550;
  src: url("fonts/SeasonSans-Medium.woff2") format("woff2"), url("fonts/SeasonSans-Medium.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Season Sans";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/SeasonSans-Bold.woff2") format("woff2"), url("fonts/SeasonSans-Bold.woff") format("woff");
}
.gap-x--heading-xxl {
  column-gap: 56px;
  column-gap: var(--size-heading-xxl);
}
.gap-y--heading-xxl {
  row-gap: 56px;
  row-gap: var(--size-heading-xxl);
}
.gap--heading-xxl {
  gap: 56px;
  gap: var(--size-heading-xxl);
}
.gap-x--heading-xl {
  column-gap: 36px;
  column-gap: var(--size-heading-xl);
}
.gap-y--heading-xl {
  row-gap: 36px;
  row-gap: var(--size-heading-xl);
}
.gap--heading-xl {
  gap: 36px;
  gap: var(--size-heading-xl);
}
.gap-x--heading-lg {
  column-gap: 30px;
  column-gap: var(--size-heading-lg);
}
.gap-y--heading-lg {
  row-gap: 30px;
  row-gap: var(--size-heading-lg);
}
.gap--heading-lg {
  gap: 30px;
  gap: var(--size-heading-lg);
}
.gap-x--heading {
  column-gap: 24px;
  column-gap: var(--size-heading);
}
.gap-y--heading {
  row-gap: 24px;
  row-gap: var(--size-heading);
}
.gap--heading {
  gap: 24px;
  gap: var(--size-heading);
}
.gap-x--subheading-lg {
  column-gap: 24px;
  column-gap: var(--size-subheading-lg);
}
.gap-y--subheading-lg {
  row-gap: 24px;
  row-gap: var(--size-subheading-lg);
}
.gap--subheading-lg {
  gap: 24px;
  gap: var(--size-subheading-lg);
}
.gap-x--subheading {
  column-gap: 20px;
  column-gap: var(--size-subheading);
}
.gap-y--subheading {
  row-gap: 20px;
  row-gap: var(--size-subheading);
}
.gap--subheading {
  gap: 20px;
  gap: var(--size-subheading);
}
.gap-x--subheading-sm {
  column-gap: 14px;
  column-gap: var(--size-subheading-sm);
}
.gap-y--subheading-sm {
  row-gap: 14px;
  row-gap: var(--size-subheading-sm);
}
.gap--subheading-sm {
  gap: 14px;
  gap: var(--size-subheading-sm);
}
.gap-x--body-xl {
  column-gap: 18px;
  column-gap: var(--size-body-xl);
}
.gap-y--body-xl {
  row-gap: 18px;
  row-gap: var(--size-body-xl);
}
.gap--body-xl {
  gap: 18px;
  gap: var(--size-body-xl);
}
.gap-x--body-lg {
  column-gap: 16px;
  column-gap: var(--size-body-lg);
}
.gap-y--body-lg {
  row-gap: 16px;
  row-gap: var(--size-body-lg);
}
.gap--body-lg {
  gap: 16px;
  gap: var(--size-body-lg);
}
.gap-x--body {
  column-gap: 14px;
  column-gap: var(--size-body);
}
.gap-y--body {
  row-gap: 14px;
  row-gap: var(--size-body);
}
.gap--body {
  gap: 14px;
  gap: var(--size-body);
}
.gap-x--body-sm {
  column-gap: 12px;
  column-gap: var(--size-body-sm);
}
.gap-y--body-sm {
  row-gap: 12px;
  row-gap: var(--size-body-sm);
}
.gap--body-sm {
  gap: 12px;
  gap: var(--size-body-sm);
}
.gap-x--deco-lg {
  column-gap: 32px;
  column-gap: var(--size-deco-lg);
}
.gap-y--deco-lg {
  row-gap: 32px;
  row-gap: var(--size-deco-lg);
}
.gap--deco-lg {
  gap: 32px;
  gap: var(--size-deco-lg);
}
.gap-x--deco {
  column-gap: 32px;
  column-gap: var(--size-deco);
}
.gap-y--deco {
  row-gap: 32px;
  row-gap: var(--size-deco);
}
.gap--deco {
  gap: 32px;
  gap: var(--size-deco);
}
.gap-x--button-lg {
  column-gap: 20px;
  column-gap: var(--size-button-lg);
}
.gap-y--button-lg {
  row-gap: 20px;
  row-gap: var(--size-button-lg);
}
.gap--button-lg {
  gap: 20px;
  gap: var(--size-button-lg);
}
.gap-x--button {
  column-gap: 16px;
  column-gap: var(--size-button);
}
.gap-y--button {
  row-gap: 16px;
  row-gap: var(--size-button);
}
.gap--button {
  gap: 16px;
  gap: var(--size-button);
}
.gap-x--quote {
  column-gap: 20px;
  column-gap: var(--size-quote);
}
.gap-y--quote {
  row-gap: 20px;
  row-gap: var(--size-quote);
}
.gap--quote {
  gap: 20px;
  gap: var(--size-quote);
}

.size--heading-xxl {
  font-size: 56px;
  font-size: var(--size-heading-xxl);
}
.size--heading-xl {
  font-size: 36px;
  font-size: var(--size-heading-xl);
}
.size--heading-lg {
  font-size: 30px;
  font-size: var(--size-heading-lg);
}
.size--heading {
  font-size: 24px;
  font-size: var(--size-heading);
}
.size--subheading-lg {
  font-size: 24px;
  font-size: var(--size-subheading-lg);
}
.size--subheading {
  font-size: 20px;
  font-size: var(--size-subheading);
}
.size--subheading-sm {
  font-size: 14px;
  font-size: var(--size-subheading-sm);
}
.size--body-xl {
  font-size: 18px;
  font-size: var(--size-body-xl);
}
.size--body-lg {
  font-size: 16px;
  font-size: var(--size-body-lg);
}
.size--body {
  font-size: 14px;
  font-size: var(--size-body);
}
.size--body-sm {
  font-size: 12px;
  font-size: var(--size-body-sm);
}
.size--deco-lg {
  font-size: 32px;
  font-size: var(--size-deco-lg);
}
.size--deco {
  font-size: 32px;
  font-size: var(--size-deco);
}
.size--button-lg {
  font-size: 20px;
  font-size: var(--size-button-lg);
}
.size--button {
  font-size: 16px;
  font-size: var(--size-button);
}
.size--quote {
  font-size: 20px;
  font-size: var(--size-quote);
}

.style--heading, .footer__title, .animation--titles, .flyout__menu a, .flyout__menu .button, .flyout__menu popover-root-menu label, popover-root-menu .flyout__menu label, .hero__impact .hero__title, .section--abbott .paragraph h2, body.single-impact-area .section.section--pollock .paragraph p > strong:only-child, h3,
.h3, h2,
.h2, h1,
.h1 {
  font-family: Season Mix, serif;
  font-feature-settings: initial;
  font-variant-caps: initial;
  font-weight: 420;
  letter-spacing: -0.015em;
  text-transform: none;
  text-transform: initial;
}
.style--subheading, .highlighted-title, .link, .post--loop[data-post-has-link] .post__subtitle, .flyout__menu .menu__children--wrapper .button, .flyout__menu .menu__children--wrapper popover-root-menu label, popover-root-menu .flyout__menu .menu__children--wrapper label,
.flyout__menu .menu__children--wrapper .link, .hero__subtitle, .introduction__columns p, .section--monet h3, .section--monet .paragraph, .section--picasso .case-study .content h4, .section--pollock[data-style=default].section--career .paragraph, .section--pollock[data-style=default].section--career .paragraph > p > a, .section--pollock[data-style=default].section--career .paragraph > p > .button, .section--pollock[data-style=default].section--career popover-root-menu .paragraph > p > label, popover-root-menu .section--pollock[data-style=default].section--career .paragraph > p > label, .section--vangogh .posts .case-study h3, .section--archive .pagination, .section--single-metadata .section__title, body.single-project .section--warhol .section__title, body.single-project .section--abbott .section__title, body.single-impact-area .section.section__impact-introduction .section__wrapper > div .content p, body.single-impact-area .section.section--pollock .paragraph a, body.single-impact-area .section.section--pollock .paragraph .button, body.single-impact-area .section.section--pollock .paragraph popover-root-menu label, popover-root-menu body.single-impact-area .section.section--pollock .paragraph label, h4,
.h4 {
  font-family: Season Sans, serif;
  font-feature-settings: initial;
  font-variant-caps: initial;
  font-weight: 550;
  letter-spacing: -0.015em;
  text-transform: none;
  text-transform: initial;
}
.style--subheading-detail, .subtitle--highlighted {
  font-family: Season Sans, serif;
  font-feature-settings: initial;
  font-variant-caps: initial;
  font-weight: 750;
  letter-spacing: 0.42px;
  text-transform: uppercase;
}
.style--body-detail {
  font-family: Season Sans, serif;
  font-feature-settings: initial;
  font-variant-caps: initial;
  font-weight: 750;
  letter-spacing: normal;
  letter-spacing: initial;
  text-transform: capitalize;
}
.style--quote, .section--insight-content blockquote {
  font-family: Season Mix, serif;
  font-feature-settings: initial;
  font-variant-caps: initial;
  font-weight: 500;
  letter-spacing: normal;
  letter-spacing: initial;
  text-transform: none;
  text-transform: initial;
}
.style--body, .footer__content a, .footer__content .button, .footer__content p, .footer__content popover-root-menu label, popover-root-menu .footer__content label, .post--loop .post__subtitle, .flyout__menu .menu__children--back span, .section--about-staff .post__title, .section--post-archive .post__title, body.single-impact-area .section.section--pollock .paragraph {
  font-family: Season Sans, serif;
  font-feature-settings: initial;
  font-variant-caps: initial;
  font-weight: 400;
  letter-spacing: normal;
  letter-spacing: initial;
  text-transform: none;
  text-transform: initial;
}

h1,
.h1 {
  font-size: 36px;
  font-size: var(--size-heading-xl);
  line-height: 1;
}

h2,
.h2 {
  font-size: 30px;
  font-size: var(--size-heading-lg);
  line-height: 1.1;
}

h3,
.h3 {
  font-size: 24px;
  font-size: var(--size-heading);
  line-height: 1.1;
}

h4,
.h4 {
  font-size: 20px;
  font-size: var(--size-subheading);
  line-height: 1.3;
}

*.alignright:not(.does-not-exist):not(does-not-exist) {
  float: right;
  margin: 0.25rem 0 1.25rem 1.25rem;
  text-align: right;
}

.button img.alignright {
  float: right;
  margin: 0.25rem 0 1.25rem 1.25rem;
  text-align: right;
}

popover-root-menu label img:not(.does-not-exist).alignright {
  float: right;
  margin: 0.25rem 0 1.25rem 1.25rem;
  text-align: right;
}

*.alignleft:not(.does-not-exist):not(does-not-exist) {
  float: left;
  margin: 0.25rem 1.25rem 1.25rem 0;
  text-align: left;
}

.button img.alignleft {
  float: left;
  margin: 0.25rem 1.25rem 1.25rem 0;
  text-align: left;
}

popover-root-menu label img:not(.does-not-exist).alignleft {
  float: left;
  margin: 0.25rem 1.25rem 1.25rem 0;
  text-align: left;
}

*.aligncenter:not(.does-not-exist):not(does-not-exist) {
  display: block;
  margin: 2.5rem auto;
  text-align: center;
}

.button img.aligncenter {
  display: block;
  margin: 2.5rem auto;
  text-align: center;
}

popover-root-menu label img:not(.does-not-exist).aligncenter {
  display: block;
  margin: 2.5rem auto;
  text-align: center;
}

*.alignnone:not(.does-not-exist):not(does-not-exist) {
  margin: 2.5rem auto;
  text-align: left;
  width: 100%;
}

.button img.alignnone {
  margin: 2.5rem auto;
  text-align: left;
  width: 100%;
}

popover-root-menu label img:not(.does-not-exist).alignnone {
  margin: 2.5rem auto;
  text-align: left;
  width: 100%;
}
*.alignnone:not(.does-not-exist):not(does-not-exist) img {
  width: inherit;
}
.alignnone:is(.button img) img {
  width: inherit;
}
.alignnone:is(popover-root-menu label img:not(.does-not-exist)) img {
  width: inherit;
}

.screen-reader-text {
  position: absolute !important;
}

.screen-reader-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
}

[data-targets="entry-animate.animationTargets"] {
  opacity: 0;
}

[data-has-entered=false] [data-targets="entry-animate.animationTargets"] {
  opacity: 0;
}

:root {
  /* stylelint-disable-next-line order/order */
  --size-heading-xxl: 56px;
  /* stylelint-disable-next-line order/order */
  --size-heading-xl: 36px;
  /* stylelint-disable-next-line order/order */
  --size-heading-lg: 30px;
  /* stylelint-disable-next-line order/order */
  --size-heading: 24px;
  /* stylelint-disable-next-line order/order */
  --size-subheading-lg: 24px;
  /* stylelint-disable-next-line order/order */
  --size-subheading: 20px;
  /* stylelint-disable-next-line order/order */
  --size-subheading-sm: 14px;
  /* stylelint-disable-next-line order/order */
  --size-body-xl: 18px;
  /* stylelint-disable-next-line order/order */
  --size-body-lg: 16px;
  /* stylelint-disable-next-line order/order */
  --size-body: 14px;
  /* stylelint-disable-next-line order/order */
  --size-body-sm: 12px;
  /* stylelint-disable-next-line order/order */
  --size-deco-lg: 32px;
  /* stylelint-disable-next-line order/order */
  --size-deco: 32px;
  /* stylelint-disable-next-line order/order */
  --size-button-lg: 20px;
  /* stylelint-disable-next-line order/order */
  --size-button: 16px;
  /* stylelint-disable-next-line order/order */
  --size-quote: 20px;
}
@media screen and (min-width: 320px) {
  :root {
    --size-heading-xxl: calc(40vw - 72px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-heading-xxl: calc(4.8780487805vw + 96.5853658537px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-heading-xxl: 160px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-heading-xl: calc(1.25vw + 32px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-heading-xl: calc(4.8780487805vw + 14.5853658537px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-heading-xl: 78px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-heading-lg: calc(3.75vw + 18px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-heading-lg: calc(2.9268292683vw + 21.9512195122px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-heading-lg: 60px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-heading: calc(3.75vw + 12px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-heading: calc(2.1951219512vw + 19.4634146341px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-heading: 48px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-subheading-lg: calc(2.5vw + 16px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-subheading-lg: calc(2.1951219512vw + 17.4634146341px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-subheading-lg: 46px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-subheading: calc(2.5vw + 12px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-subheading: calc(0.243902439vw + 22.8292682927px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-subheading: 26px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-subheading-sm: calc(0vw + 14px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-subheading-sm: calc(0vw + 14px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-subheading-sm: 14px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-body-xl: calc(1.25vw + 14px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-body-xl: calc(0vw + 20px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-body-xl: 20px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-body-lg: calc(1.25vw + 12px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-body-lg: calc(0vw + 18px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-body-lg: 18px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-body: calc(2.5vw + 6px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-body: calc(0vw + 18px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-body: 18px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-body-sm: calc(1.25vw + 8px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-body-sm: calc(0vw + 14px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-body-sm: 14px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-deco-lg: calc(12.5vw - 8px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-deco-lg: calc(5.3658536585vw + 26.243902439px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-deco-lg: 96px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-deco: calc(5vw + 16px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-deco: calc(2.4390243902vw + 28.2926829268px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-deco: 60px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-button-lg: calc(2.5vw + 12px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-button-lg: calc(0.7317073171vw + 20.487804878px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-button-lg: 30px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-button: calc(1.25vw + 12px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-button: calc(0vw + 18px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-button: 18px;
  }
}
@media screen and (min-width: 320px) {
  :root {
    --size-quote: calc(2.5vw + 12px);
  }
}
@media screen and (min-width: 480px) {
  :root {
    --size-quote: calc(0.7317073171vw + 20.487804878px);
  }
}
@media screen and (min-width: 1300px) {
  :root {
    --size-quote: 30px;
  }
}

:root {
  --color-black-shade: #030506;
  --color-black-darker: #0c1216;
  --color-black: hsl(206, 30%, 9%);
  --color-black-lighter: #395469;
  --color-black-tint: #c3d2df;
  --color-black-translucent: rgba(57, 84, 105, 0.4);
  --color-blue-shade: #040708;
  --color-blue-darker: #0f191f;
  --color-blue: #142129;
  --color-blue-lighter: #395e74;
  --color-blue-tint: #c3d6e2;
  --color-blue-translucent: rgba(57, 94, 116, 0.4);
  --color-blue-secondary-shade: #212a32;
  --color-blue-secondary-darker: #869db0;
  --color-blue-secondary: #c5d0d9;
  --color-blue-secondary-lighter: #d4dce3;
  --color-blue-secondary-tint: #f3f6f7;
  --color-blue-secondary-translucent: rgba(212, 220, 227, 0.4);
  --color-canary-shade: #453303;
  --color-canary-darker: #f5ba16;
  --color-canary: hsl(44, 92%, 70%);
  --color-canary-lighter: #fade91;
  --color-canary-tint: #fef6e2;
  --color-canary-translucent: rgba(250, 222, 145, 0.4);
  --color-grey-shade: #1e2021;
  --color-grey-darker: #71797c;
  --color-grey: #9AA0A3;
  --color-grey-lighter: #b3b8ba;
  --color-grey-tint: #ebeced;
  --color-grey-translucent: rgba(179, 184, 186, 0.4);
  --color-grey-secondary-shade: #302d22;
  --color-grey-secondary-darker: #aca488;
  --color-grey-secondary: #d6d2c4;
  --color-grey-secondary-lighter: #e0ddd3;
  --color-grey-secondary-tint: #f7f6f3;
  --color-grey-secondary-translucent: rgba(224, 221, 211, 0.4);
  --color-green-shade: #2c2e1f;
  --color-green-darker: #9fa57c;
  --color-green: #c9ccb5;
  --color-green-lighter: #d7d9c8;
  --color-green-tint: #f4f5f0;
  --color-green-translucent: rgba(215, 217, 200, 0.4);
  --color-gold-shade: #332810;
  --color-gold-darker: #be963a;
  --color-gold: #d5b876;
  --color-gold-lighter: #e0ca98;
  --color-gold-tint: #f7f1e4;
  --color-gold-translucent: rgba(224, 202, 152, 0.4);
  --color-paper-shade: #3a3426;
  --color-paper-darker: #c3baa3;
  --color-paper: #f2f0eb;
  --color-paper-lighter: #f5f4f0;
  --color-paper-tint: #fcfcfb;
  --color-paper-translucent: rgba(245, 244, 240, 0.4);
  --color-sage-shade: #112d23;
  --color-sage-darker: #3faa83;
  --color-sage: hsl(158, 46%, 61%);
  --color-sage-lighter: #92d7be;
  --color-sage-tint: #e2f4ee;
  --color-sage-translucent: rgba(146, 215, 190, 0.4);
  --color-sky-shade: #092a40;
  --color-sky-darker: #329be2;
  --color-sky: hsl(204, 75%, 72%);
  --color-sky-lighter: #a1d1f2;
  --color-sky-tint: #e6f3fb;
  --color-sky-translucent: rgba(161, 209, 242, 0.4);
  --color-terracotta-shade: #2e190d;
  --color-terracotta-darker: #ab5f30;
  --color-terracotta: #cf8455;
  --color-terracotta-lighter: #dba380;
  --color-terracotta-tint: #f5e6dd;
  --color-terracotta-translucent: rgba(219, 163, 128, 0.4);
  --color-toffee-shade: #3e260f;
  --color-toffee-darker: #d38f4b;
  --color-toffee: hsl(30, 61%, 75%);
  --color-toffee-lighter: #eccfb2;
  --color-toffee-tint: #faf2ea;
  --color-toffee-translucent: rgba(236, 207, 178, 0.4);
  --color-white-shade: #333333;
  --color-white-darker: #bfbfbf;
  --color-white: #ffffff;
  --color-white-lighter: white;
  --color-white-tint: white;
  --color-white-translucent: rgba(255, 255, 255, 0.4);
  --color-yellow-shade: #454500;
  --color-yellow-darker: #ffff05;
  --color-yellow: #ffff5c;
  --color-yellow-lighter: #ffff85;
  --color-yellow-tint: #ffffde;
  --color-yellow-translucent: rgba(255, 255, 133, 0.4);
  --color-yellow-secondary-shade: #463d11;
  --color-yellow-secondary-darker: #dac96c;
  --color-yellow-secondary: #f0e9c3;
  --color-yellow-secondary-lighter: #f4efd2;
  --color-yellow-secondary-tint: #fcfbf3;
  --color-yellow-secondary-translucent: rgba(244, 239, 210, 0.4);
  --color-black-lighter: rgba(16, 24, 30, 0.5);
  --color-black-translucent: rgba(57, 84, 105, 0.2);
}

.color--black,
[data-color=black] {
  --color-shade: var(--color-black-shade);
  --color-darker: var(--color-black-darker);
  --color: var(--color-black);
  --color-lighter: var(--color-black-lighter);
  --color-tint: var(--color-black-tint);
  --color-translucent: var(--color-black-translucent);
}

.color--blue,
[data-color=blue] {
  --color-shade: var(--color-blue-shade);
  --color-darker: var(--color-blue-darker);
  --color: var(--color-blue);
  --color-lighter: var(--color-blue-lighter);
  --color-tint: var(--color-blue-tint);
  --color-translucent: var(--color-blue-translucent);
}

.color--blue-secondary,
[data-color=blue-secondary] {
  --color-shade: var(--color-blue-secondary-shade);
  --color-darker: var(--color-blue-secondary-darker);
  --color: var(--color-blue-secondary);
  --color-lighter: var(--color-blue-secondary-lighter);
  --color-tint: var(--color-blue-secondary-tint);
  --color-translucent: var(--color-blue-secondary-translucent);
}

.color--canary,
[data-color=canary] {
  --color-shade: var(--color-canary-shade);
  --color-darker: var(--color-canary-darker);
  --color: var(--color-canary);
  --color-lighter: var(--color-canary-lighter);
  --color-tint: var(--color-canary-tint);
  --color-translucent: var(--color-canary-translucent);
}

.color--grey,
[data-color=grey] {
  --color-shade: var(--color-grey-shade);
  --color-darker: var(--color-grey-darker);
  --color: var(--color-grey);
  --color-lighter: var(--color-grey-lighter);
  --color-tint: var(--color-grey-tint);
  --color-translucent: var(--color-grey-translucent);
}

.color--grey-secondary,
[data-color=grey-secondary] {
  --color-shade: var(--color-grey-secondary-shade);
  --color-darker: var(--color-grey-secondary-darker);
  --color: var(--color-grey-secondary);
  --color-lighter: var(--color-grey-secondary-lighter);
  --color-tint: var(--color-grey-secondary-tint);
  --color-translucent: var(--color-grey-secondary-translucent);
}

.color--green,
[data-color=green] {
  --color-shade: var(--color-green-shade);
  --color-darker: var(--color-green-darker);
  --color: var(--color-green);
  --color-lighter: var(--color-green-lighter);
  --color-tint: var(--color-green-tint);
  --color-translucent: var(--color-green-translucent);
}

.color--gold,
[data-color=gold] {
  --color-shade: var(--color-gold-shade);
  --color-darker: var(--color-gold-darker);
  --color: var(--color-gold);
  --color-lighter: var(--color-gold-lighter);
  --color-tint: var(--color-gold-tint);
  --color-translucent: var(--color-gold-translucent);
}

.color--paper,
[data-color=paper] {
  --color-shade: var(--color-paper-shade);
  --color-darker: var(--color-paper-darker);
  --color: var(--color-paper);
  --color-lighter: var(--color-paper-lighter);
  --color-tint: var(--color-paper-tint);
  --color-translucent: var(--color-paper-translucent);
}

.color--sage,
[data-color=sage] {
  --color-shade: var(--color-sage-shade);
  --color-darker: var(--color-sage-darker);
  --color: var(--color-sage);
  --color-lighter: var(--color-sage-lighter);
  --color-tint: var(--color-sage-tint);
  --color-translucent: var(--color-sage-translucent);
}

.color--sky,
[data-color=sky] {
  --color-shade: var(--color-sky-shade);
  --color-darker: var(--color-sky-darker);
  --color: var(--color-sky);
  --color-lighter: var(--color-sky-lighter);
  --color-tint: var(--color-sky-tint);
  --color-translucent: var(--color-sky-translucent);
}

.color--terracotta,
[data-color=terracotta] {
  --color-shade: var(--color-terracotta-shade);
  --color-darker: var(--color-terracotta-darker);
  --color: var(--color-terracotta);
  --color-lighter: var(--color-terracotta-lighter);
  --color-tint: var(--color-terracotta-tint);
  --color-translucent: var(--color-terracotta-translucent);
}

.color--toffee,
[data-color=toffee] {
  --color-shade: var(--color-toffee-shade);
  --color-darker: var(--color-toffee-darker);
  --color: var(--color-toffee);
  --color-lighter: var(--color-toffee-lighter);
  --color-tint: var(--color-toffee-tint);
  --color-translucent: var(--color-toffee-translucent);
}

.color--white,
[data-color=white] {
  --color-shade: var(--color-white-shade);
  --color-darker: var(--color-white-darker);
  --color: var(--color-white);
  --color-lighter: var(--color-white-lighter);
  --color-tint: var(--color-white-tint);
  --color-translucent: var(--color-white-translucent);
}

.color--yellow,
[data-color=yellow] {
  --color-shade: var(--color-yellow-shade);
  --color-darker: var(--color-yellow-darker);
  --color: var(--color-yellow);
  --color-lighter: var(--color-yellow-lighter);
  --color-tint: var(--color-yellow-tint);
  --color-translucent: var(--color-yellow-translucent);
}

.color--yellow-secondary,
[data-color=yellow-secondary] {
  --color-shade: var(--color-yellow-secondary-shade);
  --color-darker: var(--color-yellow-secondary-darker);
  --color: var(--color-yellow-secondary);
  --color-lighter: var(--color-yellow-secondary-lighter);
  --color-tint: var(--color-yellow-secondary-tint);
  --color-translucent: var(--color-yellow-secondary-translucent);
}

:root {
  --safe-left: env(safe-area-inset-left);
  --safe-right: env(safe-area-inset-right);
  --content-width: 1536px;
  --header-height: 6em;
  --header-height: max(3.5em, min(var(--size-deco-lg), 4.5em));
  --section-padding-x: max(
    calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) + 1rem),
    min(5vw, var(--size-deco-lg))
  );
  --section-padding-x: var(--size-deco-lg);
  --section-padding-y: max(60px, min(calc(4vw + 40px), 120px));
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  font-size: 14px;
  font-size: var(--size-body);
  min-height: 100vh;
  min-height: -webkit-fill-available;
  min-height: fill-available;
}

html {
  height: -webkit-fill-available;
  height: fill-available;
}

@supports (scroll-behavior: smooth) {
  html {
    scroll-behavior: smooth;
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
  }
}

html {
  color: hsl(206, 30%, 9%);
  color: var(--color-black);
}

body {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: initial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  flex-direction: column;
  font-family: Season Sans, serif;
  position: relative;
  z-index: 5;
}
body[data-flyout-active=true] {
  overflow: hidden;
}

::selection {
  background: initial;
  background: var(--color-lighter, initial);
}
body[data-footer-active=true] .page__header ::selection {
  background: initial;
  background: var(--color-darker, initial);
  color: #f2f0eb;
  color: var(--color-paper);
}
body[data-flyout-active=true] .page__header ::selection {
  background: initial;
  background: var(--color-darker, initial);
  color: #f2f0eb;
  color: var(--color-paper);
}
[data-style=dark] ::selection, .flyout ::selection {
  background: initial;
  background: var(--color-darker, initial);
  color: #f2f0eb;
  color: var(--color-paper);
}

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

ion-icon {
  vertical-align: middle;
}

pre {
  word-wrap: break-word;
}

pre {
  font-family: ui-monospace, monospace;
}

var {
  font-family: ui-monospace, monospace;
}

code {
  font-family: ui-monospace, monospace;
}

samp {
  font-family: ui-monospace, monospace;
}

kbd {
  font-family: ui-monospace, monospace;
}

address {
  font-style: normal;
}

strong,
b {
  font-weight: 500;
}

p {
  margin: 0;
}

ul {
  padding: 0;
}

a, .button, popover-root-menu label {
  color: inherit;
  font-weight: 500;
  padding: 4px;
  text-decoration-color: hsl(206, 30%, 9%);
  text-decoration-color: var(--color-black);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25rem;
  transition: color 150ms ease, text-decoration-color 150ms ease;
  width: -moz-fit-content;
  width: fit-content;
}
body[data-footer-active=true] .page__header a {
  text-decoration-color: rgba(245, 244, 240, 0.4);
  text-decoration-color: var(--color-paper-translucent);
}
body[data-flyout-active=true] .page__header a {
  text-decoration-color: rgba(245, 244, 240, 0.4);
  text-decoration-color: var(--color-paper-translucent);
}
body[data-footer-active=true] .page__header .button {
  text-decoration-color: rgba(245, 244, 240, 0.4);
  text-decoration-color: var(--color-paper-translucent);
}
body[data-flyout-active=true] .page__header .button {
  text-decoration-color: rgba(245, 244, 240, 0.4);
  text-decoration-color: var(--color-paper-translucent);
}
body[data-footer-active=true] .page__header popover-root-menu label {
  text-decoration-color: rgba(245, 244, 240, 0.4);
  text-decoration-color: var(--color-paper-translucent);
}
body[data-flyout-active=true] .page__header popover-root-menu label {
  text-decoration-color: rgba(245, 244, 240, 0.4);
  text-decoration-color: var(--color-paper-translucent);
}
popover-root-menu body[data-footer-active=true] .page__header label {
  text-decoration-color: rgba(245, 244, 240, 0.4);
  text-decoration-color: var(--color-paper-translucent);
}
popover-root-menu body[data-flyout-active=true] .page__header label {
  text-decoration-color: rgba(245, 244, 240, 0.4);
  text-decoration-color: var(--color-paper-translucent);
}
[data-style=dark] a, .flyout a, [data-style=dark] .button, .flyout .button, [data-style=dark] popover-root-menu label, .flyout popover-root-menu label, popover-root-menu [data-style=dark] label, popover-root-menu .flyout label {
  text-decoration-color: rgba(245, 244, 240, 0.4);
  text-decoration-color: var(--color-paper-translucent);
}
[data-style=tinted] a, [data-style=tinted] .button, [data-style=tinted] popover-root-menu label, popover-root-menu [data-style=tinted] label, [data-style=tinted] a {
  text-decoration-color: rgba(57, 84, 105, 0.2);
  text-decoration-color: var(--color-black-translucent);
}
body[data-footer-active=true] .page__header a:hover {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
body[data-flyout-active=true] .page__header a:hover {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
body[data-footer-active=true] .page__header .button:hover {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
body[data-flyout-active=true] .page__header .button:hover {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
body[data-footer-active=true] .page__header popover-root-menu label:hover {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
body[data-flyout-active=true] .page__header popover-root-menu label:hover {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
popover-root-menu body[data-footer-active=true] .page__header label:hover {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
popover-root-menu body[data-flyout-active=true] .page__header label:hover {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
body[data-footer-active=true] .page__header a:focus {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
body[data-flyout-active=true] .page__header a:focus {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
body[data-footer-active=true] .page__header .button:focus {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
body[data-flyout-active=true] .page__header .button:focus {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
body[data-footer-active=true] .page__header popover-root-menu label:focus {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
body[data-flyout-active=true] .page__header popover-root-menu label:focus {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
popover-root-menu body[data-footer-active=true] .page__header label:focus {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
popover-root-menu body[data-flyout-active=true] .page__header label:focus {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
[data-style=dark] a:hover, .flyout a:hover, [data-style=dark] .button:hover, .flyout .button:hover, [data-style=dark] popover-root-menu label:hover, .flyout popover-root-menu label:hover, popover-root-menu [data-style=dark] label:hover, popover-root-menu .flyout label:hover, [data-style=dark] a:focus, .flyout a:focus, [data-style=dark] .button:focus, .flyout .button:focus, [data-style=dark] popover-root-menu label:focus, .flyout popover-root-menu label:focus, popover-root-menu [data-style=dark] label:focus, popover-root-menu .flyout label:focus {
  color: var(--color-cream-darker);
  text-decoration-color: currentColor;
  text-decoration-color: var(--color, currentColor);
}
[data-style=tinted] a:hover, [data-style=tinted] .button:hover, [data-style=tinted] popover-root-menu label:hover, popover-root-menu [data-style=tinted] label:hover, [data-style=tinted] a:focus, [data-style=tinted] .button:focus, [data-style=tinted] popover-root-menu label:focus, popover-root-menu [data-style=tinted] label:focus {
  color: rgba(16, 24, 30, 0.5);
  color: var(--color-black-lighter);
  text-decoration-color: hsl(206, 30%, 9%);
  text-decoration-color: var(--color-black, currentColor);
}
a[disabled], [disabled].button, popover-root-menu label[disabled] {
  color: inherit;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration-color: rgba(57, 84, 105, 0.2);
  text-decoration-color: var(--color-black-translucent, currentColor);
}

button,
[role=button] {
  cursor: pointer;
}

main {
  background-color: var(--color);
  flex: 1;
  position: relative;
}

[data-width-content] {
  margin: auto;
  max-width: 1536px;
  max-width: var(--content-width);
  width: 100%;
}

[data-width-narrow] {
  margin: auto;
  max-width: calc(1536px * 0.55);
  max-width: calc(var(--content-width) * 0.55);
  width: 100%;
}

[data-screen-reader] {
  position: absolute !important;
}

[data-screen-reader] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
}

[data-style=tinted] {
  background-color: var(--color);
  color: hsl(206, 30%, 9%);
  color: var(--color-black);
}

[data-style=paper] {
  background-color: #f2f0eb;
  background-color: var(--color-paper);
}

[data-style=light] {
  background-color: #ffffff;
  background-color: var(--color-white);
}

body[data-footer-active=true] .page__header {
  background-color: #142129;
  background-color: var(--color-blue);
  color: #f2f0eb;
  color: var(--color-paper);
}

body[data-flyout-active=true] .page__header {
  background-color: #142129;
  background-color: var(--color-blue);
  color: #f2f0eb;
  color: var(--color-paper);
}

[data-style=dark], .flyout {
  background-color: #142129;
  background-color: var(--color-blue);
  color: #f2f0eb;
  color: var(--color-paper);
}

.wrapper--x, .wrapper {
  padding-left: 32px;
  padding-left: var(--section-padding-x);
  padding-right: 32px;
  padding-right: var(--section-padding-x);
}

.wrapper--y, .wrapper {
  padding-bottom: max(60px, min(calc(4vw + 40px), 120px));
  padding-bottom: var(--section-padding-y);
  padding-top: max(60px, min(calc(4vw + 40px), 120px));
  padding-top: var(--section-padding-y);
}
main section:last-child .wrapper--y, main section:last-child .wrapper {
  padding-bottom: calc(max(60px, min(calc(4vw + 40px), 120px)) * 1.25);
  padding-bottom: calc(var(--section-padding-y) * 1.25);
}

.wrapper {
  position: relative;
  z-index: 0;
}

body[data-footer-active=true] .page__header + [data-style=dark]:not([data-style-preserve-padding]) .wrapper {
  padding-top: 0;
}

body[data-flyout-active=true] .page__header + [data-style=dark]:not([data-style-preserve-padding]) .wrapper {
  padding-top: 0;
}

body[data-footer-active=true] .page__header + .flyout:not([data-style-preserve-padding]) .wrapper {
  padding-top: 0;
}

body[data-flyout-active=true] .page__header + .flyout:not([data-style-preserve-padding]) .wrapper {
  padding-top: 0;
}

body[data-footer-active=true] [data-style=dark] + .page__header:not([data-style-preserve-padding]) .wrapper {
  padding-top: 0;
}

body[data-flyout-active=true] [data-style=dark] + .page__header:not([data-style-preserve-padding]) .wrapper {
  padding-top: 0;
}

body[data-footer-active=true] .flyout + .page__header:not([data-style-preserve-padding]) .wrapper {
  padding-top: 0;
}

body[data-flyout-active=true] .flyout + .page__header:not([data-style-preserve-padding]) .wrapper {
  padding-top: 0;
}

body[data-footer-active=true] .page__header + .page__header:not([data-style-preserve-padding]) .wrapper {
  padding-top: 0;
}

body[data-flyout-active=true] .page__header + .page__header:not([data-style-preserve-padding]) .wrapper {
  padding-top: 0;
}

[data-style=default] + [data-style=default]:not([data-style-preserve-padding]) .wrapper,
[data-style=tinted] + [data-style=tinted]:not([data-style-preserve-padding]) .wrapper,
[data-style=light] + [data-style=light]:not([data-style-preserve-padding]) .wrapper,
[data-style=dark] + [data-style=dark]:not([data-style-preserve-padding]) .wrapper,
.flyout + [data-style=dark]:not([data-style-preserve-padding]) .wrapper,
[data-style=dark] + .flyout:not([data-style-preserve-padding]) .wrapper,
.flyout + .flyout:not([data-style-preserve-padding]) .wrapper {
  padding-top: 0;
}

.highlighted {
  color: #ffff5c;
  color: var(--color-yellow);
}

.highlighted-title {
  background-color: #ffff5c;
  background-color: var(--color-yellow);
  font-size: 14px;
  font-size: var(--size-subheading-sm);
  font-weight: 750;
  line-height: 1.1;
  margin-top: 0;
  padding: 8px;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
}

.title {
  margin: 0;
  padding: 0;
}

.section__headline {
  margin-bottom: 1.5rem;
}

.subtitle--highlighted {
  font-size: 14px;
  font-size: var(--size-subheading-sm);
  margin-bottom: 24px;
  padding: 8px 0;
}
.subtitle--highlighted span {
  background-color: #ffff5c;
  background-color: var(--color-yellow);
  padding: 8px 16px 7px;
  width: -moz-fit-content;
  width: fit-content;
}

.title + .subtitle {
  margin-top: 0;
}

.post__content {
  overflow: hidden;
}

.media video,
.media img {
  width: 100%;
}

.group--gallery .media video,
.group--gallery .media img {
  height: 100%;
  object-fit: cover;
}

[data-transitions=container] {
  display: contents;
}

[data-transitions=curtains] {
  background-color: var(--color);
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  transform: translate3d(-100%, 0, 0);
  transition: background-color 350ms 150ms ease;
  will-change: transform;
  z-index: 100;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.breadcrumbs__title {
  display: none;
}

.breadcrumbs__list {
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.breadcrumbs__list-item {
  align-items: center;
  display: flex;
  transition: transform 200ms ease;
}
.breadcrumbs__list-item a, .breadcrumbs__list-item .button, .breadcrumbs__list-item popover-root-menu label, popover-root-menu .breadcrumbs__list-item label, .breadcrumbs__list-item span {
  font-weight: 550;
  line-height: 1.2;
  text-decoration-thickness: 0;
  text-underline-offset: 0.1em;
}
.breadcrumbs__list-item:last-child {
  overflow: hidden;
  width: auto;
}
.breadcrumbs__list-item:last-child span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumbs__list-item .arrow {
  align-self: center;
  flex-shrink: 0;
  height: 0.75em;
  margin-right: 0.5rem;
  position: relative;
  stroke-width: 1.25px;
  transition: inherit;
  width: 0.75em;
}

.breadcrumbs__list-item .arrow__stem {
  stroke-dasharray: 0.75em;
  stroke-dashoffset: 0.75em;
  transition: stroke-dashoffset 200ms ease;
}

@media (min-width: 769px) {
  .breadcrumbs__list-item:hover ~ .breadcrumbs__list-item {
    transform: translateX(0.5em);
  }
  .breadcrumbs__list-item:hover ~ .breadcrumbs__list-item + .breadcrumbs__list-item {
    transform: translateX(1em);
  }
  /* stylelint-disable-next-line selector-max-compound-selectors */
  .breadcrumbs__list-item:hover ~ .breadcrumbs__list-item + .breadcrumbs__list-item + .breadcrumbs__list-item {
    transform: translateX(1.5em);
  }
  .breadcrumbs__list-item:hover ~ .breadcrumbs__list-item .arrow__stem {
    stroke-dashoffset: 1.5em;
  }
}
/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.button, popover-root-menu label {
  -webkit-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 550;
  padding: 0;
  text-decoration: underline;
  text-decoration-color: #142129;
  text-decoration-color: var(--color-blue);
  touch-action: manipulation;
}

.button--is-icon.button:hover, popover-root-menu label.button--is-icon:hover, .button--is-icon.button:focus, popover-root-menu label.button--is-icon:focus {
  transform: scale(1);
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.footer__title {
  display: flex;
  flex-direction: column;
  font-size: 36px;
  font-size: var(--size-heading-xl);
  line-height: 1.1;
}

.footer__actions {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.footer__actions .link {
  display: inline-block;
  font-size: 20px;
  font-size: var(--size-subheading);
  will-change: transform;
}
@media (max-width: 768px) {
  .footer__actions {
    gap: 24px;
  }
  .footer__actions p {
    display: none;
  }
}

.page__footer {
  display: flex;
  height: 100%;
  min-height: 100vh;
  position: relative;
}
.page__footer::before {
  background-color: inherit;
  content: "";
  height: max(3.5em, min(32px, 4.5em));
  height: var(--header-height);
  left: 0;
  position: absolute;
  top: calc(max(3.5em, min(32px, 4.5em)) * -1);
  top: calc(var(--header-height) * -1);
  transform: scaleY(0);
  transform-origin: bottom center;
  transition: 450ms cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: transform, background-color;
  width: 100%;
}
[data-footer-active=true] .page__footer::before {
  transform: scaleY(1);
}

.footer__wrapper {
  display: inherit;
  width: 100%;
}
.footer__wrapper > * {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
}

.footer__contact-card {
  justify-self: flex-end;
}
.footer__contact-card .contact-card__social .link--is-icon, .footer__contact-card .contact-card__social .button--is-icon {
  border: none;
  padding: 0;
}
.footer__contact-card .contact-card__social .link--is-icon ion-icon, .footer__contact-card .contact-card__social .button--is-icon ion-icon {
  aspect-ratio: 1/1;
  height: auto;
  width: 25px;
}

.footer__content,
.footer__colophon {
  grid-template-columns: minmax(0, 1fr) auto;
}
.footer__content a, .footer__content .button, .footer__content popover-root-menu label, popover-root-menu .footer__content label,
.footer__colophon a,
.footer__colophon .button,
.footer__colophon popover-root-menu label,
popover-root-menu .footer__colophon label {
  color: #f2f0eb;
  color: var(--color-paper);
  text-decoration-color: #f2f0eb;
  text-decoration-color: var(--color-paper);
}
.footer__content a:hover, .footer__content .button:hover, .footer__content popover-root-menu label:hover, popover-root-menu .footer__content label:hover,
.footer__colophon a:hover,
.footer__colophon .button:hover,
.footer__colophon popover-root-menu label:hover,
popover-root-menu .footer__colophon label:hover {
  text-decoration-color: #f2f0eb;
  text-decoration-color: var(--color-paper);
}

.footer__content {
  margin: auto 0;
}
@media (max-width: 768px) {
  .footer__content {
    gap: 80px;
  }
}
.footer__content a, .footer__content .button, .footer__content popover-root-menu label, popover-root-menu .footer__content label, .footer__content p {
  font-size: 14px;
  font-size: var(--size-body);
  line-height: 1.4;
}

.footer__colophon {
  align-items: flex-end;
  grid-gap: 1em 32px;
  grid-gap: 1em var(--size-deco);
  margin-top: 32px;
  margin-top: var(--size-deco);
}
@media (min-width: 481px) {
  .footer__colophon {
    font-size: inherit;
  }
}

.footer__colophon-copyright {
  font-size: 12px;
  font-size: var(--size-body-sm);
  line-height: 1.4;
}

.footer__colophon-links {
  display: flex;
  font-size: 12px;
  font-size: var(--size-body-sm);
  line-height: 1.4;
  grid-gap: 1em;
}

.footer__logo {
  display: block;
  margin-bottom: 32px;
  margin-bottom: var(--size-deco);
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 768px) {
  .footer__actions {
    font-size: var(--size-display-lg);
  }
  .footer__content,
  .footer__colophon {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.page__header {
  background-color: transparent !important;
}
.page__header {
  --color: var(--color-black);
  position: fixed;
  transform: translate3d(0, 0, 0);
  z-index: 50;
}
.page__header, .page__header::before {
  left: 0;
  top: 0;
  width: 100%;
}
.page__header::before {
  backface-visibility: hidden;
  background-color: #f2f0eb;
  background-color: var(--color-paper);
  content: "";
  height: 100%;
  position: absolute;
  transform-origin: top center;
  transition: 450ms cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: background-color, transform;
  will-change: transform;
}

body[data-flyout-active=true] .header__wrapper.wrapper--x, body[data-flyout-active=true] .header__wrapper.wrapper {
  padding-right: calc(32px + var(--scrollbar-width));
  padding-right: calc(var(--section-padding-x) + var(--scrollbar-width));
}

.header__wrapper {
  position: relative;
}
.header__wrapper > div {
  align-items: center;
  display: flex;
}

.header__logo,
.header__menu {
  height: max(3.5em, min(32px, 4.5em));
  height: var(--header-height);
}

.header__logo {
  align-items: inherit;
  display: inherit;
  margin-right: auto;
}

.header__logo svg {
  color: var(--color);
  height: clamp(0.75rem, var(--size-display-lg) / 2, 1rem);
  transition: inherit;
  width: auto;
}
.header__logo svg path {
  opacity: 0;
}
.header__logo svg .logo__brandmark {
  fill: var(--color);
  opacity: 1;
  transition: inherit;
  transition-property: fill;
}

.header__menu,
.header__menu .menu__list {
  display: flex;
}

.header__menu .menu__list-item {
  display: flex;
  align-items: center;
}
@media (min-width: 1101px) {
  .header__menu .menu__list-item {
    position: relative;
  }
}

.header__menu {
  align-items: stretch;
  margin-right: 1rem;
}
@media (min-width: 1101px) {
  .header__menu {
    margin-right: 1.5rem;
  }
}
[data-flyout-active=true] .header__menu {
  opacity: 0;
  transition: 200ms cubic-bezier(0.23, 1, 0.32, 1);
  visibility: hidden;
}
[data-flyout-active=false] .header__menu {
  opacity: 1;
  transition: 450ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
  visibility: visible;
}
.header__menu a, .header__menu .button, .header__menu popover-root-menu label, popover-root-menu .header__menu label {
  padding: 0.5em 0.8em;
}
@media (min-width: 1101px) {
  .header__menu a, .header__menu .button, .header__menu popover-root-menu label, popover-root-menu .header__menu label {
    padding: 0.5em 1em;
  }
}
.header__menu a::after, .header__menu .button::after, .header__menu popover-root-menu label::after, popover-root-menu .header__menu label::after {
  bottom: calc(50% - 1em);
  left: 1em;
  width: calc(100% - 2em);
}
.header__menu > .menu__list > .menu__list-item > .link {
  color: hsl(206, 30%, 9%);
  color: var(--color-black);
  transition: opacity 150ms ease;
}
.header__menu > .menu__list > .menu__list-item > .link::after {
  content: none;
}
.header__menu > .menu__list > .menu__list-item:hover, .header__menu > .menu__list > .menu__list-item[focus-within] > .link {
  opacity: 1;
}
.header__menu > .menu__list > .menu__list-item:hover, .header__menu > .menu__list > .menu__list-item:focus-within > .link {
  opacity: 1;
}
.header__menu > .menu__list[\:has\(.open\)] > .menu__list-item:not(.open) {
  opacity: 0.5;
}
.header__menu > .menu__list:has(.open) > .menu__list-item:not(.open) {
  opacity: 0.5;
}
.header__menu .menu__list-item--parent {
  --offset-x: 0px;
}
.header__menu .menu__list-item--parent > .link > svg {
  margin-left: 0.25em;
}
.header__menu .menu__list-item--parent.open .menu__children {
  -webkit-clip-path: inset(0 0 0 calc(-1 * var(--offset-x)));
          clip-path: inset(0 0 0 calc(-1 * var(--offset-x)));
}
.header__menu .menu__children {
  width: 100vw;
  -webkit-clip-path: inset(0 0 100% calc(-1 * var(--offset-x)));
          clip-path: inset(0 0 100% calc(-1 * var(--offset-x)));
  transition: 400ms cubic-bezier(0.23, 1, 0.32, 1) -webkit-clip-path;
  transition: 400ms cubic-bezier(0.23, 1, 0.32, 1) clip-path;
  transition: 400ms cubic-bezier(0.23, 1, 0.32, 1) clip-path, 400ms cubic-bezier(0.23, 1, 0.32, 1) -webkit-clip-path;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: calc(32px - 0.5em);
  padding-left: calc(var(--section-padding-x) - 0.5em);
  position: absolute;
  left: 0;
  top: 100%;
  will-change: clip-path;
}
.header__menu .menu__children::before {
  content: "";
  display: block;
  position: absolute;
  color: #ffffff;
  color: var(--color-white);
  text-transform: lowercase;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: hsl(206, 30%, 9%);
  background-color: var(--color-black);
  z-index: 0;
  padding-left: calc((100vw - 1536px) / 2);
  padding-left: calc((100vw - var(--content-width)) / 2);
  padding-right: 32px;
  padding-right: var(--section-padding-x);
  padding-top: 2em;
  font-size: var(--size-lg);
  font-weight: 500;
}
@media (min-width: 1101px) {
  .header__menu .menu__children {
    width: calc(100vw - var(--offset-x));
    padding-left: 0;
  }
  .header__menu .menu__children::before {
    left: calc(-1 * var(--offset-x));
  }
}
.header__menu .menu__children > .menu__list-item .link {
  color: #ffffff;
  color: var(--color-white);
  font-size: 14px;
  font-size: var(--size-body);
}
.header__menu .menu__children > .menu__list-item .link::after {
  height: 1px;
  background-color: currentColor;
  bottom: calc(50% - 0.5em);
}

body[data-footer-active=true] .header__logo svg {
  color: #f2f0eb;
  color: var(--color-paper);
}

body[data-flyout-active=true] .header__logo svg {
  color: #f2f0eb;
  color: var(--color-paper);
}
body[data-footer-active=true] .header__logo svg .logo__brandmark {
  fill: #f2f0eb;
  fill: var(--color-paper);
}
body[data-flyout-active=true] .header__logo svg .logo__brandmark {
  fill: #f2f0eb;
  fill: var(--color-paper);
}
body[data-footer-active=true] .header__menu > .menu__list > .menu__list-item > .link {
  color: #f2f0eb;
  color: var(--color-paper);
}
body[data-flyout-active=true] .header__menu > .menu__list > .menu__list-item > .link {
  color: #f2f0eb;
  color: var(--color-paper);
}

body[data-header-active=true] .page__header::before {
  transform: scaleY(1) translate3d(0, 0, 0);
}

body[data-flyout-active=true] .page__header::before {
  transform: scaleY(1) translate3d(0, 0, 0);
}

body:not([data-header-active=true]) .page__header::before {
  transform: scaleY(0) translate3d(0, 0, 0);
}

body.single-impact-area .page__header::before {
  background: transparent;
}
body.single-impact-area .header__logo {
  --color: var(--color-white);
}
body.single-impact-area .header__menu > .menu__list > .menu__list-item > .link {
  color: #ffffff;
  color: var(--color-white);
}
body.single-impact-area .button {
  color: #ffffff;
  color: var(--color-white);
}
body.single-impact-area popover-root-menu label {
  color: #ffffff;
  color: var(--color-white);
}
popover-root-menu body.single-impact-area label {
  color: #ffffff;
  color: var(--color-white);
}

body.single-impact-area[data-scroll-active=true]:not([data-footer-active=true]) .header__logo {
  --color: var(--color-black);
}
body.single-impact-area[data-scroll-active=true]:not([data-footer-active=true]) .header__menu > .menu__list > .menu__list-item > .link {
  color: hsl(206, 30%, 9%);
  color: var(--color-black);
}
body.single-impact-area[data-scroll-active=true]:not([data-footer-active=true]) .button {
  color: hsl(206, 30%, 9%);
  color: var(--color-black);
}
body.single-impact-area[data-scroll-active=true]:not([data-footer-active=true]) popover-root-menu label {
  color: hsl(206, 30%, 9%);
  color: var(--color-black);
}
popover-root-menu body.single-impact-area[data-scroll-active=true]:not([data-footer-active=true]) label {
  color: hsl(206, 30%, 9%);
  color: var(--color-black);
}
body.single-impact-area[data-scroll-active=true]:not([data-footer-active=true]) .page__header::before {
  background: var(--color-cream);
}

body.single-impact-area[data-flyout-active=true] .header__logo .logo__brandmark {
  fill: #f2f0eb;
  fill: var(--color-paper);
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.link {
  font-size: 16px;
  font-size: var(--size-button);
  font-weight: 550;
  line-height: 1.1;
}

.link--no-decoration {
  text-decoration: none;
  transition: inherit;
}

.link--has-icon ion-icon {
  display: inline-block;
  margin-left: 0.25em;
  width: 0.75em;
  vertical-align: middle;
}

.link--is-icon, .button--is-icon {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  padding: 0;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 200ms, color 200ms, border 200ms;
}
.link--is-icon ion-icon, .button--is-icon ion-icon,
.link--is-icon svg,
.button--is-icon svg {
  height: 1.5625em;
  margin: auto;
  transition: inherit;
  width: 1.5625em;
}

.link--animated, popover-root-menu[transform-layout=default] label {
  position: relative;
  text-decoration: none;
}
.link--animated::after, popover-root-menu[transform-layout=default] label::after {
  background-color: #142129;
  background-color: var(--color-blue);
  bottom: 0;
  content: "";
  height: 0.15rem;
  height: 0.15rem;
  left: 0;
  position: absolute;
  transform: scaleX(0) translate3d(0, 0, 0);
  transform-origin: left;
  transition: transform 250ms cubic-bezier(0.23, 1, 0.32, 1), background-color 200ms ease;
  width: 100%;
  will-change: transform;
}
.link--animated:hover::after, popover-root-menu[transform-layout=default] label:hover::after, .link--animated:focus::after, popover-root-menu[transform-layout=default] label:focus::after {
  transform: scaleX(0.995);
}

.link--arrow {
  align-items: baseline;
  display: inline-flex;
}
.link--arrow .arrow {
  height: 0.75em;
  padding-top: 0.25ch;
  transition: transform 200ms ease, margin 200ms ease;
  width: 0.75em;
}
.link--arrow .arrow__stem,
.link--arrow .arrow__head {
  stroke: currentColor;
  stroke: var(--color, currentColor);
}
.link--arrow .arrow__stem {
  stroke-dasharray: 0.75em;
  stroke-dashoffset: 0.75em;
  transition: stroke-dashoffset 200ms ease;
}
.link--arrow .arrow--inline-start {
  order: -5;
}
.link--arrow .arrow--inline-end {
  order: 5;
}
.link--arrow:hover .arrow--inline-start, .link--arrow:focus .arrow--inline-start {
  transform: translateX(-50%);
}
.link--arrow:hover .arrow--inline-start .arrow__stem, .link--arrow:focus .arrow--inline-start .arrow__stem {
  stroke-dashoffset: 0;
}
.link--arrow:hover .arrow--inline-end, .link--arrow:focus .arrow--inline-end {
  transform: translateX(50%);
}
.link--arrow:hover .arrow--inline-end .arrow__stem, .link--arrow:focus .arrow--inline-end .arrow__stem {
  stroke-dashoffset: 1.5em;
}

.menu__children,
.menu__list {
  list-style: none;
  margin: 0;
}

.menu__list-item :where(.link, .button, popover-root-menu label) svg path {
  stroke: currentColor;
}

.menu__list-item a:not(.does-not-exist) {
  text-transform: lowercase;
}

.menu__list-item .button {
  text-transform: lowercase;
}

.menu__list-item :is(popover-root-menu label:not(.does-not-exist)) {
  text-transform: lowercase;
}

.menu__list-item h3:not(.does-not-exist) {
  text-transform: lowercase;
}

.message__content {
  margin-top: 1em;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.partners__title {
  font-size: 36px;
  font-size: var(--size-heading-xl);
  text-align: center;
}
.partners__logos {
  align-items: center;
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  grid-template-columns: repeat(5, 1fr);
  padding: 0 20px;
  justify-items: center;
  margin-top: 72px;
}
@media (max-width: 768px) {
  .partners__logos {
    padding: 0 20px;
  }
}
.partners__logos img {
  aspect-ratio: 1/1;
  opacity: 0.5;
  mix-blend-mode: multiply;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.partners__wrapper {
  max-width: 90ch;
  margin: 0 auto;
  text-align: center;
}
.partners .section__wrapper {
  background-color: #c5d0d9;
  background-color: var(--color-blue-secondary);
  padding: 100px 16px;
}
@media (min-width: 481px) {
  .partners .section__wrapper {
    padding: 120px 32px;
  }
}
.partners.home {
  margin-top: -120px;
}
@media (min-width: 1101px) {
  .partners.home {
    margin-top: -200px;
  }
}
@media (max-width: 480px) {
  .partners.home .partners__logos {
    margin-top: 48px;
  }
}
@media (max-width: 768px) {
  .partners.home .partners__logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-template-columns: initial;
  }
  .partners.home .partners__logos > div {
    flex: 0 0 calc((100% - 40px) / 3);
  }
  .partners.home .partners__logos > div > img {
    width: inherit;
  }
}
.partners.home .wrapper {
  padding-top: 0;
}
.partners.home .wrapper .section__wrapper {
  padding: 48px 32px;
}
@media (min-width: 481px) {
  .partners.home .wrapper .section__wrapper {
    padding: 80px 32px;
  }
}
@media (min-width: 1101px) {
  .partners.home .wrapper .section__wrapper {
    padding: 120px 32px;
  }
}

:where(popover-root, popover-root-polymorphic, popover-root-menu) [popover] {
  all: unset;
  background-color: var(--color-cream);
  display: grid;
  opacity: 0;
  position: absolute;
  transform: translateY(0);
  transition: 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity, visibility, transform;
  visibility: hidden;
  z-index: 50;
}
:where(popover-root, popover-root-polymorphic, popover-root-menu) [popovertoggletarget] ion-icon {
  pointer-events: none;
}
:where(popover-root, popover-root-polymorphic, popover-root-menu) [popovertoggletarget] span {
  pointer-events: none;
}
:where(popover-root, popover-root-polymorphic, popover-root-menu) [popovershowtarget] ion-icon {
  pointer-events: none;
}
:where(popover-root, popover-root-polymorphic, popover-root-menu) [popovershowtarget] span {
  pointer-events: none;
}
:where(popover-root, popover-root-polymorphic, popover-root-menu) [popoverhidetarget] ion-icon {
  pointer-events: none;
}
:where(popover-root, popover-root-polymorphic, popover-root-menu) [popoverhidetarget] span {
  pointer-events: none;
}
:where(popover-root, popover-root-polymorphic, popover-root-menu)[data-open] [popover] {
  opacity: 1;
  transform: translateY(1em);
  visibility: visible;
}

popover-root-menu menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

popover-root-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

popover-root-menu ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

popover-root-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
popover-root-menu menu {
  display: grid;
  width: -moz-fit-content;
  width: fit-content;
}
popover-root-menu label {
  cursor: pointer;
  outline: 0;
  text-decoration: none;
  transition-duration: 150ms;
  transition-property: color, background-color;
}
popover-root-menu input {
  position: absolute;
  visibility: hidden;
}

popover-root-menu[transform-layout=default] menu {
  column-gap: 0;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin: -0.5em;
}
popover-root-menu[transform-layout=default] menu li {
  font-size: 16px;
  font-size: var(--size-button);
  font-weight: 550;
  line-height: 1.1;
  margin: 0.5em;
}
popover-root-menu[transform-layout=default] label {
  padding-top: 0.5em;
  padding-bottom: 0.15em;
}
popover-root-menu[transform-layout=default] label[\:has\(\:checked\)]::after {
  transform: scaleX(0.995);
}
popover-root-menu[transform-layout=default] label:has(:checked)::after {
  transform: scaleX(0.995);
}

popover-root-menu[transform-layout=popover] menu {
  grid-auto-flow: row;
  max-height: 24em;
  min-width: min(18em, 100vw - 32px * 2);
  min-width: min(18em, 100vw - var(--section-padding-x) * 2);
  overflow: auto;
}
popover-root-menu[transform-layout=popover] li {
  background-color: #fcfcfb;
  background-color: var(--color-paper-tint);
  width: 100%;
}
popover-root-menu[transform-layout=popover] label {
  display: flex;
  padding: 0.5em 1em;
  width: 100%;
}
popover-root-menu[transform-layout=popover] label:hover, popover-root-menu[transform-layout=popover] label:focus, popover-root-menu[transform-layout=popover] label[\:has\(\:checked\)] {
  background-color: #f5f4f0;
  background-color: var(--color-paper-lighter);
}
popover-root-menu[transform-layout=popover] label:hover, popover-root-menu[transform-layout=popover] label:focus, popover-root-menu[transform-layout=popover] label[\:has\(\:checked\)] {
  background-color: #f5f4f0;
  background-color: var(--color-paper-lighter);
}
popover-root-menu[transform-layout=popover] label:hover, popover-root-menu[transform-layout=popover] label:focus, popover-root-menu[transform-layout=popover] label:has(:checked) {
  background-color: #f5f4f0;
  background-color: var(--color-paper-lighter);
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.post--loop {
  display: flex;
  flex-direction: column;
  position: relative;
}
.post--loop .post__headline {
  margin-bottom: auto;
}
.post--loop .post__title {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-size: var(--size-subheading-sm);
  font-weight: 550;
  line-height: 1.2;
}
.post--loop .post__title span {
  margin-right: 0.5ch;
}
.post--loop .post__title-term {
  opacity: 0.7;
}
.post--loop .post__subtitle {
  color: inherit;
  display: block;
}
.post--loop .post__thumbnail,
.post--loop .post__thumbnail img {
  position: relative;
  width: 100%;
}
.post--loop .post__thumbnail {
  aspect-ratio: 2/1.2;
  transition: opacity 350ms cubic-bezier(0.23, 1, 0.32, 1);
  object-fit: cover;
}
.post--loop .post__thumbnail img {
  height: 20em;
  height: min(20em, 33.3333333333vw);
  object-fit: cover;
}
@supports (aspect-ratio: 2/1.2) {
  .post--loop .post__thumbnail img {
    aspect-ratio: 2/1.2;
    height: auto;
  }
}

.post--loop[data-post-has-link][focus-within] {
  outline: 0.075em solid var(--color);
  outline-offset: 0.5rem;
}

.post--loop[data-post-has-link]:focus-within {
  outline: 0.075em solid var(--color);
  outline-offset: 0.5rem;
}
.post--loop[data-post-has-link] .post__headline a, .post--loop[data-post-has-link] .post__headline .button, .post--loop[data-post-has-link] .post__headline popover-root-menu label, popover-root-menu .post--loop[data-post-has-link] .post__headline label,
.post--loop[data-post-has-link] .post__subtitle {
  transition: color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.post--loop[data-post-has-link] .post__headline .post__subtitle[data-editor] {
  margin-bottom: 0;
}
.post--loop[data-post-has-link] .post__headline .post__title a, .post--loop[data-post-has-link] .post__headline .post__title .button, .post--loop[data-post-has-link] .post__headline .post__title popover-root-menu label, popover-root-menu .post--loop[data-post-has-link] .post__headline .post__title label {
  padding: 1.5rem 0 0.5rem;
}
.post--loop[data-post-has-link] .post__headline a, .post--loop[data-post-has-link] .post__headline .button, .post--loop[data-post-has-link] .post__headline popover-root-menu label, popover-root-menu .post--loop[data-post-has-link] .post__headline label {
  color: #142129;
  color: var(--color-blue);
  font-size: 14px;
  font-size: var(--size-subheading-sm);
  font-weight: 550;
  line-height: 1.2;
  outline: 0;
}
.post--loop[data-post-has-link] .post__headline a::after, .post--loop[data-post-has-link] .post__headline .button::after, .post--loop[data-post-has-link] .post__headline popover-root-menu label::after, popover-root-menu .post--loop[data-post-has-link] .post__headline label::after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.post--loop[data-post-has-link] .post__subtitle {
  color: #142129;
  color: var(--color-blue);
  font-size: 20px;
  font-size: var(--size-subheading);
  line-height: 1.3;
}

.post--loop[data-post-has-link]:hover .post__subtitle,
.post--loop[data-post-has-link]:hover .post__headline a,
.post--loop[data-post-has-link]:hover .post__headline .button,
.post--loop[data-post-has-link]:hover .post__headline popover-root-menu label,
popover-root-menu .post--loop[data-post-has-link]:hover .post__headline label,
.post--loop[data-post-has-link]:focus .post__subtitle,
.post--loop[data-post-has-link]:focus .post__headline a,
.post--loop[data-post-has-link]:focus .post__headline .button,
.post--loop[data-post-has-link]:focus .post__headline popover-root-menu label,
popover-root-menu .post--loop[data-post-has-link]:focus .post__headline label {
  color: #b3b8ba;
  color: var(--color-grey-lighter);
}
.post--loop[data-post-has-link]:hover .post__thumbnail,
.post--loop[data-post-has-link]:focus .post__thumbnail {
  opacity: 0.7;
}

.post__footer {
  border-top: 1px solid rgba(16, 24, 30, 0.5);
  border-top: 1px solid var(--color-black-lighter);
  display: grid;
  grid-gap: 32px;
  grid-gap: var(--size-deco);
  margin-top: 32px;
  margin-top: var(--size-deco);
  padding-top: 32px;
  padding-top: var(--size-deco);
}

.post__author {
  align-items: flex-start;
  display: grid;
  grid-gap: 32px;
  grid-gap: var(--size-deco);
  margin: 0;
}
.post__author figcaption,
.post__author .author__description {
  display: grid;
  grid-gap: 0.5em;
  gap: 0.5em;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.insight__subtitle {
  font-size: 1.3em;
  line-height: 1.2;
  margin: 18px 0;
  margin: var(--size-body-xl) 0;
  color: inherit;
  font-weight: 500;
}

.section--insight-content h2 {
  font-size: var(--size-display);
}
.section--insight-content blockquote {
  font-size: 20px;
  font-size: var(--size-quote);
  padding-left: 2.5em;
  margin: 2.5em 0;
}
.section--insight-content em {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  font-style: italic;
}
.section--insight-content a, .section--insight-content .button, .section--insight-content popover-root-menu label, popover-root-menu .section--insight-content label {
  text-decoration-color: currentColor;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

.insight__footer {
  border-top: 1px solid rgba(16, 24, 30, 0.5);
  border-top: 1px solid var(--color-black-lighter);
  display: grid;
  grid-gap: 30px;
  margin-top: 30px;
  padding-top: 30px;
}

.insight__author {
  align-items: center;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 30px;
  margin: 0;
}
.insight__author .author__name {
  font-weight: 600;
  line-height: 1.4;
}
.insight__author figcaption {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.insight__author img {
  width: 80px;
  height: 80px;
}

.insights__feed article.post__insight {
  margin: 0 auto;
}
.insights__feed article.post__insight:not(:last-child) {
  margin-bottom: clamp(40px, 2.5vw + 30px, 120px);
}
.insights__feed article.post__insight > header.headline {
  margin-top: 0;
}
.insights__feed article.post__insight > div.excerpt {
  margin-top: 0;
  margin-bottom: 0;
}
.insights__feed .post__insight {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas: "image" "title" "excerpt";
  grid-row-gap: 14px;
  grid-row-gap: var(--size-body);
  row-gap: 14px;
  row-gap: var(--size-body);
  position: relative;
}
.insights__feed .post__insight > :nth-child(1) {
  grid-area: image;
}
.insights__feed .post__insight header {
  grid-area: title;
  font-size: 1.2em;
}
.insights__feed .post__insight .post__title a:before, .insights__feed .post__insight .post__title .button:before, .insights__feed .post__insight .post__title popover-root-menu label:before, popover-root-menu .insights__feed .post__insight .post__title label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.insights__feed .post__insight .excerpt {
  grid-area: excerpt;
}

@media (max-width: 1100px) {
  .insights__feed article.post__insight {
    grid-template-areas: "image image" "title title" "excerpt excerpt";
    width: 100%;
  }
}
@media (min-width: 1101px) {
  .insights__feed article.post__insight {
    position: relative;
  }
  .insights__feed .insights__feedarticle.post__insight:not(:last-child) {
    margin-bottom: 40px;
  }
  .insights__feed .post__insight {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "image title" "image excerpt";
    grid-gap: 20px 40px;
    gap: 20px 40px;
    margin-bottom: 40px;
    max-width: none;
    max-width: initial;
  }
  .insights__feed .post__insight header {
    font-size: 1.5em;
  }
  .insights__feed .post__insight:nth-child(3n-1) {
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "title image" "excerpt image";
  }
  .insights__feed .post__insight:nth-child(3n) {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto auto 1fr;
    grid-template-areas: ". ." "title ." "excerpt ." ". .";
    grid-row-gap: 0;
    row-gap: 0;
  }
  .insights__feed .post__insight:nth-child(3n) .excerpt, .insights__feed .post__insight:nth-child(3n) header {
    background: var(--wp--preset--color--white);
    padding: 20px;
  }
  .insights__feed .post__insight:nth-child(3n) header {
    padding-bottom: 10px;
  }
  .insights__feed .post__insight:nth-child(3n) .excerpt {
    padding-top: 10px;
  }
  .insights__feed .post__insight:nth-child(3n) > :nth-child(1) {
    grid-area: 1/1/-1/-1;
    z-index: -1;
    width: 100%;
    max-width: 100%;
    right: calc(-1 * 32px);
    right: calc(-1 * var(--section-padding-x));
    margin: 0 auto;
  }
  .insights__feed .post__insight:nth-child(3n):last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 60em) {
  .insights__feed article.post__insight {
    margin-bottom: 180px;
  }
  .insights__feed .post__insight:nth-child(3n) {
    margin-top: -20px;
  }
  .insights__feed .post__insight:nth-child(3n) .excerpt, .insights__feed .post__insight:nth-child(3n) header {
    padding: 40px;
  }
  .insights__feed .post__insight:nth-child(3n) header {
    padding-bottom: 20px;
    font-size: 2.5em;
  }
  .insights__feed .post__insight:nth-child(3n) .excerpt {
    padding-top: 20px;
    font-size: 1.5em;
  }
}
.animation--titles {
  font-size: 10vw;
  font-size: min(8em, 10vw);
  font-weight: 500;
  text-transform: lowercase;
  white-space: nowrap;
}
.animation--titles strong {
  display: inline-grid;
  grid-auto-flow: column;
}
.animation--titles em {
  display: inline-grid;
  grid-auto-flow: column;
}
.animation--titles em {
  font-style: normal;
}
.animation--titles em span {
  align-self: start;
  grid-area: 1/1;
  justify-self: start;
  position: relative;
}
.animation--titles strong {
  font-feature-settings: "ss02", "ss05", "ss04";
  position: relative;
}
.animation--titles strong > span:nth-child(2) {
  font-feature-settings: "ss11";
  margin-left: 2.07em;
  position: absolute;
  white-space: nowrap;
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animation--rose {
  animation: fade 500ms 100ms ease forwards;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 100vw;
  width: max(600px, min(100vw, 250vmin));
  z-index: 0;
}

[dir="ltr"] .backdrop{
  left: 0;
}

[dir="rtl"] .backdrop{
  right: 0;
}

.backdrop {
  background-color: hsl(206, 30%, 9%);
  background-color: var(--color-black);
  cursor: pointer;
  height: 100lvh;
  top: 0;
  opacity: 0.5;
  position: fixed;
  transform: translate3d(0, 0, 0);
  width: 100%;
}
.backdrop[data-visible=false] {
  visibility: hidden;
}
@supports (content-visibility: hidden) {
  .backdrop[data-visible=false] {
    content-visibility: hidden;
  }
}

.backdrop--drawer {
  z-index: 5;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.contact-card {
  display: grid;
  gap: 14px;
  grid-gap: 14px;
  grid-gap: var(--size-body);
  gap: var(--size-body);
  grid-template-areas: "links" "social" "disclaimer" "logos";
  width: 100%;
}
.contact-card .contact-card__disclaimer {
  margin-top: calc(60px - 14px);
  margin-top: calc(60px - var(--size-body));
  margin-bottom: calc(60px - 14px);
  margin-bottom: calc(60px - var(--size-body));
}
@media (min-width: 769px) {
  .contact-card .contact-card__disclaimer {
    margin-bottom: 0;
  }
}
.contact-card .good-design-logo {
  width: 131px;
}

.contact-card__links {
  grid-area: links;
}
.contact-card__links a, .contact-card__links .button, .contact-card__links popover-root-menu label, popover-root-menu .contact-card__links label {
  display: block;
  line-height: 1.4;
  margin-bottom: 8px;
  text-underline-offset: 0.2em;
}

.contact-card__social {
  grid-area: social;
}

.contact-card__disclaimer {
  grid-area: disclaimer;
  max-width: 40ch;
  line-height: 1.4;
}

.contact-card__logos {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
  grid-area: logos;
  width: auto;
}
.contact-card__logos svg {
  height: 72px;
  width: auto;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.filter__controls {
  margin-bottom: 2.5rem;
}

.filter-refiner__button {
  align-items: center;
  display: inline-flex;
  gap: 0.25em;
  list-style: none;
  outline: 0;
  text-decoration: none;
}
@media (min-width: 769px) {
  .filter-refiner__button {
    display: none;
  }
}
.filter-refiner__button ion-icon {
  transition: transform 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.filter-refiner [data-open] .filter-refiner__button {
  color: var(--color);
}
.filter-refiner [data-open] .filter-refiner__button ion-icon {
  transform: rotate(180deg);
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.flyout {
  background: 0;
  top: 0;
  height: 100vh;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 50;
}

.flyout__contact-card .contact-card__social {
  display: flex;
  gap: 0.5em;
}
.flyout__contact-card .contact-card__social .link--is-icon ion-icon, .flyout__contact-card .contact-card__social .button--is-icon ion-icon {
  color: hsl(206, 30%, 9%);
  color: var(--color-black);
}
@media (max-height: 800px) {
  .flyout__contact-card {
    grid-template-areas: "links" "social";
  }
  .flyout__contact-card .contact-card__logos,
  .flyout__contact-card .contact-card__disclaimer {
    display: none;
  }
}
@media (orientation: landscape) and (min-height: 32em) {
  .flyout__contact-card {
    grid-area: 1/2/3/3;
    align-self: center;
  }
}

.flyout__button {
  font-size: 1.5em;
  position: relative;
}
.flyout__button svg g {
  transition: inherit;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
[data-flyout-active=false] .flyout__button g:nth-child(1) {
  transform: translateY(-0.1rem);
}
[data-flyout-active=false] .flyout__button g:nth-child(2) {
  transform: translateY(0.1rem);
}

.flyout,
.flyout__wrapper {
  display: flex;
  flex-direction: column;
  pointer-events: none;
}

.flyout__wrapper {
  height: 100%;
  justify-content: flex-start;
  padding-bottom: 1em;
  padding-top: calc(max(3.5em, min(32px, 4.5em)) + 1em);
  padding-top: calc(var(--header-height) + 1em);
}
@media (orientation: landscape) {
  .flyout__wrapper {
    justify-content: initial;
  }
}

.flyout__content {
  align-items: flex-start;
  margin: 0;
  pointer-events: all;
  width: -moz-fit-content;
  width: fit-content;
}
@media (orientation: landscape) {
  .flyout__content {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: repeat(2, auto);
    margin: auto;
    width: 100%;
  }
}

.flyout__secondary_menu .link {
  display: inline-block;
  font-size: 20px;
  font-size: var(--size-subheading);
  font-weight: 550;
  line-height: 1.3;
  padding: min(0.5rem, 1vh) 0;
  text-decoration: none;
}

.flyout__menu-wrapper[\:has\(.show\)] {
  min-height: max(100%, var(--min-height));
}

.flyout__menu-wrapper:has(.show) {
  min-height: max(100%, var(--min-height));
}
.flyout__menu-wrapper[\:has\(.show\)] .menu__list > .menu__list-item > .link {
  opacity: 0;
  pointer-events: none;
}
.flyout__menu-wrapper:has(.show) .menu__list > .menu__list-item > .link {
  opacity: 0;
  pointer-events: none;
}
@media (orientation: landscape) {
  .flyout__menu-wrapper {
    grid-area: 1/1/3/2;
    display: grid;
    grid-template-rows: subgrid;
  }
}
.flyout__menu-wrapper .menu__list .menu__list-item > .link {
  text-decoration: none;
  color: inherit;
}
.flyout__menu-wrapper .menu__list .menu__list-item > .link::after {
  background-color: currentColor;
}

.flyout__menu {
  position: relative;
  /* stylelint-disable-next-line selector-max-compound-selectors */
}
.flyout__menu img {
  filter: grayscale(100%);
  height: 100%;
  left: 0;
  max-width: none;
  max-width: initial;
  min-width: 100vw;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 1500ms linear;
  width: auto;
  z-index: -5;
}
.flyout__menu h3, .flyout__menu a, .flyout__menu .button, .flyout__menu popover-root-menu label, popover-root-menu .flyout__menu label {
  font-size: 32px;
  font-size: var(--size-deco);
  font-size: min(32px, 5vh);
  font-size: min(var(--size-deco), 5vh);
  padding: 0.5rem 0;
  padding: min(0.5rem, 1vh) 0;
  margin: 0;
}
.flyout__menu a, .flyout__menu .button, .flyout__menu popover-root-menu label, popover-root-menu .flyout__menu label {
  display: inline-block;
  font-size: 24px;
  font-size: var(--size-heading);
  font-weight: 550;
  transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1) opacity;
}
@media (max-width: 768px) {
  .flyout__menu a, .flyout__menu .button, .flyout__menu popover-root-menu label, popover-root-menu .flyout__menu label {
    margin-bottom: 24px;
    padding: 0;
  }
}
.flyout__menu a:focus + img {
  opacity: 0.25;
}
.flyout__menu a:hover + img {
  opacity: 0.25;
}
.flyout__menu .button:focus + img {
  opacity: 0.25;
}
.flyout__menu .button:hover + img {
  opacity: 0.25;
}
.flyout__menu popover-root-menu label:focus + img {
  opacity: 0.25;
}
.flyout__menu popover-root-menu label:hover + img {
  opacity: 0.25;
}
popover-root-menu .flyout__menu label:focus + img {
  opacity: 0.25;
}
popover-root-menu .flyout__menu label:hover + img {
  opacity: 0.25;
}
[data-flyout-active=false] .flyout__menu a:focus + img {
  opacity: 0;
}
[data-flyout-active=false] .flyout__menu a:hover + img {
  opacity: 0;
}
[data-flyout-active=false] .flyout__menu .button:focus + img {
  opacity: 0;
}
[data-flyout-active=false] .flyout__menu .button:hover + img {
  opacity: 0;
}
[data-flyout-active=false] .flyout__menu popover-root-menu label:focus + img {
  opacity: 0;
}
[data-flyout-active=false] .flyout__menu popover-root-menu label:hover + img {
  opacity: 0;
}
popover-root-menu [data-flyout-active=false] .flyout__menu label:focus + img {
  opacity: 0;
}
popover-root-menu [data-flyout-active=false] .flyout__menu label:hover + img {
  opacity: 0;
}
.flyout__menu .menu__children--wrapper {
  display: none;
  flex-direction: column;
  gap: 1.5em;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1) opacity;
}
@media (min-width: 768px) {
  .flyout__menu .menu__children--wrapper {
    gap: 2.5em;
  }
}
.flyout__menu .menu__children--wrapper h3, .flyout__menu .menu__children--wrapper .menu__children {
  transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1) translate, 0.6s cubic-bezier(0.23, 1, 0.32, 1) opacity;
}
.flyout__menu .menu__children--wrapper h3 {
  color: #ffffff;
  color: var(--color-white);
}
.flyout__menu .menu__children--wrapper .button, .flyout__menu .menu__children--wrapper popover-root-menu label, popover-root-menu .flyout__menu .menu__children--wrapper label, .flyout__menu .menu__children--wrapper h3 {
  padding-top: 0;
  padding-bottom: 0;
}
.flyout__menu .menu__children--wrapper .menu__children {
  translate: 0 calc(var(--offset-height) - var(--offset-top));
}
.flyout__menu .menu__children--wrapper .button, .flyout__menu .menu__children--wrapper popover-root-menu label, popover-root-menu .flyout__menu .menu__children--wrapper label,
.flyout__menu .menu__children--wrapper .link {
  font-size: 20px;
  font-size: var(--size-subheading);
}
.flyout__menu .menu__children--wrapper .link::after {
  background-color: currentColor;
  height: 0.05em;
  bottom: 0.25em;
}
.flyout__menu .menu__children--wrapper .button, .flyout__menu .menu__children--wrapper popover-root-menu label, popover-root-menu .flyout__menu .menu__children--wrapper label {
  text-decoration: none;
  color: currentColor;
}
.flyout__menu .menu__children--wrapper .button svg, .flyout__menu .menu__children--wrapper popover-root-menu label svg, popover-root-menu .flyout__menu .menu__children--wrapper label svg {
  height: 0.75em;
  width: auto;
}
.flyout__menu .menu__children--back {
  align-items: center;
  display: flex;
  gap: 0.5em;
}
@media (min-width: 768px) {
  .flyout__menu .menu__children--back {
    gap: 1em;
  }
}
.flyout__menu .menu__children--back::after {
  background-color: currentColor;
  bottom: 0.25em;
  height: 0.05em;
}
.flyout__menu .menu__children--back:hover {
  text-decoration: none;
}
.flyout__menu .menu__children--back span {
  font-size: 16px;
  font-size: var(--size-body-lg);
}
.flyout__menu .menu__list-item--parent .link > svg {
  margin-bottom: -0.125em;
  height: 0.75em;
  width: auto;
}
.flyout__menu .menu__list-item--parent .link > svg:last-child {
  margin-left: 0.5em;
}
.flyout__menu .menu__list-item--parent.open .menu__children--wrapper {
  display: flex;
}
.flyout__menu .menu__list-item--parent.show .menu__children--wrapper {
  opacity: 1;
}
.flyout__menu .menu__list-item--parent.show .menu__children--wrapper h3, .flyout__menu .menu__list-item--parent.show .menu__children--wrapper .menu__children {
  translate: 0 0;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.hero:not(.home)[data-style=default] {
  background-color: var(--color);
}
.hero:not(.home)[data-style=light] {
  background-color: #f2f0eb;
  background-color: var(--color-paper);
}

.hero__wrapper {
  padding-top: 15vmin;
  padding-top: max(8em, 15vmin);
}

.hero__breadcrumbs {
  margin-bottom: 24px;
  margin-bottom: var(--size-heading);
}

.hero__headline {
  max-width: 56em;
}

.hero__content {
  margin-top: 24px;
  margin-top: var(--size-heading);
}

.hero__subtitle {
  color: #142129;
  color: var(--color-blue);
  font-size: 18px;
  font-size: var(--size-body-xl);
  line-height: 1.3;
}

.hero__author {
  align-items: center;
  display: inline-grid;
  gap: 1em;
  grid-auto-flow: column;
  margin: 0;
}
.hero__author figcaption {
  display: contents;
}
@media (max-width: 480px) {
  .hero__author figcaption {
    display: grid;
  }
}
.hero__author picture {
  margin-right: 0.25rem;
  width: 3rem;
}

[data-js=true] .hero__breadcrumbs,
[data-js=true] .hero__content,
[data-js=true] .hero__headline {
  opacity: 0;
  transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
[data-js=true].hydrated entry-detect[data-visible] .hero__breadcrumbs {
  opacity: 1;
}
[data-js=true].hydrated entry-detect[data-visible] .hero__content {
  opacity: 1;
  transition-delay: 500ms;
}
[data-js=true] .hero__headline {
  transform: translateX(-1em);
}
[data-js=true].hydrated entry-detect[data-visible] .hero__headline {
  opacity: 1;
  transform: translateX(0%);
}

.hero__impact {
  --color: var(--color-white);
  margin: 0 auto;
  height: 90svh;
  position: relative;
}
@media (max-width: 768px) {
  .hero__impact {
    height: 80svh;
  }
}
.hero__impact .hero__title {
  color: var(--color);
  font-size: min(56px, 14vw);
  font-size: min(var(--size-heading-xxl), 14vw);
  font-weight: 420;
  line-height: 1;
  max-width: min-content;
  text-align: center;
}
.hero__impact .hero__wrapper {
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  top: calc((100% - 120px) / 2);
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .hero__impact .hero__wrapper {
    padding: 0;
    top: 50%;
  }
}
.hero__impact .hero__headline {
  transform: translateY(50%);
  margin: 0 auto;
  max-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
}
.hero__impact .hero__image {
  opacity: 0.8;
}
.hero__impact .hero__image img {
  width: 100%;
}
.hero__impact .hero__subtitle {
  font-size: 2.05em;
  margin-top: 1em;
}
.hero__impact .hero__scroll {
  text-transform: uppercase;
  margin-top: 50px;
  max-width: 1536px;
  max-width: var(--content-width);
  margin-left: auto;
  margin-right: auto;
}
.hero__impact .hero__scroll svg {
  transform: rotate(90deg);
  height: 1.25em;
  width: auto;
}

@media (min-width: 40em) {
  body.single-impact-area .hero__impact .headline__image {
    position: relative;
  }
  body.single-impact-area .hero__impact .headline__image .hero__title {
    --calculated-section-padding-x: var(--section-padding-x);
    margin-left: calc(-1 * (var(--calculated-section-padding-x) - 10px));
    font-size: 6em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 50%;
  }
  body.single-impact-area .hero__impact .hero__subtitle {
    font-size: var(--size-display-xl);
  }
}
@media (min-width: 50em) {
  body.single-impact-area .hero__impact .headline__image .hero__title {
    font-size: 8em;
  }
}
@media (min-width: 80em) {
  body.single-impact-area .hero__impact .headline__image .hero__title {
    font-size: 10.9em;
  }
}
/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
#home-introduction {
  scroll-margin-top: calc(max(3.5em, min(32px, 4.5em)) + 32px);
  scroll-margin-top: calc(var(--header-height) + 32px);
}

.introduction[data-style=default] {
  background-color: var(--color);
}

.introduction__media {
  display: block !important;
}

.introduction__columns {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.introduction__columns p {
  font-size: 18px;
  font-size: var(--size-body-xl);
  line-height: 1.35;
}
.introduction__columns h1, .introduction__columns h2, .introduction__columns h3, .introduction__columns h4 {
  line-height: 1.3;
}
.introduction__media + .introduction__columns, .media + .introduction__columns {
  margin-top: max(60px, min(calc(4vw + 40px), 120px));
  margin-top: var(--section-padding-y);
}

.introduction__links,
.introduction__tagline,
.introduction__paragraph {
  grid-column: span 3;
}

.introduction__image {
  max-width: 204px;
  justify-self: start;
}
@media (min-width: 769px) {
  .introduction__image {
    grid-column: 5/7;
    justify-self: end;
  }
}
@media (min-width: 1301px) {
  .introduction__image {
    grid-column: 6/7;
  }
}

.introduction__link {
  text-decoration-color: hsl(206, 30%, 9%);
  text-decoration-color: var(--color-black);
  line-height: 2;
}

@media (min-width: 769px) {
  .introduction__links {
    justify-self: center;
  }
}
.introduction__links b {
  display: block;
  margin-bottom: 8px;
}
.introduction__links ul {
  list-style: none;
  margin: 0;
}
.introduction__links ul li {
  align-items: center;
  display: flex;
  padding: 4px 0;
}
.introduction__links ul li a, .introduction__links ul li .button, .introduction__links ul li popover-root-menu label, popover-root-menu .introduction__links ul li label {
  padding: 4px 0;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.5rem;
}

.introduction__paragraph .introduction__link {
  width: max-content;
}

@media (max-width: 1300px) {
  .introduction__links {
    grid-column: span 2;
  }
  .introduction__tagline,
  .introduction__paragraph {
    grid-column: span 4;
  }
  .introduction__tagline:only-child,
  .introduction__paragraph:only-child {
    grid-column: span 5;
  }
}
@media (max-width: 768px) {
  .introduction__columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .introduction__links,
  .introduction__tagline,
  .introduction__paragraph,
  .introduction__image {
    grid-column: 1;
  }
}
.introduction__wrapper {
  padding-top: 0;
}

.overlay {
  background-color: hsl(206, 30%, 9%);
  background-color: var(--color-black);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.slider {
  left: min(32px * -1, (100vw - 1536px) / -2);
  left: min(var(--section-padding-x) * -1, (100vw - var(--content-width)) / -2);
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  touch-action: pan-y;
  width: 100vw;
  z-index: 1;
}

.slider__track {
  box-sizing: content-box;
  cursor: grab;
  display: flex;
  height: 100%;
  margin: 0 auto;
  position: relative;
  transform: translate3d(0, 0, 0);
  transition-property: transform;
  transition-timing-function: ease-out;
  width: 100%;
  z-index: 1;
}
.slider__track > :first-child {
  border-left: max(32px, (100vw - 1536px) / 2) solid transparent;
  border-left: max(var(--section-padding-x), (100vw - var(--content-width)) / 2) solid transparent;
}
.slider__track > :last-child {
  border-right: max(32px, (100vw - 1536px) / 2) solid transparent;
  border-right: max(var(--section-padding-x), (100vw - var(--content-width)) / 2) solid transparent;
}

.slider__slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: auto;
}
.slider__slide + .slider__slide {
  margin-left: 1em;
}
.slider__slide--blank {
  visibility: hidden;
}

.slider__navigation-button svg {
  height: 1.5em;
  width: 1.5em;
}
.slider__navigation-button--disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
video-root {
  display: block;
  position: relative;
  transform: translate3d(0, 0, 0);
}
video-root video {
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
video-root .video__poster {
  display: block;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  position: relative;
  transition: opacity 400ms ease, visibility 400ms ease;
}
video-root[data-is-active] .video__poster {
  opacity: 0;
  visibility: hidden;
}
video-root .video__button {
  height: 3em;
  left: 50%;
  margin-left: -1.5em;
  margin-top: -1.5em;
  position: absolute;
  top: 50%;
  width: 3em;
  z-index: 5;
}
[data-style] video-root .video__button {
  background-color: rgba(16, 24, 30, 0.75);
  color: var(--color);
}
[data-style] video-root .video__button:hover, [data-style] video-root .video__button:focus {
  color: var(--color-darker);
}
@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter: blur())) {
  [data-style] video-root .video__button {
    -webkit-backdrop-filter: blur(1em);
            backdrop-filter: blur(1em);
  }
}

/* stylelint-disable scss/dollar-variable-empty-line-before */
.section--abbott .paragraph h2 {
  font-size: 36px;
  font-size: var(--size-heading-xl);
  line-height: 1.1;
}
.section--abbott .paragraph h2 span {
  text-underline-offset: 0.2em;
}
.section--abbott .paragraph > *:not(blockquote) {
  max-width: min(986px, 100%);
}
.section--abbott .paragraph blockquote {
  max-width: calc(1536px * 0.75);
  max-width: calc(var(--content-width) * 0.75);
}
.section--abbott.align--right .paragraph {
  justify-self: flex-end;
}
.section--abbott.align--right .paragraph p {
  margin: 0 auto;
}
.section--abbott.align--center .paragraph {
  justify-self: center;
}
.section--abbott .is-grid, .section--abbott .footer__content,
.section--abbott .footer__colophon {
  gap: 2.5rem;
}
.section--abbott .section__headline {
  margin-bottom: 0;
}

.section--hockney .group--figures {
  display: flex;
  flex-wrap: wrap;
  margin: calc(30px * -1);
  margin: calc(var(--size-heading-lg) * -1);
}
.section--hockney .figure {
  flex: auto;
  margin: 0;
  padding: 30px;
  padding: var(--size-heading-lg);
}
.section--hockney .figure__value {
  font-style: normal;
}
.section--hockney .figure__description {
  margin-top: 14px;
  margin-top: var(--size-body);
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.section--kusama {
  /* stylelint-disable-next-line order/order */
}
.section--kusama .group--gallery {
  display: grid;
  grid-gap: 24px;
  grid-gap: var(--size-heading);
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 769px) {
  .section--kusama .group--gallery {
    grid-auto-flow: dense;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .section--kusama.layout--gamma .media {
    grid-column: 1/-1;
  }
  .section--kusama.layout--gamma .media:nth-child(4n),
  .section--kusama.layout--gamma .media:nth-child(5n) {
    grid-column: initial;
  }
  .section--kusama.layout--alpha .media:nth-child(3n) {
    grid-column: 1/-1;
  }
  .section--kusama.layout--delta .media:nth-child(1),
  .section--kusama.layout--delta .media:nth-child(4n),
  .section--kusama.layout--delta .media:nth-child(9n) {
    grid-column: 1/-1;
  }
  .section--kusama.layout--delta .media:nth-child(8n) {
    grid-column: initial;
  }
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.section--marc {
  background-color: #c5d0d9;
  background-color: var(--color-blue-secondary);
}
.section--marc .group--content {
  margin-bottom: 4rem;
}
.section--marc .group--media > :nth-child(3) {
  width: auto;
}
.section--marc .paragraph {
  margin: 2.5rem 0;
  max-width: calc(1536px / 2);
  max-width: calc(var(--content-width) / 2);
}
.section--marc .is-flex {
  align-items: flex-end;
  gap: 4rem;
  justify-content: flex-start;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .section--marc .is-flex {
    align-items: flex-start;
    flex-direction: column;
  }
}
.section--marc .is-flex > picture {
  flex-basis: auto;
}

.section--mondrian .media,
.section--mondrian .media img {
  display: block !important;
}
.section--mondrian .media {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.section--mondrian .media img {
  object-fit: cover;
}
.section--mondrian .paragraph {
  max-width: calc(1536px / 2);
  max-width: calc(var(--content-width) / 2);
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.section--monet h3 {
  font-size: 20px;
  font-size: var(--size-subheading);
  line-height: 1.3;
  margin: 0;
}
@media (min-width: 481px) {
  .section--monet .is-grid, .section--monet .footer__content,
  .section--monet .footer__colophon {
    grid-row-gap: calc(32px * 1);
    grid-row-gap: calc(var(--size-deco) * 1);
  }
}
@media (min-width: 769px) {
  .section--monet .is-grid, .section--monet .footer__content,
  .section--monet .footer__colophon {
    margin-top: 80px;
    grid-row-gap: calc(32px * 2);
    grid-row-gap: calc(var(--size-deco) * 2);
  }
}
.section--monet .post__thumbnail {
  height: auto;
}
.section--monet .paragraph {
  font-size: 20px;
  font-size: var(--size-subheading);
  line-height: 1.3;
  margin-bottom: 0;
  margin-top: 24px;
  max-width: max(760px, 66.667%);
}
@media (min-width: 1100px) {
  .section--monet .section__headline {
    max-width: 60%;
  }
}
.section--monet .post .card {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  margin-top: 1.5rem;
  padding: 0 1.5rem 1.8rem 1.5rem;
}
@media (min-width: 481px) {
  .section--monet .post .card {
    padding: 0 2rem 2.2rem 2rem;
  }
}
@media (min-width: 769px) {
  .section--monet .post .card {
    padding: 0 2.5rem 2.5rem 2.5rem;
  }
}
.section--monet .post .card__content {
  height: 100%;
}
.section--monet .post .card__content h4 {
  color: #142129;
  color: var(--color-blue);
  font-size: 20px;
  font-size: var(--size-subheading);
  line-height: 150%;
  margin: 0;
}
.section--monet .post .card__content p {
  font-size: 16px;
  font-size: var(--size-body-lg);
}
.section--monet .post .card__description {
  margin-top: 1rem;
}
.section--monet .post .card__link {
  padding: 0;
}
.section--monet.section--about-staff .post__thumbnail {
  aspect-ratio: 1/1;
}
.section--monet.section--services .link {
  display: block;
  margin-top: 2.5rem;
}
.section--monet.section--services .post {
  background-color: #ffffff;
  background-color: var(--color-white);
}
.section--monet.section--services .post--loop {
  gap: 0;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.section--munch {
  overflow: hidden;
}
@media (min-width: 769px) {
  .section--munch.direction--reverse .group--gallery {
    order: -1;
  }
}
.section--munch .group--gallery {
  cursor: grab;
  position: relative;
}
.section--munch .group--gallery:active {
  cursor: grabbing;
}
@media (min-width: 769px) {
  .section--munch .paragraph {
    max-width: calc(1536px / 2);
    max-width: calc(var(--content-width) / 2);
    max-width: min(1536px / 2, 100vw - 32px * 3 - 16px * 4);
    max-width: min(var(--content-width) / 2, 100vw - var(--size-deco-lg) * 3 - var(--size-body-lg) * 4);
  }
}
.section--munch .slider__slide figure {
  display: grid;
  grid-template-rows: 1fr auto;
  --calculated-section-padding-x: var(--section-padding-x);
  max-width: calc(100vw - var(--calculated-section-padding-x) * 2);
  height: 100%;
  margin: 0;
}
.section--munch .slider__slide figure .media {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.section--munch .slider__slide figure .media img {
  margin: 0 auto;
}
.section--munch .slider__slide figcaption {
  word-wrap: break-word;
  font-size: 1em;
  margin-top: 1em;
}
.section--munch .media {
  background-color: var(--color-cream) !important;
}
.section--munch .media {
  height: min(50vmin, 480px);
  width: auto;
}
.section--munch .media img,
.section--munch .media video {
  mix-blend-mode: multiply;
  opacity: 0.7;
  width: auto;
}
.section--munch .media video {
  opacity: 1;
}
.section--munch .slider__track--inner > * + * {
  margin-left: 14px;
  margin-left: var(--size-body);
}
.section--munch .slider__navigation {
  display: block;
  padding-top: 32px;
  padding-top: var(--size-deco);
  right: 0;
  text-align: right;
}
@media (min-width: 769px) {
  .section--munch .slider__navigation {
    position: absolute;
    right: 0;
  }
}

body.single-impact-area .section--munch .slider__slide {
  height: 100%;
}
body.single-impact-area .section--munch .slider__slide figcaption {
  padding-right: 80px;
}
body.single-impact-area .section--munch .slider__slide + .slider__slide {
  margin-left: 32px;
  margin-left: var(--section-padding-x);
}
body.single-impact-area .section--munch .slider__navigation {
  position: absolute;
  right: 0;
  width: auto;
  bottom: calc((100% - (100vw - 2em) * 0.57) / 2 - 16px);
  z-index: 10;
  padding-top: 0;
  transform: translateY(50%);
}

@media (min-width: 60em) {
  body.single-impact-area .section--munch .slider__slide {
    max-width: 1536px;
    max-width: var(--content-width);
    --calculated-section-padding-x: var(--section-padding-x);
    width: calc(100vw - var(--calculated-section-padding-x) * 2);
  }
  body.single-impact-area .section--munch .slider__slide figure {
    max-width: 1536px;
    max-width: var(--content-width);
  }
  body.single-impact-area .section--munch .slider__slide figure img {
    width: 100%;
    height: auto;
  }
  body.single-impact-area .section--munch .slider__slide + .slider__slide {
    margin-left: max(32px, (100vw - 1536px) / 2);
    margin-left: max(var(--section-padding-x), (100vw - var(--content-width)) / 2);
  }
  body.single-impact-area .section--munch .slider__navigation {
    bottom: -0.5em;
    transform: translateY(0);
  }
}
/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.section--picasso {
  overflow: hidden;
}
.section--picasso .group--row:not(:first-child) {
  border-top: 0.0625rem solid hsla(0deg, 0%, 0%, 0.25);
  padding: 2rem 0;
}
@media (min-width: 769px) {
  .section--picasso .link {
    grid-column: 2;
  }
}
.section--picasso .case-study {
  align-items: center;
  display: flex;
  gap: 24px;
}
@media (min-width: 769px) {
  .section--picasso .case-study {
    grid-area: 2/2;
  }
}
.section--picasso .case-study img {
  aspect-ratio: 1.7/1.3;
  width: 170px;
}
.section--picasso .case-study .content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.section--picasso .case-study .content h4 {
  font-size: 14px;
  font-size: var(--size-subheading-sm);
  line-height: 1.2;
  margin: 0;
}
.section--picasso .case-study .content a, .section--picasso .case-study .content .button, .section--picasso .case-study .content popover-root-menu label, popover-root-menu .section--picasso .case-study .content label {
  text-underline-offset: 0.2em;
  font-weight: 400;
  line-height: 1.5;
  padding: 0;
}
.section--picasso .section__headline {
  margin-bottom: 0;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.section--pollock .paragraph {
  display: inline-block;
  margin: 0;
  max-width: calc(1536px * 0.75);
  max-width: calc(var(--content-width) * 0.75);
}
.section--pollock .wrapper {
  padding-bottom: calc(32px * 2);
  padding-bottom: calc(var(--size-deco-lg) * 2);
  padding-top: calc(32px * 2);
  padding-top: calc(var(--size-deco-lg) * 2);
}
.section--pollock[data-style=default].section--career .paragraph, .section--pollock[data-style=default].section--career .paragraph > p > a, .section--pollock[data-style=default].section--career .paragraph > p > .button, .section--pollock[data-style=default].section--career popover-root-menu .paragraph > p > label, popover-root-menu .section--pollock[data-style=default].section--career .paragraph > p > label {
  font-size: 20px;
  font-size: var(--size-subheading);
  line-height: 1.3;
}
.section--pollock[data-style=default].section--career .wrapper {
  padding-top: max(60px, min(calc(4vw + 40px), 120px));
  padding-top: var(--section-padding-y);
}
[data-style=default] + .section--pollock[data-style=default].section--career .wrapper::before {
  background-color: #9AA0A3;
  background-color: var(--color-grey);
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  width: 1536px;
  width: var(--content-width);
  z-index: -1;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
@media (max-width: 480px) {
  .section--rembrandt {
    text-align: left;
  }
}
.section--rembrandt .quote {
  display: inline-block;
  margin: 0;
  max-width: calc(1536px * 0.75);
  max-width: calc(var(--content-width) * 0.75);
}
.section--rembrandt .quote__value {
  margin: 0;
  position: relative;
  quotes: "“" "”";
}
.section--rembrandt .quote__value::before {
  content: open-quote;
  margin-left: -0.75ch;
  position: absolute;
}
.section--rembrandt .quote__value::after {
  content: close-quote;
}
.section--rembrandt .quote__attribution {
  display: grid;
  margin-top: 24px;
  margin-top: var(--size-heading);
}

@media (min-width: 40em) {
  .section--rembrandt div[data-width-content] {
    display: flex;
    gap: 64px;
  }
  .section--rembrandt .quote {
    flex: 1 0 calc(50% - 64px);
  }
  .section--rembrandt .media {
    flex: 1 0 50%;
  }
  .section--rembrandt .media img {
    object-fit: cover;
    height: 100%;
  }
  .section--rembrandt .media--headshot img {
    aspect-ratio: 1/1;
    max-width: 170px;
    height: auto;
    width: 100%;
  }
  .section--rembrandt.section--headshot div[data-width-content] {
    display: flex;
    gap: 144px;
  }
  .section--rembrandt.section--headshot .media {
    flex: none;
  }
  .section--rembrandt.section--headshot .media img {
    aspect-ratio: 1/1;
    max-width: 170px;
    height: auto;
    width: 100%;
  }
}
/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.section--warhol {
  overflow: hidden;
}
@media (min-width: 1101px) {
  .section--warhol.direction--reverse .group--content {
    order: 1;
  }
  .section--warhol.direction--reverse .group--content:only-child {
    grid-column: 2;
  }
}
.section--warhol .group--content {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.section--warhol.valign--center .group--content {
  align-self: center;
}
.section--warhol.valign--bottom .group--content {
  align-self: flex-end;
}
.section--warhol .media {
  align-self: stretch;
}
@media (max-width: 1100px) {
  .section--warhol .media {
    grid-row: 1;
  }
}
.section--warhol .media img {
  object-fit: cover;
}
.section--warhol .media video {
  object-fit: contain;
}
.section--warhol .media:not(.media--video) {
  align-self: start;
}
@supports (aspect-ratio: 1/1) {
  .section--warhol .media:not(.media--video) {
    aspect-ratio: 1/1;
  }
}
.section--warhol .media:not(.media--video) img {
  height: 100%;
  width: 100%;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.section--vangogh .posts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 5rem 1.5rem;
}
.section--vangogh .posts .client {
  font-size: 12px;
  font-size: var(--size-body-sm);
  font-weight: 550;
  line-height: 1.2;
  margin: 1.5rem 0 0.5rem 0;
}
.section--vangogh .posts .case-study {
  position: relative;
}
.section--vangogh .posts .case-study h3 {
  font-size: 20px;
  font-size: var(--size-subheading);
  line-height: 1.3;
  margin: 0;
}
.section--vangogh .posts .case-study h3 > a, .section--vangogh .posts .case-study h3 > .button, .section--vangogh .posts .case-study popover-root-menu h3 > label, popover-root-menu .section--vangogh .posts .case-study h3 > label {
  padding: 0;
}
.section--vangogh .posts .case-study a, .section--vangogh .posts .case-study .button, .section--vangogh .posts .case-study popover-root-menu label, popover-root-menu .section--vangogh .posts .case-study label {
  font-weight: 550;
  text-decoration: none;
  transition: color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.section--vangogh .posts .case-study a::before, .section--vangogh .posts .case-study .button::before, .section--vangogh .posts .case-study popover-root-menu label::before, popover-root-menu .section--vangogh .posts .case-study label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section--vangogh .posts .case-study:hover, .section--vangogh .posts .case-study[focus-within] {
  color: #b3b8ba;
  color: var(--color-grey-lighter);
}
.section--vangogh .posts .case-study:hover, .section--vangogh .posts .case-study[focus-within] {
  color: #b3b8ba;
  color: var(--color-grey-lighter);
}
.section--vangogh .posts .case-study:hover, .section--vangogh .posts .case-study:focus-within {
  color: #b3b8ba;
  color: var(--color-grey-lighter);
}
.section--vangogh .posts .case-study:hover .logo, .section--vangogh .posts .case-study[focus-within] .logo {
  opacity: 0.7;
}
.section--vangogh .posts .case-study:hover .logo, .section--vangogh .posts .case-study:focus-within .logo {
  opacity: 0.7;
}
.section--vangogh .posts .logo {
  margin: 0;
}
.section--vangogh .posts .logo img {
  aspect-ratio: 195/109;
  height: auto;
  object-fit: cover;
  width: 100%;
}

@media (min-width: 50em) {
  .section--vangogh .posts {
    grid-template-columns: repeat(3, 1fr);
  }
}
.section--about-staff .post__subtitle {
  margin-top: 8px;
}
.section--about-staff .post__title {
  font-weight: 500;
  font-size: 14px;
  font-size: var(--size-body);
  margin-top: 16px;
}
.section--about-staff .post__thumbnail img {
  height: 200px;
  height: min(200px, 100vmin);
}

.section--about-studio .group--gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
}
.section--about-studio .group--gallery > :nth-child(odd) {
  align-self: center;
}
.section--about-studio .group--gallery > :nth-child(2n) {
  align-self: flex-start;
}
.section--about-studio .group--gallery > :nth-child(4n) {
  margin: auto;
  margin-top: 1em;
  align-self: flex-end;
}
.section--about-studio .group--gallery > :nth-child(5n+1) {
  flex-basis: 40%;
}

.section--archive .pagination {
  font-size: 20px;
  font-size: var(--size-subheading);
  line-height: 1.3;
  margin-top: 7.5rem;
  text-align: center;
}
.section--archive .pagination .button, .section--archive .pagination popover-root-menu label, popover-root-menu .section--archive .pagination label {
  padding: 0.2em;
  transition: color 150ms ease, text-decoration-color 150ms ease, opacity 300ms ease, visibility 300ms ease;
}
.section--archive .pagination .button:disabled, .section--archive .pagination popover-root-menu label:disabled, popover-root-menu .section--archive .pagination label:disabled {
  opacity: 0;
  visibility: hidden;
}

.section--post-archive .post__title {
  display: inline-block;
  font-size: 1em;
  font-weight: 500;
}
.section--post-archive .post__title span {
  margin: 0;
}
.section--post-archive .post__title:not(:only-child)::after {
  content: "—";
}
.section--post-archive .post__subtitle,
.section--post-archive .post__subtitle > p:first-child {
  display: contents;
}
@supports (aspect-ratio: initial) {
  .section--post-archive .post__thumbnail {
    aspect-ratio: var(--aspect-ratio);
  }
  .section--post-archive .post__thumbnail img {
    aspect-ratio: inherit;
  }
}

.section--project-archive {
  background-color: #f2f0eb;
  background-color: var(--color-paper);
}
.section--project-archive .wrapper {
  padding-top: 0;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */
/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.section--home-featured .post:first-child {
  grid-column: 1/-1;
}
.section--home-featured .post:first-child img {
  max-height: 48em;
  object-fit: cover;
}
@supports (aspect-ratio: 1/1) {
  @media (min-width: 769px) {
    .section--home-featured .post:first-child img {
      aspect-ratio: initial;
    }
  }
}
.section--home-featured .post:not(:first-child) img {
  aspect-ratio: 1.2/1;
  object-fit: cover;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.home .hero {
  display: flex;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.home .hero__wrapper {
  align-items: center;
  display: inherit;
  justify-content: center;
  min-height: 100vh;
  padding: 0 32px;
  padding: 0 var(--section-padding-x);
  width: 100%;
}
.home .hero .h1 {
  font-size: 56px;
  font-size: var(--size-heading-xxl);
  text-align: center;
}
.home .hero__scroll-indicator {
  align-items: center;
  bottom: 32px;
  bottom: var(--section-padding-x);
  display: flex;
  flex-direction: column;
  gap: 8px;
  left: 50%;
  position: absolute;
  text-decoration: none;
  transform: translateX(-50%);
  transition: opacity 0.3s ease;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.home .introduction .wrapper {
  padding-bottom: calc(max(60px, min(calc(4vw + 40px), 120px)) + 120px);
  padding-bottom: calc(var(--section-padding-y) + 120px);
}
@media (min-width: 1101px) {
  .home .introduction .wrapper {
    padding-bottom: calc(max(60px, min(calc(4vw + 40px), 120px)) + 200px);
    padding-bottom: calc(var(--section-padding-y) + 200px);
  }
}
.home .introduction .wrapper > .space-block--deco {
  align-items: flex-start;
  display: flex;
  flex-direction: column-reverse;
  margin-top: 0;
}
@media (min-width: 769px) {
  .home .introduction .wrapper > .space-block--deco {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.home .introduction .wrapper > .space-block--deco .introduction__columns {
  margin-top: 0;
}
.home .introduction .wrapper > .space-block--deco picture {
  margin-left: 0;
  margin-top: 24px;
  max-width: 64px;
}
@media (min-width: 769px) {
  .home .introduction .wrapper > .space-block--deco picture {
    margin-left: 24px;
    margin-top: 0;
    max-width: 184px;
  }
}

.home .section--home-services {
  padding-top: max(60px, min(calc(4vw + 40px), 120px));
  padding-top: var(--section-padding-y);
  background-color: #f2f0eb;
  background-color: var(--color-paper);
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */ /* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.section--single-metadata .wrapper::before,
.section--single-pagination .wrapper::before {
  background-color: hsla(0deg, 0%, 0%, 0.25);
  content: "";
  display: block;
  height: 0.065rem;
  left: 0;
  margin: auto;
  max-width: calc(100% - 32px * 2);
  max-width: calc(100% - var(--size-deco-lg) * 2);
  max-width: calc(100% - min(7.5vw, 32px) * 2);
  max-width: calc(100% - min(7.5vw, var(--size-deco-lg)) * 2);
  position: absolute;
  right: 0;
  top: 0;
  width: 1536px;
  width: var(--content-width);
}

.section--single-metadata {
  padding-top: 2.5rem;
}
.section--single-metadata .layout--outer {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 32px;
  grid-gap: var(--size-deco);
}
@media (max-width: 768px) {
  .section--single-metadata .layout--outer {
    grid-auto-flow: row;
  }
}
.section--single-metadata .layout--inner {
  display: grid;
  grid-gap: 6rem;
}
@media (min-width: 481px) {
  .section--single-metadata .layout--inner {
    grid-template-columns: repeat(2, auto);
  }
}
.section--single-metadata .metadata__details {
  font-size: 14px;
  font-size: var(--size-body);
  line-height: 1.4;
  list-style: none;
  margin: 0;
  padding: 0;
}
.section--single-metadata .metadata__title {
  margin-bottom: 1.142em;
}
.section--single-metadata .section__title {
  font-size: 26px;
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.section--single-pagination .layout--outer {
  display: grid;
  grid-gap: 32px;
  grid-gap: var(--size-deco);
}

body.single-project .section--warhol .section__headline, body.single-project .section--abbott .section__headline {
  margin-bottom: 0;
}
body.single-project .section--warhol .section__title, body.single-project .section--abbott .section__title {
  font-size: 26px;
}

body.single-impact-area {
  --background_color: var(--color-white);
  /* Account for header changing position */
}
body.single-impact-area .page__content {
  background-color: var(--background_color);
  transition: background-color 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
body.single-impact-area[data-scroll-active=true]:not([data-footer-active=true]) .page__header {
  background-color: #f2f0eb !important;
  background-color: var(--color-paper) !important;
}
body.single-impact-area .section.section__impact-introduction {
  background-color: #f2f0eb;
  background-color: var(--color-paper);
}
@media (max-width: 768px) {
  body.single-impact-area .section.section__impact-introduction {
    background-color: var(--color);
  }
  body.single-impact-area .section.section__impact-introduction + [data-style=light] .wrapper {
    padding-top: max(60px, min(calc(4vw + 40px), 120px));
    padding-top: var(--section-padding-y);
  }
}
@media (min-width: 769px) {
  body.single-impact-area .section.section__impact-introduction .section__wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 769px) {
  body.single-impact-area .section.section__impact-introduction .section__wrapper > div {
    background-color: var(--color);
    transform: translateY(-120px);
    padding: 5rem 10rem 7.5rem 10rem;
  }
}
body.single-impact-area .section.section__impact-introduction .section__wrapper > div .content p {
  font-size: 18px;
  font-size: var(--size-body-xl);
  line-height: 1.35;
}
body.single-impact-area .section.section__impact-introduction .section__wrapper > div .content p:not(:last-child) {
  margin-bottom: 1rem;
}
body.single-impact-area .section.section__impact-introduction .section__wrapper > div h2 {
  color: #142129;
  color: var(--color-blue);
  font-size: 36px;
  font-size: var(--size-heading-xl);
  line-height: 1.1;
  margin: 2.5rem 0 max(1.5rem, min(3.75vw, 5rem)) 0;
}
body.single-impact-area .section.section--pollock {
  position: relative;
}
body.single-impact-area .section.section--pollock .wrapper {
  padding-top: calc(32px * 2);
  padding-top: calc(var(--size-deco-lg) * 2);
}
body.single-impact-area .section.section--pollock .paragraph {
  max-width: 800px;
  font-size: 14px;
  font-size: var(--size-body);
}
body.single-impact-area .section.section--pollock .paragraph a, body.single-impact-area .section.section--pollock .paragraph .button, body.single-impact-area .section.section--pollock .paragraph popover-root-menu label, popover-root-menu body.single-impact-area .section.section--pollock .paragraph label {
  font-size: 16px;
  font-size: var(--size-button);
}
body.single-impact-area .section.section--pollock .paragraph p > strong:only-child {
  font-size: 30px;
  font-size: var(--size-heading-lg);
}
body.single-impact-area .section.section--picasso {
  margin-top: calc(-1 * 32px + 1.5em);
  margin-top: calc(-1 * var(--size-deco-lg) + 1.5em);
  /*.paragraph {
    ul {
      list-style: none;
    }

    li {
    }
  }*/
}
body.single-impact-area .section.section--picasso.paragraph > ul {
  display: block;
  list-style-type: disc;
  margin: 0;
  padding: 0;
}
body.single-impact-area .section.section--picasso.paragraph > ul li {
  margin: 0.5em 0;
}
body.single-impact-area .section strong > em:only-child,
body.single-impact-area .section em > strong:only-child {
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size: 1em;
}
body.single-impact-area .section__impact-introduction + .is-grid .section--vangogh, body.single-impact-area .section__impact-introduction + .footer__content .section--vangogh,
body.single-impact-area .section__impact-introduction + .footer__colophon .section--vangogh {
  background: #f2f0eb;
  background: var(--color-paper);
}
@media (max-width: 768px) {
  body.single-impact-area[data-scroll-active=true]:not([data-footer-active=true]) .section__impact-introduction + .is-grid .section--vangogh .wrapper, body.single-impact-area[data-scroll-active=true]:not([data-footer-active=true]) .section__impact-introduction + .footer__content .section--vangogh .wrapper,
  body.single-impact-area[data-scroll-active=true]:not([data-footer-active=true]) .section__impact-introduction + .footer__colophon .section--vangogh .wrapper {
    padding-top: max(3.5em, min(67px, 4.5em));
  }
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
.section--work-clients .group--gallery {
  grid-gap: 16px;
  grid-gap: var(--size-body-lg);
}
.section--work-clients .media {
  background-color: var(--color-cream-tint) !important;
}
.section--work-clients .media {
  filter: grayscale(100%);
  height: 20em;
  height: min(20em, 33.3333333333vw);
  opacity: 0.75;
  width: 100%;
}
@supports (aspect-ratio: 4/3) {
  .section--work-clients .media {
    aspect-ratio: 4/3;
    height: auto;
  }
}
@media (min-width: 769px) {
  .section--work-clients .paragraph {
    text-align: right;
  }
}

/* stylelint-disable scss/dollar-variable-empty-line-before */ /* stylelint-disable custom-property-pattern */
section.section--service [data-editor] {
  display: contents;
}
section.section--service [data-editor] > :first-child {
  padding-top: 0;
  margin-top: 0;
}
section.section--service .case-study .heading {
  margin-bottom: 15px;
  font-weight: 500;
  font-style: normal;
}

body.page-template-template-service .hero__wrapper {
  padding-bottom: 0;
}
body.page-template-template-service .post__content {
  max-width: 65%;
  width: 100%;
}
@media (max-width: 768px) {
  body.page-template-template-service .post__content {
    max-width: 100%;
  }
}
body.page-template-template-service .gallery {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-end;
  align-items: flex-end;
  justify-content: space-between;
}
body.page-template-template-service .gallery picture:nth-child(1) {
  flex-basis: calc(50% - 20px);
}
@media (max-width: 768px) {
  body.page-template-template-service .gallery picture:nth-child(1) {
    flex-basis: 100%;
  }
}
body.page-template-template-service .gallery picture:nth-child(2) {
  flex-basis: calc(50% - 20px);
}
@media (max-width: 768px) {
  body.page-template-template-service .gallery picture:nth-child(2) {
    flex-basis: 100%;
  }
}
body.page-template-template-service .gallery picture:nth-child(3) {
  flex-basis: calc(75% - 20px);
}
@media (max-width: 768px) {
  body.page-template-template-service .gallery picture:nth-child(3) {
    flex-basis: 100%;
  }
}
body.page-template-template-service .gallery picture:nth-child(4) {
  flex-basis: calc(25% - 20px);
}
@media (max-width: 768px) {
  body.page-template-template-service .gallery picture:nth-child(4) {
    flex-basis: 100%;
  }
}

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