@charset "UTF-8";
/* -----------------------------------------------------------------------------
/* -----------------------------------------------------------------------------
 *
 * Interaction Consortium Frontend Framework
 * http://www.interaction.net.au
 *
 * MAIN STYLESHEET
 *
 * -----------------------------------------------------------------------------
 */
@font-face {
  font-family: "graebenbach";
  src: url("../eot/graebenbach-regular.eot");
  src: url("../eot/graebenbach-regulard41d.eot#iefix") format("embedded-opentype"), url("../woff/graebenbach-regular.woff") format("woff"), url("../ttf/graebenbach-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "graebenbach";
  src: url("../eot/graebenbach-bold.eot");
  src: url("../eot/graebenbach-boldd41d.eot#iefix") format("embedded-opentype"), url("../woff/graebenbach-bold.woff") format("woff"), url("../ttf/graebenbach-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "graebenbach";
  src: url("../eot/graebenbach-regularitalic.eot");
  src: url("../eot/graebenbach-regularitalicd41d.eot#iefix") format("embedded-opentype"), url("../woff/graebenbach-regularitalic.woff") format("woff"), url("../ttf/graebenbach-regularitalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "graebenbach mono";
  src: url("../eot/graebenbachmono-regular.eot");
  src: url("../woff/graebenbachmono-regular.woff") format("woff"), url("../ttf/graebenbachmono-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "graebenbach mono";
  src: url("../eot/graebenbachmono-bold.eot");
  src: url("../woff/graebenbachmono-bold.woff") format("woff"), url("../ttf/graebenbachmono-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
:root,
.bg__white,
.bg__grey-xxlight,
.bg__coral,
.bg__machine-green,
.bg__urban-purple,
.bg__pigeon-blue,
.bg__tooling-bronze {
  --black: #000000;
  --grey-dark: #333333;
  --grey-medium: #757575;
  --grey-light: #A3A3A3;
  --grey-xlight: #B5B5B5;
  --grey-xxlight: #F5F5F5;
  --white: #ffffff;
  --black-rgb: 0, 0, 0;
  --white-rgb: 255, 255, 255;
}

.bg__black {
  --black: #ffffff;
  --grey-dark: #cccccc;
  --grey-medium: #8a8a8a;
  --grey-light: #666666;
  --grey-xlight: #4a4a4a;
  --grey-xxlight: #111111;
  --white: #000000;
}

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/
html {
  -moz-tab-size: 4;
  tab-size: 4;
}

/**
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;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--black);
  text-wrap: pretty;
}

/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
  text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, 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;
}

/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
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 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
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.
*/
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-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.
*/
::-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 Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Added by Hon
=============
*/
/**
Remove margin on type
*/
h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
  margin-block: 0;
}

/**
Make all text links black
*/
a {
  color: var(--black);
}

/**
Remove styling on lists
*/
ul,
ol {
  list-style-type: none;
  margin-block: 0;
  padding-inline-start: 0;
}

/**
Remove blockquote, figure styling
*/
figure,
blockquote {
  margin-block: 0;
  margin-inline: 0;
}

/**
Reset buttons
*/
button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
}

/**
Remove horizontal scroll
*/
body {
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

.form-errors {
  color: #cd2c2c;
}

label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.25;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
  display: block;
  margin-bottom: 1rem;
  padding: 0;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.25;
}

input,
textarea,
select {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.25;
}
@media screen and (min-width: 1024px) {
  input,
  textarea,
  select {
    font-size: 1.5rem;
  }
}
input + .errorlist,
textarea + .errorlist,
select + .errorlist {
  margin-top: -1rem;
  margin-bottom: 2rem;
  font-size: 0.875rem;
  color: #cd2c2c;
}

input {
  padding: 0.5rem;
  border: none;
  border-bottom: 1px solid #000000;
  border-radius: 0;
}

.bg__grey-xxlight input,
.bg__coral input,
.bg__machine-green input,
.bg__urban-purple input,
.bg__pigeon-blue input,
.bg__tooling-bronze input,
.bg__black input {
  border-bottom: none;
}

textarea,
select {
  padding: 0.5rem;
  border: 1px solid #000000;
}

::-webkit-input-placeholder {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  color: #757575;
}
@media screen and (min-width: 1024px) {
  ::-webkit-input-placeholder {
    font-size: 1.5rem;
  }
}

::-moz-placeholder {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  color: #757575;
}
@media screen and (min-width: 1024px) {
  ::-moz-placeholder {
    font-size: 1.5rem;
  }
}

:-ms-input-placeholder {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  color: #757575;
}
@media screen and (min-width: 1024px) {
  :-ms-input-placeholder {
    font-size: 1.5rem;
  }
}

:-moz-placeholder {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  color: #757575;
}
@media screen and (min-width: 1024px) {
  :-moz-placeholder {
    font-size: 1.5rem;
  }
}

input[type=checkbox],
input[type=radio] {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  height: 20px;
  width: 20px;
  padding: 0;
  margin: 0.5rem;
  margin-left: 0;
  transform: translateY(-0.1em);
  cursor: pointer;
}

.checkbox-list ul > li {
  margin-bottom: 0.5rem;
}
.checkbox-list label {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.25;
  position: relative;
  padding-left: 2rem;
}
@media screen and (min-width: 1024px) {
  .checkbox-list label {
    font-size: 1.5rem;
  }
}
.checkbox-list label input {
  margin: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

form button,
form input[type=submit],
form input[type=button],
form input[type=reset] {
  display: inline-block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border: solid #000000 1px;
  padding: 0.75rem 1rem;
  margin: 0.5rem 0;
}
form button:hover,
form input[type=submit]:hover,
form input[type=button]:hover,
form input[type=reset]:hover {
  background-color: #00CF9E;
  border-color: #00CF9E;
  color: var(--black);
  cursor: pointer;
}

[disabled] {
  opacity: 0.5 !important;
  cursor: default !important;
}

.custom-checkbox,
.custom-radio {
  position: relative;
  z-index: 0;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 2rem;
}
.custom-checkbox:hover,
.custom-radio:hover {
  cursor: pointer;
}
.custom-checkbox,
.custom-checkbox label,
.custom-radio,
.custom-radio label {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
}
.custom-checkbox input,
.custom-checkbox .indicator,
.custom-radio input,
.custom-radio .indicator {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  transform: none;
  width: 1.125rem;
  height: 1.125rem;
}
.custom-checkbox input,
.custom-radio input {
  z-index: -1;
  opacity: 0;
}
.custom-checkbox input:focus,
.custom-radio input:focus {
  outline-style: dotted !important;
  outline-color: rgb(125, 125, 125) !important;
  outline-width: 2px !important;
  outline-offset: 3px !important;
  opacity: 1 !important;
}
.custom-checkbox .indicator,
.custom-radio .indicator {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  border: 1px solid #000000;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
}
.custom-checkbox input:checked ~ .indicator,
.custom-radio input:checked ~ .indicator {
  background-color: #000000;
}
.custom-checkbox input:disabled ~ .indicator,
.custom-radio input:disabled ~ .indicator {
  opacity: 0.25;
}

.custom-radio .indicator {
  border-radius: 50%;
}

.wrapper {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .wrapper {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .wrapper {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .wrapper {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}

.left-column {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .left-column {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .left-column {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-left: 3rem;
    margin-right: 0;
  }
}
@media screen and (min-width: 1660px) {
  .left-column {
    margin-left: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .left-column .left-column .right-column {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.left-column--mx-0 {
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 1024px) {
  .left-column__1366-break {
    width: 100%;
    padding-right: 0;
    float: none;
  }
}
@media screen and (min-width: 1366px) {
  .left-column__1366-break {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 1366px) and (min-width: 768px) {
  .left-column__1366-break {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1366px) and (min-width: 1024px) {
  .left-column__1366-break {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-left: 3rem;
    margin-right: 0;
  }
}
@media screen and (min-width: 1366px) and (min-width: 1660px) {
  .left-column__1366-break {
    margin-left: 4rem;
  }
}

.right-column {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .right-column {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .right-column {
    grid-column-start: 3;
    grid-column-end: 5;
    margin-left: 0;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .right-column {
    margin-right: 4rem;
  }
}

.right-column__1366-break .right-column__1366-break {
  width: 100%;
  padding-left: 0;
}
@media screen and (min-width: 1366px) {
  .right-column__1366-break {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 1366px) and (min-width: 768px) {
  .right-column__1366-break {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1366px) and (min-width: 1024px) {
  .right-column__1366-break {
    grid-column-start: 3;
    grid-column-end: 5;
    margin-left: 0;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1366px) and (min-width: 1660px) {
  .right-column__1366-break {
    margin-right: 4rem;
  }
}

.right-column--bg-white {
  background-color: white;
}

.full-width {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 1024px) {
  .full-width {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
@media screen and (min-width: 768px) {
  .full-width {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .full-width {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .full-width {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .section,
  .simple-section {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 2rem;
  }
}

.page-section__anchor {
  display: none;
}

.content-block {
  clear: both;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.spektrix-container {
  margin-left: -1rem;
  margin-right: -1rem;
}
.spektrix-container iframe {
  border: none;
}

body {
  font-family: "graebenbach", Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.4;
}
@media screen and (min-width: 1366px) {
  body {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1920px) {
  body {
    font-size: 1.375rem;
  }
}

header h1, header h2, header h3 {
  width: 90%;
  max-width: 25ch;
  text-wrap: balance;
}

h1,
.h1 {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 2rem;
  margin-bottom: 2rem;
  hyphens: auto;
}
@media screen and (min-width: 1366px) {
  h1,
  .h1 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}

.h1--small {
  font-size: 2.25rem;
}
@media screen and (min-width: 768px) {
  .h1--small {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1366px) {
  .h1--small {
    font-size: 6rem;
  }
}
@media screen and (min-width: 1920px) {
  .h1--small {
    font-size: 8rem;
  }
}

.h1--medium {
  font-size: 3rem;
}
@media screen and (min-width: 768px) {
  .h1--medium {
    font-size: 6rem;
  }
}
@media screen and (min-width: 1366px) {
  .h1--medium {
    font-size: 8rem;
  }
}
@media screen and (min-width: 1920px) {
  .h1--medium {
    font-size: 10rem;
  }
}

.h1--large {
  font-size: 6rem;
}
@media screen and (min-width: 1366px) {
  .h1--large {
    font-size: 8rem;
  }
}
@media screen and (min-width: 1920px) {
  .h1--large {
    font-size: 10rem;
  }
}

.h1--mx-0 {
  margin-top: 0;
  margin-bottom: 0;
}

h2,
.h2 {
  font-size: 1.875rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  line-height: 1;
}
@media screen and (min-width: 1366px) {
  h2,
  .h2 {
    font-size: 2.625rem;
  }
}
@media screen and (min-width: 1920px) {
  h2,
  .h2 {
    font-size: 3rem;
  }
}
h2 + *,
.h2 + * {
  margin-top: 1em;
}

h3 {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (min-width: 1366px) {
  h3 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1920px) {
  h3 {
    font-size: 1.875rem;
  }
}
h3 + * {
  margin-top: 1em;
}

.richtext {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .richtext {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .richtext {
    grid-column-start: 3;
    grid-column-end: 5;
    margin-left: 0;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .richtext {
    margin-right: 4rem;
  }
}
.simple-section .richtext {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .simple-section .richtext {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .simple-section .richtext {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-left: 3rem;
    margin-right: 0;
  }
}
@media screen and (min-width: 1660px) {
  .simple-section .richtext {
    margin-left: 4rem;
  }
}
.richtext h3 {
  border-top: solid var(--black) 1px;
  border-bottom: solid var(--black) 1px;
  padding: 0.5rem 0;
}
.richtext p:first-child {
  margin-top: 0;
}
.richtext ul {
  list-style-type: "– ";
  list-style-position: inside;
}
.richtext ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.richtext li {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .richtext {
    padding-top: 2rem;
  }
}

.richtext--pt-0 {
  padding-top: 0;
}

p + * {
  margin-top: 1em;
}

.footnote {
  font-size: 0.875rem;
}
.footnote p {
  margin: 0 0 0.5rem 9px;
}
.footnote p:first-child::before {
  content: "•  ";
}
.footnote p:first-child {
  text-indent: -9px;
}

.styled-heading.content-block {
  padding-bottom: 0;
}

img.lazyload, img.lazyloading {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
img.lazyloaded {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

/* Modal Dialog Windows */
@-webkit-keyframes modal-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.has-dialog {
  height: 100vh;
  overflow: hidden;
}

.dialog-hidden {
  display: none;
}
.no-js .dialog-hidden {
  display: block;
}

.dialog-backdrop {
  position: fixed;
  z-index: -10;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  outline: 0;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
}
.dialog-backdrop.active {
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-animation: modal-fade-in 0.5s ease-in-out forwards;
  animation: modal-fade-in 0.5s ease-in-out forwards;
}

.dialog-modal {
  height: 100vh;
  position: relative;
}

.dialog-inner {
  width: auto;
  max-width: 900px;
  min-height: 100%;
  margin: auto;
  padding: 100px 20px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.dialog-inner iframe {
  margin: 0;
}

.dialog-content {
  padding: calc(1rem + 1vw);
  background-color: #FFFFFF;
  position: relative;
  z-index: 1;
  -ms-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
}

.dialog-close {
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 40px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.no-js .dialog-close {
  display: none;
}

.dialog-close-overlay {
  position: fixed;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  text-indent: 10000px;
  border: none;
  border-radius: 0;
  background-color: transparent;
  cursor: default;
}
.dialog-close-overlay:hover {
  opacity: 1;
}
.no-js .dialog-close-overlay {
  display: none;
}

/* Simple JS Slide Toggle */
.js-slide-toggle {
  display: inline-block;
  position: relative;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-align: inherit;
  text-transform: inherit;
  border: inherit;
  background: transparent;
  box-shadow: none;
}

lite-youtube,
lite-vimeo {
  position: relative;
  display: block;
  height: 85%;
  contain: content;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
}

/* gradient */
lite-youtube::after,
lite-vimeo::after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

lite-youtube > iframe,
lite-vimeo > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}

/* facade image */
.lyt-facade,
.ltv-facade {
  height: 100%;
  background-size: cover;
}

/* play button */
lite-youtube > .lty-playbtn,
lite-vimeo > .ltv-playbtn {
  display: block;
  position: absolute;
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%;
  z-index: 1;
  aspect-ratio: 1;
  background-image: url("../svg/play.svg");
  background-size: contain;
  width: 8%;
  opacity: 0.6;
  transition: opacity 0.5s;
}

/* remove play button for video lists */
.video-list__item > lite-youtube > .lty-playbtn,
.video-list__item > lite-vimeo > .ltv-playbtn {
  display: none;
}

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus,
lite-vimeo:hover > .ltv-playbtn,
lite-vimeo .ltv-playbtn:focus {
  opacity: 1;
}

/* Post-click styles */
lite-youtube.lyt-activated,
lite-vimeo.ltv-activated {
  cursor: unset;
}

/* This hides everything that sits above and below video */
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn,
lite-youtube.lyt-activated > .media-embed--video-title,
lite-youtube.lyt-activated > .media-embed__facade-image,
lite-youtube.lyt-activated > .lyt-facade,
lite-vimeo.ltv-activated::before,
lite-vimeo.ltv-activated > .ltv-playbtn,
lite-vimeo.ltv-activated > .media-embed--video-title,
lite-vimeo.ltv-activated > .media-embed__facade-image,
lite-vimeo.ltv-activated > .ltv-facade {
  opacity: 0;
  pointer-events: none;
}

.lyt-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0 10% 0 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  padding: 0 1rem;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow {
  cursor: pointer;
}
.slick-arrow.slick-disabled {
  opacity: 0.35;
}
.slick-arrow.slick-hidden {
  display: none;
}

html.no-js .no-js-hide {
  display: none;
}

/* Wrap text */
.wrap-text {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
}

/* Clearfix */
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

/* Spacing */
.m0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-32 {
  margin-bottom: 8rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

/* Borders */
.border-t-1 {
  border-top: solid var(--black) 1px;
}

.border-b-1 {
  border-bottom: solid var(--black) 1px;
}

.border-0 {
  border: none;
}

/* Background */
.bg__black {
  background-color: black;
  color: var(--black);
}

.bg__white {
  background-color: white;
  color: var(--black);
}

.bg__grey-xxlight {
  background-color: #F5F5F5;
  color: var(--black);
}

.bg__coral {
  background-color: #FF675D;
  color: var(--black);
}

.bg__machine-green {
  background-color: #00CF9E;
  color: var(--black);
}

.bg__urban-purple {
  background-color: #C29BFF;
  color: var(--black);
}

.bg__pigeon-blue {
  background-color: #7D9BB8;
  color: var(--black);
}

.bg__tooling-bronze {
  background-color: #C18D71;
  color: var(--black);
}

/* Display */
.block {
  display: block;
}

/* Width */
.w-fb {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

/* Columns */
.column-count-2 {
  column-count: 2;
}

/* Buttons */
button {
  cursor: pointer;
}

/* Screen Readers */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}

.sr-only-focusable {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none;
  opacity: 1;
}

.sr-unmarked-list li::before {
  content: "​";
  position: absolute;
}

.sr-skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}
.sr-skip-link:focus, .sr-skip-link:active {
  z-index: 999;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  display: inline-block;
  height: auto;
  width: auto;
  margin: 1rem 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: visible;
  clip: auto;
  clip-path: none;
  border-radius: 0;
  background-color: #00CF9E;
  color: #000000;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  transition: none !important;
}

.accessibility-nav {
  position: relative;
  z-index: 9999;
  text-align: center;
  height: 0;
}

.accessibility-nav--absolute {
  position: absolute;
  z-index: 9999;
  left: 50%;
  top: 2rem;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* Responsive Embeds */
.responsive-object,
.responsive-embed {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #333333;
  overflow: hidden;
}
.responsive-object::before,
.responsive-embed::before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.responsive-object .responsive-embed__item,
.responsive-object iframe,
.responsive-object embed,
.responsive-object object,
.responsive-object video,
.responsive-embed .responsive-embed__item,
.responsive-embed iframe,
.responsive-embed embed,
.responsive-embed object,
.responsive-embed video {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}

.responsive-embed--max-h-screen {
  max-height: 100vh;
}

.responsive-embed.aspect-ratio-16by9::before {
  padding-top: 56.25%;
}

.responsive-embed.aspect-ratio-4by3::before {
  padding-top: 75%;
}

.responsive-embed.aspect-ratio-2by1::before {
  padding-top: 50%;
}

.responsive-embed.aspect-ratio-1by1::before {
  padding-top: 100%;
}

.responsive-embed.aspect-ratio-21by9::before {
  padding-top: 42.8571428571%;
}

.site-header {
  background-color: var(--white);
  box-shadow: inset 0 -1px var(--black);
}

.site-header__inner {
  position: relative;
  height: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .site-header__inner {
    height: 72px;
  }
}
@media screen and (min-width: 1366px) {
  .site-header__inner {
    height: 79px;
  }
}

.site-logo {
  position: absolute;
  top: 15px;
  width: 100%;
  height: 25px;
  width: auto;
}
@media screen and (min-width: 1024px) {
  .site-logo {
    height: 38px;
    top: 19px;
  }
}
@media screen and (min-width: 1366px) {
  .site-logo {
    height: 32px;
    top: 19px;
  }
}

.site-logo--start-visible {
  animation: fade-out-in 8s infinite;
}

.site-logo--start-hidden {
  animation: fade-in-out 8s infinite;
}

@keyframes fade-out-in {
  0%, 100% {
    opacity: 1;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  62.5% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87.5% {
    opacity: 0;
  }
}
@keyframes fade-in-out {
  0%, 100% {
    opacity: 0;
  }
  12.5% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37.5% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  62.5% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  87.5% {
    opacity: 1;
  }
}
.site-nav {
  height: 100%;
}

.site-nav__list {
  display: flex;
  align-items: center;
  height: 100%;
}
.site-nav__list a {
  text-decoration: none;
}
.site-nav__list button {
  font-weight: inherit;
  text-transform: inherit;
}

.site-nav__item {
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (min-width: 1366px) {
  .site-nav__item {
    font-size: 1.125rem;
  }
}
.site-nav__item + .site-nav__item {
  margin-left: 2rem;
}

.site-nav__item--border-l {
  border-left: solid black 1px;
}

.site-nav__item--border-r {
  border-right: solid black 1px;
}

.site-nav__item--pl-4 {
  padding-left: 1rem;
}

.site-nav__item--pr-4 {
  padding-right: 1rem;
}

.site-nav__item--mobile-hide {
  display: none;
}
@media screen and (min-width: 768px) {
  .site-nav__item--mobile-hide {
    display: flex;
  }
}

.site-nav__item--tablet-hide {
  display: none;
}
@media screen and (min-width: 840px) {
  .site-nav__item--tablet-hide {
    display: flex;
  }
}

.site-nav__item-content {
  display: block;
}
.site-nav__item-content:hover {
  color: var(--grey-medium);
}

.site-nav__icon {
  display: inline-block;
  width: 1.25rem;
  color: inherit;
}

spektrix-basket-summary {
  position: relative;
}
spektrix-basket-summary[count="0"]:after {
  display: none;
}
spektrix-basket-summary:after {
  content: attr(count);
  position: absolute;
  top: 8%;
  left: 12px;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #00CF9E;
  font-size: 0.75rem;
  font-family: "graebenbach", Arial, sans-serif;
  font-weight: 400;
  color: white;
  text-align: center;
}

.site-nav__secondary-menu-list {
  display: none;
}

.site-nav__item:hover .site-nav__secondary-menu-list {
  display: block;
  position: absolute;
  z-index: 6;
  top: 45px;
  width: 12rem;
  padding: 0 1rem;
}
.site-nav__item:hover .site-nav__secondary-menu-list a {
  color: inherit;
}
.site-nav__item:hover .site-nav__secondary-menu-list a:hover {
  color: var(--grey-dark);
}
@media screen and (min-width: 1024px) {
  .site-nav__item:hover .site-nav__secondary-menu-list {
    top: 55px;
  }
}
@media screen and (min-width: 1366px) {
  .site-nav__item:hover .site-nav__secondary-menu-list {
    top: 65px;
  }
}

.site-nav__secondary-menu-item {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.site-nav__secondary-menu-item:first-child {
  margin-top: 1rem;
}
.site-nav__secondary-menu-item:last-child {
  margin-bottom: 1rem;
}

.site-nav-modal__wrapper {
  min-height: 100dvh;
  padding-bottom: 250px;
}

.site-nav-modal__links-list {
  margin-top: 2rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.875rem;
  font-weight: bold;
  text-transform: uppercase;
}
.site-nav-modal__links-list a {
  text-decoration: none;
}

.site-nav-modal__links-item:hover {
  color: var(--grey-dark);
}
.site-nav-modal__links-item a {
  color: inherit;
}
.site-nav-modal__links-item .site-nav-modal__links-button {
  padding-top: 3.75px;
  padding-bottom: 3.75px;
}

.site-nav-modal__open-button {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.875rem;
  font-weight: bold;
  text-transform: uppercase;
}

.site-nav-modal__open-button,
.site-nav-modal__close-button,
.site-nav-modal__links-button {
  font-weight: 600;
  cursor: pointer;
  text-transform: uppercase;
}

.site-nav-modal__open-button-arrow {
  display: inline-block;
  color: #00CF9E;
  width: 20px;
}

.site-nav-modal__secondary-links-list {
  font-size: 1.25rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .site-nav-modal__secondary-links-list {
    display: flex;
    flex-wrap: wrap;
  }
}

.site-nav-modal__secondary-links-item {
  margin-right: 2rem;
  color: var(--black);
}
.site-nav-modal__secondary-links-item:hover {
  color: #757575;
}

.page-header--h2 {
  margin-bottom: 2rem;
  font-family: "graebenbach", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.25;
  text-transform: none;
}
@media screen and (min-width: 768px) {
  .page-header--h2 {
    font-size: 1.875rem;
  }
}

.hero-canvas {
  position: relative;
}

.hero-canvas__image {
  width: 100%;
}

.hero-canvas__image--border {
  border-style: solid;
  border-width: 1rem;
}
@media screen and (min-width: 768px) {
  .hero-canvas__image--border {
    border-width: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .hero-canvas__image--border {
    border-width: 3rem;
  }
}
@media screen and (min-width: 1666px) {
  .hero-canvas__image--border {
    border-width: 4rem;
  }
}

.header--image {
  display: block;
  aspect-ratio: 3/4;
  width: 100%;
  object-fit: cover;
}
.header--image.aspect-ratio-natural {
  aspect-ratio: auto !important;
}
@media screen and (max-width: 1023px) {
  .header--image.mobile-hide {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .header--image.mobile-version {
    display: none;
  }
}
.header--image img {
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .header--image {
    aspect-ratio: 29/30;
  }
}
@media screen and (min-width: 1024px) {
  .header--image {
    aspect-ratio: 76/47;
  }
}
@media screen and (min-width: 1366px) {
  .header--image {
    aspect-ratio: 5/2;
  }
}
.header--video {
  position: relative;
}
.header--video img {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (prefers-reduced-motion: reduce) {
  .header--video iframe {
    display: none;
  }
}
@media screen and (prefers-reduced-motion) {
  .header--video iframe {
    display: none;
  }
}

.breadcrumb {
  border-bottom: solid black 1px;
  left: 0;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
}

.breadcrumb__item {
  font-size: 0.875rem;
  line-height: 1;
  display: inline-block;
}
@media screen and (min-width: 1366px) {
  .breadcrumb__item {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  .breadcrumb__item {
    font-size: 1.125rem;
  }
}
.breadcrumb__item a {
  text-decoration: none;
}

.breadcrumb__icon {
  display: inline-block;
  margin: 0 0.5rem;
}

.pagination {
  list-style-type: none;
  margin: 2rem 0;
  padding: 0;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
}
.pagination a {
  text-decoration: none;
}
.pagination a:hover {
  text-decoration: underline;
}

.pagination__item {
  display: inline-block;
  min-width: 2.5em;
  min-height: 2.5em;
  margin-bottom: 0.5em;
  line-height: 2.35;
  text-align: center;
  border: 1px solid transparent;
  cursor: pointer;
}
.pagination__item.active {
  border-color: var(--black);
}

.tickertape {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-weight: bold;
  text-transform: uppercase;
  padding: 1rem 0;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .tickertape {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.tickertape__medium {
  font-size: 1.125rem;
}
@media screen and (min-width: 1024px) {
  .tickertape__medium {
    font-size: 1.5rem;
  }
}

.tickertape__large {
  font-size: 3.75rem;
  padding: 1rem 0 1rem;
  border-top: solid var(--black) 1px;
  border-bottom: solid var(--black) 1px;
}
@media screen and (min-width: 1024px) {
  .tickertape__large {
    font-size: 10rem;
  }
}

.tickertape__white {
  background-color: white;
}

.tickertape__machine-green {
  background-color: #00CF9E;
}

.tickertape__coral {
  background-color: #FF675D;
}

.tickertape__urban-purple {
  background-color: #C29BFF;
}

.tickertape__pigeon-blue {
  background-color: #7D9BB8;
}

.tickertape__tooling-bronze {
  background-color: #C18D71;
}

.tickertape__black {
  background-color: black;
  color: white;
}

.tickertape__inner {
  display: inline-block;
  white-space: nowrap;
  padding-right: 1rem;
}

.page-nav {
  position: sticky;
  z-index: 20;
  top: -1px;
  border-bottom: solid black 1px;
  background-color: white;
}
@media screen and (min-width: 1024px) {
  .page-nav {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.page-nav__links-list {
  display: flex;
  align-items: center;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-weight: bold;
  list-style: none;
  text-transform: uppercase;
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow-x: scroll;
  -webkit-mask-image: linear-gradient(to left, transparent, black 15%);
  mask-image: linear-gradient(to left, transparent, black 15%);
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.page-nav__links-list a {
  color: var(--grey-medium);
  text-decoration: none;
}
.page-nav__links-list a:hover {
  color: var(--black);
}
@media screen and (min-width: 1024px) {
  .page-nav__links-list {
    -webkit-mask-image: linear-gradient(to left, transparent, black 0%);
    mask-image: linear-gradient(to left, transparent, black 0%);
  }
}
.page-nav__links-list::-webkit-scrollbar {
  display: none;
}

.page-nav__link {
  margin-right: 2rem;
}
.page-nav__link:last-child {
  margin-right: 0;
}

.page-nav__link--box {
  border: 1px solid black;
  background-color: black;
  padding: 0.5rem 1rem;
  white-space: nowrap;
  transition: background-color 0.2s ease-in-out;
}
.page-nav__link--box a {
  color: white;
  transition: color 0.2s ease-in-out;
}
.page-nav__link--box:has(a:hover) {
  background-color: white;
}

.page-nav__link--hidden {
  display: none;
}

.event-header {
  margin-bottom: 2rem;
}

.event-header__title-block {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .event-header__title-block {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

.event-header__pre-title {
  text-transform: uppercase;
  color: #757575;
}
@media screen and (min-width: 1024px) {
  .event-header__pre-title {
    width: 83.3333333333%;
  }
}
@media screen and (min-width: 1366px) {
  .event-header__pre-title {
    font-size: 1.875rem;
  }
}

.event-header__date {
  display: block;
  margin: 0.35em 0;
  font-size: 1.375rem;
}
@media screen and (min-width: 1024px) {
  .event-header__date {
    width: 83.3333333333%;
  }
}
@media screen and (min-width: 1366px) {
  .event-header__date {
    font-size: 1.5rem;
  }
}

.event-intro {
  padding: 2rem 1rem 2rem 1rem;
}
.event-intro .container {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .event-intro {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .event-intro {
    width: 50%;
    padding-right: 4rem;
    padding-left: 0.875rem;
  }
  .event-intro .right-column {
    width: 100%;
    padding: 0;
  }
}
.event-intro--lede {
  font-size: 1.5rem;
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .event-intro--lede {
    font-size: 1.875rem;
  }
}

.ticket-block {
  padding: 2rem 1rem;
  background-color: #F5F5F5;
}
@media screen and (min-width: 768px) {
  .ticket-block {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .ticket-block {
    padding: 2rem 0;
    margin-left: 2rem;
    margin-right: 2rem;
    background-color: transparent;
  }
}
@media screen and (min-width: 1660px) {
  .ticket-block {
    margin-left: 4rem;
  }
}

.ticket-block__row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 0.5rem 0;
  border-bottom: solid black 1px;
}

.ticket-block__dl {
  margin: 0;
  border-top: solid 1px black;
}

.ticket-block__dt {
  grid-column: 1/span 1;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-weight: 600;
  text-transform: uppercase;
}

.ticket-block__dd {
  grid-column: 2/span 5;
  margin: 0;
}

.ticket-block__accordion-header {
  grid-column: 1/span 6;
  font-size: 1.125rem;
}

.ticket-block__accordion-body {
  grid-column: 1/span 6;
}

.ticket-block__accordion-button {
  width: 100%;
}
.ticket-block__accordion-button.is-open svg {
  transform: rotate(45deg);
}

.ticket-block__open-icon {
  float: right;
  transition: all 0.35s;
  width: 0.75rem;
}

.ticket-block__secondary-info {
  padding-top: 1rem;
  font-size: 0.875rem;
  color: #757575;
}
@media screen and (min-width: 1366px) {
  .ticket-block__secondary-info {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  .ticket-block__secondary-info {
    font-size: 1.125rem;
  }
}
.ticket-block__secondary-info a {
  color: #A3A3A3;
}
.ticket-block__secondary-info .accessibility-features {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  column-gap: 1rem;
  row-gap: 0.5rem;
  font-size: 32px;
  color: #000000;
}

.instance-selector {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 20;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  background-color: white;
}
@media screen and (min-width: 1024px) {
  .instance-selector {
    background-color: rgba(0, 0, 0, 0.85);
  }
}

.instance-selector__inner {
  background-color: white;
  padding: 0 1rem 8rem 1rem;
}
@media screen and (min-width: 768px) {
  .instance-selector__inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .instance-selector__inner {
    grid-column-start: 3;
    grid-column-end: 5;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .instance-selector__inner {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.instance-selector__header {
  display: flex;
  justify-content: space-between;
}

.month-selector {
  width: 100%;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid black 1px;
}

.month-selector__month {
  font-weight: 400;
}

.date-selector__month-item {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid black 1px;
}

.date-selector__month {
  font-size: 1.5rem;
  font-weight: 400;
}
@media screen and (min-width: 1366px) {
  .date-selector__month {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1920px) {
  .date-selector__month {
    font-size: 2.25rem;
  }
}

.date-selector__month-toggle {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.date-selector__month-toggle-arrow,
.date-selector__month-name {
  display: block;
}

.date-selector__item {
  display: flex;
  align-items: center;
}

.date-selector__item + .date-selector__item {
  margin-top: 1rem;
  border-top: solid black 1px;
  padding-top: 1rem;
}

.date-selector__button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.date-selector__time {
  padding-right: 2rem;
}

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

.date-selector__date-icon {
  display: block;
  width: fit-content;
  margin-right: 1rem;
  padding: 0.5rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  border-radius: 5px;
  border: solid black 1px;
}

.date-selector__availability,
.date-selector__price {
  font-size: 1rem;
}

.date-selector__accessibility-icons em {
  font-size: 0.875rem;
  opacity: 0.6;
}

.multi-instance__list {
  flex: 1;
}

.multi-instance__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.multi-instance__item > div {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 0.5rem;
}
.multi-instance__item > div:last-child {
  justify-content: flex-end;
}
.multi-instance__item time {
  width: 6rem;
}

.multi-instance__item + .multi-instance__item {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: solid black 1px;
}

.time-selector__header {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid black 1px;
}

.time-selector__date {
  display: flex;
  justify-content: space-between;
}
.time-selector__date a {
  text-decoration: none;
}

.time-selector__change-date {
  display: block;
  margin-left: auto;
  margin-top: 0.5rem;
  margin-right: auto;
}

.time-selector__time-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .time-selector__time-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .time-selector__time-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1366px) {
  .time-selector__time-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.time-selector__time-item {
  align-self: stretch;
}

.time-selector__link {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  text-decoration: none;
  border: solid black 1px;
}

.time-selector__status {
  width: 100%;
  font-size: 1rem;
}
.time-selector__status > span {
  display: block;
}

.time-selector__accessibility-icons .accessibility-icon {
  font-size: 1.5rem;
}

.time-selector-calendar {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.vanilla-calendar-week__day {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-weight: 400;
  text-transform: uppercase;
}

.time-selector-calendar__day-button {
  display: flex;
  height: 100%;
  min-height: 1.875rem;
  width: 100%;
  min-width: 1.875rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-width: 0px;
  padding: 0;
  font-size: inherit;
  line-height: 1rem;
  font-weight: 400;
}
.time-selector-calendar__day-button:hover {
  background-color: black;
  color: white;
}

.time-selector-calendar-day__btn_today {
  color: white;
  background-color: black;
}
.time-selector-calendar-day__btn_today:hover {
  background-color: black;
  color: #00CF9E;
}

.time-selector-calendar-day__btn_weekend,
.time-selector-calendar-week__day_weekend {
  color: inherit;
}

.instance-detail__header-image {
  width: 100%;
  margin-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  aspect-ratio: 4/2;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .instance-detail__header-image {
    padding-left: 2rem;
    padding-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .instance-detail__header-image {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .instance-detail__header-image {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .instance-detail__header-image {
    grid-column: 1/span 2;
  }
}
@media screen and (min-width: 1366px) {
  .instance-detail__header-image {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 1024px) {
  .instance-detail__header-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
    text-transform: uppercase;
  }
}

.spektrix-facet-label {
  font-size: 1rem;
}
@media screen and (min-width: 650px) {
  .spektrix-facet-label {
    font-size: 1.125rem;
  }
}

.spektrix-facet-list,
.spektrix-instance-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1rem;
  text-transform: uppercase;
}
@media screen and (min-width: 650px) {
  .spektrix-facet-list,
  .spektrix-instance-list {
    font-size: 1.125rem;
  }
}

.spektrix-facet-list__item,
.spektrix-instance-list__item {
  margin: 0;
  margin-bottom: 1rem;
  padding: 0;
}

.spektrix-instance-list__item--bg-grey-xlight {
  background-color: #B5B5B5;
}

.spektrix-facet__toggle-btn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  width: 100%;
  margin: 0;
  padding: 1rem;
  padding-right: 3rem;
  border: 1px solid #000000;
  font-size: 1em;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  position: relative;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.spektrix-facet__toggle-btn .icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s ease-in-out;
}
.spektrix-facet__toggle-btn:hover, .spektrix-facet__toggle-btn.is-open {
  background-color: #000000;
  color: #FFFFFF;
  opacity: 1;
}
.spektrix-facet__toggle-btn.is-open .icon {
  transform: translateY(-50%) rotate(180deg);
}
.spektrix-facet__toggle-btn.spektrix-facet__toggle-btn--bg-grey-xlight {
  background-color: #B5B5B5;
  cursor: default;
}
.spektrix-facet__toggle-btn.spektrix-facet__toggle-btn--bg-grey-xlight:hover {
  background-color: #B5B5B5;
  color: var(--black);
}

.spektrix-facet__availability {
  display: block;
  align-self: center;
  padding-right: 0.5rem;
  font-size: 0.75rem;
}

.spektrix-facet__availability--unavailable {
  transform: translateX(23px);
}

.spektrix-facet__pane-inner {
  padding: 0.5rem 0;
}

.spektrix-instance-card {
  padding: 1rem;
  border: 1px solid #a3a3a3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.spektrix-instance-card__info {
  padding-right: 2rem;
  min-width: 75%;
}

.spektrix-instance-card__name .date,
.spektrix-instance-card__name .time {
  display: inline-block;
  vertical-align: baseline;
}
.spektrix-instance-card__name .date {
  width: 50%;
  min-width: 16rem;
}
.spektrix-instance-card__name .time {
  font-family: "graebenbach", Arial, sans-serif;
  font-size: 83%;
  text-transform: none;
}

.spektrix-instance-card__link,
.spektrix-instance-card__message {
  text-align: right;
}

.spektrix-instance-card__link {
  text-decoration: none;
}
.spektrix-instance-card__link::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.2s ease-in-out;
}
.spektrix-instance-card__link:hover::after {
  background-color: rgba(0, 0, 0, 0.05);
}

.spektrix-instance-card__message {
  font-size: 0.75rem;
  font-weight: bold;
}

.spektrix-instance-card__performance-type {
  padding-top: 0.5rem;
  font-family: "graebenbach", Arial, sans-serif;
  font-size: 0.875rem;
  text-transform: none;
  color: #757575;
}

.spektrix-instance-card__performance-type-item {
  font-style: normal;
}
.spektrix-instance-card__performance-type-item:not(:last-child)::after {
  content: "/";
  display: inline-block;
  margin-left: 0.25rem;
}

.spektrix-instance-card__accessibility {
  padding-top: 0.5rem;
  font-size: 32px;
}
.spektrix-instance-card__accessibility svg {
  height: 1em;
}

.spektrix-instance-card__availability {
  display: block;
  align-self: center;
  padding-right: 0.5rem;
  font-size: 0.75rem;
}

.button {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  line-height: 1.15;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border: solid var(--black) 1px;
  padding: 0.65rem 0.875rem;
  margin: 0.5rem 0;
  color: var(--black);
  transition: all 0.5s;
}
.button .icon {
  display: inline-block;
  font-size: 16px;
  transform: translateY(-0.1rem);
}

.button:hover {
  background-color: var(--black);
  color: var(--white);
}

.button__primary {
  width: fit-content;
  display: inline-block;
  margin-right: 1rem;
}

.button__secondary {
  width: 100%;
  font-size: 1.25rem;
  font-weight: bold;
}
@media screen and (min-width: 1366px) {
  .button__secondary {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .button__secondary {
    font-size: 1.875rem;
  }
}

.button__transparent {
  color: inherit;
}

.button__black {
  background-color: var(--black);
  color: var(--white);
}

.button__black:hover {
  background-color: transparent;
  color: var(--black);
}

.button__white {
  background-color: white;
  border-color: white;
  color: black;
}

.button__grey {
  border-color: #A3A3A3;
  color: #A3A3A3;
  cursor: default;
}

.button__grey:hover {
  border-color: #A3A3A3;
  color: #A3A3A3;
  background-color: transparent;
}

.button__b-white {
  border-color: white;
}

.button__regular-font-weight {
  font-weight: normal;
}

.button__w-full {
  width: 100%;
}

.button--m0 {
  margin: 0;
}

.image {
  display: block;
  height: auto;
  max-width: 100%;
}

.image.image--w-full {
  width: 100%;
}

.image__caption {
  font-size: 0.875rem;
}
.image__caption p {
  margin-top: 0;
}
@media screen and (min-width: 1366px) {
  .image__caption {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  .image__caption {
    font-size: 1.125rem;
  }
}

.logo-wall {
  clear: both;
}

.logo-wall__group {
  margin-bottom: 2rem;
}

.logo-wall__group-title {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-weight: normal;
  text-transform: uppercase;
}

.logo-wall__group-list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.logo-wall__item {
  padding: 1rem 2rem 1rem 0;
}
.logo-wall__item img {
  display: block;
  width: 100%;
  max-width: 100%;
}

.logo-wall__item-link {
  display: block;
}

.media-embed--container {
  margin: 1rem 0;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .media-embed--container {
    margin: 1.5rem 0;
  }
}
.media-embed--video,
.media-embed--audio {
  margin-bottom: 1rem;
}

.media-embed__facade-image {
  position: absolute;
  width: 100%;
  object-fit: cover;
}

.media-embed--video-title {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
}
.media-embed--video-title p {
  margin: 0;
}
@media screen and (min-width: 1366px) {
  .media-embed--video-title {
    font-size: 1.5rem;
    bottom: 1rem;
    left: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  .media-embed--video-title {
    font-size: 1.875rem;
    bottom: 1rem;
    left: 1rem;
  }
}

.media-embed--transcript {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  width: 100%;
  border-bottom: solid var(--black) 1px;
  padding-bottom: 1rem;
  cursor: pointer;
}
.media-embed--transcript.is-open {
  border-bottom: none;
}
.media-embed--transcript.is-open svg {
  transform: rotate(45deg);
}

.generic-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 3rem;
}

@media screen and (min-width: 768px) {
  .generic-table {
    margin-top: 0;
  }
}
.generic-table--left {
  width: 100%;
}

.generic-table--right {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .generic-table--left {
    width: 33.33%;
  }
}
@media screen and (min-width: 768px) {
  .generic-table--right {
    width: 66.66%;
  }
}
@media screen and (min-width: 1024px) {
  .generic-table--left {
    width: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .generic-table--right {
    width: 75%;
  }
}
@media screen and (min-width: 1366px) {
  .generic-table--left {
    width: 33.33%;
  }
}
@media screen and (min-width: 136px) {
  .generic-table--right {
    width: 66.66%;
  }
}
.generic-table--row {
  border-bottom: solid var(--black) 1px;
}

.generic-table--row:first-child {
  border-top: solid var(--black) 1px;
}

.generic-table--cell {
  display: block;
  margin: 0.5rem 0;
}

@media screen and (min-width: 768px) {
  .generic-table--cell {
    display: table-cell;
    padding: 1rem 0;
  }
}
@media screen and (min-width: 1024px) {
  .accordion__container {
    grid-column-start: 3;
    grid-column-end: 5;
  }
}
.accordion__container h3 {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: normal;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .accordion__container h3 {
    font-size: 1.25rem;
    grid-column-start: 3;
    grid-column-end: 5;
  }
}
@media screen and (min-width: 1366px) {
  .accordion__container h3 {
    font-size: 1.375rem;
  }
}
.accordion__container .container {
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .accordion__container .container {
    padding: 0;
  }
}

.accordion__tab {
  margin: 1rem 0;
  width: 100%;
  border-bottom: solid var(--black) 1px;
}

.accordion__header {
  width: 100%;
  margin-bottom: 1rem;
  cursor: pointer;
}
.accordion__header.is-open svg {
  transform: rotate(45deg);
}
.accordion__header:hover {
  color: #A3A3A3;
}

.accordion__open-icon {
  float: right;
  transition: all 0.35s;
  fill: none;
  stroke: var(--black);
  stroke-width: 1.5;
}

.accordion__body ul,
.accordion__body ol {
  list-style-position: inside;
}

.quote {
  text-align: center;
}
.quote.content-block {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.quote__blockquote {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.5rem;
  line-height: 1.4;
}
@media screen and (min-width: 1366px) {
  .quote__blockquote {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1920px) {
  .quote__blockquote {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .quote__three-quarter-width {
    grid-column-start: 1;
    grid-column-end: 4;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  .quote__full-width {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .quote__full-width {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
@media screen and (min-width: 1024px) {
  .quote__half-width-left {
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: left;
    border: none;
  }
}
@media screen and (min-width: 1024px) and (min-width: 768px) {
  .quote__half-width-left {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .quote__half-width-left {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-left: 3rem;
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1660px) {
  .quote__half-width-left {
    margin-left: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .quote__half-width-right {
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: left;
    border: none;
  }
}
@media screen and (min-width: 1024px) and (min-width: 768px) {
  .quote__half-width-right {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .quote__half-width-right {
    grid-column-start: 3;
    grid-column-end: 5;
    margin-left: 0;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1660px) {
  .quote__half-width-right {
    margin-right: 4rem;
  }
}
.quote__citation {
  font-family: "graebenbach", Arial, sans-serif;
  font-size: 1.125rem;
  margin-top: 1em;
}
@media screen and (min-width: 1024px) {
  .quote__citation {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1366px) {
  .quote__citation {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 1024px) {
  .image-gallery {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.carousel__image {
  width: 100%;
  height: auto;
  max-height: 800px;
  object-fit: contain;
  margin-bottom: 0.5rem;
}

.carousel__meta {
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .carousel__meta {
    max-width: 40vw;
    display: flex;
  }
}
@media screen and (min-width: 1366px) {
  .carousel__meta {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  .carousel__meta {
    font-size: 1.125rem;
  }
}
.carousel__meta p {
  margin: 0;
}

.carousel__navigation {
  display: inline-block;
  margin-right: 2rem;
}

.carousel__caption {
  display: inline-block;
}

@media screen and (min-width: 1024px) {
  .carousel__arrow--prev-desktop,
  .carousel__arrow--next-desktop {
    position: absolute;
    top: 40%;
    z-index: 1;
    color: black;
    font-size: 88px;
    font-family: "graebenbach mono";
    font-weight: bold;
    opacity: 0;
    transition: 0.5s;
    cursor: pointer;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  }
}
.carousel__arrow--prev-desktop {
  left: 50px;
}

.carousel__arrow--next-desktop {
  right: 50px;
}

.carousel:hover .carousel__arrow--prev-desktop,
.carousel:hover .carousel__arrow--next-desktop {
  opacity: 1;
}

.shop {
  margin-bottom: 4rem;
  border-top: solid black 1px;
}
.shop h2 {
  font-size: 1.875rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
}
.shop h3 {
  font-size: 1.125rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0;
}
.shop p {
  font-size: 1.125rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .shop h2 {
    font-size: 3.75rem;
  }
  .shop h3 {
    font-size: 1.25rem;
  }
  .shop p {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .shop h2 {
    font-size: 3.75rem;
  }
  .shop h3 {
    font-size: 1.875rem;
  }
  .shop p {
    font-size: 1.875rem;
  }
}
.shop--product-listings {
  display: flex;
  margin: 0 -1rem;
}

.shop--product-item {
  width: 50%;
  padding: 0 1rem;
}

.shop--product-image {
  width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
}

.event-index-view-options {
  margin-left: 1rem;
  margin-right: 1rem;
  display: none;
  justify-content: space-between;
  align-items: center;
  float: right;
}
@media screen and (min-width: 768px) {
  .event-index-view-options {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .event-index-view-options {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .event-index-view-options {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .event-index-view-options {
    display: flex;
  }
}

.event-index-view-options__clear-all-button {
  text-decoration: underline;
}

.event-index-filters {
  padding-top: calc(0.5rem + 2vw);
  padding-bottom: calc(1rem + 2vw);
  background-color: #F5F5F5;
}

.view-options__button {
  display: inline-block;
  cursor: pointer;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
}
.view-options__button + .view-options__button {
  margin-left: 2rem;
}

.view-options__button--inactive {
  color: #999999;
  cursor: default;
}

.view-options__button-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

.index-filter {
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .index-filter {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .index-filter {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .index-filter {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}

.index-filter__facet {
  width: 100%;
  margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
  .index-filter__facet--w-1\/4 {
    flex: 0 0 calc(50% - 0.5rem);
  }
}
@media screen and (min-width: 1024px) {
  .index-filter__facet--w-1\/4 {
    flex: 0 0 calc(25% - 0.5rem);
  }
}

@media screen and (min-width: 768px) {
  .index-filter__facet--w-1\/2 .index-filter__input-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .index-filter__facet--w-1\/2 .index-filter__input-list li {
    flex: 0 0 calc(50% - 0.5rem);
  }
}
@media screen and (min-width: 1024px) {
  .index-filter__facet--w-1\/2 {
    width: 50%;
  }
}

.index-filter__facet-header {
  display: flex;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: solid black 1px;
  cursor: pointer;
}

.index-filter__facet-open-icon {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .index-filter__facet-open-icon {
    display: none;
  }
}

.index-filter__facet-pane {
  display: none;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .index-filter__facet-pane {
    display: block;
  }
}

.index-filter__facet-pane--active {
  display: block;
}

.index-filter__input-list li {
  padding: 1px 0;
  border-bottom: 1px solid #000000;
  box-shadow: 0 -1px 0 #000000;
}

.festival-date-picker {
  width: 100%;
}

.festival-date-picker__legend {
  margin-bottom: 0;
}

.festival-date-picker__table {
  width: 100%;
  padding-top: 1rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 0.875rem;
}
@media screen and (min-width: 414px) {
  .festival-date-picker__table {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .festival-date-picker__table {
    font-size: 1.125rem;
  }
}

.festival-date-picker__btn-all {
  display: block;
  width: 100%;
}

.festival-date-picker__btn.selected,
.festival-date-picker__btn-all.selected {
  background-color: #000000;
  color: #FFFFFF;
}

.event-filter--mobile {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .event-filter--mobile {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .event-filter--mobile {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .event-filter--mobile {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .event-filter--mobile {
    display: none;
  }
}

.event-filter__mobile-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 1rem;
  background-color: white;
  z-index: 100;
}

.event-filter__mobile-overlay-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}

.event-filter__button--mobile {
  border: none;
  padding: 0;
}
.event-filter__button--mobile:hover {
  background-color: transparent;
  color: inherit;
}

.event-filter--desktop {
  margin-left: 1rem;
  margin-right: 1rem;
  display: none;
}
@media screen and (min-width: 768px) {
  .event-filter--desktop {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .event-filter--desktop {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .event-filter--desktop {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .event-filter--desktop {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .event-filter__list {
    display: flex;
  }
}

.event-filter__item {
  border-bottom: solid black 1px;
  padding-bottom: 1rem;
}
.event-filter__item + .event-filter__item {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .event-filter__item {
    border-bottom: none;
    position: relative;
  }
  .event-filter__item + .event-filter__item {
    margin-top: 0;
    margin-left: 1rem;
  }
}

.event-filter__fieldset {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .event-filter__fieldset {
    margin-top: 0;
    padding: 1rem;
    position: absolute;
    top: 40px;
    width: 250px;
    z-index: 1;
    border: solid black 1px;
    background-color: white;
    filter: drop-shadow(3px 8px 5px black);
    transform: translateZ(0);
  }
}

.event-filter__button:hover {
  border: solid black 1px;
}

.event-filter__button-label {
  display: inline-block;
  margin-right: 1rem;
}

.event-filter__date-checkbox {
  padding-bottom: 1rem;
  border-bottom: solid black 1px;
}

.event-filter-list {
  display: inline-block;
  margin-right: 1rem;
}

.event-filter-list__item {
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  color: white;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 0.875rem;
  text-transform: uppercase;
  background-color: black;
}

.event-filter-list__icon {
  display: inline-block;
  margin-left: 1rem;
}

.event-filter-list__clear-filter-button {
  text-decoration: underline;
  cursor: pointer;
}

.calendar {
  min-width: 320px;
}

.vanilla-calendar-week__day {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-weight: 400;
  text-transform: uppercase;
}

.calendar__day-button {
  display: flex;
  height: 100%;
  min-height: 1.875rem;
  width: 100%;
  min-width: 1.875rem;
  cursor: default;
  align-items: center;
  justify-content: center;
  border-width: 0px;
  padding: 0;
  font-size: inherit;
  line-height: 1rem;
  font-weight: 400;
}

.calendar__day-button.calendar-day__btn_today {
  color: white;
  background-color: black;
}
.calendar__day-button.calendar-day__btn_today:hover {
  background-color: #00CF9E;
  color: black;
}

.calendar-day__btn_weekend,
.calendar-week__day_weekend {
  color: inherit;
}

@media screen and (min-width: 768px) {
  .event-filter__fieldset--festival-calendar {
    width: 350px;
  }
}

.festival-calendar {
  width: 100%;
}

.festival-calendar__caption {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  text-align: left;
  border-bottom: solid black 1px;
}
@media screen and (min-width: 1366px) {
  .festival-calendar__caption {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .festival-calendar__caption {
    font-size: 1.375rem;
  }
}

.festival-calendar__thead {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (min-width: 1366px) {
  .festival-calendar__thead {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1920px) {
  .festival-calendar__thead {
    font-size: 1rem;
  }
}

.festival-calendar__month-header {
  font-size: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 1366px) {
  .festival-calendar__month-header {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1920px) {
  .festival-calendar__month-header {
    font-size: 1.25rem;
  }
}

.festival-calendar__td {
  padding: 1rem 0.5rem;
}

.festival-calendar__btn {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  text-align: center;
  border: none;
}
@media screen and (min-width: 768px) {
  .festival-calendar__btn {
    font-size: 1rem;
  }
}
.festival-calendar__btn:hover {
  background-color: #00CF9E;
}
.festival-calendar__btn.selected {
  background-color: #000000;
  color: #FFFFFF;
}

.whats-on-loading {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.event-list-container {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 1024px) {
  .event-list-container {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
@media screen and (min-width: 768px) {
  .event-list-container {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .event-list-container {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .event-list-container {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
.event-list-container + .event-list-container {
  margin-top: -4rem;
  padding-top: 0;
}
.event-list-container > h2 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.event-list a {
  text-decoration: none;
  color: var(--black);
}
.event-list h3 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  margin-bottom: 0.25rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}
.event-list time {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  text-transform: uppercase;
  line-height: 1;
}

.event-list__item-container {
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  container-type: inline-size;
  container-name: event-item-container;
}

.event-list__image {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.status-label {
  padding: 0.5em 1em;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
}
@container event-item-container (width > 400px) {
  .status-label {
    font-size: 1.25rem;
  }
}
@container event-item-container (width > 600px) {
  .status-label {
    font-size: 1.5rem;
  }
}
.status-label.sold-out {
  background-color: #FF675D;
  color: #000000;
}
.status-label.past-event {
  background-color: #C18D71;
  color: #000000;
}

.event-list__info {
  max-width: 40ch;
  padding-right: 10%;
}

.event-list__header,
.event-list__teaser {
  margin-bottom: 1rem;
}

.event-list__teaser:last-child {
  margin-bottom: 0;
}

.event-list__categories,
.event-list__accessibility {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  column-gap: 1rem;
  row-gap: 1rem;
  line-height: 1;
}

.event-list__categories {
  gap: 0;
}

.event-list__categories-item {
  font-size: 0.875rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .event-list__categories-item {
    font-size: 1rem;
  }
}
.event-list__categories-item:not(:last-child)::after {
  content: "/";
}

.event-list__accessibility-item {
  font-size: 32px;
}

.event-list__new-window-alert {
  padding-top: 0.5rem;
  font-size: 15px;
  opacity: 0.5;
  transition: opacity 0.2 ease-in-out;
}
a:hover .event-list__new-window-alert {
  opacity: 1;
}
a:hover .event-list__new-window-alert .text-label {
  text-decoration: underline;
}
.event-list__new-window-alert .icon {
  display: inline-block;
  margin-right: 0.5rem;
  font-size: 16px;
}

.event-list--cards a img {
  clip-path: polygon(0 0, 25% 0, 100% 0, 100% 75%, 100% 100%, 75% 100%, 25% 100%, 0 100%, 0 75%, 0 25%);
  transition: clip-path 0.2s ease-in-out;
}
.event-list--cards a:hover img {
  clip-path: polygon(12.5% 12.5%, 25% 0, 100% 0, 100% 75%, 87.5% 87.5%, 75% 100%, 25% 100%, 12.5% 87.5%, 0 75%, 0 25%);
}
@media screen and (min-width: 768px) {
  .event-list--cards {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }
}
@media screen and (min-width: 768px) {
  .event-list--cards .event-list__item {
    width: 50%;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .event-list--cards .event-list__item {
    width: 33%;
  }
}
.event-list--cards .event-list__image {
  aspect-ratio: 3/2;
}
.event-list--cards h3 {
  font-size: 1.25rem;
}
@media screen and (min-width: 1366px) {
  .event-list--cards h3 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .event-list--cards h3 {
    font-size: 1.875rem;
  }
}
.event-list--cards .event-list__status {
  position: absolute;
  top: 1.5rem;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.event-list--strips {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
.event-list--strips .event-list__item {
  border-top: solid var(--black) 1px;
  box-shadow: 0 1px 0 black;
}
.event-list--strips a {
  display: block;
  transition: background-color 0.2s ease-in-out;
}
.event-list--strips a img {
  clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 50%);
  transition: clip-path 0.2s ease-in-out;
}
.event-list--strips a:hover {
  background-color: #FF675D;
}
.event-list--strips a:hover img {
  clip-path: polygon(0 0, 100% 0, 75% 50%, 100% 100%, 0 100%, 25% 50%);
}
.event-list--strips .event-list__item-container {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .event-list--strips .event-list__item-container {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .event-list--strips .event-list__item-container {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .event-list--strips .event-list__item-container {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .event-list--strips .event-list__item-container {
    display: flex;
    justify-content: space-between;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .event-list--strips .event-list__image {
    order: 2;
    width: 25%;
    aspect-ratio: 7/5;
    margin-left: 0.875rem;
    margin-bottom: 0;
  }
  .event-list--strips .event-list__info {
    order: 1;
    width: 75%;
    padding-right: 0.875rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .event-list--strips .event-list__teaser {
    max-width: 80rem;
    padding-right: 5%;
  }
  .event-list--strips h3 {
    max-width: 28ch;
    padding-right: 5%;
    font-size: 3rem;
  }
  .event-list--strips time {
    font-size: 1.875rem;
  }
  .event-list--strips .event-list__categories-item {
    font-size: 1rem;
  }
}

.event-list--hero-blocks {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
.event-list--hero-blocks .event-list__item {
  border-top: solid var(--black) 1px;
  box-shadow: 0 1px 0 var(--black);
}
.event-list--hero-blocks a img {
  clip-path: polygon(0 0, 33.3% 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 50%);
  transition: clip-path 0.2s ease-in-out;
}
.event-list--hero-blocks a:hover img {
  clip-path: polygon(16.6% 25%, 33.3% 0, 100% 0, 66.67% 50%, 100% 100%, 0 100%, 0% 50%);
}
.event-list--hero-blocks .event-list__item-container {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .event-list--hero-blocks .event-list__item-container {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .event-list--hero-blocks .event-list__item-container {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .event-list--hero-blocks .event-list__item-container {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .event-list--hero-blocks .event-list__item {
    width: 100%;
  }
  .event-list--hero-blocks .event-list__item-container {
    display: flex;
    justify-content: space-between;
  }
  .event-list--hero-blocks .event-list__image {
    order: 2;
    width: calc(50% - 0.875rem);
    margin-bottom: 0;
    aspect-ratio: 3/2;
  }
  .event-list--hero-blocks .event-list__info {
    order: 1;
    width: calc(50% - 0.875rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .event-list--hero-blocks .event-list__teaser {
    border-top: 1px solid #000000;
    padding-top: 1.5rem;
  }
  .event-list--hero-blocks h3 {
    max-width: 28ch;
    margin-bottom: 1rem;
    padding-right: 5%;
    font-size: 3rem;
  }
  .event-list--hero-blocks time {
    font-size: 1.875rem;
  }
  .event-list--hero-blocks .event-list__categories-item {
    font-size: 1rem;
  }
}

.video-list {
  overflow-x: hidden;
}
@media screen and (min-width: 1024px) {
  .video-list {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.video-list__title {
  padding-right: 6rem;
}

.video-list__list--carousel,
.video-list__list {
  margin-left: -0.875rem;
  margin-right: -0.875rem;
}
.video-list__list--carousel .slick-list,
.video-list__list .slick-list {
  overflow: visible;
}
.video-list__list--carousel .slick-track,
.video-list__list .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.video-list__list--carousel .slick-arrow,
.video-list__list .slick-arrow {
  padding: 1rem 0.875rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  z-index: 9;
  top: 0;
  color: var(black);
}
@media screen and (min-width: 786px) {
  .video-list__list--carousel .slick-arrow,
  .video-list__list .slick-arrow {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .video-list__list--carousel .slick-arrow,
  .video-list__list .slick-arrow {
    font-size: 3rem;
  }
}
.video-list__list--carousel .slick-arrow.slick-next,
.video-list__list .slick-arrow.slick-next {
  padding-left: 0.4rem;
  right: 0;
  transform: translateY(-100%);
}
.video-list__list--carousel .slick-arrow.slick-prev,
.video-list__list .slick-arrow.slick-prev {
  padding-right: 0.4rem;
  right: 0;
  transform: translateX(-100%);
  transform: translate(-100%, -100%);
}

@media screen and (min-width: 1024px) {
  .video-list__list {
    display: flex;
    margin-right: -0.875rem;
    margin-left: -0.875rem;
  }
  .video-list__list .video-list__item {
    width: 50%;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}
.video-list__facade {
  margin-bottom: 1rem;
  height: auto;
}

.video-list__facade-image {
  position: absolute;
  width: 100%;
  object-fit: cover;
}

.video-list__play {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 18%;
  height: auto;
}

.video-list__video-title {
  margin-bottom: 0;
}

.video-list__timecode {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  margin-bottom: 0;
}

.page-promo-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.page-promo-card img {
  transition: clip-path 0.2s ease-in-out;
  clip-path: polygon(0 0, 25% 0, 100% 0, 100% 75%, 100% 100%, 75% 100%, 25% 100%, 0 100%, 0 75%, 0 25%);
}
.page-promo-card img:hover {
  clip-path: polygon(12.5% 12.5%, 25% 0, 100% 0, 100% 75%, 87.5% 87.5%, 75% 100%, 25% 100%, 12.5% 87.5%, 0 75%, 0 25%);
}

.page-promo-card__image {
  display: block;
  margin-bottom: 1rem;
  text-decoration: none;
}
.page-promo-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-promo-card__image img.square {
  aspect-ratio: 1/1;
}
.page-promo-card__image img.landscape {
  aspect-ratio: 3/2;
}
.page-promo-card__image img.portrait {
  aspect-ratio: 2/3;
}

.page-promo-card__title + * {
  margin-top: 1em;
}
.page-promo-card__title a {
  text-decoration: none;
}

.page-promo-card__publish-date {
  display: block;
  margin-top: 1rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1rem;
  font-weight: normal;
}

.page-promo-list {
  column-count: auto;
  overflow-x: hidden;
}
@media screen and (min-width: 1024px) {
  .page-promo-list {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.page-promo-list__list {
  display: block;
  margin: 0;
  margin-left: -0.875rem;
  margin-right: -0.875rem;
  display: flex;
  flex-wrap: wrap;
}

.page-promo-list__item {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 1rem;
}
.page-promo-list__item, .page-promo-list.col-2 .page-promo-list__item, .page-promo-list.col-3 .page-promo-list__item, .page-promo-list.col-4 .page-promo-list__item {
  margin-bottom: 2rem;
}
.page-promo-list__item:last-child, .page-promo-list.col-2 .page-promo-list__item:last-child, .page-promo-list.col-3 .page-promo-list__item:last-child, .page-promo-list.col-4 .page-promo-list__item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .page-promo-list__item, .page-promo-list.col-2 .page-promo-list__item, .page-promo-list.col-3 .page-promo-list__item, .page-promo-list.col-4 .page-promo-list__item {
    flex: 0 0 50%;
    border: none;
  }
}
@media screen and (min-width: 1024px) {
  .page-promo-list__item, .page-promo-list.col-3 .page-promo-list__item, .page-promo-list.col-4 .page-promo-list__item {
    flex: 0 0 33.3333333333%;
  }
}
@media screen and (min-width: 1366px) {
  .page-promo-list.col-4 .page-promo-list__item {
    flex: 0 0 25%;
  }
}

.page-promo-list.vertical-stack .page-promo-list__item {
  margin-bottom: 0;
  flex: 0 0 100%;
}
@media screen and (max-width: 767px) {
  .page-promo-list.vertical-stack.mobile-horizontal-scroll .page-promo-list__list {
    flex-wrap: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .page-promo-list.vertical-stack.mobile-horizontal-scroll .page-promo-list__list::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
  }
  .page-promo-list.vertical-stack.mobile-horizontal-scroll .page-promo-list__item {
    flex: 0 0 85%;
  }
}
@media screen and (max-width: 767px) and (min-width: 540px) {
  .page-promo-list.vertical-stack.mobile-horizontal-scroll .page-promo-list__item {
    flex: 0 0 65%;
  }
}
.page-promo-list.vertical-stack .page-promo-card {
  border-top: solid var(--black) 1px;
  box-shadow: 0 1px 0 var(--black);
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.page-promo-list.vertical-stack .page-promo-card__info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page-promo-list.vertical-stack .page-promo-card__teaser {
  padding-top: 2rem;
}
@media screen and (min-width: 768px) {
  .page-promo-list.vertical-stack .page-promo-list__item {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .page-promo-list.vertical-stack .page-promo-card {
    display: flex;
    flex-direction: row;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .page-promo-list.vertical-stack .page-promo-card__image,
  .page-promo-list.vertical-stack .page-promo-card__info {
    flex: 0 0 50%;
  }
  .page-promo-list.vertical-stack .page-promo-card__image {
    order: 2;
    margin-bottom: 0;
    padding-left: 0.875rem;
  }
  .page-promo-list.vertical-stack .page-promo-card__info {
    order: 1;
    padding-right: 0.875rem;
  }
  .page-promo-list.vertical-stack .page-promo-card__teaser {
    border-top: none;
    border-bottom: none;
    padding-top: 1rem;
    padding-bottom: 0;
    padding-right: 5%;
  }
}
@media screen and (min-width: 1366px) {
  .page-promo-list.vertical-stack .page-promo-list__inner {
    display: flex;
    justify-content: space-between;
  }
  .page-promo-list.vertical-stack .page-promo-list__title,
  .page-promo-list.vertical-stack .page-promo-list__list {
    flex: 0 0 calc(50% - 0.875rem);
  }
  .page-promo-list.vertical-stack .page-promo-list__list {
    margin: 0;
  }
  .page-promo-list.vertical-stack .page-promo-list__item {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .page-promo-list--related-content .page-promo-list__list {
    flex-wrap: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .page-promo-list--related-content .page-promo-list__list::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
  }
  .page-promo-list--related-content .page-promo-list__item {
    flex: 0 0 85%;
  }
}
@media screen and (max-width: 767px) and (min-width: 540px) {
  .page-promo-list--related-content .page-promo-list__item {
    flex: 0 0 65%;
  }
}
@media screen and (min-width: 1366px) {
  .page-promo-list--related-content .page-promo-list__item {
    flex: 0 0 25%;
  }
}

@media screen and (min-width: 768px) {
  .page-promo-list--news-list .page-promo-list__item {
    flex: 0 0 50%;
  }
  .page-promo-list--news-list .page-promo-list__item.large {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 1024px) {
  .page-promo-list--news-list .page-promo-list__item {
    flex: 0 0 25%;
  }
  .page-promo-list--news-list .page-promo-list__item.large {
    flex: 0 0 50%;
  }
}

.page-promo-list--carousel .page-promo-list__title {
  padding-right: 6rem;
}

.js-promo-list-carousel {
  margin-left: -0.875rem;
  margin-right: -0.875rem;
  padding-top: 5rem;
}
.js-promo-list-carousel .slick-list {
  overflow: visible;
}
.js-promo-list-carousel .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.js-promo-list-carousel .slick-arrow {
  padding: 1rem 0.875rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  z-index: 9;
  top: 0;
}
@media screen and (min-width: 786px) {
  .js-promo-list-carousel .slick-arrow {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .js-promo-list-carousel .slick-arrow {
    font-size: 3rem;
  }
}
.js-promo-list-carousel .slick-arrow.slick-next {
  padding-left: 0.4rem;
  right: 0;
}
.js-promo-list-carousel .slick-arrow.slick-prev {
  padding-right: 0.4rem;
  right: 0;
  transform: translateX(-100%);
}
.js-promo-list-carousel.with-title {
  padding-top: 0;
}
.js-promo-list-carousel.with-title .slick-arrow.slick-next {
  transform: translateY(-100%);
}
.js-promo-list-carousel.with-title .slick-arrow.slick-prev {
  transform: translate(-100%, -100%);
}

.series-promo-list {
  column-count: auto;
  overflow-x: hidden;
}
@media screen and (min-width: 1024px) {
  .series-promo-list {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.series-promo-list__inner {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .series-promo-list__inner {
    display: flex;
    margin-left: 0;
  }
}

.series-promo-list__series-info {
  margin-bottom: 1rem;
  padding-left: 1rem;
}
@media screen and (min-width: 1024px) {
  .series-promo-list__series-info {
    width: 25%;
    z-index: 10;
    padding-left: 3rem;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1660px) {
  .series-promo-list__series-info {
    padding-left: 4rem;
  }
}

.series-promo-list__list {
  margin-left: -0.875rem;
  margin-right: -0.875rem;
  padding-left: 1rem;
}
@media screen and (min-width: 1024px) {
  .series-promo-list__list {
    width: 75%;
    padding-left: 2rem;
  }
}
.series-promo-list__list .slick-list {
  overflow: visible;
}
.series-promo-list__list .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.series-promo-list__list.slick-slider {
  position: static;
}
.series-promo-list__list .slick-arrow {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  z-index: 9;
  top: -50px;
}
@media screen and (min-width: 786px) {
  .series-promo-list__list .slick-arrow {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .series-promo-list__list .slick-arrow {
    font-size: 3rem;
  }
}
.series-promo-list__list .slick-arrow.slick-next {
  padding-left: 0.4rem;
  right: 0;
}
.series-promo-list__list .slick-arrow.slick-prev {
  padding-right: 0.4rem;
  right: 0;
  transform: translateX(-100%);
}

.series-promo-list__image {
  margin-bottom: 1rem;
  object-fit: cover;
}

.series-promo-list__image--square {
  aspect-ratio: 1/1;
}

.series-promo-list__image--landscape {
  aspect-ratio: 3/2;
}

.series-promo-list__image--portrait {
  aspect-ratio: 2/3;
}

.news-index {
  display: block;
  margin: 0;
  margin-top: 2rem;
  margin-left: -0.875rem;
  margin-right: -0.875rem;
  display: flex;
  flex-wrap: wrap;
}

.news-index__item {
  flex: 0 0 100%;
  padding: 0.875rem;
  margin-bottom: 1rem;
}
.news-index__item:last-child, .news-index__item:nth-last-child(2) {
  flex-grow: 0;
}
@media screen and (min-width: 768px) {
  .news-index__item {
    flex: 1 0 50%;
  }
  .news-index__item.is-featured {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 1024px) {
  .news-index__item {
    flex: 1 0 33.3333333333%;
  }
  .news-index__item.is-featured {
    flex: 0 0 66.6666666667%;
  }
}
@media screen and (min-width: 1366px) {
  .news-index__item {
    flex: 1 0 25%;
  }
  .news-index__item.is-featured {
    flex: 0 0 50%;
  }
}

.content-category-index {
  display: block;
  margin: 0;
  margin-top: 2rem;
  margin-left: -0.875rem;
  margin-right: -0.875rem;
  margin-bottom: 4rem;
  display: flex;
  flex-wrap: wrap;
}

.content-category-index__item {
  flex: 0 0 100%;
  padding: 0.875rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .content-category-index__item {
    flex: 0 0 50%;
  }
}
@media screen and (min-width: 1024px) {
  .content-category-index__item {
    flex: 0 0 33.3333333333%;
  }
}
@media screen and (min-width: 1366px) {
  .content-category-index__item {
    flex: 0 0 25%;
  }
}

.connect p {
  font-size: 1.5rem;
}

@media screen and (min-width: 1366px) {
  .connect p {
    font-size: 3rem;
  }
}
.connect-social-links-list {
  margin: 0 -0.5rem;
  display: flex;
  flex-wrap: wrap;
}

.connect-social-links-item {
  font-size: 0.875rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  margin: 1rem 0.5rem 0 0.5rem;
  padding: 0.4rem;
  border: solid black 0.5px;
}
.connect-social-links-item a {
  text-decoration: none;
}

@media screen and (min-width: 1366px) {
  .connect-social-links-item {
    font-size: 1.125rem;
  }
}
.footer-nav {
  margin-bottom: 2rem;
  padding-top: 5rem;
  text-transform: uppercase;
  list-style: none;
}
.footer-nav a {
  color: white;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .footer-nav {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }
}
.footer-nav__item {
  margin-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
  .footer-nav__item {
    width: 50%;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .footer-nav__item {
    width: 25%;
  }
}
.footer-nav__item-header,
.footer-nav__cta-item {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 0.5rem 0;
  display: block;
}
@media screen and (min-width: 1024px) {
  .footer-nav__item-header,
  .footer-nav__cta-item {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1366px) {
  .footer-nav__item-header,
  .footer-nav__cta-item {
    font-size: 1.375rem;
  }
}

.footer-nav__item-header {
  border-top: solid white 1px;
  border-bottom: solid white 1px;
}

.footer-nav__cta-item {
  border-bottom: solid white 1px;
}

.footer-nav__cta-item:first-child {
  border-top: solid white 1px;
}

@media screen and (min-width: 768px) {
  .footer-nav__item-header,
  .footer-nav__cta-item {
    font-size: 1.25rem;
  }
}
.footer-nav__secondary-links-item {
  font-family: "graebenbach", Arial, sans-serif;
  font-size: 1.125rem;
  text-transform: none;
  font-weight: normal;
}
@media screen and (min-width: 1024px) {
  .footer-nav__secondary-links-item {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 1024px) {
  .footer-sponsors {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .footer-sponsors__category {
    width: 50%;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}
.footer-sponsors__category-header {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-top: 5rem;
  font-size: 1.125rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-weight: bold;
  text-transform: uppercase;
  list-style: none;
  padding: 0.5rem 0;
  display: block;
  border-top: solid white 1px;
  border-bottom: solid white 1px;
}
@media screen and (min-width: 768px) {
  .footer-sponsors__category-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .footer-sponsors__category-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1366px) {
  .footer-sponsors__category-header .footer-sponsors__category-header {
    font-size: 1.375rem;
  }
}

.footer-sponsors__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.footer-sponsors__logo {
  width: 50%;
  padding: 0 0.5rem;
  margin: 0.5rem 0;
}

@media screen and (min-width: 768px) {
  .footer-sponsors__logo {
    width: 33.33%;
  }
}
.footer-info {
  color: #A3A3A3;
  font-size: 0.875rem;
  padding-bottom: 4rem;
}
.footer-info a {
  color: #A3A3A3;
  font-size: 0.875rem;
}
.footer-info address {
  font-style: inherit;
}

@media screen and (min-width: 1024px) {
  .footer-info {
    font-size: 1.125rem;
  }
  .footer-info a {
    font-size: 1.125rem;
  }
}
.footer-info--address {
  display: flex;
}

.footer-info--left {
  width: 50%;
  padding-right: 0.5rem;
}

.footer-info--right {
  width: 50%;
  padding-left: 0.5rem;
}

@media screen and (min-width: 1024px) {
  .enews-signup {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.enews-signup__header {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 786px) {
  .enews-signup__header {
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .enews-signup__form {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 2rem;
  }
}
.enews-signup__form label {
  font-family: "graebenbach", Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  text-transform: none;
  display: block;
  margin-bottom: 0.25rem;
  padding: 0;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 1366px) {
  .enews-signup__form label {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .enews-signup__form label {
    font-size: 1.375rem;
  }
}
.enews-signup__form input {
  margin-bottom: 1rem;
  font-size: 1.125rem;
}
@media screen and (min-width: 1366px) {
  .enews-signup__form input {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .enews-signup__form input {
    font-size: 1.375rem;
  }
}

.enews-signup__submit-button {
  height: fit-content;
  align-self: end;
  margin-bottom: 1rem;
  padding: 0.5rem;
  color: white;
  background-color: black;
}
.enews-signup__submit-button:hover {
  color: black;
  background-color: #00CF9E;
}

.enews-signup__checkbox-list {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1024px) {
  .enews-signup__checkbox-list {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 4;
  }
}

@media screen and (min-width: 1024px) {
  #id_statements {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 4;
  }
}
#id_statements li {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 1024px) {
  #id_statements li {
    grid-column: span 2;
  }
}
#id_statements li label {
  margin: 0;
}
#id_statements li input {
  margin: 0;
}

.enews-signup__privacy-policy {
  font-size: 0.875rem;
}
@media screen and (min-width: 1366px) {
  .enews-signup__privacy-policy {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1920px) {
  .enews-signup__privacy-policy {
    font-size: 1.25rem;
  }
}

.enews-signup__2-column {
  grid-column: span 2;
}

/* Common styles for native and custom checkbox */
.enews-signup__checkbox-input[type=checkbox],
.enews-signup__checkbox {
  width: 20px;
  height: 20px;
  margin: 0;
  position: absolute;
  top: 1px;
  left: 0;
  cursor: pointer;
  transform: none;
}

/* Hide the browser's default checkbox */
.enews-signup__checkbox-input[type=checkbox] {
  z-index: 10;
  opacity: 0;
}

/* Style custom checkbox */
.enews-signup__checkbox {
  background-color: transparent;
  border: solid var(--black) 1px;
}

/* Focus */
.enews-signup__checkbox-input:focus ~ .enews-signup__checkbox {
  outline: solid violet 1px;
}

/* When the checkbox is checked, add a white background */
.enews-signup__checkbox-input:checked ~ .enews-signup__checkbox {
  background-color: white;
}

.enews-signup__fullname {
  display: flex;
  justify-content: space-between;
}

.enews-signup__fullname-field {
  flex: 0 0 calc(50% - 0.875rem);
}

@media screen and (min-width: 1024px) {
  .story {
    position: relative;
  }
}
@media screen and (min-width: 1366px) {
  .story .section .richtext {
    grid-column-start: 2;
    grid-column-end: 4;
    margin-right: 0;
  }
}
.story figure.full-width {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.story__meta {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 2rem;
  border-top: solid black 1px;
  border-bottom: solid black 1px;
}
@media screen and (min-width: 768px) {
  .story__meta {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .story__meta {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-left: 3rem;
    margin-right: 0;
  }
}
@media screen and (min-width: 1660px) {
  .story__meta {
    margin-left: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .story__meta {
    position: absolute;
    width: 23%;
    margin-top: 0;
    border: none;
  }
}

.story__meta-headshot {
  width: 25%;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .story__meta-headshot {
    width: 33%;
  }
}

.story__meta-item:last-child {
  border-bottom: none;
}

@media screen and (min-width: 1024px) {
  .story__content {
    width: 75%;
  }
}

.story__lede {
  max-width: 66ch;
  font-size: 1.25rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
}
@media screen and (min-width: 1366px) {
  .story__lede {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .story__lede {
    font-size: 1.875rem;
    line-height: 1.2;
  }
}
.story__lede.content-block {
  clear: none;
  padding-bottom: 0;
}
.story__lede p:first-child {
  margin-top: 0;
}

.story__footnote-inner {
  padding-bottom: 2rem;
  border-bottom: solid black 1px;
}
.story__footnote-inner:nth-child(1) {
  border-top: solid black 1px;
}

.story__footnote-heading {
  margin-top: 2rem;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .story__footnote-heading {
    margin-top: 0;
  }
}
@media screen and (min-width: 1366px) {
  .story__footnote-heading {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .story__footnote-heading {
    font-size: 1.875rem;
  }
}
.story__footnote-heading + * {
  margin-top: 1rem;
}

.story__contributor-item {
  list-style: none;
}
@media screen and (min-width: 1024px) {
  .story__contributor-item {
    display: flex;
    align-items: flex-start;
  }
}
.story__contributor-item + .story__contributor-item {
  margin-top: 1rem;
}

.story__contributor-headshot {
  width: 25%;
  padding-right: 1rem;
  object-fit: contain;
}
@media screen and (min-width: 1024px) {
  .story__contributor-headshot {
    width: 12.5%;
  }
}

.story__contributor-name {
  border-top: none;
  padding: 0;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
}

.story__contributor-pronouns {
  font-family: "graebenbach", Arial, sans-serif;
  font-weight: 400;
  text-transform: lowercase;
}

.story__contributor-social-icons-list {
  list-style-type: none;
}

.story__contributor-social-icons-item {
  display: inline-block;
}
.story__contributor-social-icons-item + .story__contributor-social-icons-item {
  margin-left: 1rem;
}

.document-list--single-column {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .document-list--single-column {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .document-list--single-column {
    grid-column-start: 3;
    grid-column-end: 5;
    margin-left: 0;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .document-list--single-column {
    margin-right: 4rem;
  }
}

.document-list--double-column {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .document-list--double-column {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .document-list--double-column {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .document-list--double-column {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .document-list--double-column {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.document-list__inner--double-column {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.accordion__tab .document-list--block {
  padding-top: 0;
  padding-bottom: 0;
}

.document-list__list {
  margin-top: 1em;
}
.document-list__list a {
  text-decoration: none;
  width: 100%;
  color: var(--black);
}

.document-list--item {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid var(--black) 1px;
  list-style-type: none;
}
.document-list--item:first-child {
  border-top: solid var(--black) 1px;
}

.document-list--item-link {
  display: flex;
}

.document-list--icon {
  display: inline-block;
  margin-right: 1rem;
  width: 55px;
  height: 55px;
  object-fit: contain;
  background-image: url("../svg/document-download-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.document-list--item:hover .document-list--icon {
  background-image: url("../svg/document-download-black-no-border.svg");
}

.bg__black .document-list--icon {
  background-image: url("../svg/document-download-black-fill.svg");
}
.bg__black .document-list--item:hover .document-list--icon {
  background-image: url("../svg/document-download-white-fill.svg");
}

.document-list--document-information {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-weight: normal;
  text-transform: uppercase;
  width: 80%;
}

.document-list--document-title {
  font-weight: normal;
}

.document-list--document-description {
  font-size: 0.75rem;
}

@media screen and (min-width: 1024px) {
  spektrix-merchandise {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.merchandise {
  border-top: solid var(--black) 1px;
  border-bottom: solid var(--black) 1px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.merchandise h2 {
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding-top: 1rem;
  border-top: solid var(--black) 1px;
}

@media screen and (min-width: 1024px) {
  .merchandise {
    display: flex;
    flex-direction: row-reverse;
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }
  .merchandise h2 {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
}
.bg__black .merchandise, .bg__white .merchandise, .bg__coral .merchandise, .bg__machine-green .merchandise, .bg__urban-purple .merchandise, .bg__pigeon-blue .merchandise, .bg__tooling-bronze .merchandise {
  border: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .bg__black .merchandise, .bg__white .merchandise, .bg__coral .merchandise, .bg__machine-green .merchandise, .bg__urban-purple .merchandise, .bg__pigeon-blue .merchandise, .bg__tooling-bronze .merchandise {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .bg__black .merchandise, .bg__white .merchandise, .bg__coral .merchandise, .bg__machine-green .merchandise, .bg__urban-purple .merchandise, .bg__pigeon-blue .merchandise, .bg__tooling-bronze .merchandise {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.merchandise--info {
  padding-top: 1rem;
  border-top: solid var(--black) 1px;
}
.merchandise--info .right-column {
  width: 100%;
  padding: 0;
}

@media screen and (max-width: 1023px) {
  .merchandise--info .richtext {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .merchandise--right-column, .merchandise--left-column {
    width: 50%;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}
.merchandise--quantity {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.merchandise--quantity-display {
  display: inline-block;
  border: solid var(--black) 1px;
  padding: 0.25rem;
  margin-left: 1rem;
  margin-right: 1rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
  text-align: center;
}

.merchandise--quantity-button {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  cursor: pointer;
  line-height: 1.5;
}

.merchandise--error-message {
  color: #FF675D;
  margin-top: 1rem;
}

.merchandise--success-message {
  color: #00CF9E;
  margin-top: 1rem;
}
.merchandise--success-message a {
  color: #00CF9E;
}

@media screen and (min-width: 1024px) {
  .imagetext-rows {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.imagetext-rows__item .button {
  margin-top: 1rem;
  margin-bottom: 0;
}
.imagetext-rows__item + .imagetext-rows__item {
  margin-top: 2rem;
}

@media screen and (min-width: 1024px) {
  .imagetext-rows__item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }
  .imagetext-rows__item:nth-child(even) {
    flex-flow: row-reverse;
  }
}
.imagetext-rows__image {
  margin-bottom: 1rem;
}

@media screen and (min-width: 1024px) {
  .imagetext-rows__image {
    width: 50%;
    padding: 0 0.875rem;
    margin: 0;
  }
  .imagetext-rows__image.extra-large {
    width: 50%;
  }
  .imagetext-rows__image.large {
    width: 41.6666666667%;
  }
  .imagetext-rows__image.medium {
    width: 33.3333333333%;
  }
  .imagetext-rows__image.small {
    width: 25%;
  }
  .imagetext-rows__image.extra-small {
    width: 16.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .imagetext-rows__item-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    padding: 0 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .imagetext-columns {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.imagetext-columns__inner {
  margin-left: -0.875rem;
  margin-right: -0.875rem;
  display: flex;
  flex-wrap: wrap;
}

.imagetext-columns__item {
  padding: 0 0.875rem;
  flex: 0 0 100%;
}
@media screen and (min-width: 768px) {
  .imagetext-columns__inner.col-2 .imagetext-columns__item, .imagetext-columns__inner.col-3 .imagetext-columns__item, .imagetext-columns__inner.col-4 .imagetext-columns__item {
    flex: 0 0 50%;
  }
}
@media screen and (min-width: 1024px) {
  .imagetext-columns__inner.col-3 .imagetext-columns__item, .imagetext-columns__inner.col-4 .imagetext-columns__item {
    flex: 0 0 33.3333333333%;
  }
}
@media screen and (min-width: 1366px) {
  .imagetext-columns__inner.col-4 .imagetext-columns__item {
    flex: 0 0 25%;
  }
}

.imagetext-columns__image {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

.box-promo.layout-image-full-width.content-block {
  padding-top: 0;
}

.box-promo {
  display: block;
}
@media screen and (min-width: 1024px) {
  .box-promo {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
.box-promo.with-mask .box-promo__image {
  -webkit-mask-image: url("../svg/mask.svg");
  mask-image: url("../svg/mask.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 60% 60%;
  mask-position: 60% 60%;
  -webkit-mask-size: auto 200%;
  mask-size: auto 200%;
  transition: mask 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
  .box-promo.with-mask .box-promo__image {
    -webkit-mask-position: 66% 0;
    mask-position: 66% 0;
    -webkit-mask-size: auto 125%;
    mask-size: auto 125%;
  }
}

.box-promo__inner {
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .box-promo__inner {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .box-promo__inner {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .box-promo__inner {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}

.box-promo__visual {
  margin-bottom: 2rem;
}
@media screen and (min-width: 1024px) {
  .box-promo__visual {
    margin-bottom: 0;
  }
}

.box-promo__title-block {
  padding-bottom: 1rem;
  border-bottom: solid var(--black) 1px;
}
.box-promo__title-block.black h2,
.box-promo__title-block.black h3 {
  color: #000000;
}
.box-promo__title-block.white h2,
.box-promo__title-block.white h3 {
  color: #FFFFFF;
}

.box-promo__title,
.box-promo__subtitle {
  margin-bottom: 0;
  padding-right: 5%;
}

.box-promo__subtitle {
  font-weight: normal;
}

.box-promo__image {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.box-promo__info {
  padding-top: 1.25rem;
}

.box-promo__description {
  padding-right: 5%;
}

.box-promo__ctas {
  margin-top: 1.25rem;
}
.box-promo__ctas .button {
  margin-top: 1rem;
  margin-bottom: 0;
  margin-right: 0.5rem;
}

@media screen and (min-width: 1024px) {
  .box-promo__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.75rem;
    grid-template-rows: 1fr min-content min-content;
  }
  .box-promo__title-block {
    border-bottom: none;
  }
  .box-promo__visual {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: span 3;
  }
  .box-promo__visual--left {
    grid-column-start: 1;
  }
  .box-promo__visual--right {
    grid-column-start: 2;
  }
  .box-promo__title-and-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .box-promo__info {
    border-top: 1px solid var(--black);
  }
}
.box-promo.layout-image-full-width .box-promo__inner {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
}
.box-promo.layout-image-full-width .box-promo__svg-mask {
  position: absolute;
  left: -4px;
  bottom: -4px;
}
.box-promo.layout-image-full-width .box-promo__visual {
  height: 465px;
  transition: height 0.2s ease-in-out;
  position: relative;
}
@media screen and (min-width: 375px) {
  .box-promo.layout-image-full-width .box-promo__visual {
    height: 565px;
  }
}
@media screen and (min-width: 768px) {
  .box-promo.layout-image-full-width .box-promo__visual {
    height: 768px;
  }
}
@media screen and (min-width: 1600px) {
  .box-promo.layout-image-full-width .box-promo__visual {
    height: 900px;
  }
}
.box-promo.layout-image-full-width .box-promo__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: auto;
}
.box-promo.layout-image-full-width .box-promo__title-block {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .box-promo.layout-image-full-width .box-promo__title-block {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .box-promo.layout-image-full-width .box-promo__title-block {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .box-promo.layout-image-full-width .box-promo__title-block {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
.box-promo.layout-image-full-width .box-promo__info {
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 2rem;
  border-top: none;
}
@media screen and (min-width: 768px) {
  .box-promo.layout-image-full-width .box-promo__info {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .box-promo.layout-image-full-width .box-promo__info {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .box-promo.layout-image-full-width .box-promo__info {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
.box-promo.layout-image-full-width .box-promo__description {
  padding-bottom: 2rem;
}
.box-promo.layout-image-full-width .box-promo__ctas {
  margin-top: 0;
}
.box-promo.layout-image-full-width .box-promo__ctas .button {
  margin-top: 0;
  margin-bottom: 1rem;
  margin-right: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .box-promo.layout-image-full-width .box-promo__title-and-info {
    flex-direction: row;
  }
  .box-promo.layout-image-full-width .box-promo__title-block {
    width: 50%;
  }
  .box-promo.layout-image-full-width .box-promo__info {
    width: 50%;
  }
}

.brand-typography {
  padding-top: 4rem;
  margin-bottom: 4rem;
}
.brand-typography + .brand-typography {
  margin-top: -4rem;
  padding-top: 0;
}
.brand-typography h2, .brand-typography h3, .brand-typography p {
  margin: 0;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: inherit;
  text-transform: uppercase;
  line-height: 0.9;
}
.brand-typography.extra-large {
  font-size: 3.75rem;
}
@media screen and (min-width: 1366px) {
  .brand-typography.extra-large {
    font-size: 6rem;
  }
}
@media screen and (min-width: 1920px) {
  .brand-typography.extra-large {
    font-size: 8rem;
  }
}
.brand-typography.large {
  font-size: 3rem;
}
@media screen and (min-width: 1366px) {
  .brand-typography.large {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .brand-typography.large {
    font-size: 4.5rem;
  }
}
.brand-typography.medium {
  font-size: 1.875rem;
}
@media screen and (min-width: 1366px) {
  .brand-typography.medium {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .brand-typography.medium {
    font-size: 3rem;
  }
}

.block-spacer {
  display: none;
}

@media screen and (min-width: 1024px) {
  .content-promo {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.content-promo__inner {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .content-promo__inner {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .content-promo__inner {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .content-promo__inner {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}

.content-promo__title-block {
  margin-bottom: 1.25rem;
}

.content-promo__title {
  margin-bottom: 0;
  padding-right: 5%;
}

.content-promo__image {
  display: block;
  width: 100%;
  max-width: 100%;
}

.content-promo__video img {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-promo__info {
  padding-top: 1.25rem;
}

.content-promo__description {
  padding-right: 5%;
}

.content-promo__ctas {
  margin-top: 1.25rem;
}
.content-promo__ctas .button {
  margin-top: 1rem;
  margin-bottom: 0;
  margin-right: 0.5rem;
}

@media screen and (min-width: 1366px) {
  .content-promo__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.75rem;
    grid-template-rows: 1fr min-content min-content;
  }
  .content-promo__visual {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: span 3;
  }
  .content-promo__info {
    border-top: 1px solid var(--black);
  }
  .content-promo.layout-image-left .content-promo__visual {
    grid-column-start: 1;
  }
  .content-promo.layout-image-full-width .content-promo__title-block,
  .content-promo.layout-image-full-width .content-promo__visual,
  .content-promo.layout-image-full-width .content-promo__info {
    grid-column-start: 1;
    grid-column-end: span 2;
  }
  .content-promo.layout-image-full-width .content-promo__visual {
    grid-row-start: 2;
    grid-row-end: 2;
  }
  .content-promo.layout-image-full-width .content-promo__info {
    border-top: none;
    display: flex;
  }
  .content-promo.layout-image-full-width .content-promo__description {
    flex: 0 0 66.67%;
    padding-right: 1.75rem;
    margin-top: 1rem;
  }
  .content-promo.layout-image-full-width .content-promo__ctas {
    flex: 0 0 33.33%;
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .press-quote {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
.press-quote.content-block {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media screen and (min-width: 1024px) {
  .press-quote__list--medium,
  .press-quote__list--small {
    display: flex;
    gap: 1.75rem;
  }
}
.press-quote__item {
  text-align: center;
}
.press-quote__item + .press-quote__item {
  margin-top: 3rem;
}
@media screen and (min-width: 1024px) {
  .press-quote__item + .press-quote__item {
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .press-quote__item--small {
    width: calc(25% - 0.875rem);
  }
}
@media screen and (min-width: 1024px) {
  .press-quote__item--medium {
    width: calc(33.33% - 0.875rem);
  }
}
.press-quote__item--large {
  font-size: 1.5rem;
}
@media screen and (min-width: 1366px) {
  .press-quote__item--large {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1920px) {
  .press-quote__item--large {
    font-size: 2.25rem;
    padding: 0 0 0 0.875rem;
    border: 0;
  }
}
.press-quote__item--large .press-quote__stars {
  font-size: 2.25rem;
}
@media screen and (min-width: 1366px) {
  .press-quote__item--large .press-quote__stars {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1920px) {
  .press-quote__item--large .press-quote__stars {
    font-size: 3.75rem;
  }
}

.press-quote__blockquote {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
}
.press-quote__blockquote p:first-of-type {
  margin-top: 0;
}

.press-quote__citation {
  margin-top: 1em;
}

.press-quote__citation--medium,
.press-quote__citation--small {
  font-size: 0.875rem;
}
@media screen and (min-width: 1366px) {
  .press-quote__citation--medium,
  .press-quote__citation--small {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  .press-quote__citation--medium,
  .press-quote__citation--small {
    font-size: 1.125rem;
  }
}

.press-quote__citation--large {
  font-size: 0.875rem;
}
@media screen and (min-width: 1366px) {
  .press-quote__citation--large {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  .press-quote__citation--large {
    font-size: 1.125rem;
  }
}

.press-quote__author,
.press-quote__publication {
  display: inline;
}
.press-quote__author p,
.press-quote__publication p {
  display: inline;
}

.press-quote__stars {
  font-size: 1.5rem;
}
@media screen and (min-width: 1366px) {
  .press-quote__stars {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1920px) {
  .press-quote__stars {
    font-size: 2.25rem;
  }
}
.press-quote__stars[n="0"]:before {
  content: " ";
}
.press-quote__stars[n="1"]:before {
  content: "★";
}
.press-quote__stars[n="2"]:before {
  content: "★★";
}
.press-quote__stars[n="3"]:before {
  content: "★★★";
}
.press-quote__stars[n="4"]:before {
  content: "★★★★";
}
.press-quote__stars[n="5"]:before {
  content: "★★★★★";
}

.opening-hours__list {
  margin-bottom: 2rem;
}

.opening-hours__item + .opening-hours__item {
  margin-top: 0.25rem;
}

.opening-hours__day-date-time {
  display: flex;
  justify-content: space-between;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
}

.opening-hours__exception-comment {
  font-size: 1rem;
}

@media screen and (min-width: 1024px) {
  .opening-hours {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
@media screen and (min-width: 1024px) {
  .opening-hours {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 4;
  }
}
@media screen and (min-width: 1024px) {
  .opening-hours .opening-hours__right-column {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .opening-hours .opening-hours__list {
    grid-column: 3/span 2;
  }
}
.opening-hours .opening-hours__item {
  padding-bottom: 0.5rem;
  border-bottom: solid black 1px;
}
.opening-hours .opening-hours__item + .opening-hours__item {
  margin-top: 0.5rem;
}

.cookies__container {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 0.875rem;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: solid var(--black) 1px;
  background-color: var(--white);
}
@media screen and (min-width: 1024px) {
  .cookies__container {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.cookies__container p {
  margin: 0;
}

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

.cookies__warning {
  width: 90%;
  padding-right: 1rem;
}

.cookies__button {
  cursor: pointer;
}

.cookies__dismiss-cross {
  object-position: right;
}

.homepage {
  height: 100vh;
  overflow: hidden;
}
.homepage .page-wrap {
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.tfhp__slideshow-root {
  position: relative;
  /* This height value will be overridden in the JS, but a value is still needed for the initial paint
  to prevent the browser setting the wrong scroll position before the JS has rendered */
  height: 100vh;
  width: 100vw;
}

.tfhp__slide-container {
  position: absolute;
  width: 100%;
  top: 0;
}

.tfhp__slide {
  position: sticky;
  top: 0;
  overflow: hidden;
}

.tfhp__slide-inner {
  color: white;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.tfhp__header-ticker {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100vw;
}

.tfhp__slide__video {
  position: absolute;
  z-index: 0;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 110%;
}

.tfhp__slide__video__bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  overflow: hidden;
}
.tfhp__slide__video__bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

/* On mobile, show this image rather than the video */
.tfhp__slide__mobile__header {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .tfhp__slide__mobile__header {
    display: none;
  }
}

/* The video slide's bg is overflowed and then centered to present a 'cover' effect */
.tfhp__slide__video__embed {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
  border: none;
}

@media (min-aspect-ratio: 16/9) {
  .tfhp__slide__video__embed {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .tfhp__slide__video__embed {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}
/* Hide the video on mobile */
.thfp__slide__video__embed--mobile-hide {
  display: none;
}
@media screen and (min-width: 768px) {
  .thfp__slide__video__embed--mobile-hide {
    display: block;
  }
}

.tfhp__slide__image {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: black;
}
.tfhp__slide__image::before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.tfhp__slide__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tfhp__slide__content {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}

.tfhp__slide--has-ticker .tfhp__slide__text {
  margin-bottom: 70px;
}

.tfhp__slide__text {
  position: absolute;
  bottom: calc(20px + 1vw + 1vh);
  line-height: 1;
}
.tfhp__slide__text a {
  text-decoration: none;
}

.tfhp__slide--light-text .tfhp__slide__text {
  color: white;
}
.tfhp__slide--light-text .tfhp__slide__text a {
  color: white;
}

.tfhp__slide--dark-text .tfhp__slide__text {
  color: inherit;
}
.tfhp__slide--dark-text .tfhp__slide__text a {
  color: inherit;
}

.tfhp__slide__text__primary {
  max-width: 80ch;
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 2.25rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .tfhp__slide__text__primary {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1366px) {
  .tfhp__slide__text__primary {
    font-size: 3rem;
  }
}

.tfhp__slide__text__secondary {
  max-width: 80ch;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .tfhp__slide__text__secondary {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .tfhp__slide__text__secondary {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1366px) {
  .tfhp__slide__text__secondary {
    font-size: 1.375rem;
  }
}

.tfhp__slide__text__date {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  text-transform: uppercase;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .tfhp__slide__text__date {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1366px) {
  .tfhp__slide__text__date {
    font-size: 1.375rem;
  }
}

.styled-heading__search {
  margin-top: 0;
  border: none;
}

.search-results__list {
  list-style-type: none;
}

.search-results__item {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1024px) {
  .search-results__item {
    margin-bottom: 2rem;
  }
}
.search-results__item p {
  margin: 0;
}

.search-results__h2 {
  font-size: 1.125rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  margin-bottom: 0;
}
.search-results__h2 a {
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .search-results__h2 {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1366px) {
  .search-results__h2 {
    font-size: 1.375rem;
  }
}

.search-results__url a {
  text-decoration: underline;
}

.password-form input {
  margin-bottom: 1rem;
}

.social-sharing-links__item {
  display: inline-block;
}
.social-sharing-links__item + .social-sharing-links__item {
  margin-left: 1rem;
}

.paywall-video__iframe-container {
  aspect-ratio: 16/9;
}

.paywall-video__iframe {
  width: 100%;
  height: 100%;
}

.spektrix-iframe-container {
  padding-bottom: 10rem;
}
.spektrix-iframe-container + .related-events-container {
  margin-top: -6rem;
  padding-bottom: 10rem;
}

#SpektrixIFrame {
  border: none;
}

#related-events-div {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.spektrix-donation-form {
  display: block;
}
@media screen and (min-width: 1024px) {
  .spektrix-donation-form {
    display: flex;
    column-gap: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .spektrix-donation-form__heading {
    width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .spektrix-donation-form__body {
    width: 50%;
    margin-top: 0;
  }
}

.spektrix-donation-form__slider {
  -webkit-appearance: none; /* Override default CSS styles */
  appearance: none;
  height: 5px;
  background: #00CF9E;
  outline: none;
  margin-bottom: 0.5rem;
  border: black solid 1px;
  border-radius: 10px;
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.spektrix-donation-form__slider::-webkit-slider-thumb {
  width: 35px; /* Set a specific slider handle width */
  height: 35px; /* Slider handle height */
  background: #00CF9E; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius: 50%;
  border: black solid 1px;
}

.spektrix-donation-form__slider::-moz-range-thumb {
  width: 35px; /* Set a specific slider handle width */
  height: 35px; /* Slider handle height */
  background: #00CF9E; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius: 50%;
  border: black solid 1px;
}

.spektrix-donation-form__values {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}

.spektrix-donation-form__value--relative {
  position: relative;
}

.spektrix-donation-form__value--left-10px {
  left: 10px;
}

.spektrix-donation-form__value--left-15px {
  left: 15px;
}

.spektrix-donation-form__value--left-17px {
  left: 17px;
}

.spektrix-donation-form__value {
  display: block;
}

.shopify-product-list {
  column-count: auto;
  overflow-x: hidden;
}
@media screen and (min-width: 1024px) {
  .shopify-product-list {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.shopify-product-list__list {
  display: block;
  margin: 0;
  margin-left: -0.875rem;
  margin-right: -0.875rem;
  padding-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  container-name: shopify-product-list-container;
  container-type: inline-size;
}

.shopify-product-list__item {
  margin: 0;
  margin-bottom: 2rem;
  padding: 0.875rem;
  flex: 0 0 100%;
}
@media screen and (min-width: 540px) {
  .shopify-product-list__item {
    flex: 0 0 50%;
  }
}
@media screen and (min-width: 1024px) {
  .shopify-product-list__item {
    flex: 0 0 33.3333333333%;
  }
}
@media screen and (min-width: 1366px) {
  .shopify-product-list__item {
    flex: 0 0 25%;
  }
}

.shopify-product-card {
  display: flex;
  flex-direction: column;
  position: relative;
}
.shopify-product-card__link {
  order: 2;
  display: block;
  padding-right: 10%;
  text-decoration: none;
}
.shopify-product-card__link:hover {
  text-decoration: underline;
}
.shopify-product-card__link::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.shopify-product-card__title {
  max-width: 22ch;
}
.shopify-product-card__price {
  order: 3;
}
.shopify-product-card__title, .shopify-product-card__price {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.25rem;
  line-height: 1;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 1366px) {
  .shopify-product-card__title, .shopify-product-card__price {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .shopify-product-card__title, .shopify-product-card__price {
    font-size: 1.875rem;
  }
}
.shopify-product-card__image {
  order: 1;
  margin-bottom: 1rem;
  border: 1px solid #eee;
  background: #eee;
}
.shopify-product-card__image img {
  max-width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.2s ease-in-out;
}
.shopify-product-card:has(a:hover) img {
  opacity: 0.65;
}

.registration-form {
  margin-left: 1rem;
  margin-right: 1rem;
  max-width: 40rem;
}
@media screen and (min-width: 768px) {
  .registration-form {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .registration-form {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-left: 3rem;
    margin-right: 0;
  }
}
@media screen and (min-width: 1660px) {
  .registration-form {
    margin-left: 4rem;
  }
}
.registration-form input {
  padding: 0.5rem;
  border: 1px solid #000000;
  border-radius: 0;
}
.registration-form button,
.registration-form .button {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
}
.registration-form button:hover,
.registration-form .button:hover {
  background-color: #00CF9E;
  color: black;
}
.registration-form button.secondary,
.registration-form .button.secondary {
  background-color: white;
  color: black;
}
.registration-form button.secondary:hover,
.registration-form .button.secondary:hover {
  background-color: black;
  color: white;
}
.registration-form button.block,
.registration-form .button.block {
  width: 100%;
}
.registration-form .form-actions {
  padding-top: 0.5rem;
}

.stripped-main {
  margin-left: 1rem;
  margin-right: 1rem;
  max-width: 600px;
  padding-top: calc(2rem + 1vh + 1vw);
  padding-bottom: calc(6rem + 3vh + 3vw);
}
@media screen and (min-width: 768px) {
  .stripped-main {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .stripped-main {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .stripped-main {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
.stripped-main h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.stripped-main p {
  max-width: 40ch;
  padding-right: 5%;
}

.wp-legacy-content {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
}
.wp-legacy-content .container {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.wp-legacy-content h1, .wp-legacy-content h2, .wp-legacy-content h3, .wp-legacy-content h4, .wp-legacy-content h5 {
  margin-top: 2rem;
}
.wp-legacy-content h1 {
  display: none;
}
.wp-legacy-content .text-white {
  color: black !important;
}
.wp-legacy-content .btn--arrow {
  margin-right: 2rem;
  padding: 0;
  background-color: transparent;
  border: none;
  text-align: left;
  text-decoration: none;
}
.wp-legacy-content .btn--arrow.full-width {
  display: block;
  margin-right: 0;
}
.wp-legacy-content .btn--arrow .btn--arrow__arrow {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 1rem;
  margin-right: 1rem;
  transition: margin 0.2s ease-in-out;
  background-image: url("../svg/arrow-right-light.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.wp-legacy-content .btn--arrow:hover .btn--arrow__arrow {
  margin-left: 2rem;
  margin-right: 0;
}
.wp-legacy-content .show-section-list,
.wp-legacy-content .ss-inline-share-wrapper {
  display: none;
}
.wp-legacy-content iframe,
.wp-legacy-content .desktop-featured {
  margin: 4rem 0;
}
.wp-legacy-content .desktop-featured img {
  width: 100%;
}
.wp-legacy-content .videowrapper {
  position: relative;
  margin: 4rem 0;
  padding-bottom: 56.25%;
  height: 0;
}
.wp-legacy-content .videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.wp-legacy-content .quote-back {
  margin: 4rem 0;
}
.wp-legacy-content .quote-back::before {
  content: "";
  display: block;
  width: 8rem;
  height: 8rem;
  margin-bottom: 1rem;
  background-image: url("../svg/quote-mark.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.wp-legacy-content .quote-back h3 {
  font-weight: normal;
  line-height: 1.25;
}
.wp-legacy-content .quote-back h3.text-coral {
  font-size: 1.125rem;
  font-style: italic;
}
.wp-legacy-content .quote-back .btn {
  margin-top: 1rem;
}
.wp-legacy-content .gallery {
  margin-bottom: 4rem;
}
.wp-legacy-content .lightboxgallery-gallery {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}
.wp-legacy-content .lightboxgallery-gallery-item {
  display: block;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.wp-legacy-content .lightboxgallery-gallery-item > div {
  padding: 0.5rem;
}
.wp-legacy-content #on-tour .row,
.wp-legacy-content #previous-tours .row {
  margin-left: -1rem;
  margin-right: -1rem;
  display: flex;
  flex-wrap: wrap;
}
.wp-legacy-content #on-tour .row a,
.wp-legacy-content #previous-tours .row a {
  display: block;
  padding: 1rem;
  flex: 0 0 100%;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1;
}
@media screen and (min-width: 650px) {
  .wp-legacy-content #on-tour .row a,
  .wp-legacy-content #previous-tours .row a {
    flex: 0 0 50%;
  }
}
.wp-legacy-content #on-tour .row a:hover,
.wp-legacy-content #previous-tours .row a:hover {
  text-decoration: underline;
}
.wp-legacy-content #on-tour .row a img,
.wp-legacy-content #previous-tours .row a img {
  width: 100%;
  margin-bottom: 1rem;
}

html#guides .grid-guides-container {
  width: 100%;
  height: 100vh;
  padding-left: 1rem;
  padding-right: 1rem;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  pointer-events: none;
  display: grid;
  grid-template-rows: 1fr;
  grid-column-gap: 1.75rem;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (min-width: 768px) {
  html#guides .grid-guides-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  html#guides .grid-guides-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  html#guides .grid-guides-container {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media screen and (min-width: 650px) {
  html#guides .grid-guides-container {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 980px) {
  html#guides .grid-guides-container {
    grid-template-columns: repeat(12, 1fr);
  }
}
html#guides .grid-guides-container b {
  background-color: rgba(127, 127, 127, 0.2);
  position: relative;
}
html#guides .grid-guides-container b:first-child:before, html#guides .grid-guides-container b::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -0.875rem;
  width: 1px;
  height: 100%;
  background-color: deepskyblue;
}
html#guides .grid-guides-container b:first-child:before {
  left: -0.875rem;
}
html#guides .grid-guides-container b::after {
  right: -0.875rem;
}
html#guides .site-header {
  background-color: rgba(0, 255, 0, 0.1);
}
html#guides .site-header div {
  background-color: rgba(0, 255, 0, 0.05);
}
html#guides .site-footer {
  background-color: rgba(0, 0, 255, 0.1);
}
html#guides .site-footer div {
  background-color: rgba(0, 0, 255, 0.05);
}
html#guides article header {
  background-color: rgba(255, 125, 0, 0.1);
}
html#guides article header div {
  background-color: rgba(255, 125, 0, 0.05);
}
html#guides section, html#guides aside {
  background-color: rgba(255, 0, 0, 0.1);
}
html#guides section div,
html#guides aside div {
  background-color: rgba(255, 0, 0, 0.05);
}

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