@charset "UTF-8";
/**
 * MASTER
 *
 * @Project     : Project Name
 * @Author      : AuthorName [author.name@nvinteractive.com]
 *
 */
@viewport {
  width: device-width;
  zoom: 1;
}
/**
 * 1. SETTINGS
 */
/**
 * SETTINGS.BREAKPOINTS
 *
 * @description : Define major breakpoints
 *
 */
/*
 *  Generic Breakpoint Definitions
 *  Used in min-width media queries.
 */
/*
 *  Custom Breakpoint Definitions
 *  Used when many styles need to change together within an object/component.
 */
/**
 * SETTINGS.COLORS
 *
 * @description : Color variable definitions
 *
 */
/*
 *  Official Brand Colors
 *  Named as a combination of the brand name + color, e.g. $nv-black.
 */
/*
 *  Other Brand Colors
 *  Other shades leveraged just for the site design.
 *  Named as a combination of the color + exact shade, e.g. $brown-dark.
 */
/*
 *  Utility Colors
 *  Other colors not part of the design which are useful for special effects e.g. focus/hover states.
 *  Named as a combination of the color + exact shade, e.g. $gray-light.
 */
/*
 *  Base Colors
 *  Configured on :root and can be referenced elsewhere.
 */
/**
 * SETTINGS.FOCUS
 *
 * @description : 
 *
 */
/**
 * SETTINGS.FONT
 *
 * @description : 
 *
 */
/*
 *  Font Family Definitions
 *  Add font stacks here for all typefaces used in the design.
 */
/*
 *  Base Font Settings
 *  Configured on :root and can be referenced elsewhere.
 */
/**
 * SETTINGS.FORM
 *
 * @description : Common display settings for form fields/controls.
 *
 */
/**
 * TOOLS.FUNCTIONS
 *
 * @description : Common functions
 *
 */
/**
 * Strip Unit
 *  @desc       : Strips the unit from a value to we can use it for calculations
 *  @source     : https://css-tricks.com/snippets/sass/strip-unit-function/
 *  @param      : $num - Number to remove unit from
 *  @return     : Unitless value
 */
/**
 *  REM Calc
 *  @desc      : Converts px values to REMs
 *  @param     : $val - The value to convert (usually passed in px but unit may be omitted)
 *  @param     : $base – Optional parameter, passed if you'd like to calculate with a different base font size
 *  @param     : $base-font-size – The default font size (defined in _settings.base.scss)
 *  @return    : $rems - rem-converted value
 */
/**
 *  Decimal-Round
 *  @desc      : Rounds a floating point number to the nearest whole number
 *  @param     : $number - The number to be rounded. must be unitless.
 */
/**
 *  Decimal-Floor
 *  @desc      : Rounds a floating point number down to the nearest whole number
 */
/**
 * Spacer
 * @desc     : Returns a simple multipled value, converted to rem
 */
:root {
  --form-control-font-size: 1.125rem;
  --form-control-height: 2.875rem;
  --form-toggle-control-size: 1.25rem;
}
@media (min-width: 480px) {
  :root {
    --form-control-height: 3rem;
  }
}
@media (min-width: 1200px) {
  :root {
    --form-control-height: 3.125rem;
    --form-toggle-control-size: 1.375rem;
  }
}

/**
 * SETTINGS.GRID
 *
 * @description : 
 *
 */
/**
 *  2. TOOLS
 */
/**
 * TOOLS.FUNCTIONS
 *
 * @description : Common functions
 *
 */
/**
 * Strip Unit
 *  @desc       : Strips the unit from a value to we can use it for calculations
 *  @source     : https://css-tricks.com/snippets/sass/strip-unit-function/
 *  @param      : $num - Number to remove unit from
 *  @return     : Unitless value
 */
/**
 *  REM Calc
 *  @desc      : Converts px values to REMs
 *  @param     : $val - The value to convert (usually passed in px but unit may be omitted)
 *  @param     : $base – Optional parameter, passed if you'd like to calculate with a different base font size
 *  @param     : $base-font-size – The default font size (defined in _settings.base.scss)
 *  @return    : $rems - rem-converted value
 */
/**
 *  Decimal-Round
 *  @desc      : Rounds a floating point number to the nearest whole number
 *  @param     : $number - The number to be rounded. must be unitless.
 */
/**
 *  Decimal-Floor
 *  @desc      : Rounds a floating point number down to the nearest whole number
 */
/**
 * Spacer
 * @desc     : Returns a simple multipled value, converted to rem
 */
/**
 * TOOLS.MIXIN.BASE-GRID
 *
 * @description : 
 *
 */
/**
 * TOOLS.MIXIN.CLEARFIX
 *
 * @description : Force an element to self-clear floated children
 *
 */
/**
 * MIXIN.COPY
 *
 * @description : Main body copy styles
 *
 */
/**
 * MIXIN.FORMS
 *
 * @description : 
 *
 */
/**
 * form-control 
 * Provides the generic look and feel to form elements 
 * that have a consistent size/border/spacing despite harnessing
 * different input styles (date picker, text box, select, etc.).
*/
/**
 * MIXIN.HEADINGS
 *
 * @description : Main heading styles
 *
 */
/**
 * TOOLS.MIXIN.CLEARFIX
 *
 * @description : 
 *
 */
/**
 * MIXIN.SCROLLBARS
 *
 * @description : Custom CSS scrollbar styles
 *
 */
/**
 * MIXIN.TARGET-BROWSERS
 *
 * @description : Target any browser with a unique media query. Only to be used in exceptional cases (to combat browser bugs).
 *
 */
/**
 * MIXIN.COPY
 *
 * @description : 
 *
 */
/**
 * 3. GENERIC
 */
/**
 * GENERIC.FONTS.AFRONAUT-REGULAR
 *
 * @description:
 *
 */
@font-face {
  font-family: "Afronaut Regular";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/afronaut-regular/Afronaut-Regular.woff2") format("woff2"), url("/fonts/afronaut-regular/Afronaut-Regular.woff2") format("woff");
}
/**
 * GENERIC.FONTS.GRAPHIK
 *
 * @description : 
 *
 */
@font-face {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/graphik/GraphikRegular.woff2") format("woff2");
}
@font-face {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/graphik/GraphikBold.woff2") format("woff2");
}
/**
 * GENERIC.FONTS.KLARHEIT-KURRENT
 *
 * @description : https://extraset.ch/typefaces/klarheit-grotesk/klarheit-kurrent/
 *
 */
@font-face {
  font-family: "ES Klarheit Kurrent";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/klarheit-kurrent/es-klarheit-kurrent-book.woff2") format("woff2"), url("/fonts/klarheit-kurrent/es-klarheit-kurrent-book.woff2") format("woff");
}
@font-face {
  font-family: "ES Klarheit Kurrent";
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/klarheit-kurrent/es-klarheit-kurrent-book-italic.woff2") format("woff2"), url("/fonts/klarheit-kurrent/es-klarheit-kurrent-book-italic.woff2") format("woff");
}
@font-face {
  font-family: "ES Klarheit Kurrent";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/klarheit-kurrent/es-klarheit-kurrent-semibold.woff2") format("woff2"), url("/fonts/klarheit-kurrent/es-klarheit-kurrent-semibold.woff2") format("woff");
}
/**
 * GENERIC.FONTS.NEUE-MACHINA
 *
 * @description : https://pangrampangram.com/products/neue-machina
 *
 */
@font-face {
  font-family: "PP Neue Machina";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/neue-machina/pp-neue-machina-bold.woff2") format("woff2"), url("/fonts/neue-machina/pp-neue-machina-bold.woff") format("woff"), url("/fonts/neue-machina/pp-neue-machina-bold.otf") format("opentype"), url("/fonts/neue-machina/pp-neue-machina-bold.ttf") format("truetype"), url("/fonts/neue-machina/pp-neue-machina-bold.eot") format("embedded-opentype");
}
/**
 * GENERIC.GUIDES
 *
 * @description : CSS custom properties for constraining regular site content.
 *
 */
:root {
  --scrollbar-width: 0;
  --inner-100vw: calc(100vw - var(--scrollbar-width));
  --body-max-width: 101.25rem;
  --body-max-width-sm: 76rem;
  --body-max-width-xs: 62.5rem;
  --min-edge-gap: 1.125rem;
}
@media (min-width: 480px) {
  :root {
    --min-edge-gap: 1.5rem;
  }
}
@media (min-width: 800px) {
  :root {
    --min-edge-gap: 1.875rem;
  }
}
@media (min-width: 1200px) {
  :root {
    --min-edge-gap: 2.5rem;
  }
}
@media (min-width: 1500px) {
  :root {
    --body-max-width-sm: 81.25rem;
  }
}
@media (min-width: 1680px) {
  :root {
    --body-max-width-sm: 86.125rem;
  }
}

/**
 * GENERIC.PRINT
 *
 * @description : Sets up the page for print styles
 *
 */
@page {
  margin: 1cm 0.5cm;
}
/**
 * GENERIC.RESET
 *
 * @description :  Include your desired reset here.
 *                 Default is Eric Meyer's reset
 *
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
samp,
small,
tt,
var,
u,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

figure {
  margin: 0;
  padding: 0;
}

/**
 * GENERIC.BOXSIZING
 *
 * @description : Sets global box-sizing
 * @reference   : https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 *
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/**
 *  4. ELEMENTS
 *  Basic styles for raw HTML elements
 *  No classes here
 */
/**
 * ELEMENTS.BASE
 *
 * @description : Base element styles for html and body elements.
 *
 */
:root {
  /* For access in JavaScript. */
  --sm: 480px;
  --md: 800px;
  --lg: 1200px;
  --xl: 1500px;
  --xxl: 1680px;
  --desktop-design-bp: 800px;
  --breakpoints: sm md lg xl xxl desktop-design-bp;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  scroll-padding-top: 112px;
}
@media print {
  html {
    font-size: 12px;
  }
}

body {
  background: #fff;
  color: #000;
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-weight: 400;
  line-height: 1;
  overflow-x: visible;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

/**
 * ELEMENTS.DISABLED
 *
 * @description : Default styles for disabled elements
 *
 */
.disabled,
*:disabled,
[disabled] {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}

/**
 * ELEMENTS.FOCUS
 *
 * @description : Focus styles
 *
 */
a, button, input, select, textarea, [tabindex] {
  box-shadow: 0 0 0 0.1875rem rgba(94, 158, 214, 0);
  outline: 0;
}
a:focus, button:focus, input:focus, select:focus, textarea:focus, [tabindex]:focus {
  outline: 0;
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  box-shadow: 0 0 0 0.1875rem rgba(94, 158, 214, 0.2);
  outline: 0;
}

select:focus {
  box-shadow: 0 0 0 0.1875rem rgba(94, 158, 214, 0.2);
  outline: 0;
}

/**
 * ELEMENTS.FORMS
 *
 * @description : Core form styles
 *
 */
button,
[type=reset],
[type=submit],
[type=image] {
  appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  padding: 0;
  text-align: inherit;
}

button,
input,
select,
textarea {
  background: transparent;
  border: 0;
  border-radius: 0;
  font: inherit;
  margin: 0;
}

::placeholder {
  color: #888;
  opacity: 1;
}

/**
 * ELEMENTS.HIDDEN
 *
 * @description : Default styles for hidden elements
 *
 */
[hidden] {
  display: none !important;
}

/**
 * ELEMENTS.IMAGES
 *
 * @description : Basic image styles
 *
 */
body:not(.no-js) [onload*=markAsLoaded],
body:not(.no-js) [data-vue-mark-as-loaded] {
  opacity: 0;
  transition: 0.3s;
}
body:not(.no-js) [onload*=markAsLoaded].has-loaded,
body:not(.no-js) [data-vue-mark-as-loaded].has-loaded {
  opacity: 1;
}

/**
 * ELEMENTS.INLINE
 *
 * @description : Basic typographical styles for inline elements
 *
 */
* {
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 0.0625rem !important;
}

a {
  color: inherit;
  text-decoration: none;
}

/**
 *  5. OBJECTS
 *  These are repeating visual/structural patterns with no 'design' added
 *  Must be built with classes only
 */
/**
 * OBJECTS.CARD-SLIDER
 *
 * @description : 
 *
 */
.o-card-slider {
  display: block;
}

.o-card-slider__swiper {
  overflow: visible;
}
.o-card-slider__swiper:not(.swiper-container-initialized) {
  --slide-spacing: 1.375rem;
  --number-of-slides: 1.5;
}
@media (min-width: 480px) {
  .o-card-slider__swiper:not(.swiper-container-initialized) {
    --number-of-slides: 2;
  }
}
@media (min-width: 800px) {
  .o-card-slider__swiper:not(.swiper-container-initialized) {
    --slide-spacing: 1.625rem;
    --number-of-slides: 2.5;
  }
}
@media (min-width: 1200px) {
  .o-card-slider__swiper:not(.swiper-container-initialized) {
    --slide-spacing: 2.125rem;
    --number-of-slides: 4;
  }
}
@media (min-width: 1500px) {
  .o-card-slider__swiper:not(.swiper-container-initialized) {
    --slide-spacing: 2.875rem;
    --number-of-slides: 5;
  }
}
.o-card-slider__swiper:not(.swiper-container-initialized) .o-card-slider__wrapper {
  display: flex;
  flex-direction: row;
  margin: calc(var(--slide-spacing) * -0.5);
  width: auto;
}
.o-card-slider__swiper:not(.swiper-container-initialized) .o-card-slider__slide {
  box-sizing: border-box;
  padding: calc(var(--slide-spacing) * 0.5);
  width: calc(100% / var(--number-of-slides));
}

/**
 * OBJECTS.CONTROL-BAR
 *
 * @description : 
 *
 */
.o-control-bar {
  display: block;
}

.o-control-bar__list {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
  justify-content: flex-start;
}

.o-control-bar__item {
  display: block;
}
.o-control-bar--grow .o-control-bar__item {
  flex: 1 1 0;
}
.o-control-bar__item button {
  display: flex;
}

/**
 * OBJECTS.DATE-SLIDER
 *
 * @description : 
 *
 */
.o-date-slider {
  overflow: hidden;
}

.o-date-slider__swiper {
  --slide-spacing: 0.375rem;
  overflow: visible;
}
.o-date-slider__swiper:not(.swiper-container-initialized) .o-date-slider__wrapper {
  display: flex;
  flex-direction: row;
  width: auto;
}
.o-date-slider__swiper:not(.swiper-container-initialized) .o-date-slider__slide {
  box-sizing: border-box;
}

.o-date-slider__wrapper {
  margin: calc(var(--slide-spacing) * -0.5);
}

.o-date-slider__slide {
  flex: 1 1 0 !important;
  padding: calc(var(--slide-spacing) * 0.5);
  width: auto !important;
}

/**
 * OBJECTS.HEADING-LAYOUT
 *
 * @description : Combo of heading and buttons/controls
 *
 */
.o-heading-layout {
  align-items: flex-end;
  display: flex;
  flex-flow: row wrap;
  gap: 1.5rem;
  justify-content: space-between;
}
@media (min-width: 480px) {
  .o-heading-layout {
    gap: 2.25rem;
  }
}
@media (min-width: 800px) {
  .o-heading-layout {
    gap: 3rem;
  }
}

.o-heading-layout--with-subheading .o-heading-layout__heading {
  margin-bottom: 3.125rem;
  width: 100%;
}

/**
 * OBJECTS.ICON-SET
 *
 * @description : 
 *
 */
.o-icon-set {
  display: block;
}

.o-icon-set__list {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  gap: 2rem;
  justify-content: center;
}
@media (min-width: 480px) {
  .o-icon-set__list {
    gap: 2.25rem;
  }
}

.o-icon-set__item {
  display: block;
}

/**
 * OBJECTS.LINK-CLOUD
 *
 * @description : A dispersed set of links
 *
 */
.o-link-cloud {
  display: block;
}

.o-link-cloud__list {
  position: relative;
}
.o-link-cloud__list::before {
  content: "";
  display: block;
  min-height: 20.875rem;
  padding-top: 70%;
}
@media (min-width: 800px) {
  .o-link-cloud__list::before {
    min-height: 0;
    padding-top: 22%;
  }
}

.o-link-cloud__item {
  position: absolute;
}
.o-link-cloud__item:nth-child(1) {
  left: 20%;
  top: 8%;
}
.o-link-cloud__item:nth-child(2) {
  left: 68%;
  top: 21%;
}
.o-link-cloud__item:nth-child(3) {
  left: 40%;
  top: 43%;
}
.o-link-cloud__item:nth-child(4) {
  left: 78%;
  top: 62%;
}
.o-link-cloud__item:nth-child(5) {
  left: 27%;
  top: 73%;
}
.o-link-cloud__item:nth-child(6) {
  left: 74%;
  top: 90%;
}
@media (min-width: 800px) {
  .o-link-cloud__item:nth-child(1) {
    left: 20%;
    top: 20%;
  }
  .o-link-cloud__item:nth-child(2) {
    left: 20%;
    top: 80%;
  }
  .o-link-cloud__item:nth-child(3) {
    left: 50%;
    top: 20%;
  }
  .o-link-cloud__item:nth-child(4) {
    left: 50%;
    top: 80%;
  }
  .o-link-cloud__item:nth-child(5) {
    left: 80%;
    top: 20%;
  }
  .o-link-cloud__item:nth-child(6) {
    left: 80%;
    top: 80%;
  }
}

.o-link-cloud__tag-link {
  left: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}

/**
 * OBJECTS.LEGACY-GRID
 *
 * @description : 
 *
 */
.b {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--body-max-width);
  padding-left: var(--min-edge-gap);
  padding-right: var(--min-edge-gap);
}

.b--sm {
  max-width: var(--body-max-width-sm);
}

.b--xs {
  max-width: var(--body-max-width-xs);
}

.g {
  --number-of-columns: 12;
  --gutter: 1rem;
  display: grid;
  grid-gap: 0;
  grid-template-columns: repeat(var(--number-of-columns), 1fr);
}
@media (min-width: 480px) {
  .g {
    --gutter: 1.125rem;
  }
}
@media (min-width: 800px) {
  .g {
    --gutter: 1.5rem;
  }
}

.g-m {
  column-gap: var(--gutter);
}

.gi {
  grid-column-end: span var(--number-of-columns);
}

.gi-pl, .gi-p {
  padding-left: var(--gutter);
}

.gi-pr, .gi-p {
  padding-right: var(--gutter);
}

.gi-ml, .gi-m {
  margin-left: var(--gutter);
}

.gi-mr, .gi-m {
  margin-right: var(--gutter);
}

.gi-1 {
  grid-column-end: span 1;
}

.gi-2 {
  grid-column-end: span 2;
}

.gi-3 {
  grid-column-end: span 3;
}

.gi-4 {
  grid-column-end: span 4;
}

.gi-5 {
  grid-column-end: span 5;
}

.gi-6 {
  grid-column-end: span 6;
}

.gi-7 {
  grid-column-end: span 7;
}

.gi-8 {
  grid-column-end: span 8;
}

.gi-9 {
  grid-column-end: span 9;
}

.gi-10 {
  grid-column-end: span 10;
}

.gi-11 {
  grid-column-end: span 11;
}

.gi-12 {
  grid-column-end: span 12;
}

.gi-in-1 {
  grid-column-end: span 1;
}

.gi-in-2 {
  grid-column-end: span 2;
}

.gi-in-3 {
  grid-column-end: span 3;
}

.gi-in-4 {
  grid-column-end: span 4;
}

.gi-in-5 {
  grid-column-end: span 5;
}

.gi-in-6 {
  grid-column-end: span 6;
}

.gi-in-7 {
  grid-column-end: span 7;
}

.gi-in-8 {
  grid-column-end: span 8;
}

.gi-in-9 {
  grid-column-end: span 9;
}

.gi-in-10 {
  grid-column-end: span 10;
}

.gi-in-11 {
  grid-column-end: span 11;
}

@media (min-width: 480px) {
  .gi-sm-1 {
    grid-column-end: span 1;
  }
  .gi-sm-2 {
    grid-column-end: span 2;
  }
  .gi-sm-3 {
    grid-column-end: span 3;
  }
  .gi-sm-4 {
    grid-column-end: span 4;
  }
  .gi-sm-5 {
    grid-column-end: span 5;
  }
  .gi-sm-6 {
    grid-column-end: span 6;
  }
  .gi-sm-7 {
    grid-column-end: span 7;
  }
  .gi-sm-8 {
    grid-column-end: span 8;
  }
  .gi-sm-9 {
    grid-column-end: span 9;
  }
  .gi-sm-10 {
    grid-column-end: span 10;
  }
  .gi-sm-11 {
    grid-column-end: span 11;
  }
  .gi-sm-12 {
    grid-column-end: span 12;
  }
}
@media (min-width: 800px) {
  .gi-md-1 {
    grid-column-end: span 1;
  }
  .gi-md-2 {
    grid-column-end: span 2;
  }
  .gi-md-3 {
    grid-column-end: span 3;
  }
  .gi-md-4 {
    grid-column-end: span 4;
  }
  .gi-md-5 {
    grid-column-end: span 5;
  }
  .gi-md-6 {
    grid-column-end: span 6;
  }
  .gi-md-7 {
    grid-column-end: span 7;
  }
  .gi-md-8 {
    grid-column-end: span 8;
  }
  .gi-md-9 {
    grid-column-end: span 9;
  }
  .gi-md-10 {
    grid-column-end: span 10;
  }
  .gi-md-11 {
    grid-column-end: span 11;
  }
  .gi-md-12 {
    grid-column-end: span 12;
  }
}
@media (min-width: 1200px) {
  .gi-lg-1 {
    grid-column-end: span 1;
  }
  .gi-lg-2 {
    grid-column-end: span 2;
  }
  .gi-lg-3 {
    grid-column-end: span 3;
  }
  .gi-lg-4 {
    grid-column-end: span 4;
  }
  .gi-lg-5 {
    grid-column-end: span 5;
  }
  .gi-lg-6 {
    grid-column-end: span 6;
  }
  .gi-lg-7 {
    grid-column-end: span 7;
  }
  .gi-lg-8 {
    grid-column-end: span 8;
  }
  .gi-lg-9 {
    grid-column-end: span 9;
  }
  .gi-lg-10 {
    grid-column-end: span 10;
  }
  .gi-lg-11 {
    grid-column-end: span 11;
  }
  .gi-lg-12 {
    grid-column-end: span 12;
  }
}
@media (min-width: 1500px) {
  .gi-xl-1 {
    grid-column-end: span 1;
  }
  .gi-xl-2 {
    grid-column-end: span 2;
  }
  .gi-xl-3 {
    grid-column-end: span 3;
  }
  .gi-xl-4 {
    grid-column-end: span 4;
  }
  .gi-xl-5 {
    grid-column-end: span 5;
  }
  .gi-xl-6 {
    grid-column-end: span 6;
  }
  .gi-xl-7 {
    grid-column-end: span 7;
  }
  .gi-xl-8 {
    grid-column-end: span 8;
  }
  .gi-xl-9 {
    grid-column-end: span 9;
  }
  .gi-xl-10 {
    grid-column-end: span 10;
  }
  .gi-xl-11 {
    grid-column-end: span 11;
  }
  .gi-xl-12 {
    grid-column-end: span 12;
  }
}
@media (min-width: 1680px) {
  .gi-xxl-1 {
    grid-column-end: span 1;
  }
  .gi-xxl-2 {
    grid-column-end: span 2;
  }
  .gi-xxl-3 {
    grid-column-end: span 3;
  }
  .gi-xxl-4 {
    grid-column-end: span 4;
  }
  .gi-xxl-5 {
    grid-column-end: span 5;
  }
  .gi-xxl-6 {
    grid-column-end: span 6;
  }
  .gi-xxl-7 {
    grid-column-end: span 7;
  }
  .gi-xxl-8 {
    grid-column-end: span 8;
  }
  .gi-xxl-9 {
    grid-column-end: span 9;
  }
  .gi-xxl-10 {
    grid-column-end: span 10;
  }
  .gi-xxl-11 {
    grid-column-end: span 11;
  }
  .gi-xxl-12 {
    grid-column-end: span 12;
  }
}
/**
 * OBJECTS.MAIN-LAYOUT
 *
 * @description : Controlling how parts of the main site layout relate to each other
 *
 */
.o-main-layout {
  --header-height: 4.125rem;
  display: block;
}
@media (min-width: 480px) {
  .o-main-layout {
    --header-height: 4.625rem;
  }
}
@media (min-width: 800px) {
  .o-main-layout {
    --header-height: 5.125rem;
  }
}
@media (min-width: 1200px) {
  .o-main-layout {
    --header-height: 5.625rem;
  }
}
@media (min-width: 1500px) {
  .o-main-layout {
    --header-height: 6.25rem;
  }
}

.o-main-layout__alerts-list {
  position: relative;
  z-index: 101;
}

.o-main-layout__header-area {
  display: block;
  position: sticky;
  top: 0;
  z-index: 100;
}

.o-main-layout__header {
  height: var(--header-height);
}

.o-main-layout__mega-menu {
  left: 0;
  max-height: calc(100vh - var(--header-height));
  overflow: auto;
  position: absolute;
  right: 0;
  top: var(--header-height);
}

.o-main-layout__search-tray {
  left: 0;
  max-height: calc(100vh - var(--header-height));
  overflow: auto;
  position: absolute;
  right: 0;
  top: var(--header-height);
}

.o-main-layout__share-modal {
  z-index: 150;
}

.o-main-layout__video-modal {
  bottom: 0;
  left: 0;
  position: fixed !important;
  right: 0;
  top: 0;
  z-index: 120;
}

.o-main-layout__filter-panel {
  bottom: 0;
  left: 0;
  position: fixed !important;
  right: 0;
  top: 0;
  z-index: 200;
}

.o-main-layout__footer {
  position: relative;
  z-index: 2;
}

/**
 * OBJECTS.MEDIA-CAROUSEL
 *
 * @description : 
 *
 */
.o-media-carousel {
  display: grid;
  position: relative;
  width: 100%;
}

.o-media-carousel__swiper {
  overflow: hidden;
  width: 100%;
}

.o-media-carousel__slide::before {
  content: "";
  display: block;
  padding-top: 75%;
}
.o-media-carousel--portrait .o-media-carousel__slide::before {
  padding-top: 133.333%;
}
@media (min-width: 800px) {
  .o-media-carousel__slide::before {
    padding-top: 66%;
  }
  .o-media-carousel--portrait .o-media-carousel__slide::before {
    padding-top: 133.333%;
  }
}
@media (min-width: 1200px) {
  .o-media-carousel__slide::before {
    padding-top: 55%;
  }
  .o-media-carousel--portrait .o-media-carousel__slide::before {
    padding-top: 120%;
  }
}

.o-media-carousel__media-wrap {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.o-media-carousel__map {
  height: 100%;
}

.o-media-carousel__nav {
  align-items: center;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s 0.3s;
  z-index: 2;
}
.o-media-carousel:hover .o-media-carousel__nav {
  opacity: 1;
}
.o-media-carousel:focus-within .o-media-carousel__nav {
  opacity: 1;
}
.o-media-carousel__nav > * {
  pointer-events: all;
}

.o-media-carousel__prev-button,
.o-media-carousel__next-button {
  --size: 3.125rem !important;
}

.o-media-carousel__prev-button {
  margin-right: auto;
  transform: translateX(25%);
}
@media (min-width: 800px) {
  .o-media-carousel__prev-button {
    transform: translateX(-50%);
  }
}

.o-media-carousel__next-button {
  margin-left: auto;
  transform: translateX(-25%);
}
@media (min-width: 800px) {
  .o-media-carousel__next-button {
    transform: translateX(50%);
  }
}

/**
 * OBJECTS.MINIMAL-LAYOUT
 *
 * @description : Used for the Coming Soon Homepage template
 *
 */
.o-minimal-layout {
  display: flex;
  flex-flow: column;
  height: 100vh;
}

.o-minimal-layout__header {
  flex: 0 0 auto;
}

.o-minimal-layout__main {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;
  justify-content: center;
}

/**
 * OBJECTS.MODULE
 *
 * @description : 
 *
 */
.o-module {
  position: relative;
}

.o-module--self-contained {
  overflow: hidden;
}

.o-module__top-tape {
  left: 0;
  position: absolute;
  right: 0;
  top: calc(var(--band-height) * -0.5);
  z-index: 2;
}

.o-module__top-inner-tape {
  left: 0;
  position: absolute;
  right: 0;
  top: calc(var(--band-height) * 0.5);
  z-index: 3;
}
.o-module__top-inner-tape.c-tape--flatten {
  top: calc(var(--band-height) * 0.25);
}

.o-module__bottom-tape {
  left: 0;
  bottom: calc(var(--band-height) * -0.5);
  position: absolute;
  right: 0;
  z-index: 2;
}

.o-module__tag-heading {
  position: relative;
  z-index: 5;
}

.o-module__bottom-heading {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 5;
}

/**
 * OBJECTS.PAGE-HEADER
 *
 * @description : 
 *
 */
.o-page-header {
  position: relative;
}
.o-page-header::before {
  content: "";
  display: block;
  padding-bottom: 7.5rem;
  padding-top: 10%;
}

.o-page-header__top-tape {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.o-page-header__mid-tape {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(calc(var(--band-height) * -0.5));
  z-index: 2;
}

.o-page-header__bottom-tape {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}

.o-page-header__content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 3;
}

.o-page-header__cast-down {
  background: inherit;
  background-clip: content-box;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding-left: 100%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  z-index: 0;
}
.o-page-header__cast-down::after {
  background: inherit;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -50%;
  transform: rotate(4deg);
  transform-origin: 0 100%;
  width: 150%;
}

/**
 * OBJECTS.SECTION
 *
 * @description : 
 *
 */
.o-section {
  display: block;
}

.o-section--image {
  align-items: center;
  display: flex;
  justify-content: center;
}

/**
 * OBJECTS.SECTION-LAYOUT
 *
 * @description :
 *
 */
.o-section-layout {
  --available-grid-space: calc(var(--inner-100vw) - (var(--min-edge-gap) * 2));
  --total-gutter-space: max(0px, var(--available-grid-space) - var(--body-max-width-sm));
  --outer-gutter-space: max(0px, var(--available-grid-space) - var(--body-max-width));
  --inner-gutter-space: calc(var(--total-gutter-space) - var(--outer-gutter-space));
  --outer-gutter: calc(var(--outer-gutter-space) / 2);
  --inner-gutter: calc(var(--inner-gutter-space) / 2);
  display: grid;
  grid-template-columns: [left-edge-start] var(--min-edge-gap) [left-edge-end outleft-gutter-start] var(--outer-gutter) [outleft-gutter-end inleft-gutter-start] var(--inner-gutter) [inleft-gutter-end content-start] 1fr [content-end inright-gutter-start] var(--inner-gutter) [inright-gutter-end outright-gutter-start] var(--outer-gutter) [outright-gutter-end right-edge-start] var(--min-edge-gap) [right-edge-end];
  --mid-gap-col: 0;
  --sidebar-col: 0;
  grid-template-columns: [left-edge-start] var(--min-edge-gap) [left-edge-end outleft-gutter-start] var(--outer-gutter) [outleft-gutter-end inleft-gutter-start] var(--inner-gutter) [inleft-gutter-end main-start section-start] 1fr [section-end] var(--mid-gap-col) [sidebar-start] var(--sidebar-col) [sidebar-end main-end inright-gutter-start] var(--inner-gutter) [inright-gutter-end outright-gutter-start] var(--outer-gutter) [outright-gutter-end right-edge-start] var(--min-edge-gap) [right-edge-end];
}
@media (min-width: 800px) {
  .o-section-layout {
    --mid-gap-col: 7.5rem;
    --sidebar-col: 18.75rem;
  }
}
@media (min-width: 1200px) {
  .o-section-layout {
    --mid-gap-col: 9.375rem;
  }
}
@media (min-width: 1500px) {
  .o-section-layout {
    --mid-gap-col: 11rem;
  }
}

.o-section-layout__section {
  grid-column: main-start/main-end;
  margin-bottom: 3.125rem;
}
@media (min-width: 800px) {
  .o-section-layout__section {
    grid-column: section-start/section-end;
    margin-bottom: 3.875rem;
  }
}
.o-section-layout__section:last-child {
  margin-bottom: 0;
}

.o-section-layout__section--image {
  grid-column: left-edge-start/right-edge-end;
}
@media (min-width: 800px) {
  .o-section-layout__section--image {
    grid-column: inleft-gutter-start/section-end;
  }
}

.o-section-layout__section--scrapbookModule {
  grid-column: inleft-gutter-start/inright-gutter-end;
}

.o-section-layout__sidebar {
  grid-column: main-start/main-end;
  grid-row: 20;
}
@media (min-width: 800px) {
  .o-section-layout__sidebar {
    grid-column: sidebar-start/sidebar-end;
  }
}
@media (min-width: 800px) {
  .o-section-layout__sidebar {
    grid-row: 1/-1;
  }
}

.c-partner-top {
  max-width: 42.5rem;
  line-height: 1.5rem;
  padding-bottom: 4rem;
}
.c-partner-top h4 {
  font-size: 1.125rem;
  margin-bottom: 1rem;
  font-weight: 700;
  font-family: "PP Neue Machina", sans-serif;
}
@media (min-width: 800px) {
  .c-partner-top h4 {
    font-size: 1.25rem;
  }
}
.c-partner-top a {
  text-decoration: underline;
}

/**
 * OBJECTS.SESSION-SLIDER
 *
 * @description : 
 *
 */
@media (min-width: 800px) {
  .o-session-slider {
    overflow: hidden;
  }
}

.o-session-slider__swiper {
  --number-of-slides: 7;
  --slide-spacing: 2rem;
  overflow: visible;
}
.o-session-slider__swiper:not(.swiper-container-initialized) .o-session-slider__wrapper {
  display: flex;
  flex-direction: row;
  width: auto;
}
.o-session-slider__swiper:not(.swiper-container-initialized) .o-session-slider__slide {
  box-sizing: border-box;
  width: calc(100% / var(--number-of-slides));
}

.o-session-slider__wrapper {
  margin: calc(var(--slide-spacing) * -0.5) !important;
}

.o-session-slider__slide {
  padding: calc(var(--slide-spacing) * 0.5);
}

/**
 * OBJECTS.SPONSOR-SET
 *
 * @description : 
 *
 */
.o-sponsor-set {
  display: flex;
  flex-flow: row wrap;
  gap: 3.75rem 7.5rem;
  justify-content: flex-start;
}

.o-sponsor-set__item {
  flex: 0 0 auto;
}

.o-sponsor-set__block {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 18.75rem;
}

/**
 * OBJECTS.TILE-GRID
 *
 * @description : A grid of c-tile or c-excerpt-tile
 *
 */
.o-tile-grid,
.o-tile-grid--1-col {
  --number-of-columns: 1;
  display: grid;
  gap: 1.125rem;
  grid-template-columns: repeat(var(--number-of-columns), 1fr);
  grid-template-rows: 1fr;
}
@media (min-width: 800px) {
  .o-tile-grid,
.o-tile-grid--1-col {
    gap: 1.375rem;
  }
}
@media (min-width: 1200px) {
  .o-tile-grid,
.o-tile-grid--1-col {
    gap: 1.625rem;
  }
}
@media (min-width: 1500px) {
  .o-tile-grid,
.o-tile-grid--1-col {
    gap: 2rem;
  }
}

@media (min-width: 800px) {
  .o-tile-grid--2-cols {
    --number-of-columns: 2;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-end: span 2;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured {
    grid-row-start: 2;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 5;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 8;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 11;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 14;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 17;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 20;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 23;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 26;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 29;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 32;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 35;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 38;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 41;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 44;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 47;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 50;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 53;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 56;
  }
  .o-tile-grid--2-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 59;
  }
}

@media (min-width: 800px) {
  .o-tile-grid--3-cols {
    --number-of-columns: 2;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-end: span 2;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured {
    grid-row-start: 2;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 5;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 8;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 11;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 14;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 17;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 20;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 23;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 26;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 29;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 32;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 35;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 38;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 41;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 44;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 47;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 50;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 53;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 56;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 59;
  }
}
@media (min-width: 1200px) {
  .o-tile-grid--3-cols {
    --number-of-columns: 3;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured {
    grid-column-end: span 2;
    grid-row-end: span 2;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 2;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 5;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 8;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 11;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 14;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 17;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 20;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 23;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 26;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 29;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 32;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 35;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 38;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 41;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 44;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 47;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 50;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 53;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 56;
  }
  .o-tile-grid--3-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 59;
  }
}

@media (min-width: 480px) {
  .o-tile-grid--4-cols {
    --number-of-columns: 2;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-end: span 2;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured {
    grid-row-start: 2;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 5;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 8;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 11;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 14;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 17;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 20;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 23;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 26;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 29;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 32;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 35;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 38;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 41;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 44;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 47;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 50;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 53;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 56;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 59;
  }
}
@media (min-width: 800px) {
  .o-tile-grid--4-cols {
    --number-of-columns: 3;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured {
    grid-column-end: span 2;
    grid-row-end: span 2;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 2;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 5;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 8;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 11;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 14;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 17;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 20;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 23;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 26;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 29;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 32;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 35;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 38;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 41;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 44;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 47;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 50;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 53;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 2;
    grid-row-start: 56;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 59;
  }
}
@media (min-width: 1500px) {
  .o-tile-grid--4-cols {
    --number-of-columns: 4;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured {
    grid-column-end: span 2;
    grid-row-end: span 2;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured {
    grid-column-start: 3;
    grid-row-start: 2;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 5;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 3;
    grid-row-start: 8;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 11;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 3;
    grid-row-start: 14;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 17;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 3;
    grid-row-start: 20;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 23;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 3;
    grid-row-start: 26;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 29;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 3;
    grid-row-start: 32;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 35;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 3;
    grid-row-start: 38;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 41;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 3;
    grid-row-start: 44;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 47;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 3;
    grid-row-start: 50;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 53;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 3;
    grid-row-start: 56;
  }
  .o-tile-grid--4-cols .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-row-start: 59;
  }
}

.o-tile-grid--rows {
  gap: 3.625rem;
}
@media (min-width: 1500px) {
  .o-tile-grid--rows {
    --number-of-columns: 2;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-end: span 2;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured {
    grid-row-start: 2;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 5;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 8;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 11;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 14;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 17;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 20;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 23;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 26;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 29;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 32;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 35;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 38;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 41;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 44;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 47;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 50;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 53;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 56;
  }
  .o-tile-grid--rows .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured ~ .o-tile-grid__item--featured {
    grid-row-start: 59;
  }
}
.o-tile-grid--rows .c-tile__heart-icon {
  color: #000;
}

.o-tile-grid__item {
  position: relative;
}
.o-tile-grid__item::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.o-tile-grid--irregular .o-tile-grid__item::before {
  display: none;
}

.o-tile-grid__item--row {
  height: 10.25rem;
  max-width: 50rem;
}

.o-tile-grid__tile {
  height: 100%;
  left: 0;
  position: absolute !important;
  top: 0;
  width: 100%;
}
.o-tile-grid__tile::before {
  display: none !important;
}
.o-tile-grid--irregular .o-tile-grid__tile {
  left: auto;
  position: relative !important;
  top: auto;
  width: auto;
}

/**
 * OBJECTS.TILE-SLIDER
 *
 * @description : 
 *
 */
.o-tile-slider {
  overflow: hidden;
}

.o-tile-slider__swiper {
  overflow: visible;
}
.o-tile-slider__swiper:not(.swiper-container-initialized) {
  --slide-spacing: 1rem;
  --number-of-slides: 1;
}
@media (min-width: 800px) {
  .o-tile-slider__swiper:not(.swiper-container-initialized) {
    --number-of-slides: 2;
  }
}
@media (min-width: 1200px) {
  .o-tile-slider__swiper:not(.swiper-container-initialized) {
    --number-of-slides: 3;
  }
}
@media (min-width: 1500px) {
  .o-tile-slider__swiper:not(.swiper-container-initialized) {
    --number-of-slides: 3.5;
  }
}
.o-tile-slider__swiper:not(.swiper-container-initialized) .o-tile-slider__wrapper {
  display: flex;
  flex-direction: row;
  margin: calc(var(--slide-spacing) * -0.5);
  width: auto;
}
.o-tile-slider__swiper:not(.swiper-container-initialized) .o-tile-slider__slide {
  box-sizing: border-box;
  padding: calc(var(--slide-spacing) * 0.5);
  width: calc(100% / var(--number-of-slides));
}

/**
 * OBJECTS.TOGGLE-FIELD-LIST
 *
 * @description : 
 *
 */
.o-toggle-field-set {
  --vertical-spacing: 0.625rem;
  --horizontal-spacing: 2rem;
  display: flex;
}

.o-toggle-field-set__list {
  display: flex;
  flex-flow: column;
  margin: calc(var(--vertical-spacing) / -2) calc(var(--horizontal-spacing) / -2);
}
.o-toggle-field-set--row-layout .o-toggle-field-set__list {
  flex-flow: row wrap;
}

.o-toggle-field-set__item {
  padding: calc(var(--vertical-spacing) / 2) calc(var(--horizontal-spacing) / 2);
}

/**
 *  6. TYPOGRAPHY
 *  All styles on top of resets that affect typography, including titles, paragraphs, lists, links etc.
 *  Prefer classes where possible
 */
/**
* TYPOGRAPHY.COPY
*
* @description : Main body copy styles
*
*/
.t-body-copy {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
}

.t-body-copy-sm {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.375rem;
}

.t-body-copy-lg {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
}
@media (min-width: 800px) {
  .t-body-copy-lg {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
}
@media (min-width: 1200px) {
  .t-body-copy-lg {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}

.t-intro-copy {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.75rem;
}
@media (min-width: 800px) {
  .t-intro-copy {
    font-size: 1.375rem;
    line-height: 1.875rem;
  }
}

/**
* TYPOGRAPHY.HEADINGS
*
* @description : Main body level headings styles
*
*/
.t-heading-1 {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 2.625rem;
}
@media (min-width: 480px) {
  .t-heading-1 {
    font-size: 2.625rem;
    line-height: 3.125rem;
  }
}
@media (min-width: 800px) {
  .t-heading-1 {
    font-size: 3.375rem;
    line-height: 4rem;
  }
}
@media (min-width: 1200px) {
  .t-heading-1 {
    font-size: 4.125rem;
    line-height: 4.5rem;
  }
}

.t-heading-2 {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2rem;
}
@media (min-width: 480px) {
  .t-heading-2 {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 800px) {
  .t-heading-2 {
    font-size: 2.625rem;
    line-height: 3.125rem;
  }
}
@media (min-width: 1200px) {
  .t-heading-2 {
    font-size: 3.375rem;
    line-height: 4rem;
  }
}

.t-heading-3 {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.875rem;
}
@media (min-width: 480px) {
  .t-heading-3 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 800px) {
  .t-heading-3 {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .t-heading-3 {
    font-size: 2.625rem;
    line-height: 3.125rem;
  }
}

.t-heading-4 {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
}
@media (min-width: 480px) {
  .t-heading-4 {
    font-size: 1.625rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 800px) {
  .t-heading-4 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .t-heading-4 {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}

.t-heading-5 {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
}
@media (min-width: 800px) {
  .t-heading-5 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .t-heading-5 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

.t-heading-6 {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}
@media (mmin-width: 800px) {
  .t-heading-6 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

.t-heading-7 {
  display: block;
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}

/**
 *  7. COMPONENTS
 *  A component is a reusable chunk of UI that is clearly designed, as opposed to an object.
 *  Clearly refers to a block of UI: pagination, buttons, modals, icons... etc
 *  You should be able to take a component and paste it anywhere in the app
 *  Must be built with classes only
 */
/**
 * COMPONENTS.ICON
 *
 * @description : SVG icon
 *
 */
.c-icon {
  fill: currentColor;
  height: 1.125rem;
  width: auto;
}

.c-icon--sm {
  height: 1rem;
}

.c-icon--lg {
  height: 1.5rem;
}

.c-icon__fill-path {
  opacity: 0;
  transition: 0.2s;
}

.c-icon--external-link {
  position: relative;
  top: -0.1em;
}

.c-icon--chevron-left {
  left: -0.1em;
  position: relative;
}

.c-icon--chevron-right {
  position: relative;
  left: 0.1em;
}

/**
 * COMPONENTS.RICH-TEXT
 *
 * @description : Styling for rich text content (chucks of paragraphs, lists, headings etc.)
 *
 */
.c-rich-text b,
.c-rich-text strong {
  font-weight: bold;
}
.c-rich-text i,
.c-rich-text em {
  font-style: italic;
}
.c-rich-text a {
  color: inherit;
  text-decoration: underline;
}
.c-rich-text sub,
.c-rich-text sup {
  font-size: 0.75em;
  line-height: 1;
  padding: 0 0.0625rem;
  position: relative;
}
.c-rich-text sub {
  top: 0.33333em;
}
.c-rich-text sup {
  top: -0.33333em;
}
.c-rich-text p {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
}
.c-rich-text p:last-child {
  margin-bottom: 0;
}
.c-rich-text .rt-intro-paragraph {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.75rem;
  margin-bottom: 1.75rem;
}
@media (min-width: 800px) {
  .c-rich-text .rt-intro-paragraph {
    font-size: 1.375rem;
    line-height: 1.875rem;
  }
}
.c-rich-text .rt-intro-paragraph:last-child {
  margin-bottom: 0;
}
.c-rich-text h1,
.c-rich-text h2 {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.875rem;
  margin: 3rem 0 1.25rem 0;
}
@media (min-width: 480px) {
  .c-rich-text h1,
.c-rich-text h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 800px) {
  .c-rich-text h1,
.c-rich-text h2 {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .c-rich-text h1,
.c-rich-text h2 {
    font-size: 2.625rem;
    line-height: 3.125rem;
  }
}
.c-rich-text h3 {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
  margin: 2.5rem 0 1.125rem 0;
}
@media (min-width: 480px) {
  .c-rich-text h3 {
    font-size: 1.625rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 800px) {
  .c-rich-text h3 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .c-rich-text h3 {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}
.c-rich-text h4 {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 2.125rem 0 1rem 0;
}
@media (min-width: 800px) {
  .c-rich-text h4 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .c-rich-text h4 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}
.c-rich-text h5 {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 1.875rem 0 1rem 0;
}
@media (mmin-width: 800px) {
  .c-rich-text h5 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.c-rich-text h6 {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 1.875rem 0 1rem 0;
}
@media (mmin-width: 800px) {
  .c-rich-text h6 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.c-rich-text h1 + h1, .c-rich-text h1 + h2, .c-rich-text h1 + h3, .c-rich-text h1 + h4, .c-rich-text h1 + h5, .c-rich-text h1 + h6, .c-rich-text h2 + h1, .c-rich-text h2 + h2, .c-rich-text h2 + h3, .c-rich-text h2 + h4, .c-rich-text h2 + h5, .c-rich-text h2 + h6, .c-rich-text h3 + h1, .c-rich-text h3 + h2, .c-rich-text h3 + h3, .c-rich-text h3 + h4, .c-rich-text h3 + h5, .c-rich-text h3 + h6, .c-rich-text h4 + h1, .c-rich-text h4 + h2, .c-rich-text h4 + h3, .c-rich-text h4 + h4, .c-rich-text h4 + h5, .c-rich-text h4 + h6, .c-rich-text h5 + h1, .c-rich-text h5 + h2, .c-rich-text h5 + h3, .c-rich-text h5 + h4, .c-rich-text h5 + h5, .c-rich-text h5 + h6, .c-rich-text h6 + h1, .c-rich-text h6 + h2, .c-rich-text h6 + h3, .c-rich-text h6 + h4, .c-rich-text h6 + h5, .c-rich-text h6 + h6 {
  margin-top: 1rem;
}
.c-rich-text h1:last-child, .c-rich-text h2:last-child, .c-rich-text h3:last-child, .c-rich-text h4:last-child, .c-rich-text h5:last-child, .c-rich-text h6:last-child {
  margin-bottom: 0;
}
.c-rich-text li {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
  margin-bottom: 0.75rem;
  padding-left: var(--gutter-width);
}
.c-rich-text li::before {
  float: left;
  margin-left: calc(var(--gutter-width) * -1);
  width: var(--gutter-width);
}
.c-rich-text li p {
  margin-bottom: 1rem;
}
.c-rich-text li ul,
.c-rich-text li ol {
  margin: 1rem 0;
}
.c-rich-text li:last-child {
  margin-bottom: 0;
}
.c-rich-text ul,
.c-rich-text ol {
  margin-bottom: 2rem;
}
.c-rich-text ul:last-child,
.c-rich-text ol:last-child {
  margin-bottom: 0;
}
.c-rich-text ul {
  --gutter-width: 1.25rem;
}
.c-rich-text ul li::before {
  content: "•";
}
.c-rich-text ul ul {
  --gutter-width: 1.5rem;
}
.c-rich-text ul ul li::before {
  content: "–";
}
.c-rich-text ol {
  --gutter-width: 2rem;
  counter-reset: ol;
}
.c-rich-text ol > li {
  counter-increment: ol;
}
.c-rich-text ol > li::before {
  content: counter(ol) ".";
}
.c-rich-text ol ol {
  counter-reset: ol2;
}
.c-rich-text ol ol > li {
  counter-increment: ol2;
}
.c-rich-text ol ol > li::before {
  content: counter(ol2, lower-alpha) ".";
}
.c-rich-text ol ol ol {
  counter-reset: ol3;
}
.c-rich-text ol ol ol > li {
  counter-increment: ol3;
}
.c-rich-text ol ol ol > li::before {
  content: counter(ol3, lower-roman) ".";
}
.c-rich-text table {
  border-collapse: collapse;
  height: auto !important;
  margin-bottom: 2rem;
  width: 100% !important;
}
.c-rich-text table:last-child {
  margin-bottom: 0;
}
.c-rich-text th,
.c-rich-text td {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
  border: 0.0625rem solid;
  height: auto !important;
  padding: 0.75rem 1rem;
  width: auto !important;
}
.c-rich-text th {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.c-rich-text td {
  text-align: left;
  vertical-align: top;
}
.c-rich-text hr {
  border: 0;
  border-top: 0.0625rem solid;
  color: inherit;
  margin: 0 0 1.25rem 0;
}
.c-rich-text hr:last-child {
  margin-bottom: 0;
}
.c-rich-text > :first-child {
  margin-top: 0;
}
.c-rich-text > :last-child {
  margin-bottom: 0;
}

.c-rich-text--lg p,
.c-rich-text--lg li,
.c-rich-text--lg td {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
}
@media (min-width: 800px) {
  .c-rich-text--lg p,
.c-rich-text--lg li,
.c-rich-text--lg td {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
}
@media (min-width: 1200px) {
  .c-rich-text--lg p,
.c-rich-text--lg li,
.c-rich-text--lg td {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.c-rich-text--lg .rt-intro-paragraph {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.75rem;
}
@media (min-width: 800px) {
  .c-rich-text--lg .rt-intro-paragraph {
    font-size: 1.375rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .c-rich-text--lg .rt-intro-paragraph {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.c-rich-text--sm p,
.c-rich-text--sm li,
.c-rich-text--sm td {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.375rem;
}

.c-rich-text--intro p,
.c-rich-text--intro li,
.c-rich-text--intro td {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.75rem;
}
@media (min-width: 800px) {
  .c-rich-text--intro p,
.c-rich-text--intro li,
.c-rich-text--intro td {
    font-size: 1.375rem;
    line-height: 1.875rem;
  }
}

.c-rich-text--banner p,
.c-rich-text--banner li,
.c-rich-text--banner td {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
}
@media (min-width: 480px) {
  .c-rich-text--banner p,
.c-rich-text--banner li,
.c-rich-text--banner td {
    font-size: 1.625rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 800px) {
  .c-rich-text--banner p,
.c-rich-text--banner li,
.c-rich-text--banner td {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .c-rich-text--banner p,
.c-rich-text--banner li,
.c-rich-text--banner td {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}

.c-rich-text--fineprint a {
  color: inherit;
}
.c-rich-text--fineprint p,
.c-rich-text--fineprint li,
.c-rich-text--fineprint td {
  font-size: 0.6875rem;
  line-height: 1rem;
}

.c-rich-text--alert a {
  color: inherit;
  text-decoration: underline;
}
@media (max-width: 799px) {
  .c-rich-text--alert p,
.c-rich-text--alert li {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
}
@media (min-width: 800px) and (max-width: 1199px) {
  .c-rich-text--alert p,
.c-rich-text--alert li {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  .c-rich-text--alert p,
.c-rich-text--alert li {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
@media (min-width: 1500px) {
  .c-rich-text--alert p,
.c-rich-text--alert li {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.c-rich-text--alert ul,
.c-rich-text--alert ol,
.c-rich-text--alert p {
  margin-bottom: 0.25rem;
}
@media (min-width: 1200px) {
  .c-rich-text--alert ul,
.c-rich-text--alert ol,
.c-rich-text--alert p {
    margin-bottom: 0.5rem;
  }
}
.c-rich-text--alert li {
  margin-bottom: 0;
}

/**
 * COMPONENTS.CHECKBOX
 *
 * @description : Represents a toggleable checkbox
 *
 */
.c-checkbox {
  display: inline-flex;
  height: var(--form-toggle-control-size);
  position: relative;
  width: var(--form-toggle-control-size);
}

.c-checkbox__hidden-checkbox {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 1px;
}

.c-checkbox__stand-in {
  border: 0.125rem solid;
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0);
  cursor: pointer;
  display: block;
  height: 100%;
  padding: 0.0625rem;
  position: relative;
  transition: 0.3s;
  width: 100%;
}
.c-checkbox__hidden-checkbox.input-validation-error ~ .c-checkbox__stand-in {
  color: #f61c1c;
}
.c-checkbox__hidden-checkbox:hover ~ .c-checkbox__stand-in {
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0.2);
}
.c-checkbox__hidden-checkbox:focus ~ .c-checkbox__stand-in {
  box-shadow: 0 0 0 3px rgba(94, 158, 214, 0.2);
}
.c-checkbox__hidden-checkbox:checked ~ .c-checkbox__stand-in::after {
  opacity: 1;
}

.c-checkbox__check-icon {
  display: block;
  fill: transparent;
  height: 100%;
  opacity: 0;
  stroke: currentColor;
  stroke-width: 0.125rem;
  transition: 0.2s;
  vector-effect: non-scaling-stroke;
  width: 100%;
}
.c-checkbox__check-icon * {
  vector-effect: non-scaling-stroke;
}
.c-checkbox__hidden-checkbox:checked ~ .c-checkbox__stand-in .c-checkbox__check-icon {
  opacity: 1;
}

/**
 * COMPONENTS.TEXTBOX
 *
 * @description : Represents an interactive datepicker field
 *
 */
.c-datepicker {
  --bg-color: transparent;
  --border-width: 0.125rem;
  --horizontal-padding: calc(var(--form-control-height) / 3);
  --padding-left: var(--horizontal-padding);
  --padding-right: var(--horizontal-padding);
  display: inline-block;
  position: relative;
  width: 100%;
  --arrow-size: 0.3125rem;
  --padding-right: calc((var(--horizontal-padding) * 2) + var(--arrow-size) + 1.875rem);
  --icon-size: 1.25rem;
  --icon-right: calc(var(--horizontal-padding) + (var(--arrow-size) * 2) + 0.875rem);
}
.c-datepicker::after {
  border-top: var(--arrow-size) solid;
  border-left: var(--arrow-size) solid transparent;
  border-right: var(--arrow-size) solid transparent;
  content: "";
  display: block;
  margin-top: calc(var(--arrow-size) * -0.5);
  pointer-events: none;
  position: absolute;
  right: var(--horizontal-padding);
  top: 50%;
  z-index: 2;
}

.c-datepicker__textbox {
  appearance: none;
  border: var(--border-width) solid;
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0);
  color: inherit;
  display: block;
  font-size: var(--form-control-font-size);
  height: var(--form-control-height);
  line-height: 1.5;
  padding: 0 var(--padding-right) 0 var(--padding-left);
  transition: 0.3s;
  width: 100%;
  resize: none;
  --padding-right: calc(var(--icon-right) + var(--icon-size) + 0.875rem);
  cursor: pointer;
}
.c-datepicker__textbox:hover {
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0.2);
}
.c-datepicker__textbox:focus {
  box-shadow: 0 0 0 3px rgba(94, 158, 214, 0.2);
}
.c-datepicker__textbox.input-validation-error {
  color: #f61c1c;
}
.c-datepicker__textbox::-webkit-calendar-picker-indicator {
  color: transparent;
  cursor: pointer;
  height: 100%;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: var(--padding-right);
}

.c-datepicker__icon {
  height: var(--icon-size);
  pointer-events: none;
  position: absolute;
  right: var(--icon-right);
  top: 50%;
  transform: translateY(-50%);
  width: var(--icon-size);
}

/**
 * COMPONENTS.FIELD
 *
 * @description : Represents a form field made up of label, control and error message.
 *
 */
.c-field {
  --control-height: var(--form-control-height);
  align-items: normal;
  display: flex;
  flex-flow: column;
}

.c-field--control-type-is-toggle {
  --control-height: var(--form-toggle-control-size);
}

@media (min-width: 480px) {
  .c-field--row-layout {
    align-items: flex-start;
    flex-flow: row;
  }
  .c-field--row-layout .c-field__label-wrap {
    align-content: center;
    min-height: var(--control-height);
    padding-bottom: 0;
    padding-right: 1.875rem;
    width: 35%;
  }
  .c-field--row-layout .c-field__control-wrap {
    padding-top: 0 !important;
  }
  .c-field--row-layout .c-field__control {
    min-height: var(--control-height);
  }
}

.c-field__label-wrap {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
  justify-content: flex-start;
  min-height: 0;
  padding-bottom: 0.5rem;
  padding-right: 1.875rem;
  width: auto;
}

.c-field__label {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.375rem;
}
@media (min-width: 800px) {
  .c-field__label {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.c-field--required .c-field__label::after {
  color: #f61c1c;
  content: "*";
  display: inline-block;
  font-weight: bold;
  margin-left: 0.25ch;
}

.c-field__date-picker {
  background: url(/images/calendar-icon.svg) no-repeat center right 1.25rem;
  background-size: 1.25rem 1.25rem;
  cursor: pointer;
  max-width: 21.25rem;
  outline: 0;
  text-transform: uppercase;
}
.c-field__date-picker::-webkit-clear-button {
  display: none;
  -webkit-appearance: none;
}
.c-field__date-picker::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0;
}
.c-field__date-picker::-webkit-inner-spin-button {
  cursor: pointer;
  opacity: 0;
}
.c-field__date-picker::-ms-clear {
  appearance: none;
  display: none;
  outline: 0;
}

.c-field__help-text {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 0.125rem;
  width: 100%;
}

.c-field__control-wrap {
  flex: 1 1 auto;
  min-height: var(--form-control-height);
}
.c-field--control-type-is-toggle .c-field__control-wrap {
  padding-top: 0.125rem;
}

.c-field__control-wrap__time,
.c-field__control-wrap__price {
  display: flex;
  flex-direction: row;
}
.c-field__control-wrap__time .c-field__control-hour,
.c-field__control-wrap__time .c-field__control-minute,
.c-field__control-wrap__price .c-field__control-hour,
.c-field__control-wrap__price .c-field__control-minute {
  appearance: none;
  border: var(--border-width) solid;
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0);
  color: inherit;
  display: block;
  font-size: var(--form-control-font-size);
  height: var(--form-control-height);
  line-height: 1.5;
  padding: 0 var(--padding-right) 0 var(--padding-left);
  transition: 0.3s;
  width: 100%;
  resize: none;
  max-width: 35%;
  border: 2px solid #000;
  padding: 0 0.5rem 0 1rem;
  text-align: center;
}
.c-field__control-wrap__time .c-field__control-hour:hover,
.c-field__control-wrap__time .c-field__control-minute:hover,
.c-field__control-wrap__price .c-field__control-hour:hover,
.c-field__control-wrap__price .c-field__control-minute:hover {
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0.2);
}
.c-field__control-wrap__time .c-field__control-hour:focus,
.c-field__control-wrap__time .c-field__control-minute:focus,
.c-field__control-wrap__price .c-field__control-hour:focus,
.c-field__control-wrap__price .c-field__control-minute:focus {
  box-shadow: 0 0 0 3px rgba(94, 158, 214, 0.2);
}
.c-field__control-wrap__time .c-field__control-hour.input-validation-error,
.c-field__control-wrap__time .c-field__control-minute.input-validation-error,
.c-field__control-wrap__price .c-field__control-hour.input-validation-error,
.c-field__control-wrap__price .c-field__control-minute.input-validation-error {
  color: #f61c1c;
}
.c-field__control-wrap__time .c-time-picker__text,
.c-field__control-wrap__price .c-time-picker__text {
  width: 10%;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
}
.c-field__control-wrap__time .c-time-picker__radio,
.c-field__control-wrap__price .c-time-picker__radio {
  width: 20%;
  display: flex;
  padding-left: 1rem;
  flex-direction: column;
  flex-grow: 1;
}
.c-field__control-wrap__time [name=timeOfDay],
.c-field__control-wrap__price [name=timeOfDay] {
  position: absolute;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.c-field__control-wrap__time .container,
.c-field__control-wrap__price .container {
  height: 50%;
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 1rem;
  text-align: center;
  padding: 0.25rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.c-field__control-wrap__time .container:first-of-type .checkmark,
.c-field__control-wrap__price .container:first-of-type .checkmark {
  border-bottom-width: 0;
}
.c-field__control-wrap__time .checkmark,
.c-field__control-wrap__price .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: 2px solid #000;
}
.c-field__control-wrap__time .container input:checked ~ .checkmark,
.c-field__control-wrap__price .container input:checked ~ .checkmark {
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 0;
}

.c-field__control-wrap__time-label,
.c-field__control-wrap__price-label {
  padding: 0;
}
.c-field__control-wrap__time-label .c-field__control__time-label:first-of-type,
.c-field__control-wrap__price-label .c-field__control__time-label:first-of-type {
  width: 45%;
}

.c-field__control-wrap__price .c-field__control-hour,
.c-field__control-wrap__price .c-field__control-minute {
  max-width: 40%;
  flex-grow: 2;
}
.c-field__control-wrap__price .c-time-picker__text {
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-field__control-wrap__price-label .c-field__control__price-label {
  width: 50%;
}
.c-field__control-wrap__price-label .c-field__control__price-label {
  padding-left: 10%;
}

.c-field__control {
  min-height: 0;
  width: 100%;
}

.c-field__error-wrap {
  display: block;
}

.c-field__error {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
  animation: 0.5s u-fade-in both;
  color: #f61c1c;
  display: block;
  margin-top: 0.625rem;
}
.c-field__error:empty {
  display: none;
}

.field-validation-error {
  color: #f61c1c;
}

/**
 * COMPONENTS.MINI-FORM
 *
 * @description : One line form consisting of textbox and submit button (such as for an email signup form).
 *
 */
.c-mini-form {
  --line-width: 0.3125rem;
  --bg-color: transparent;
  --border-width: 0.125rem;
  --horizontal-padding: calc(var(--form-control-height) / 3);
  --padding-left: var(--horizontal-padding);
  --padding-right: var(--horizontal-padding);
  display: inline-block;
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row;
  height: calc(3.25rem + var(--line-width));
  padding-bottom: var(--line-width);
  position: relative;
}
@media (min-width: 480px) {
  .c-mini-form {
    --line-width: 0.375rem;
  }
}
@media (min-width: 800px) {
  .c-mini-form {
    --line-width: 0.4375rem;
    height: calc(3.75rem + var(--line-width));
  }
}

.c-mini-form--lg {
  height: calc(5rem + var(--line-width));
}
@media (min-width: 800px) {
  .c-mini-form--lg {
    height: calc(6.25rem + var(--line-width));
  }
}

.c-mini-form__textbox-wrap {
  flex: 1 1 auto;
  position: relative;
}

.c-mini-form__textbox {
  --bg-color: transparent;
  --border-width: 0.125rem;
  --horizontal-padding: calc(var(--form-control-height) / 3);
  --padding-left: var(--horizontal-padding);
  --padding-right: var(--horizontal-padding);
  display: inline-block;
  position: relative;
  width: 100%;
  appearance: none;
  border: var(--border-width) solid;
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0);
  color: inherit;
  display: block;
  font-size: var(--form-control-font-size);
  height: var(--form-control-height);
  line-height: 1.5;
  padding: 0 var(--padding-right) 0 var(--padding-left);
  transition: 0.3s;
  width: 100%;
  resize: none;
  --form-control-font-size: 1.125rem;
  display: block;
  font-weight: 700;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.c-mini-form__textbox:hover {
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0.2);
}
.c-mini-form__textbox:focus {
  box-shadow: 0 0 0 3px rgba(94, 158, 214, 0.2);
}
.c-mini-form__textbox.input-validation-error {
  color: #f61c1c;
}
.c-mini-form--solid .c-mini-form__textbox {
  --border-width: 0rem;
  --horizontal-padding: 0;
  background: #000;
  color: #fff;
}
@media (min-width: 800px) {
  .c-mini-form__textbox {
    --form-control-font-size: 1.25rem;
  }
}
.c-mini-form--lg .c-mini-form__textbox {
  --form-control-font-size: 1.5rem;
}
@media (min-width: 800px) {
  .c-mini-form--lg .c-mini-form__textbox {
    --form-control-font-size: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .c-mini-form--lg .c-mini-form__textbox {
    --form-control-font-size: 3.75rem;
  }
}
.c-mini-form__textbox:focus {
  box-shadow: none;
}
.c-mini-form__textbox::placeholder {
  color: inherit;
  opacity: 1;
}

.c-mini-form__submit-wrap {
  display: flex;
  flex: 0 0 auto;
  height: 100%;
  margin: auto 0;
  position: relative;
}

.c-mini-form__submit {
  --bg-color: transparent;
  --border-width: 0.125rem;
  --horizontal-padding: calc(var(--form-control-height) / 3);
  --padding-left: var(--horizontal-padding);
  --padding-right: var(--horizontal-padding);
  display: inline-block;
  position: relative;
  width: 100%;
  appearance: none;
  border: var(--border-width) solid;
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0);
  color: inherit;
  display: block;
  font-size: var(--form-control-font-size);
  height: var(--form-control-height);
  line-height: 1.5;
  padding: 0 var(--padding-right) 0 var(--padding-left);
  transition: 0.3s;
  width: 100%;
  resize: none;
  --border-width: 0;
  --form-control-font-size: 1.125rem;
  background: #000;
  color: #fff;
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-weight: 700;
  height: 100%;
}
.c-mini-form__submit:hover {
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0.2);
}
.c-mini-form__submit:focus {
  box-shadow: 0 0 0 3px rgba(94, 158, 214, 0.2);
}
.c-mini-form__submit.input-validation-error {
  color: #f61c1c;
}
@media (min-width: 800px) {
  .c-mini-form__submit {
    --form-control-font-size: 1.25rem;
  }
}
.c-mini-form--solid .c-mini-form__submit {
  --horizontal-padding: 0.625rem;
  padding-right: 0;
}

.c-mini-form__submit-icon-button {
  --size: 2.75rem !important;
  margin: auto;
}
.c-mini-form--lg .c-mini-form__submit-icon-button {
  --size: 3.125rem !important;
}

.c-mini-form__line {
  background: rgba(0, 0, 0, 0.12);
  bottom: 0;
  height: var(--line-width);
  left: 0;
  position: absolute;
  right: 0;
}

[for=mce-EMAIL].mce_inline_error {
  margin-top: 96px !important;
}

/**
 * COMPONENTS.RADIO
 *
 * @description : Represents a toggleable radio input
 *
 */
.c-radio {
  display: inline-flex;
  height: var(--form-toggle-control-size);
  position: relative;
  width: var(--form-toggle-control-size);
}

.c-radio__hidden-radio {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 1px;
}

.c-radio__stand-in {
  border: 0.125rem solid;
  border-radius: 100%;
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0);
  cursor: pointer;
  display: block;
  height: 100%;
  position: relative;
  transition: 0.3s;
  width: 100%;
}
.c-radio__stand-in::after {
  background: linear-gradient(to bottom, #88d6f8, #1d30bc);
  border-radius: 100%;
  bottom: 0.1875rem;
  content: "";
  display: block;
  left: 0.1875rem;
  position: absolute;
  right: 0.1875rem;
  top: 0.1875rem;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: 0.2s;
}
.c-radio__hidden-radio:checked ~ .c-radio__stand-in::after {
  transform: scale(1);
}
.c-radio__hidden-radio.input-validation-error ~ .c-radio__stand-in {
  color: #f61c1c;
}
.c-radio__hidden-radio:hover ~ .c-radio__stand-in {
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0.2);
}
.c-radio__hidden-radio:focus ~ .c-radio__stand-in {
  box-shadow: 0 0 0 3px rgba(94, 158, 214, 0.2);
}

/**
 * COMPONENTS.SELECT
 *
 * @description : Component for styling a generic select field
 *
 */
.c-select {
  --bg-color: transparent;
  --border-width: 0.125rem;
  --horizontal-padding: calc(var(--form-control-height) / 3);
  --padding-left: var(--horizontal-padding);
  --padding-right: var(--horizontal-padding);
  display: inline-block;
  position: relative;
  width: 100%;
  --arrow-size: 0.3125rem;
  --padding-right: calc((var(--horizontal-padding) * 2) + var(--arrow-size) + 1.875rem);
}
.c-select::after {
  border-top: var(--arrow-size) solid;
  border-left: var(--arrow-size) solid transparent;
  border-right: var(--arrow-size) solid transparent;
  content: "";
  display: block;
  margin-top: calc(var(--arrow-size) * -0.5);
  pointer-events: none;
  position: absolute;
  right: var(--horizontal-padding);
  top: 50%;
  z-index: 2;
}

.c-select--solid {
  --bg-color: #000;
  --border-width: 0;
  color: black;
}

.c-select--sm {
  --arrow-size: 0.25rem;
  --form-control-height: 2.625rem;
}

.c-select__select {
  appearance: none;
  border: var(--border-width) solid;
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0);
  color: inherit;
  display: block;
  font-size: var(--form-control-font-size);
  height: var(--form-control-height);
  line-height: 1.5;
  padding: 0 var(--padding-right) 0 var(--padding-left);
  transition: 0.3s;
  width: 100%;
  resize: none;
  cursor: pointer;
}
.c-select__select:hover {
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0.2);
}
.c-select__select:focus {
  box-shadow: 0 0 0 3px rgba(94, 158, 214, 0.2);
}
.c-select__select.input-validation-error {
  color: #f61c1c;
}
@-moz-document url-prefix() {
  .c-select__select {
    text-indent: -2px;
  }
}
.c-select__select option {
  color: #000;
}

/**
 * COMPONENTS.TEXTAREA
 *
 * @description : Represents a long-form textbox for writing paragraphs.
 *16/24

 */
.c-textarea {
  --bg-color: transparent;
  --border-width: 0.125rem;
  --horizontal-padding: calc(var(--form-control-height) / 3);
  --padding-left: var(--horizontal-padding);
  --padding-right: var(--horizontal-padding);
  display: inline-block;
  position: relative;
  width: 100%;
  appearance: none;
  border: var(--border-width) solid;
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0);
  color: inherit;
  display: block;
  font-size: var(--form-control-font-size);
  height: var(--form-control-height);
  line-height: 1.5;
  padding: 0 var(--padding-right) 0 var(--padding-left);
  transition: 0.3s;
  width: 100%;
  resize: none;
  --line-height: calc(var(--form-control-font-size) * 1.5);
  --vertical-padding: calc(((var(--form-control-height) - var(--line-height)) / 2) - var(--border-width));
  height: auto;
  line-height: var(--line-height);
  min-height: var(--form-control-height);
  padding: var(--vertical-padding) var(--horizontal-padding);
  resize: none;
}
.c-textarea:hover {
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0.2);
}
.c-textarea:focus {
  box-shadow: 0 0 0 3px rgba(94, 158, 214, 0.2);
}
.c-textarea.input-validation-error {
  color: #f61c1c;
}
.c-textarea[rows="1"] {
  height: var(--form-control-height);
}
.c-textarea[rows="2"] {
  height: calc(var(--form-control-height) + (1 * var(--line-height)));
}
.c-textarea[rows="3"] {
  height: calc(var(--form-control-height) + (2 * var(--line-height)));
}
.c-textarea[rows="4"] {
  height: calc(var(--form-control-height) + (3 * var(--line-height)));
}
.c-textarea[rows="5"] {
  height: calc(var(--form-control-height) + (4 * var(--line-height)));
}
.c-textarea[rows="6"] {
  height: calc(var(--form-control-height) + (5 * var(--line-height)));
}
.c-textarea[rows="7"] {
  height: calc(var(--form-control-height) + (6 * var(--line-height)));
}
.c-textarea[rows="8"] {
  height: calc(var(--form-control-height) + (7 * var(--line-height)));
}
.c-textarea[rows="9"] {
  height: calc(var(--form-control-height) + (8 * var(--line-height)));
}
.c-textarea[rows="10"] {
  height: calc(var(--form-control-height) + (9 * var(--line-height)));
}

/**
 * COMPONENTS.TEXTBOX
 *
 * @description : Represents a textbox for a phone number, email address, password etc.
 *
 */
.c-textbox {
  --bg-color: transparent;
  --border-width: 0.125rem;
  --horizontal-padding: calc(var(--form-control-height) / 3);
  --padding-left: var(--horizontal-padding);
  --padding-right: var(--horizontal-padding);
  display: inline-block;
  position: relative;
  width: 100%;
  appearance: none;
  border: var(--border-width) solid;
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0);
  color: inherit;
  display: block;
  font-size: var(--form-control-font-size);
  height: var(--form-control-height);
  line-height: 1.5;
  padding: 0 var(--padding-right) 0 var(--padding-left);
  transition: 0.3s;
  width: 100%;
  resize: none;
}
.c-textbox:hover {
  box-shadow: 0 0 0 2px rgba(94, 158, 214, 0.2);
}
.c-textbox:focus {
  box-shadow: 0 0 0 3px rgba(94, 158, 214, 0.2);
}
.c-textbox.input-validation-error {
  color: #f61c1c;
}

.c-textarea-medium {
  min-height: 200px;
  padding: 1rem;
}

/**
 * COMPONENTS.TOGGLE-FIELD
 *
 * @description : 
 *
 */
.c-toggle-field {
  align-items: flex-start;
  display: grid;
  grid-template-columns: min-content 1fr;
  min-height: var(--form-toggle-control-size);
}

.c-toggle-field__toggle-wrap {
  grid-column: 1;
  margin-right: 0.75rem;
}

.c-toggle-field__toggle {
  display: flex;
}

.c-toggle-field__label-wrap {
  --label-line-height: 1.25rem;
  grid-column: 2;
  line-height: var(--label-line-height);
  padding-top: calc((var(--form-toggle-control-size) - var(--label-line-height)) / 2);
}

.c-toggle-field__label {
  --label-line-height: 1.25rem;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  position: relative;
}
@media (min-width: 800px) {
  .c-toggle-field__label {
    --label-line-height: 1.375rem;
    font-size: 1rem;
  }
}
.c-toggle-field--required .c-toggle-field__label::after {
  color: #f61c1c;
  content: "*";
  display: inline-block;
  font-weight: bold;
  margin-left: 0.25ch;
}

.c-toggle-field__label-tip {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 0.25rem;
  width: 100%;
}

.c-toggle-field__error-wrap {
  display: block;
  grid-column: 1/span 2;
  width: 100%;
}

.c-toggle-field__error {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
  color: #f61c1c;
  display: block;
  margin-top: 0.625rem;
}

/**
 * COMPONENTS._SHOPIFY
 *
 * @description : Styles for Shopify embedded components
 *
 */
.shopify-buy-frame--toggle {
  overflow: visible !important;
  padding: 0 !important;
}

/**
 * COMPONENTS.ACCORDION
 *
 * @description : 
 *
 */
.c-accordion {
  --gutter-width: 3rem;
  color: #000;
  max-width: 51.25rem;
}
@media (min-width: 480px) {
  .c-accordion {
    --gutter-width: 3.75rem;
  }
}

.c-accordion__list {
  display: block;
}

.c-accordion__item {
  margin-bottom: 2rem;
}
@media (min-width: 800px) {
  .c-accordion__item {
    margin-bottom: 2.5rem;
  }
}
.c-accordion__item:last-child {
  margin-bottom: 0;
}

.c-accordion__section {
  display: block;
}

.c-accordion__header {
  min-height: 2.5rem;
  padding: 0.1875rem 0 0.1875rem var(--gutter-width);
  position: relative;
}

.c-accordion__header--disabled {
  opacity: 0.6;
}

.c-accordion__heading {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
}
@media (min-width: 800px) {
  .c-accordion__heading {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .c-accordion__heading {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}

.c-accordion__toggle {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.c-accordion__toggle::before {
  align-items: center;
  background: rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, 0);
  content: "+";
  display: flex;
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  height: 2rem;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.3s;
  width: 2rem;
}
.c-accordion__item:nth-child(5n-4) .c-accordion__toggle::before {
  background: linear-gradient(to bottom, #ffdf43, #ff8533);
}
.c-accordion__item:nth-child(5n-3) .c-accordion__toggle::before {
  background: linear-gradient(to bottom, #9adb43, #00acab);
}
.c-accordion__item:nth-child(5n-2) .c-accordion__toggle::before {
  background: linear-gradient(to bottom, #fab6e7, #772b90);
}
.c-accordion__item:nth-child(5n-1) .c-accordion__toggle::before {
  background: linear-gradient(to bottom, #88d6f8, #1d30bc);
}
.c-accordion__item:nth-child(5n) .c-accordion__toggle::before {
  background: linear-gradient(to bottom, #f94fbf, #f61c1c);
}
@media (min-width: 480px) {
  .c-accordion__toggle::before {
    font-size: 2.25rem;
    height: 2.5rem;
    width: 2.5rem;
  }
}
.c-accordion__item.is-open .c-accordion__toggle::before, .c-accordion__toggle:hover::before {
  box-shadow: inset 0 0 0 100vw black;
  color: #fff;
}
.c-accordion__item.is-open .c-accordion__toggle::before {
  content: "−";
}

.c-accordion__content-panel {
  display: none;
  margin-top: 1rem;
}
@media (min-width: 480px) {
  .c-accordion__content-panel {
    margin-top: 1.25rem;
    padding-left: var(--gutter-width);
  }
}
.c-accordion__item.is-open .c-accordion__content-panel {
  display: block;
}

/**
 * COMPONENTS.AUTOCOMPLETE-LIST
 *
 * @description : 
 *
 */
.c-autocomplete-list {
  display: block;
}

.c-autocomplete-list__item {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

.c-autocomplete-list__button {
  display: block;
  padding: 0.5rem 0;
  text-align: left;
  width: 100%;
}
.c-autocomplete-list__button:hover {
  text-decoration: underline;
}

/**
 * COMPONENTS.ATTRIBUTE-LIST
 *
 * @description : 
 *
 */
.c-attribute-list {
  display: flex;
  flex-flow: row wrap;
  gap: 1.875rem;
}

.c-attribute-list__item {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
  flex: 1 1 100%;
}
.c-attribute-list__item a {
  text-decoration: underline;
}

.c-attribute-list__item--compact {
  flex: 1 0 auto;
}

.c-attribute-list__heading {
  font-weight: 700;
}

.c-attribute-list__link:hover {
  text-decoration: underline;
}

/**
 * COMPONENTS.CAROUSEL-PAGINATION
 *
 * @description : Used for navigation in Swiper widgets.
 *
 */
.c-carousel-pagination {
  display: flex;
  flex-flow: row;
  height: 0.3125rem;
}

.c-carousel-pagination__dot {
  background: currentColor;
  display: block;
  flex: 1 1 auto;
  margin: 0 0.0625rem;
  position: relative;
  transition: 0.3s;
}
.c-carousel-pagination__dot:first-child {
  margin-left: 0;
}
.c-carousel-pagination__dot:last-child {
  margin-right: 0;
}
.c-carousel-pagination__dot[tabindex] {
  cursor: pointer;
}

.c-carousel-pagination__dot--active {
  background: #FFD150;
}

/**
 * COMPONENTS.CLOSE-BUTTON
 *
 * @description : A button that is just an X.
 *
 */
.c-close-button {
  display: block;
  height: 1.375rem;
  position: relative;
  width: 1.375rem;
}

.c-close-button__button {
  border: 0.625rem solid transparent;
  box-sizing: content-box;
  bottom: -0.625rem;
  display: block;
  height: inherit;
  left: -0.625rem;
  position: absolute;
  right: -0.625rem;
  top: -0.625rem;
  width: inherit;
}

.c-close-button__icon {
  display: block;
  height: 100%;
  margin: 0 -0.0625rem;
  position: relative;
}
.c-close-button__icon::before, .c-close-button__icon::after {
  background: currentColor;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform-origin: 50% 50%;
  width: 100%;
}
.c-close-button__icon::before {
  transform: rotate(-45deg);
}
.c-close-button__icon::after {
  transform: rotate(45deg);
}

/**
 * COMPONENTS.CTA
 *
 * @description : Call to action link/button
 *
 */
.c-cta {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font-size: 1rem;
  gap: 0 0.625rem;
  justify-content: center;
  line-height: 1.25rem;
  text-align: center;
  transition: background-color 0.3s;
}
.c-cta:hover {
  text-decoration: underline;
}

.c-cta--strong {
  font-family: "PP Neue Machina", sans-serif;
  font-weight: 700;
}

.c-cta--full-width {
  width: 100%;
}

@media (max-width: 800px) {
  .c-cta--mob-full-width {
    width: 100%;
  }
}

.c-cta--lg {
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.c-cta--sm {
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.c-cta--xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.c-cta--upload-button {
  display: none;
}

.c-cta--solid-button {
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  gap: 0 1rem;
  line-height: 1.625rem;
  min-height: 3.125rem;
  padding: 0.5rem 2.125rem;
  background: #000;
  color: #fff;
}
@media (mmin-width: 480px) {
  .c-cta--solid-button {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.c-cta--solid-button.c-cta--sm {
  font-size: 1.25rem;
  gap: 0 0.75rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 2rem;
}
.c-cta--solid-button.c-cta--xs {
  font-size: 1rem;
  gap: 0 0.625rem;
  line-height: 1.625rem;
  min-height: 2.375rem;
  padding: 0.375rem 1.875rem;
}

.c-cta--solid-button-white {
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  gap: 0 1rem;
  line-height: 1.625rem;
  min-height: 3.125rem;
  padding: 0.5rem 2.125rem;
  background: #fff;
  color: #000;
}
@media (mmin-width: 480px) {
  .c-cta--solid-button-white {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.c-cta--solid-button-white.c-cta--sm {
  font-size: 1.25rem;
  gap: 0 0.75rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 2rem;
}
.c-cta--solid-button-white.c-cta--xs {
  font-size: 1rem;
  gap: 0 0.625rem;
  line-height: 1.625rem;
  min-height: 2.375rem;
  padding: 0.375rem 1.875rem;
}

.c-cta--outlined-button {
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  gap: 0 1rem;
  line-height: 1.625rem;
  min-height: 3.125rem;
  padding: 0.5rem 2.125rem;
  box-shadow: inset 0 0 0 0.125rem;
}
@media (mmin-width: 480px) {
  .c-cta--outlined-button {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.c-cta--outlined-button.c-cta--sm {
  font-size: 1.25rem;
  gap: 0 0.75rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 2rem;
}
.c-cta--outlined-button.c-cta--xs {
  font-size: 1rem;
  gap: 0 0.625rem;
  line-height: 1.625rem;
  min-height: 2.375rem;
  padding: 0.375rem 1.875rem;
}

.c-cta__text-label {
  display: inline;
}

.c-cta__icon {
  flex: 0 0 auto;
  height: 1em;
}

.c-cta--grid-view, .c-cta--rows-view {
  height: 2.625rem;
  min-height: 2.5rem;
  padding: 0 !important;
  width: 2.625rem;
}

.c-cta--grid-view {
  background-color: transparent;
}
.c-cta--grid-view:hover {
  background-color: #000;
}

.c-cta--rows-view {
  background-color: #000;
}
.c-cta--rows-view:hover {
  background-color: transparent;
}

:checked ~ .c-cta .c-icon__fill-path {
  opacity: 1;
}

.c-cta--saving {
  background: #88d6f8;
}

.c-cta--saved {
  background: #9adb43;
}

.c-custom-audio-player {
  display: flex;
  user-select: none;
}

.c-custom-audio-player__thumb {
  max-width: 80px;
  aspect-ratio: 1;
}
@media (min-width: 800px) {
  .c-custom-audio-player__thumb {
    max-width: 130px;
  }
}

.c-custom-audio-player__player {
  background-color: #000;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 10px 16px;
}

.c-custom-audio-player__play-button {
  background: #FF8533;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  width: 3.75rem;
  position: relative;
}
.c-custom-audio-player__play-button:hover:before {
  background-color: rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease-in-out;
}
.c-custom-audio-player__play-button:active:before {
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.1s ease-in-out;
}
.c-custom-audio-player__play-button:before {
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
}
.c-custom-audio-player__play-button .c-icon--play-button path {
  fill: black;
}

.c-custom-audio-player__controls {
  display: flex;
  justify-content: space-between;
}

.c-custom-audio-player__controls-buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.c-custom-audio-player__time {
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  gap: 10px;
}

.c-custom-audio-player__volume {
  position: relative;
  display: flex;
  align-items: center;
}

.c-custom-audio-player__volume-slider-wrapper {
  background: black;
  display: none;
  width: 140px;
  position: absolute;
  left: -104px;
  bottom: -40px;
  padding: 10px;
}
@media (min-width: 800px) {
  .c-custom-audio-player__volume-slider-wrapper {
    left: 35px;
    bottom: initial;
  }
}

.c-custom-audio-player__volume-slider {
  border: 1px solid white;
  height: 10px;
}

.c-custom-audio-player__volume-percentage {
  height: 100%;
  background: white;
}

.c-custom-audio-player__volume-slider-wrapper--display {
  display: block;
}

.c-custom-audio-player__meta {
  flex: 1;
}

.c-custom-audio-player__heading {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 700;
  margin-bottom: 10px;
}
@media (min-width: 800px) {
  .c-custom-audio-player__heading {
    font-size: 1rem;
  }
}

.c-custom-audio-player__timeline {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  height: 7px;
  background-color: #fff;
  box-sizing: content-box;
}

.c-custom-audio-player__progress {
  background: #FF8533;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.c-custom-audio-player__progress-point {
  min-width: 13px;
  width: 13px;
  height: 13px;
  background-color: #fff;
  border-radius: 7px;
  position: relative;
  top: -3px;
  left: 6px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4509803922);
}

.c-custom-audio-player-controls__pause-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-custom-audio-player-controls__pause-button .c-icon--pause-button path {
  fill: #fff;
}

.c-icon--play-button {
  left: 2px;
}

.c-icon--volume,
.c-icon--rewind,
.c-icon--forward,
.c-icon--pause-button {
  color: #fff;
  height: 100%;
  width: 100%;
}

.c-custom-audio-player__controls-buttons button:hover .c-icon--volume path,
.c-custom-audio-player__controls-buttons button:hover .c-icon--rewind path,
.c-custom-audio-player__controls-buttons button:hover .c-icon--forward path,
.c-custom-audio-player__controls-buttons button:hover .c-icon--pause-button path,
.c-custom-audio-player__volume-button:hover .c-icon--volume path,
.c-custom-audio-player__volume-button:hover .c-icon--rewind path,
.c-custom-audio-player__volume-button:hover .c-icon--forward path,
.c-custom-audio-player__volume-button:hover .c-icon--pause-button path {
  transition: fill 0.1s ease-in-out;
  fill: #FF8533;
}

.c-custom-audio-player__volume-button {
  height: 20px;
  width: 20px;
  color: black;
}
.c-custom-audio-player__volume-button .c-icon--volume {
  display: block;
}
.c-custom-audio-player__volume-button .c-icon--volume-off {
  display: none;
}
.c-custom-audio-player__volume-button--off .c-icon--volume {
  display: none;
}
.c-custom-audio-player__volume-button--off .c-icon--volume-off {
  display: block;
}

.c-custom-audio-player__rewind,
.c-custom-audio-player__forward {
  height: 20px;
  width: 20px;
  color: black;
}

/**
 * COMPONENTS.DATE-BUTTON
 *
 * @description : Call to action link/button
 *
 */
.c-date-button {
  display: block;
}

.c-date-button__hidden-checkbox {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 1px;
}

.c-date-button__button {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  gap: 0.25rem;
  justify-content: center;
  padding: 0.625rem 0.5625rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 2;
}
.c-date-button__button::before {
  background: currentColor;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s;
  z-index: -1;
}
.c-date-button--weekend .c-date-button__button::before {
  opacity: 0.2;
}
.c-date-button__button:hover::before {
  opacity: 0.2;
}
.c-date-button--weekend .c-date-button__button:hover::before {
  opacity: 0.3;
}
.c-date-button__hidden-checkbox:checked ~ .c-date-button__button, .c-date-button.is-selected .c-date-button__button {
  background: linear-gradient(to bottom, #f61c1c, #f94fbf);
}

.c-date-button__week-day,
.c-date-button__month {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
}

.c-date-button__date {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
}

/**
 * COMPONENTS.DETAIL-LAYOUT
 *
 * @description : Mix of media, CTAs, text and sidebar such as used for the Show page.
 *
 */
.c-detail-layout {
  --available-grid-space: calc(var(--inner-100vw) - (var(--min-edge-gap) * 2));
  --total-gutter-space: max(0px, var(--available-grid-space) - var(--body-max-width-sm));
  --outer-gutter-space: max(0px, var(--available-grid-space) - var(--body-max-width));
  --inner-gutter-space: calc(var(--total-gutter-space) - var(--outer-gutter-space));
  --outer-gutter: calc(var(--outer-gutter-space) / 2);
  --inner-gutter: calc(var(--inner-gutter-space) / 2);
  display: grid;
  grid-template-columns: [left-edge-start] var(--min-edge-gap) [left-edge-end outleft-gutter-start] var(--outer-gutter) [outleft-gutter-end inleft-gutter-start] var(--inner-gutter) [inleft-gutter-end content-start] 1fr [content-end inright-gutter-start] var(--inner-gutter) [inright-gutter-end outright-gutter-start] var(--outer-gutter) [outright-gutter-end right-edge-start] var(--min-edge-gap) [right-edge-end];
  --mid-gap-col: 0;
  --sidebar-col: 0;
  background: #ffdf43;
  grid-template-columns: [left-edge-start] var(--min-edge-gap) [left-edge-end outleft-gutter-start] var(--outer-gutter) [outleft-gutter-end inleft-gutter-start] var(--inner-gutter) [inleft-gutter-end main-start] 1fr [main-end] var(--mid-gap-col) [sidebar-start] var(--sidebar-col) [sidebar-end inright-gutter-start] var(--inner-gutter) [inright-gutter-end outright-gutter-start] var(--outer-gutter) [outright-gutter-end right-edge-start] var(--min-edge-gap) [right-edge-end];
  overflow: hidden;
  position: relative;
}
@media (min-width: 800px) {
  .c-detail-layout {
    --mid-gap-col: 5rem;
    --sidebar-col: 21.875rem;
  }
}

@media (min-width: 1200px) {
  .c-detail-layout--portrait-media {
    --mid-gap-col: 6.25rem;
  }
}
@media (min-width: 1500px) {
  .c-detail-layout--portrait-media {
    --mid-gap-col: 7.5rem;
  }
}

.c-detail-layout__media-block {
  grid-column: left-edge-start/right-edge-end;
  grid-row: 1/span 1;
  z-index: 2;
}
.c-detail-layout--portrait-media .c-detail-layout__media-block {
  grid-column: main-start/main-end;
}
@media (min-width: 800px) {
  .c-detail-layout__media-block {
    grid-column: inleft-gutter-start/main-end;
    grid-row: 1/3;
  }
  .c-detail-layout--portrait-media .c-detail-layout__media-block {
    grid-column: main-start/main-end;
  }
}

.c-detail-layout__sidebar-block {
  grid-column: main-start/sidebar-end;
  grid-row: 3/span 1;
  z-index: 3;
}
@media (min-width: 800px) {
  .c-detail-layout__sidebar-block {
    z-index: 1;
  }
}
@media (min-width: 800px) {
  .c-detail-layout__sidebar-block {
    grid-column: sidebar-start/sidebar-end;
    grid-row: 1/4;
  }
}

.c-detail-layout__main-details {
  position: relative;
}
.c-detail-layout__main-details::after {
  background: #fff;
  content: "";
  display: block;
  height: 999vh;
  left: -150vw;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: rotate(-2deg);
  transform-origin: 50% 50%;
  width: 300vw;
  z-index: -2;
}

.c-detail-layout__description-block {
  grid-column: main-start/sidebar-end;
  grid-row: 2/span 1;
  z-index: 2;
}
@media (min-width: 800px) {
  .c-detail-layout__description-block {
    grid-column: main-start/main-end;
    grid-row: 3/4;
  }
}

.c-detail-layout__map-block {
  grid-column: main-start/sidebar-end;
  grid-row: 3/span 1;
  z-index: 3;
}
@media (min-width: 800px) {
  .c-detail-layout__map-block {
    z-index: 2;
  }
}
@media (min-width: 800px) {
  .c-detail-layout__map-block {
    grid-column: sidebar-start/end;
    grid-row: 3/4;
  }
}

/**
 * COMPONENTS.EXCERPT-TILE
 *
 * @description : Tile with emphasis on text excerpt
 *
 */
.c-excerpt-tile {
  display: block;
  position: relative;
}
.c-excerpt-tile::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-excerpt-tile--irregular::before {
  display: none;
}

.c-excerpt-tile__link {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.c-excerpt-tile--irregular .c-excerpt-tile__link {
  height: 100%;
  position: relative;
}

.c-excerpt-tile__content {
  bottom: 0;
  display: flex;
  flex-flow: column;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.c-excerpt-tile--irregular .c-excerpt-tile__content {
  height: 100%;
  position: relative;
}

.c-excerpt-tile__media-wrap {
  flex: 1 1 auto;
  position: relative;
}
.c-excerpt-tile__media-wrap::before {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s;
  z-index: 3;
}
.c-excerpt-tile__link:hover .c-excerpt-tile__media-wrap::before {
  opacity: 1;
}

.c-excerpt-tile__toolbar {
  flex: 0 0 auto;
}
@media (min-width: 480px) {
  .c-excerpt-tile__toolbar {
    height: 9.375rem;
  }
}

/**
 * COMPONENTS.EXPAND-BUTTON
 *
 * @description : A square button that is just a +.
 *
 */
.c-expand-button {
  align-items: center;
  background: #000;
  color: #fff;
  display: flex;
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  height: 3.5rem;
  justify-content: center;
  width: 3.5rem;
}
.c-expand-button::before {
  content: "+";
}

/**
 * COMPONENTS.EYEBROW
 *
 * @description : A dismissable alert banner at the very top of the page.
 *
 */
.c-eyebrow {
  background: #fff;
  color: #000;
  padding: 0.75rem 0;
  position: relative;
}
@media (min-width: 480px) {
  .c-eyebrow {
    padding: 0.875rem 0;
  }
}
@media (min-width: 800px) {
  .c-eyebrow {
    padding: 1rem 0;
  }
}
.c-eyebrow .b {
  height: 100%;
}

.c-eyebrow__content {
  align-items: center;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

.c-eyebrow__message {
  flex: 1 1 auto;
  padding-right: 1.25rem;
}
@media (min-width: 480px) {
  .c-eyebrow__message {
    padding-right: 1.5rem;
  }
}
@media (min-width: 800px) {
  .c-eyebrow__message {
    padding-right: 2rem;
  }
}
@media (min-width: 1200px) {
  .c-eyebrow__message {
    padding-right: 3rem;
  }
}
@media (min-width: 1500px) {
  .c-eyebrow__message {
    padding-right: 4rem;
  }
}

.c-eyebrow__close-button {
  flex: 0 0 auto;
  margin-bottom: auto;
}

/**
 * COMPONENTS.FEATURE
 *
 * @description : 
 *
 */
.c-feature {
  align-items: center;
  display: flex;
  flex-flow: column;
}
@media (min-width: 800px) {
  .c-feature {
    flex-flow: row;
  }
}

.c-feature__media-block {
  order: 0;
  position: relative;
  width: 100%;
}
@media (min-width: 800px) {
  .c-feature__media-block {
    width: 60%;
  }
}
.c-feature--image-on-right .c-feature__media-block {
  order: 1;
}

.c-feature__text-block {
  background: #fff;
  color: #000;
  order: 1;
  padding: 1.75rem 1.5rem;
  position: relative;
  width: 100%;
  z-index: 2;
}
@media (min-width: 800px) {
  .c-feature__text-block {
    margin-left: -10%;
    padding: 3.125rem 2.5rem;
    width: 60%;
  }
}
@media (min-width: 1200px) {
  .c-feature__text-block {
    padding: 4.75rem 7.5rem;
  }
}
.c-feature--image-on-right .c-feature__text-block {
  margin-left: 0;
  order: 0;
}
@media (min-width: 800px) {
  .c-feature--image-on-right .c-feature__text-block {
    margin-right: -10%;
  }
}
.c-feature--white-on-black .c-feature__text-block {
  background: #000;
  color: #fff;
}

.c-feature__heading-label {
  font-size: 1.125rem;
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-weight: 400;
  line-height: 1.5rem;
}
@media (min-width: 800px) {
  .c-feature__heading-label {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
}
@media (min-width: 1200px) {
  .c-feature__heading-label {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
}

/**
 * COMPONENTS.FILTER-PANEL
 *
 * @description : 
 *
 */
.c-filter-panel {
  background: #000;
  color: #fff;
  position: relative;
}

.c-filter-panel__close-button {
  position: absolute;
  top: var(--min-edge-gap);
  right: var(--min-edge-gap);
  z-index: 10;
}

@keyframes swipe-in-from-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes swipe-out-to-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes swipe-in-from-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes swipe-out-to-right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
.c-filter-panel__page {
  animation: 0.3s swipe-out-to-left both;
  background: inherit;
  display: flex;
  flex-flow: column;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding: 6.25rem var(--min-edge-gap);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.c-filter-panel__page[data-swipe-dir] {
  z-index: 2;
}
.c-filter-panel__page[data-swipe-dir=right] {
  animation: 0.5s swipe-out-to-right both;
}
.c-filter-panel__page.is-active {
  animation: 0.5s swipe-in-from-right both;
  z-index: 3;
}
.c-filter-panel__page.is-active[data-swipe-dir=right] {
  animation: 0.5s swipe-in-from-left both;
}

.c-filter-panel__back-button {
  height: 2.5rem;
  left: var(--min-edge-gap);
  position: absolute;
  top: var(--min-edge-gap);
}

.c-filter-panel__tag-heading {
  flex: 0 0 auto;
}

.c-filter-panel__apply-bar {
  bottom: 1.75rem;
  left: var(--min-edge-gap);
  position: absolute;
  right: var(--min-edge-gap);
  z-index: 10;
}

.c-filter-panel__scroll-box {
  flex: 1 1 auto;
  overflow: auto;
}
@media (min-width: 480px) {
  .c-filter-panel__scroll-box::-webkit-scrollbar {
    background: transparent;
    width: 2rem;
  }
  .c-filter-panel__scroll-box::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
  .c-filter-panel__scroll-box::-webkit-scrollbar-thumb {
    background: #fff;
    background-clip: content-box;
    border: 0.75rem solid transparent;
    border-radius: 100vw;
    cursor: pointer;
  }
}

/**
 * COMPONENTS.FOOTER
 *
 * @description : The main site footer
 *
 */
.c-footer {
  background: #000;
  color: #fff;
  padding: 5.125rem 0 1.5rem 0;
  position: relative;
}
@media (min-width: 480px) {
  .c-footer {
    padding: 7.5rem 0 1.5rem 0;
  }
}
@media (min-width: 800px) {
  .c-footer {
    padding: 11.875rem 0 2.625rem 0;
  }
}

.c-footer__tape {
  left: 0;
  position: absolute;
  right: 0;
  top: calc(var(--band-height) * -0.5);
}

.c-footer__content {
  display: flex;
  flex-flow: row wrap;
  gap: 0 3.125rem;
  justify-content: space-between;
}

.c-footer__icon-logo {
  margin-bottom: 3.125rem;
  height: 3.125rem;
  width: 100% !important;
}
.c-footer__icon-logo.c-logo-block--icon::before {
  padding-top: 3.125rem !important;
}
.c-footer__icon-logo .c-logo-block__link {
  width: 3.5rem;
}
@media (min-width: 800px) {
  .c-footer__icon-logo {
    margin-bottom: 5rem;
  }
}

.c-footer__nav {
  display: flex;
  flex-flow: row wrap;
  gap: 1.875rem 3.125rem;
  margin-bottom: 3.125rem;
  /*width: 100%;*/
}

.c-footer__nav-list {
  flex: 0 1 auto;
}

.c-footer__nav-item {
  font-size: 0.875rem;
  line-height: 1.875rem;
}

.c-footer__nav-link:hover {
  text-decoration: underline;
}

.c-footer__fineprint {
  margin-top: auto;
}
@media (max-width: 799px) {
  .c-footer__fineprint {
    margin-top: 3.125rem;
    order: 100;
  }
}

@media (min-width: 800px) {
  .c-footer__partner-logos {
    /*margin-top: rem(50px);*/
  }
}

.c-footer__nv {
  /*align-self: flex-end;*/
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1500px) {
  .c-footer__nv {
    margin-top: 3rem;
  }
}

.c-footer__nv-logo {
  min-width: 3.5rem;
  max-width: 3.5rem;
  height: 1.6875rem;
}

.c-footer__nv-content {
  max-width: 16.625rem;
  font-size: 0.75rem;
  font-family: "Graphik", sans-serif;
  font-weight: 500;
  line-height: 16px;
  text-transform: capitalize;
}
.c-footer__nv-content b {
  font-weight: 700;
}
.c-footer__nv-content a {
  position: relative;
}
.c-footer__nv-content a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 100%;
  background: #FFF;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.c-footer__nv-content a:hover::before {
  opacity: 1;
}

/**
 * COMPONENTS.FORWARD-BUTTON
 *
 * @description : 
 *
 */
.c-forward-button {
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  min-height: 2.625rem;
  padding: 0.375rem 1rem;
  transition: 0.3s;
  width: 100%;
}
.c-forward-button:hover {
  background: #fff;
  color: #000;
}

.c-forward-button__label {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
}

.c-forward-button__icon {
  height: 0.875rem;
}

/**
 * COMPONENTS.GOOGLE-MAP
 * @description : 
 *
 */
.c-google-map {
  background: rgba(0, 0, 0, 0.12);
  position: relative;
}
.c-google-map::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-google-map--full-height {
  height: 100%;
}
.c-google-map--full-height::before {
  display: none;
}

.c-google-map__embed {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.c-google-map__embed iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
}

.gm-style-iw-c {
  border-radius: 0 !important;
  padding: 0 !important;
}

.gm-style-iw-d {
  overflow: initial !important;
  /*max-height: initial !important;*/
}

.gm-ui-hover-effect {
  background: #fff !important;
  height: none !important;
  width: none !important;
  top: 0 !important;
  right: 0 !important;
}

.c-google-map__info-box img {
  object-fit: cover;
  height: 7.5rem;
  width: 12.5rem;
  object-fit: cover;
}
@media (min-width: 480px) {
  .c-google-map__info-box img {
    height: 9.375rem;
    width: 13.75rem;
  }
}
@media (min-width: 1200px) {
  .c-google-map__info-box img {
    height: 20.25rem;
    width: 23.75rem;
  }
}

.c-info-box__content {
  display: flex;
  position: relative;
}

/**
 * COMPONENTS.HEADER
 *
 * @description : The main site header
 *
 */
.c-header {
  background: #000;
  color: #fff;
  padding: 1.625rem 0;
}
.c-header .b {
  height: 100%;
}

.c-header__content {
  align-items: center;
  display: flex;
  flex-flow: row;
  height: 100%;
  position: relative;
}

.c-header__logo-block {
  flex: 0 0 auto;
  margin-right: auto;
}

.c-header__logo-block--full-logo {
  display: none !important;
}
@media (min-width: 800px) {
  .c-header__logo-block--full-logo {
    display: block !important;
  }
}

.c-header__logo-block--icon {
  width: 2.875rem !important;
}
@media (min-width: 800px) {
  .c-header__logo-block--icon {
    display: none !important;
  }
}

.c-header__nav {
  display: none;
  opacity: 1;
  transition: opacity 200ms 200ms;
}
@media (min-width: 800px) {
  .c-header__nav {
    display: block;
  }
}
.mega-menu-is-open .c-header__nav {
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms;
}

.c-header__nav-list {
  display: flex;
  flex-flow: row;
  gap: 2rem;
}

.c-header__nav-item {
  font-size: 1.125rem;
  line-height: 1.25rem;
  text-align: center;
  white-space: nowrap;
}

.c-header__nav-link {
  display: block;
}

.c-header__buttons {
  margin-left: 2.625rem;
  opacity: 1;
  transition: opacity 200ms 200ms;
}
.mega-menu-is-open .c-header__buttons {
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms;
}

.c-header__buttons-list {
  align-items: center;
  display: flex;
  flex-flow: row;
  gap: 1.25rem;
}

.c-header__button-item {
  display: block;
  min-width: 1.1875rem;
}

.c-header__icon-button {
  --size: 1.1875rem !important;
}

.c-header__menu-toggle {
  margin-left: 1.625rem;
  opacity: 1;
  transition: opacity 200ms 200ms;
}
.mega-menu-is-open .c-header__menu-toggle {
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms;
}

.c-header__menu-close-button {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -100vh;
  transform: translateY(-50%);
  transition: opacity 200ms, top 0s 200ms;
}
.mega-menu-is-open .c-header__menu-close-button {
  opacity: 1;
  pointer-events: all;
  top: 50%;
  transition: opacity 200ms 200ms, top 0s;
}

/**
 * COMPONENTS.HERO
 *
 * @description : 
 *
 */
.c-hero {
  --hero-band-height: 4.25rem !important;
  display: block;
  position: relative;
}
@media (min-width: 480px) {
  .c-hero {
    --hero-band-height: 5.625rem !important;
  }
}
@media (min-width: 800px) {
  .c-hero {
    --hero-band-height: 7.125rem !important;
  }
}
@media (min-width: 1200px) {
  .c-hero {
    --hero-band-height: 8.625rem !important;
  }
}
@media (min-width: 1500px) {
  .c-hero {
    --hero-band-height: 10rem !important;
  }
}

.c-hero__media-wrap {
  height: 100vw;
}
@media (min-width: 480px) {
  .c-hero__media-wrap {
    height: 66vw;
  }
}
@media (min-width: 800px) {
  .c-hero__media-wrap {
    height: 50vw;
  }
}
@media (min-width: 1200px) {
  .c-hero__media-wrap {
    height: 38vw;
  }
}

.c-hero__pagination-wrap {
  left: 0;
  margin-bottom: -0.375rem;
  position: absolute;
  right: 0;
  bottom: calc(var(--hero-band-height) / 2);
  transform: rotate(-4deg);
  transform-origin: 50% 50%;
  z-index: 1;
}

.c-hero__pagination {
  height: 0.75rem !important;
}

.c-hero__band-swiper-wrap {
  bottom: calc(var(--hero-band-height) * -1.5);
  height: calc(var(--hero-band-height) * 3);
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.c-hero__band-swiper {
  bottom: 0;
  left: calc(var(--hero-band-height) / -2);
  pointer-events: all;
  position: absolute;
  right: calc(var(--hero-band-height) / -2);
  top: var(--hero-band-height);
  transform: rotate(-4deg);
}

.c-hero__band-swiper--alt-angle {
  transform: rotate(4deg);
}

.c-hero__tape {
  --band-height: var(---hero-band-height);
}

.c-hero__tape-band {
  transform: none !important;
}

/**
 * COMPONENTS.ICON-BUTTON
 *
 * @description : 
 *
 */
.c-icon-button {
  --size: 1.125rem;
  --extra-click-gap: 0.625rem; /* The button is clickable outside the dimensions of the icon itself. */
  height: var(--size);
  opacity: 1;
  position: relative;
  transition: 0.3s;
  width: var(--size);
}
.c-icon-button[aria-disabled=true] {
  opacity: 0 !important;
}

.c-icon-button--encircled {
  --size: 2.75rem;
  --extra-click-gap: 0;
  background: #fff;
  border-radius: 100vw;
  color: #000;
}
@media (min-width: 480px) {
  .c-icon-button--encircled {
    --size: 3.25rem;
  }
}
@media (min-width: 800px) {
  .c-icon-button--encircled {
    --size: 3.75rem;
  }
}

.c-icon-button__button {
  align-items: center;
  border: var(--extra-click-gap) solid transparent;
  border-radius: inherit;
  box-sizing: content-box;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  left: calc(var(--extra-click-gap) * -1);
  position: absolute;
  top: calc(var(--extra-click-gap) * -1);
  width: 100%;
}
.c-icon-button--enlarge-on-hover .c-icon-button__button {
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.3s;
}
.c-icon-button--enlarge-on-hover .c-icon-button__button:hover {
  transform: scale(1.2);
}

.c-icon-button__icon {
  height: 100%;
  max-height: var(--size);
  max-width: var(--size);
  width: 100%;
}
.c-icon-button--encircled .c-icon-button__icon {
  max-height: calc(var(--size) * 0.4);
  max-width: calc(var(--size) * 0.4);
}
.c-icon-button__hidden-checkbox:checked ~ .c-icon-button__button .c-icon-button__icon .c-icon__fill-path {
  opacity: 1;
}

.c-icon-button__hidden-checkbox {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 1px;
}

.c-icon-button__bubble {
  background: #fff;
  border-radius: 100%;
  color: #000;
  height: 0.875rem;
  font-family: "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 0.875rem;
  z-index: 2;
}

/**
 * COMPONENTS.ICON-WITH-BUBBLE
 *
 * @description : An icon or icon button with a bubble showing a number
 *
 */
.c-icon-with-bubble {
  position: relative;
}

@keyframes c-icon-with-bubble__bubble {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.c-icon-with-bubble__bubble {
  animation: c-icon-with-bubble__bubble both 0.5s;
  background: #fff;
  border-radius: 100%;
  color: #000;
  height: 0.875rem;
  font-family: "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  pointer-events: none;
  position: absolute;
  right: -0.5rem;
  text-align: center;
  top: -0.625rem;
  width: 0.875rem;
  z-index: 2;
}

.c-gallery-rows {
  display: flex;
  flex-direction: column;
  gap: 2.125rem;
}

.c-gallery-row {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
@media (min-width: 800px) {
  .c-gallery-row {
    gap: 2.125rem;
  }
}

@media (min-width: 800px) {
  .c-gallery-row--one-large {
    height: 60rem;
  }
}

.c-gallery-item {
  font-family: "ES Klarheit Kurrent", sans-serif;
}

.c-gallery-row-images {
  display: flex;
  gap: 0.9375rem;
}
@media (min-width: 800px) {
  .c-gallery-row-images {
    gap: 2rem;
  }
}

.c-gallery-item-image {
  transition: filter 0.3s;
  pointer-events: all;
}
.c-gallery-item-image:hover {
  filter: brightness(0.8);
}
.c-gallery-item-image img {
  width: 100%;
  object-fit: cover;
}

.c-gallery-row--only-one {
  padding-top: 4.25rem;
}

@media (min-width: 800px) {
  .c-gallery-row-text {
    inline-size: 23.4375rem;
    margin-right: 25.4375rem;
  }
}
@media (min-width: 800px) {
  .c-gallery-row-items--indented .c-gallery-row-text {
    margin-right: 0;
  }
}
@media (min-width: 800px) {
  .c-gallery-row-items--one-large .c-gallery-row-text {
    margin-right: 0;
  }
}

.c-gallery-item--only {
  flex-direction: column;
  gap: 0.9375rem;
}
@media (min-width: 800px) {
  .c-gallery-item--only {
    flex-direction: row;
    gap: 2rem;
  }
}

.c-gallery-item__heading {
  font-size: 1.125rem;
  font-weight: bold;
  padding-bottom: 0.625rem;
}

.c-gallery-item__caption {
  font-size: 1rem;
  padding-bottom: 0.625rem;
  line-height: 1.5;
}

.c-gallery-row-items {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  pointer-events: none;
}
@media (min-width: 800px) {
  .c-gallery-row-items {
    gap: 2.125rem;
  }
}

.c-gallery-row-items--right {
  align-items: flex-end;
}

.c-gallery-row--has-float {
  position: relative;
}

@media (min-width: 800px) {
  .c-gallery-row-items--one-large {
    flex-direction: row;
  }
}
.c-gallery-row-items--one-large.c-gallery-row-items--right {
  flex-direction: row-reverse;
  align-items: flex-start;
}

@media (min-width: 800px) {
  .c-gallery-row-items--float {
    position: absolute;
    width: 100%;
    top: 128px;
  }
}

@media (min-width: 800px) {
  .c-gallery-row-items--one-large-float {
    top: 550px;
  }
}

@media (min-width: 800px) {
  .c-gallery-row-items--indented {
    padding-inline: 5%;
  }
}

@keyframes view-translate-y {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(30px);
  }
}
.c-image-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.c-image-box {
  margin-inline: 10px;
  padding: 8px;
  background: white;
  position: relative;
}
@media (min-width: 800px) {
  .c-image-box {
    margin-inline: 100px;
    padding: 70px 60px;
  }
}
@media (min-width: 1200px) {
  .c-image-box {
    margin-inline: 240px;
    padding: 110px 100px;
  }
}
@media (min-width: 800px) {
  .c-image-box--with-caption {
    padding: 70px 60px 40px;
  }
}
@media (min-width: 1200px) {
  .c-image-box--with-caption {
    padding: 110px 100px 70px;
  }
}

.c-image-modal-close {
  width: 1.875rem;
  height: 1.875rem;
  background: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  font-family: "PP Neue Machina", sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  z-index: 9;
}
@media (min-width: 800px) {
  .c-image-modal-close {
    width: 8.75rem;
    height: 2.5rem;
    right: 1rem;
    top: 1rem;
  }
}

.c-icon--close {
  height: auto;
  width: auto;
}

.c-image-carousel {
  position: relative;
  overflow: hidden;
}

.c-gallery-item-slide {
  height: 100%;
  width: 100%;
  max-height: 60vh;
  object-fit: cover;
}

.c-gallery-prev {
  padding: 0.5rem 0.75rem;
  margin-top: 0.375rem;
  z-index: 9;
}
@media (min-width: 800px) {
  .c-gallery-prev {
    position: absolute;
    top: 48%;
    left: 40px;
  }
}
.c-gallery-prev .c-icon--chevron-left {
  left: 0;
}
.c-gallery-prev .c-cta__icon {
  height: 1.125rem;
}

.c-gallery-next {
  padding: 0.5rem 0.75rem;
  margin-top: 0.375rem;
  position: absolute;
  right: 0.5rem;
  z-index: 9;
}
@media (min-width: 800px) {
  .c-gallery-next {
    top: 48%;
    right: 40px;
  }
}
.c-gallery-next .c-icon--chevron-right {
  left: 0;
}
.c-gallery-next .c-cta__icon {
  height: 1.125rem;
}

.c-image-modal--open {
  pointer-events: all;
  opacity: 1;
}

/**
 * COMPONENTS.LOGO-BLOCK
 *
 * @description : Used to render the main Auckland Pride Festival logo
 *
 */
.c-logo-block {
  display: block;
  position: relative;
  width: 14.375rem;
}
.c-logo-block::before {
  content: "";
  display: block;
  padding-top: 18.768205159%;
}

.c-logo-block--icon {
  width: 3.5433125rem;
}
.c-logo-block--icon::before {
  padding-top: 88.194309703%;
}

.c-logo-block__link {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.c-logo-block__svg {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/**
 * COMPONENTS.LOGO-SET
 *
 * @description : A set of partner/sponsor logos
 *
 */
.c-logo-set {
  display: block;
}

.c-logo-set__list {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  gap: 1.5rem 2rem;
  justify-content: flex-start;
}
@media (min-width: 480px) {
  .c-logo-set__list {
    gap: 1.75rem 2.25rem;
  }
}
.c-logo-set--lg .c-logo-set__list {
  gap: 1.5rem 2rem;
}
@media (min-width: 480px) {
  .c-logo-set--lg .c-logo-set__list {
    gap: 2.5rem 3.75rem;
  }
}
@media (min-width: 1200px) {
  .c-logo-set--lg .c-logo-set__list {
    gap: 5rem 6.25rem;
  }
}
.c-logo-set--centered .c-logo-set__list {
  justify-content: center;
}

.c-logo-set__item {
  display: block;
}

.c-logo-set__link {
  display: block;
}

.c-logo-set__img {
  display: block;
  max-height: 2rem;
  width: auto;
}
@media (min-width: 480px) {
  .c-logo-set__img {
    max-height: 2.6875rem;
  }
}
.c-logo-set--lg .c-logo-set__img {
  max-height: 3rem;
}
@media (min-width: 480px) {
  .c-logo-set--lg .c-logo-set__img {
    max-height: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .c-logo-set--lg .c-logo-set__img {
    max-height: 4.5rem;
  }
}

.c-logo-set__img--white {
  filter: brightness(0) invert(1);
}

/**
 * COMPONENTS.MEDIA
 *
 * @description : 
 *
 */
.c-media {
  background: rgba(0, 0, 0, 0.12);
  color: #000;
  display: block;
  overflow: hidden;
  position: relative;
}
@media print {
  .c-media {
    break-inside: avoid;
  }
}
.swiper-container .c-media {
  user-select: none;
}

.c-media--placeholder-dark {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.c-media--full-width {
  height: auto;
  width: 100%;
}

.c-media--full-height {
  height: 100%;
  width: auto;
}

.c-media--full-width-and-height {
  height: 100%;
  width: 100%;
}

.c-media__link {
  display: block;
  height: 100%;
  width: 100%;
}

.c-media__ratio-sizer-image {
  display: block;
  height: auto;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  z-index: -1;
}
.c-media--full-width .c-media__ratio-sizer-image {
  height: auto;
  width: 100%;
}
.c-media--full-height .c-media__ratio-sizer-image {
  height: 100%;
  width: auto;
}
.c-media--full-width-and-height .c-media__ratio-sizer-image {
  height: 100%;
  width: 100%;
}

.c-media__ratio-sizer-image--mobile {
  display: none;
}
@media (max-width: 799px) {
  .c-media__ratio-sizer-image--mobile {
    display: block;
  }
  .c-media__ratio-sizer-image--mobile ~ .c-media__ratio-sizer-image {
    display: none;
  }
}

.c-media__ratio-sizer-image--tablet {
  display: none;
}
@media (max-width: 1199px) {
  .c-media__ratio-sizer-image--tablet {
    display: block;
  }
  .c-media__ratio-sizer-image--tablet ~ .c-media__ratio-sizer-image {
    display: none;
  }
}

.c-media__iframe-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.c-media__iframe-wrap {
  bottom: -100vw;
  box-sizing: border-box;
  height: 100%;
  left: -100vw;
  margin: auto;
  max-height: 100%;
  padding-top: 56.25%;
  position: absolute;
  right: -100vw;
  top: -100vw;
}

.c-media__iframe-wrap--background {
  pointer-events: none;
}

.c-media__iframe-wrap--load-in .c-media__iframe {
  opacity: 0 !important;
}
.c-media__iframe-wrap--load-in.video-has-loaded iframe {
  opacity: 1 !important;
  transition: 0.3s 1s;
}
.c-media__iframe-wrap--load-in.c-media__iframe-wrap--click-to-play:not(.video-has-loaded)::before, .c-media__iframe-wrap--load-in.c-media__iframe-wrap--click-to-play:not(.video-has-loaded)::after {
  opacity: 0;
}

.c-media__iframe-wrap--click-to-play {
  cursor: pointer;
}
.c-media__iframe-wrap--click-to-play::before {
  background: rgba(0, 0, 0, 0.25);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s;
  z-index: 1;
}
.c-media__iframe-wrap--click-to-play::after {
  background-image: url('data:image/svg+xml;utf8,<svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" version="1.1"><polygon points="2,0  2,10  10,5" fill="white"></polygon></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  border: 0.125rem solid;
  border-radius: 100vh;
  color: #fff;
  content: "";
  display: block;
  height: 6.25rem;
  left: 50%;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  width: 6.25rem;
  z-index: 2;
}
.c-media__iframe-wrap--click-to-play.is-playing::before, .c-media__iframe-wrap--click-to-play.is-playing::after {
  opacity: 0;
}

.c-media__loading-icon {
  left: 50%;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -0.125rem);
  transition: 0.3s 1s;
  width: 100%;
}
.video-has-loaded .c-media__loading-icon {
  opacity: 0;
}
.no-js .c-media__loading-icon {
  display: none !important;
}

.c-media__click-shield {
  bottom: 0;
  cursor: initial;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.c-media__click-shield::before, .c-media__click-shield::after {
  content: "";
  display: block;
  height: calc(50% - 4.6875rem);
  left: 0;
  pointer-events: all;
  position: absolute;
  right: 0;
}
.c-media__click-shield::before {
  top: 0;
}
.c-media__click-shield::after {
  bottom: 0;
}

.c-media__click-shield-inner::before, .c-media__click-shield-inner::after {
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: calc(50% - 4.6875rem);
}
.c-media__click-shield-inner::before {
  left: 0;
}
.c-media__click-shield-inner::after {
  right: 0;
}

.c-media__image,
.c-media__iframe {
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.c-media--zoom-on-hover .c-media__link .c-media__image, a .c-media--zoom-on-hover .c-media__image,
.c-media--zoom-on-hover .c-media__link .c-media__iframe,
a .c-media--zoom-on-hover .c-media__iframe {
  transform: scale(1);
  transition: opacity 0.3s, transform 1s ease-in-out;
}
.c-media--zoom-on-hover .c-media__link:hover .c-media__image, a:hover .c-media--zoom-on-hover .c-media__image,
.c-media--zoom-on-hover .c-media__link:hover .c-media__iframe,
a:hover .c-media--zoom-on-hover .c-media__iframe {
  transform: scale(1.1);
}

/**
 * COMPONENTS.MEGA-MENU
 *
 * @description : 
 *
 */
.c-mega-menu {
  --menu-menu-transition-ms: 300ms;
  background: #000;
  color: #fff;
  left: -200vw;
  opacity: 0;
  overflow: auto;
  padding: 2.5rem 0 4.375rem 0;
  pointer-events: none;
  transition: left 0s var(--menu-menu-transition-ms), opacity var(--menu-menu-transition-ms);
}
@media (min-width: 480px) {
  .c-mega-menu {
    padding: 3.4375rem 0 4.375rem 0;
  }
}
@media (min-width: 800px) {
  .c-mega-menu {
    padding: 4.375rem 0;
  }
}
@media (min-width: 1200px) {
  .c-mega-menu {
    padding: 5.3125rem 0;
  }
}
@media (min-width: 1500px) {
  .c-mega-menu {
    padding: 6.25rem 0;
  }
}
.mega-menu-is-open .c-mega-menu {
  left: 0;
  opacity: 1;
  pointer-events: all;
  transition: left 0s, opacity var(--menu-menu-transition-ms);
}
@media (min-width: 480px) {
  .c-mega-menu::-webkit-scrollbar {
    background: transparent;
    width: 2rem;
  }
  .c-mega-menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
  .c-mega-menu::-webkit-scrollbar-thumb {
    background: #fff;
    background-clip: content-box;
    border: 0.75rem solid transparent;
    border-radius: 100vw;
    cursor: pointer;
  }
}

.c-mega-menu__sections-list {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  gap: 3.125rem 6.25rem;
  justify-content: center;
}

.c-mega-menu__section-item {
  flex: 1 1 0;
}
@media (min-width: 800px) {
  .c-mega-menu__section-item {
    max-width: 15.625rem;
  }
}

.c-mega-menu__heading {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
  margin-bottom: 1.5rem;
  padding: 0 1.25rem;
}
@media (min-width: 480px) {
  .c-mega-menu__heading {
    font-size: 1.625rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 800px) {
  .c-mega-menu__heading {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .c-mega-menu__heading {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .c-mega-menu__heading {
    margin-bottom: 1.875rem;
  }
}

.c-mega-menu__heading-link {
  display: block;
}

.c-mega-menu__selection-menu {
  margin-bottom: 1.625rem;
}
.c-mega-menu__selection-menu:last-child {
  margin-bottom: 0;
}

.c-mega-menu__button-link-list {
  margin-bottom: 1.625rem;
}
.c-mega-menu__button-link-list:last-child {
  margin-bottom: 0;
}

.c-mega-menu__button-link-item {
  margin-bottom: 0.25rem;
  padding: 0 1.25rem;
}
.c-mega-menu__button-link-item:last-child {
  margin-bottom: 0;
}

/**
 * COMPONENTS.MENU-TOGGLE
 *
 * @description : 
 *
 */
.c-menu-toggle {
  display: flex;
}

.c-menu-toggle__button {
  border-radius: 0.125rem;
  margin: -0.375rem;
  padding: 0.375rem;
}

.c-menu-toggle__icon {
  display: block;
  height: 1.25rem;
  margin: auto 0;
  overflow: hidden;
  position: relative;
  width: 2.625rem;
}
.c-menu-toggle__icon::before, .c-menu-toggle__icon::after {
  background-color: currentColor;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  transition: 0.3s transform;
  width: 200%;
}
.c-menu-toggle__icon::before {
  top: 0.125rem;
  transform-origin: 0 0;
}
.c-menu-toggle__icon::after {
  bottom: 0.125rem;
  transform-origin: 0 100%;
}

/**
 * COMPONENTS.RESOURCES
 *
 * @description : 
 *
 */
.c-resources-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem 2rem;
}
@media (min-width: 800px) {
  .c-resources-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .c-resources-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1500px) {
  .c-resources-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.c-resources-grid__item {
  display: flex;
  flex-direction: column;
  background-color: #000;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0);
  transition: all 0.3s;
  overflow: hidden;
}
.c-resources-grid__item:hover {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}
.c-resources-grid__item:hover .c-resources-grid__item-image {
  filter: brightness(0.8);
  transform: scale(1.1);
  transition: filter 1s ease-in-out, transform 1s ease-in-out;
}

.c-resources-grid__item-image,
.c-resources-grid__item-no-image {
  aspect-ratio: 3/2;
  height: auto;
  object-fit: cover;
  width: 100%;
  transition: filter 1s ease-in-out, transform 1s ease-in-out;
}

.c-resources-grid__item-no-image {
  aspect-ratio: 3/2;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.c-resources-grid__item-text {
  background-color: #000;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  padding: 0.875rem 1.375rem;
  z-index: 10;
}

.c-resource__title {
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
}

.c-resource__subtitle {
  font-size: 20px;
  font-weight: 800;
  line-height: 34px;
}

.c-resource__sections {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
@media (min-width: 800px) {
  .c-resource__sections {
    gap: 5.625rem;
  }
}

.c-resource__section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 800px) {
  .c-resource__section {
    flex-direction: row;
    gap: 10%;
  }
}

.c-resource__section-media {
  flex: 1;
}

.c-resource__section-media-img {
  cursor: pointer;
  height: auto;
  object-fit: contain;
  width: 100%;
}

.c-resource__section-media-img-modal {
  height: 100%;
  width: 100%;
  max-height: 60dvh;
  object-fit: contain;
}

.c-resource__section-media--video img {
  transition: transform 1s ease-in-out !important;
}
.c-resource__section-media--video:hover img {
  transform: scale(1.1);
  transition: transform 1s ease-in-out;
}

.c-resource__section-text {
  flex: 1;
}

.c-resource__section-header {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.c-resource__section-header--modal {
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.5rem;
  margin-bottom: 0.625rem;
  margin-top: 2rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media (min-width: 800px) {
  .c-resource__section-header--modal {
    font-size: 2.125rem;
    line-height: 2.125rem;
    margin-top: 3rem;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.c-resource__section-description--modal {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media (min-width: 800px) {
  .c-resource__section-description--modal {
    margin-bottom: 0;
    margin-top: 1.25rem;
    padding-left: 0;
    padding-right: 0;
  }
}

.c-related-resources {
  overflow: hidden;
}

.c-related-resources__label {
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.5rem;
  width: fit-content;
}
@media (min-width: 800px) {
  .c-related-resources__label {
    font-size: 1.5rem;
  }
}

.c-related-resources-carousel__swiper {
  overflow: visible;
}

.c-related-resource-carousel__slide {
  width: fit-content;
}

.c-related-resources__item-image {
  aspect-ratio: 3/2;
  overflow: hidden;
  max-width: 34rem;
}
.c-related-resources__item-image img {
  background-color: #D9D9D9;
  height: 100%;
  object-fit: cover;
  transition: filter 1s ease-in-out, transform 1s ease-in-out;
  width: 100%;
}
.c-related-resources__item-image .c-related-resources__item-no-image {
  background-color: #D9D9D9;
  height: 100%;
  width: 100%;
}

.c-related-resources__item:hover .c-related-resources__item-image img {
  filter: brightness(0.8);
  transform: scale(1.1);
  transition: filter 1s ease-in-out, transform 1s ease-in-out;
}

.c-related-resources__item-text {
  background-color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  padding: 0.875rem 1.375rem;
}

.c-related-resources__scrollbar {
  background-color: #000;
  height: 0.4375rem;
  position: relative;
}
.c-related-resources__scrollbar:after {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0.1875rem;
  left: 0;
  width: 100%;
  height: 0.0625rem;
}
.c-related-resources__scrollbar .swiper-scrollbar-drag {
  background-color: #fff;
  cursor: pointer;
  height: 0.4375rem;
}

.c-resource-video-modal {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  position: relative;
}

.c-resource-video-modal__outer-wrap {
  align-items: center;
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: center;
  overflow: auto;
  width: 100%;
  flex: 1 1 auto;
  padding: 5.625rem 0.75rem;
  position: relative;
}
@media (min-width: 800px) {
  .c-resource-video-modal__outer-wrap {
    padding: 2.5rem 7.5rem;
  }
}
@media (min-width: 800px) and (orientation: portrait) {
  .c-resource-video-modal__outer-wrap {
    padding: 7.5rem 2.5rem;
  }
}

.c-resource-video-modal__video-wrap {
  background-color: #fff;
  padding: 0.5rem 0.5rem 3.125rem;
  position: relative;
  max-width: 75rem;
  width: 100%;
}
@media (min-width: 800px) {
  .c-resource-video-modal__video-wrap {
    padding: 6.25rem 5.625rem 4.375rem;
  }
}
.c-resource-video-modal__video-wrap::after {
  background: #fff;
  content: "";
  display: block;
  height: 1.5rem;
  left: 50%;
  margin: -0.75rem 0 0 -0.75rem;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform-origin: 50% 50%;
  transition: 0.5s;
  width: 1.5rem;
}
.c-video-modal:not([hidden]) .c-resource-video-modal__video-wrap::after {
  animation: c-video-modal__video-wrap 2.5s both 10 linear;
}

.c-resource-video-modal__iframe {
  aspect-ratio: 16/9;
  background: transparent;
  display: block;
  height: auto;
  object-fit: contain;
  position: relative;
  width: 100%;
  z-index: 2;
}

.c-resource-video-modal__video-title {
  color: #000;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.5rem;
  margin-top: 2rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media (min-width: 800px) {
  .c-resource-video-modal__video-title {
    padding-left: 0;
    padding-right: 0;
  }
}

.c-resource-video-modal__video-caption {
  color: #000;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media (min-width: 800px) {
  .c-resource-video-modal__video-caption {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.c-resource-video-modal__close-button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

/**
 * COMPONENTS.REVIEW
 *
 * @description : Small review excerpt of a show with a star rating.
 *
 */
.c-review {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  gap: 1rem 0;
  justify-content: space-between;
}

.c-review__details {
  flex: 0 0 auto;
  min-width: 15.625rem;
  padding-right: 2.5rem;
  width: 50%;
}

.c-review__name {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.c-review__excerpt {
  flex: 1 1 auto;
  min-width: 15.625rem;
  width: 50%;
}

.c-portal-header-row {
  padding-bottom: 3rem;
  border-bottom: 1px solid #222;
}

.u-display-flex {
  display: flex;
}

.u-jc-flex-end {
  justify-content: flex-end;
}

.u-jc-space-between {
  justify-content: space-between;
}

.u-td-underline {
  text-decoration: underline;
}

.c-portal-event-list-head {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 2px solid #555;
  border-bottom: 2px solid #555;
}

.c-portal-event-list {
  display: flex;
  flex-flow: column;
}

.c-portal-event-item {
  border-bottom: 1px solid #888;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.c-portal-event-item:last-of-type {
  border-bottom: none;
}

.c-show-session-item {
  border: 1px solid #ccc;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  margin-bottom: 1rem;
}

.c-show-session-item__head {
  display: flex;
  justify-content: space-between;
}

.c-show-session-item__body {
  display: flex;
  justify-content: space-between;
}

.c-show-session-item__controls {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.c-show-image-item {
  display: flex;
  justify-content: space-between;
}

.c-show-image-item__delete {
  background-color: #555;
  color: #fff;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.625rem;
}

/**
 * COMPONENTS.SCROLLBAR
 *
 * @description : Scrollbar for Swiper widgets
 *
 */
.c-scrollbar {
  background-color: transparent;
  border-radius: 0;
  bottom: auto !important;
  height: 0.5rem !important;
  left: auto !important;
  overflow: hidden;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  width: 100% !important;
}
.c-scrollbar::before {
  border-top: 0.125rem solid;
  content: "";
  display: block;
  left: 0;
  margin-top: -0.0625rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
}

.c-scrollbar__drag {
  background-color: currentColor;
  border-radius: 0;
  cursor: pointer;
  height: 100%;
  z-index: 2;
}

/**
 * COMPONENTS.SEARCH-RESULT
 *
 * @description : 
 *
 */
.c-search-result {
  display: block;
}

.c-search-result__link {
  display: block;
}

.c-search-result__content {
  display: flex;
  flex-flow: row;
  gap: 2.5rem;
}

.c-search-result__image-wrap {
  flex: 0 0 auto;
  max-width: 7.5rem;
  width: 25%;
}

.c-search-result__details {
  flex: 1 1 auto;
}

.c-search-result__url {
  text-decoration: underline;
}

/**
 * COMPONENTS.SEARCH-TRAY
 *
 * @description : 
 *
 */
.c-search-tray {
  --menu-menu-transition-ms: 300ms;
  background: #000;
  color: #fff;
  left: -200vw;
  opacity: 0;
  overflow: auto;
  padding: 2.125rem 0 3.75rem 0;
  pointer-events: none;
  transition: left 0s var(--menu-menu-transition-ms), opacity var(--menu-menu-transition-ms);
}
@media (min-width: 480px) {
  .c-search-tray {
    padding: 2.75rem 0 4.375rem 0;
  }
}
@media (min-width: 800px) {
  .c-search-tray {
    padding: 3.375rem 0 4.375rem 0;
  }
}
@media (min-width: 1200px) {
  .c-search-tray {
    padding: 4.0625rem 0 5.3125rem 0;
  }
}
@media (min-width: 1500px) {
  .c-search-tray {
    padding: 5rem 0 6.25rem;
  }
}
.search-tray-is-open .c-search-tray {
  left: 0;
  opacity: 1;
  pointer-events: all;
  transition: left 0s, opacity var(--menu-menu-transition-ms);
}

/**
 * COMPONENTS.SELECTION-MENU
 *
 * @description : Text link/button menu with selected state
 *
 */
.c-selection-menu {
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
}

.c-selection-menu__item {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
  position: relative;
}

.c-selection-menu__hidden-radio {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 1px;
}

.c-selection-menu__button {
  background: linear-gradient(to right, #f94fbf, #f61c1c);
  box-shadow: inset 0 0 0 100vw black;
  cursor: pointer;
  display: block;
  padding: 0.5rem 1.25rem;
  transition: 0.3s;
}

.c-selection-menu__hidden-radio:checked ~ .c-selection-menu__button,
.c-selection-menu__button.is-selected,
a.c-selection-menu__button:hover {
  box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, 0);
}

/**
 * COMPONENTS.SHARE-MODAL
 *
 * @description : A modal to display sharing options, usually if native sharing controls are not supported by the browser
 *
 */
.c-share-modal {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
}

.c-share-modal__screen {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0.75rem;
  transition: 0.2s opacity, 0s left;
  width: 100%;
  z-index: 99999;
}
@media (min-width: 480px) {
  .c-share-modal__screen {
    padding: 16px;
  }
}

.c-share-modal__content {
  background: #fff;
  box-shadow: 0 0 1rem 0.5rem rgba(0, 0, 0, 0.04);
  max-width: 50rem;
  padding: 2rem 1.25rem;
  pointer-events: all;
  position: relative;
  width: 100%;
}
@media (min-width: 800px) {
  .c-share-modal__content {
    padding: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .c-share-modal__content {
    padding: 3.75rem;
  }
}

.c-share-modal__platform-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -0.625rem;
}

.c-share-modal__platform-item {
  padding: 0.625rem;
  width: 100%;
}
@media (min-width: 800px) {
  .c-share-modal__platform-item {
    width: 50%;
  }
}

.c-share-modal__mini-form {
  position: relative;
}

.c-share-modal__copy-message {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
  background: #fff;
  border-radius: 100vw;
  box-shadow: 0 0 1rem 0.5rem rgba(0, 0, 0, 0.04);
  display: block;
  left: 50%;
  margin-top: 1.25rem;
  opacity: 1;
  padding: 1rem 2.5rem;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
}

.c-share-modal__copy-message-text {
  display: block;
  position: relative;
}

.c-share-modal__close-button {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
}

/**
 * COMPONENTS.SIDEBAR-MENU
 *
 * @description : A vetical menu of page links
 *
 */
.c-sidebar-menu {
  color: #000;
}

.c-sidebar-menu__page-list {
  display: block;
}

.c-sidebar-menu__top-page,
.c-sidebar-menu__page-item {
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}
.c-sidebar-menu__top-page:last-child,
.c-sidebar-menu__page-item:last-child {
  margin-bottom: 0;
}

.c-sidebar-menu__page-link {
  box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, 0);
  display: block;
  padding: 0.5rem 1.25rem;
  transition: 0.3s;
}
.c-sidebar-menu__top-page--active .c-sidebar-menu__page-link, .c-sidebar-menu__page-item--active .c-sidebar-menu__page-link, .c-sidebar-menu__page-link:hover {
  box-shadow: inset 0 0 0 100vw black;
  color: #fff;
}
.c-sidebar-menu__top-page .c-sidebar-menu__page-link, .c-sidebar-menu__page-item:nth-child(5n-5) .c-sidebar-menu__page-link {
  background: linear-gradient(to right, #ffdf43, #ff8533);
}
.c-sidebar-menu__page-item:nth-child(5n-4) .c-sidebar-menu__page-link {
  background: linear-gradient(to right, #9adb43, #00acab);
}
.c-sidebar-menu__page-item:nth-child(5n-3) .c-sidebar-menu__page-link {
  background: linear-gradient(to right, #fab6e7, #772b90);
}
.c-sidebar-menu__page-item:nth-child(5n-2) .c-sidebar-menu__page-link {
  background: linear-gradient(to right, #88d6f8, #1d30bc);
}
.c-sidebar-menu__page-item:nth-child(5n-1) .c-sidebar-menu__page-link {
  background: linear-gradient(to right, #f94fbf, #f61c1c);
}

/**
 * COMPONENTS.SPONSOR-BLOCK
 *
 * @description : 
 *
 */
.c-sponsor-block {
  text-align: center;
}

.c-sponsor-block__link {
  display: block;
  height: 100%;
}

.c-sponsor-block__content {
  display: flex;
  height: 100%;
  flex-flow: column;
}

.c-sponsor-block__logo-block {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
}

.c-sponsor-block__logo-image {
  display: block;
  max-height: 6.25rem;
  max-width: 12.5rem;
  object-fit: contain;
}
.c-sponsor-block--major .c-sponsor-block__logo-image {
  max-height: 9.375rem;
  max-width: 18.75rem;
}

.c-sponsor-block__text-block {
  flex: 0 0 auto;
  margin-top: 1.25rem;
}

.c-sponsor-block__name {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.c-sponsor-block__url {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
  text-decoration: underline;
}

/**
 * COMPONENTS.STAR-RATING
 *
 * @description : 
 *
 */
.c-star-rating {
  --height: 1rem;
  --star-width: calc(var(--height) * 1.05555);
  background: url(/images/icons/star-icon.svg) repeat-x center left;
  background-size: contain;
  height: var(--height);
  width: var(--star-width);
}
.c-star-rating[data-rating="0.5"] {
  width: calc(var(--star-width) * 0.5);
}
.c-star-rating[data-rating="1"] {
  width: var(--star-width);
}
.c-star-rating[data-rating="1.5"] {
  width: calc(var(--star-width) * 1.5);
}
.c-star-rating[data-rating="2"] {
  width: calc(var(--star-width) * 2);
}
.c-star-rating[data-rating="2.5"] {
  width: calc(var(--star-width) * 2.5);
}
.c-star-rating[data-rating="3"] {
  width: calc(var(--star-width) * 3);
}
.c-star-rating[data-rating="3.5"] {
  width: calc(var(--star-width) * 3.5);
}
.c-star-rating[data-rating="4"] {
  width: calc(var(--star-width) * 4);
}
.c-star-rating[data-rating="4.5"] {
  width: calc(var(--star-width) * 4.5);
}
.c-star-rating[data-rating="5"] {
  width: calc(var(--star-width) * 5);
}

/**
 * COMPONENTS.TAG-HEADING
 * @description : 
 *
 */
.c-tag-heading {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  padding-right: 1.5rem;
  text-align: left;
}

.c-tag-heading__heading {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2rem;
  --min-width: 12.5rem;
  --bg-color: #fff;
  background: var(--bg-color);
  color: #000;
  min-width: var(--min-width);
  padding: 0.75rem 1.5rem 0.75rem 0;
  position: relative;
  text-align: left;
  z-index: 1;
  box-shadow: calc(var(--min-width) * -1 - 1px) 0 var(--bg-color), calc(var(--min-width) * -2 - 1px) 0 var(--bg-color), calc(var(--min-width) * -3 - 1px) 0 var(--bg-color);
}
@media (min-width: 480px) {
  .c-tag-heading__heading {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 800px) {
  .c-tag-heading__heading {
    font-size: 2.625rem;
    line-height: 3.125rem;
  }
}
@media (min-width: 1200px) {
  .c-tag-heading__heading {
    font-size: 3.375rem;
    line-height: 4rem;
  }
}
.c-tag-heading__heading.u-bg-black {
  --bg-color: #000;
}
.c-tag-heading__heading.u-bg-pink {
  --bg-color: #fab6e7;
}
.c-tag-heading__heading.u-bg-green {
  --bg-color: #9adb43;
}
.c-tag-heading__heading.u-bg-teal {
  --bg-color: #00acab;
}
.c-tag-heading__heading.u-bg-kikorangi {
  --bg-color: #88d6f8;
}
.c-tag-heading__heading.u-bg-kahurangi {
  --bg-color: #1d30bc;
}
.c-tag-heading__heading.u-bg-orange {
  --bg-color: #ff8533;
}
.c-tag-heading__heading.u-bg-yellow {
  --bg-color: #ffdf43;
}
.c-tag-heading__heading.u-bg-fuscia {
  --bg-color: #f94fbf;
}
.c-tag-heading__heading.u-bg-red {
  --bg-color: #f71c1c;
}
.c-tag-heading__heading.u-bg-brown {
  --bg-color: #b45322;
}
.c-tag-heading__heading.u-bg-white {
  --bg-color: #FFF;
}
.c-tag-heading__heading.u-bg-purple {
  --bg-color: #772b90;
}
.c-tag-heading__heading.u-bg-elevate-yellow {
  --bg-color: #ffd150;
}
.c-tag-heading__heading.u-bg-elevate-purple {
  --bg-color: #8b49f2;
}
.c-tag-heading__heading::before {
  background: inherit;
  bottom: 0;
  content: "";
  display: block;
  left: -0.0625rem;
  position: absolute;
  top: 0;
  width: 0.125rem;
  z-index: -1;
}
@media (min-width: 480px) {
  .c-tag-heading__heading {
    padding: 1rem 2.375rem 1rem 0;
  }
}
@media (min-width: 800px) {
  .c-tag-heading__heading {
    padding: 1.125rem 2.875rem 1.125rem 0;
  }
}
@media (min-width: 1200px) {
  .c-tag-heading__heading {
    padding: 1.25rem 3.875rem 1.25rem 0;
  }
}
.c-tag-heading--sm .c-tag-heading__heading {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.875rem;
}
@media (min-width: 480px) {
  .c-tag-heading--sm .c-tag-heading__heading {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 800px) {
  .c-tag-heading--sm .c-tag-heading__heading {
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .c-tag-heading--sm .c-tag-heading__heading {
    font-size: 2.625rem;
    line-height: 3.125rem;
  }
}
@media (min-width: 480px) {
  .c-tag-heading--sm .c-tag-heading__heading {
    padding: 0.75rem 1.875rem 0.75rem 0;
  }
}
.c-tag-heading--lg .c-tag-heading__heading {
  display: block;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 2.625rem;
  padding: 0.875rem 1.875rem 0.875rem 0;
}
@media (min-width: 480px) {
  .c-tag-heading--lg .c-tag-heading__heading {
    font-size: 2.625rem;
    line-height: 3.125rem;
  }
}
@media (min-width: 800px) {
  .c-tag-heading--lg .c-tag-heading__heading {
    font-size: 3.375rem;
    line-height: 4rem;
  }
}
@media (min-width: 1200px) {
  .c-tag-heading--lg .c-tag-heading__heading {
    font-size: 4.125rem;
    line-height: 4.5rem;
  }
}
@media (min-width: 480px) {
  .c-tag-heading--lg .c-tag-heading__heading {
    padding: 1.125rem 2.25rem 1.125rem 0;
  }
}
@media (min-width: 800px) {
  .c-tag-heading--lg .c-tag-heading__heading {
    padding: 1.375rem 2.875rem 1.375rem 0;
  }
}
@media (min-width: 1500px) {
  .c-tag-heading--lg .c-tag-heading__heading {
    padding: 1.625rem 3.875rem 1.625rem 0;
  }
}
.c-tag-heading--black .c-tag-heading__heading {
  background: #000;
  box-shadow: calc(var(--min-width) * -1 - 1px) 0 #000, calc(var(--min-width) * -2 - 1px) 0 #000, calc(var(--min-width) * -3 - 1px) 0 #000;
  color: #fff;
}

/**
 * COMPONENTS.TAG-LINK
 *
 * @description : A big tag-like link to another page
 *
 */
.c-tag-link {
  display: inline-flex;
}

.c-tag-link__link {
  align-items: center;
  background: #000;
  color: #fff;
  display: inline-flex;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  padding: 0.5rem 1.125rem;
  transform: rotate(-5deg);
  transition: 0.5s;
  white-space: nowrap;
}
@media (min-width: 480px) {
  .c-tag-link__link {
    font-size: 1.75rem;
    padding: 0.625rem 1.125rem;
  }
}
@media (min-width: 800px) {
  .c-tag-link__link {
    font-size: 2rem;
    padding: 0.75rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .c-tag-link__link {
    font-size: 2.25rem;
    padding: 0.875rem 1.25rem;
  }
}
@media (min-width: 1500px) {
  .c-tag-link__link {
    font-size: 2.5rem;
    padding: 0.875rem 1.25rem;
  }
}
.c-tag-link__link:hover {
  transform: rotate(5deg);
}
.c-tag-link--alt-dir .c-tag-link__link {
  transform: rotate(5deg);
}
.c-tag-link--alt-dir .c-tag-link__link:hover {
  transform: rotate(-5deg);
}

/**
 * COMPONENTS.TAPE
 * @description : A slanted band that stretches across the screen
 *
 */
.c-tape {
  --band-height: 4.25rem;
  box-sizing: content-box;
  display: block;
  height: var(--band-height);
  margin: -5% 0;
  overflow: hidden;
  padding: 5% 0;
  pointer-events: none;
}
@media (min-width: 480px) {
  .c-tape {
    --band-height: 5.625rem;
  }
}
@media (min-width: 800px) {
  .c-tape {
    --band-height: 7.125rem;
  }
}
@media (min-width: 1200px) {
  .c-tape {
    --band-height: 8.625rem;
  }
}
@media (min-width: 1500px) {
  .c-tape {
    --band-height: 10rem;
  }
}

.c-tape__band {
  align-items: center;
  background: #000;
  color: #fff;
  display: flex;
  flex-flow: row;
  font-family: "PP Neue Machina", sans-serif;
  font-weight: 700;
  gap: calc(var(--band-height) * 0.525);
  height: 100%;
  justify-content: center;
  margin: 0 -100%;
  pointer-events: initial;
  position: relative;
  text-align: left;
  transform: rotate(-4deg);
  transform-origin: 50% 50%;
  white-space: nowrap;
  width: 300%;
  z-index: 2;
}
.c-tape--flatten .c-tape__band {
  transform: rotate(-2deg);
}
.c-tape__band::selection {
  background-color: #fff;
  color: #000;
}
.c-tape--white .c-tape__band {
  background: #fff;
  color: #000;
}
.c-tape--white .c-tape__band::selection {
  background-color: #000;
  color: #fff;
}
.c-tape--alt-dir .c-tape__band {
  transform: rotate(4deg);
}
.c-tape--flatten.c-tape--alt-dir .c-tape__band {
  transform: rotate(2deg);
}

.c-tape__big-line {
  font-size: calc(var(--band-height) * 0.5375);
  line-height: 1;
}
.c-tape__big-line::selection {
  background-color: #fff;
  color: #000;
}
.c-tape--white .c-tape__big-line::selection {
  background-color: #000;
  color: #fff;
}
.c-tape__big-line + .c-tape__big-line {
  margin-left: calc(var(--band-height) * 0.25);
}

.c-tape__sup-text {
  font-size: calc(var(--band-height) * 0.1625);
  height: calc(var(--band-height) * 0.425);
}
.c-tape__big-line + .c-tape__sup-text {
  margin-left: calc(var(--band-height) * -0.2125);
}
.c-tape__sup-text::selection {
  background-color: #fff;
  color: #000;
}

.c-tape__line-pair {
  align-items: flex-start;
  display: flex;
  flex-flow: column;
  gap: calc(var(--band-height) * 0.05);
  justify-content: space-between;
  position: relative;
}
.c-tape__line-pair::before, .c-tape__line-pair::after {
  content: "";
  position: absolute;
  left: calc(var(--band-height) * 0.5375 * -0.5);
  top: -5px;
  height: calc(100% + 10px);
  width: 1px;
  background: currentColor;
}
.c-tape__line-pair::after {
  left: unset;
  right: calc(var(--band-height) * 0.5375 * -0.5);
}

.c-tape__line-piece {
  font-size: calc(var(--band-height) * 0.2);
  line-height: 1;
}
.c-tape__line-piece::selection {
  background-color: #fff;
  color: #000;
}
.c-tape--white .c-tape__line-piece::selection {
  background-color: #000;
  color: #fff;
}

/**
 * COMPONENTS.TILE
 * @description : 
 *
 */
.c-tile {
  background: rgba(0, 0, 0, 0.12);
  overflow: hidden;
  position: relative;
}
.c-tile::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-tile--irregular::before {
  display: none;
}

.c-tile__heart-icon {
  --size: 1.3125rem !important;
  --extra-click-gap: 0.875rem !important;
  color: #fff;
  position: absolute;
  right: 0.875rem;
  top: 0.875rem;
  z-index: 4;
}

c-tile__heart-icon--black {
  color: #000;
}

.c-tile__link {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.c-tile--irregular .c-tile__link {
  height: 100%;
  position: relative;
}

.c-tile__content {
  bottom: 0;
  display: flex;
  flex-flow: column;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.c-tile--irregular .c-tile__content {
  height: 100%;
  position: relative;
}

.c-tile__content--row {
  display: flex;
  flex-flow: row;
}

.c-tile__media-block {
  flex: 1 1 auto;
  position: relative;
}
.c-tile--irregular .c-tile__media-block {
  flex: 0 1 auto;
}

.c-tile__media-block--row {
  --media-row-width: 10.25rem;
  flex: none;
  height: 100%;
  width: 10.25rem;
}

.c-tile__media-wrap {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.c-tile--irregular .c-tile__media-wrap {
  height: 100%;
  position: relative;
}
.c-tile__media-wrap::before {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.5s;
  z-index: 3;
}
a:hover .c-tile .c-tile__media-wrap::before, .c-tile:hover .c-tile__media-wrap::before {
  opacity: 1;
}

.c-tile__media-wrap--row::before {
  background: initial;
}

.c-tile__media-wrap--shaded::after {
  background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0.4;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 33.333%;
  z-index: 2;
}

.c-tile__details--row {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
}
.c-tile__details--row::before {
  background: rgba(0, 0, 0, 0.2);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.5s;
  z-index: 3;
}
a:hover .c-tile .c-tile__details--row::before, .c-tile:hover .c-tile__details--row::before {
  opacity: 1;
}

.c-tile__tag {
  --min-width: 3.125rem;
  background: #000;
  border-left: var(--min-width) solid #fff;
  color: #FFD150;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  left: 0;
  line-height: 1;
  margin-left: calc(var(--min-width) * -1);
  min-width: var(--min-width);
  padding: 0.375rem 1.125rem;
  position: absolute;
  text-align: center;
  top: 1rem;
  /*transform: rotate(-4deg);
  transform-origin: var(--min-width) 0;*/
  white-space: nowrap;
  z-index: 2;
}
@media (min-width: 800px) {
  .c-tile__tag {
    font-size: 1rem;
  }
}

.c-tile__header {
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 1.125rem;
  position: absolute;
  right: 0;
  z-index: 3;
}

.c-tile__header--row {
  background: #fff;
  color: #000;
  flex: 1;
  position: relative;
  z-index: 0;
}

.c-tile__category {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}

.c-tile__heading {
  font-size: 1.875rem;
  line-height: 2.125rem;
}

.c-tile__toolbar {
  flex: 0 0 auto;
}
.c-tile--irregular .c-tile__toolbar {
  flex: 1 0 auto;
}

.c-tile__toolbar--row {
  position: absolute;
  bottom: 0;
  width: calc(100% - 164px);
}

.c-tile__caption {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.75rem;
}
@media (min-width: 800px) {
  .c-tile__caption {
    font-size: 1.375rem;
    line-height: 1.875rem;
  }
}

/**
 * COMPONENTS.TOOLBAR
 * @description : 
 *
 */
.c-toolbar {
  align-items: center;
  background: #000;
  color: #fff;
  display: flex;
  flex-flow: row wrap;
  gap: 0.75rem 1rem;
  justify-content: space-between;
  min-height: 3.25rem;
  padding: 1.125rem;
}

.c-toolbar__heading {
  font-size: 1rem;
  line-height: 1.375rem;
}
@media (min-width: 800px) {
  .c-toolbar__heading {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.c-toolbar__time {
  font-size: 0.875rem;
  white-space: nowrap;
}

.c-toolbar__excerpt {
  font-family: "ES Klarheit Kurrent", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
  margin-bottom: auto;
  width: 100%;
}
.c-toolbar__excerpt ~ * {
  margin-top: auto;
}

.c-toolbar__cta {
  margin-left: auto;
  white-space: nowrap;
}

.c-toolbar__cta--nudge-d {
  display: flex;
  top: 2px;
  position: relative;
}

/**
 * COMPONENTS.TRAFFIC-LIGHT-SET
 *
 * @description : 
 *
 */
.c-traffic-light-set {
  overflow: hidden;
}

.c-traffic-light-set__list {
  border: solid;
  border-width: 0.0625rem;
  display: flex;
  flex-flow: row wrap;
  margin: 0 -0.125rem;
}

.c-traffic-light-set__item {
  border: solid;
  border-width: 0.0625rem;
  flex: 1 1 0;
  min-width: 18.75rem;
}

.c-traffic-light-set__section {
  margin: 0 auto;
  max-width: 31.25rem;
  padding: 1.5rem;
  text-align: center;
}
@media (min-width: 1500px) {
  .c-traffic-light-set__section {
    padding: 2rem;
  }
}

/**
 * COMPONENTS.VIDEO-MODAL
 * @description : 
 *
 */
.c-video-modal {
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  position: relative;
}

.c-video-modal__outer-wrap {
  display: flex;
  flex-flow: column;
  height: 100%;
  overflow: auto;
  width: 100%;
}

@keyframes c-video-modal__video-wrap {
  0% {
    opacity: 1;
    transform: rotate(0deg);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}
.c-video-modal__video-wrap {
  flex: 1 1 auto;
  padding: 5.625rem 0;
  position: relative;
}
@media (min-width: 800px) {
  .c-video-modal__video-wrap {
    padding: 2.5rem 7.5rem;
  }
}
@media (min-width: 800px) and (orientation: portrait) {
  .c-video-modal__video-wrap {
    padding: 7.5rem 2.5rem;
  }
}
.c-video-modal__video-wrap::after {
  background: #fff;
  content: "";
  display: block;
  height: 1.5rem;
  left: 50%;
  margin: -0.75rem 0 0 -0.75rem;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform-origin: 50% 50%;
  transition: 0.5s;
  width: 1.5rem;
}
.c-video-modal:not([hidden]) .c-video-modal__video-wrap::after {
  animation: c-video-modal__video-wrap 2.5s both 10 linear;
}

.c-video-modal__iframe {
  background: transparent;
  display: block;
  height: 100%;
  object-fit: contain;
  position: relative;
  width: 100%;
  z-index: 2;
}

.c-video-modal__info-bar {
  background: #000;
  display: flex;
  flex: 0 0 auto;
  flex-flow: column;
  gap: 0.625rem;
  padding: var(--min-edge-gap);
}
@media (min-width: 800px) {
  .c-video-modal__info-bar {
    padding: 1.5rem var(--min-edge-gap);
  }
}

.c-video-modal__heading-bar {
  align-items: flex-end;
  display: flex;
  flex-flow: row wrap;
  gap: 0.625rem 1.5rem;
}

.c-video-modal__close-button {
  --size: 1.875rem;
  height: var(--size);
  position: absolute;
  right: var(--size);
  top: var(--size);
  width: var(--size);
  z-index: 10;
}
@media (min-width: 800px) {
  .c-video-modal__close-button {
    --size: 2.5rem;
  }
}

/**
 * COMPONENTS.VIDEO-THUMB
 * @description : 
 *
 */
.c-video-thumb {
  position: relative;
}

.c-video-thumb__wrapper-button {
  display: block;
}
.c-video-thumb__wrapper-button::before {
  border-bottom: 2.375rem solid transparent;
  border-left: 3.125rem solid white;
  border-top: 2.375rem solid transparent;
  content: "";
  display: block;
  left: 50%;
  margin: -2.375rem 0 0 -1.5625rem;
  position: absolute;
  top: 50%;
  z-index: 3;
}
.c-video-thumb__wrapper-button::after {
  background: #000;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0.3;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s;
  z-index: 2;
}
.c-video-thumb__wrapper-button:hover::after {
  opacity: 0.6;
}

.c-video-thumb__button {
  align-items: center;
  background-color: #000;
  border-radius: 3.125rem;
  cursor: pointer;
  display: flex;
  height: 6.25rem;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.25rem;
  z-index: 4;
}
.c-video-thumb__button svg {
  fill: #fff;
  color: #fff;
  transform: translate(20%, 0%);
}

/**
 *  8. UTILITIES
 */
/**
 * UTILITIES.COLOR
 *
 * @description : Foreground and background colors
 */
.u-bg-hrz-black-to-brown {
  background: linear-gradient(to right, #000, #b45322) !important;
}

.u-bg-hrz-brown-to-black {
  background: linear-gradient(to right, #b45322, #000) !important;
}

.u-bg-vrt-black-to-brown {
  background: linear-gradient(to bottom, #000, #b45322) !important;
}

.u-bg-vrt-brown-to-black {
  background: linear-gradient(to bottom, #b45322, #000) !important;
}

.u-bg-hrz-kahurangi-blue-to-kikorangi-blue {
  background: linear-gradient(to right, #1d30bc, #88d6f8) !important;
}

.u-bg-hrz-kikorangi-blue-to-kahurangi-blue {
  background: linear-gradient(to right, #88d6f8, #1d30bc) !important;
}

.u-bg-vrt-kahurangi-blue-to-kikorangi-blue {
  background: linear-gradient(to bottom, #1d30bc, #88d6f8) !important;
}

.u-bg-vrt-kikorangi-blue-to-kahurangi-blue {
  background: linear-gradient(to bottom, #88d6f8, #1d30bc) !important;
}

.u-bg-hrz-yellow-to-orange {
  background: linear-gradient(to right, #ffdf43, #ff8533) !important;
}

.u-bg-hrz-orange-to-yellow {
  background: linear-gradient(to right, #ff8533, #ffdf43) !important;
}

.u-bg-vrt-yellow-to-orange {
  background: linear-gradient(to bottom, #ffdf43, #ff8533) !important;
}

.u-bg-vrt-orange-to-yellow {
  background: linear-gradient(to bottom, #ff8533, #ffdf43) !important;
}

.u-bg-hrz-fuscia-to-red {
  background: linear-gradient(to right, #f94fbf, #f61c1c) !important;
}

.u-bg-hrz-red-to-fuscia {
  background: linear-gradient(to right, #f61c1c, #f94fbf) !important;
}

.u-bg-vrt-fuscia-to-red {
  background: linear-gradient(to bottom, #f94fbf, #f61c1c) !important;
}

.u-bg-vrt-red-to-fuscia {
  background: linear-gradient(to bottom, #f61c1c, #f94fbf) !important;
}

.u-bg-hrz-purple-to-pink {
  background: linear-gradient(to right, #772b90, #fab6e7) !important;
}

.u-bg-hrz-pink-to-purple {
  background: linear-gradient(to right, #fab6e7, #772b90) !important;
}

.u-bg-vrt-purple-to-pink {
  background: linear-gradient(to bottom, #772b90, #fab6e7) !important;
}

.u-bg-vrt-pink-to-purple {
  background: linear-gradient(to bottom, #fab6e7, #772b90) !important;
}

.u-bg-hrz-teal-to-green {
  background: linear-gradient(to right, #00acab, #9adb43) !important;
}

.u-bg-hrz-green-to-teal {
  background: linear-gradient(to right, #9adb43, #00acab) !important;
}

.u-bg-vrt-teal-to-green {
  background: linear-gradient(to bottom, #00acab, #9adb43) !important;
}

.u-bg-vrt-green-to-teal {
  background: linear-gradient(to bottom, #9adb43, #00acab) !important;
}

.u-bg-hrz-elevate-yellow-to-elevate-purple {
  background: linear-gradient(to right, #FFD150, #8B49F2) !important;
}

.u-bg-hrz-elevate-purple-to-elevate-yellow {
  background: linear-gradient(to right, #8B49F2, #FFD150) !important;
}

.u-bg-vrt-elevate-yellow-to-elevate-purple {
  background: linear-gradient(to bottom, #FFD150, #8B49F2) !important;
}

.u-bg-vrt-elevate-purple-to-elevate-yellow {
  background: linear-gradient(to bottom, #8B49F2, #FFD150) !important;
}

.u-bg-pink {
  background-color: #fab6e7 !important;
}

.u-fg-pink {
  color: #fab6e7 !important;
}

.u-bg-green {
  background-color: #9adb43 !important;
}

.u-fg-green {
  color: #9adb43 !important;
}

.u-bg-teal {
  background-color: #00acab !important;
}

.u-fg-teal {
  color: #00acab !important;
}

.u-bg-kikorangi-blue {
  background-color: #88d6f8 !important;
}

.u-fg-kikorangi-blue {
  color: #88d6f8 !important;
}

.u-bg-kahurangi-blue {
  background-color: #1d30bc !important;
}

.u-fg-kahurangi-blue {
  color: #1d30bc !important;
}

.u-bg-orange {
  background-color: #ff8533 !important;
}

.u-fg-orange {
  color: #ff8533 !important;
}

.u-bg-yellow {
  background-color: #ffdf43 !important;
}

.u-fg-yellow {
  color: #ffdf43 !important;
}

.u-bg-fuscia {
  background-color: #f94fbf !important;
}

.u-fg-fuscia {
  color: #f94fbf !important;
}

.u-bg-red {
  background-color: #f61c1c !important;
}

.u-fg-red {
  color: #f61c1c !important;
}

.u-bg-brown {
  background-color: #b45322 !important;
}

.u-fg-brown {
  color: #b45322 !important;
}

.u-bg-purple {
  background-color: #772b90 !important;
}

.u-fg-purple {
  color: #772b90 !important;
}

.u-bg-black {
  background-color: #000 !important;
}

.u-fg-black {
  color: #000 !important;
}

.u-bg-white {
  background-color: #fff !important;
}

.u-fg-white {
  color: #fff !important;
}

.u-bg-elevate-yellow {
  background-color: #FFD150 !important;
}

.u-fg-elevate-yellow {
  color: #FFD150 !important;
}

.u-bg-elevate-purple {
  background-color: #8B49F2 !important;
}

.u-fg-elevate-purple {
  color: #8B49F2 !important;
}

.u-light-rainbow-text {
  background-image: linear-gradient(to right, #f94fbf, #ff8533, #9adb43, #00acab, #88d6f8, #1d30bc);
  background-clip: text;
  color: rgba(255, 255, 255, 0.25);
}

/**
* UTILITIES.FADE-IN
*
* @description : A simple fade in.
*
*/
@keyframes u-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.u-fade-in {
  opacity: 0;
}
.u-fade-in.animation-started {
  animation: 1s u-fade-in both;
  opacity: 1;
}
.no-js .u-fade-in {
  animation: none !important;
  opacity: 1 !important;
}

/**
 * UTILITIES.LAYOUT
 *
 * @description : These classes trump other preceeding styles.
 *                Userful for quickly applying common adjustments.
 */
.u-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 1px;
}

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

[v-cloak] {
  opacity: 0;
  transition: 0.5s opacity;
}

.u-mw-3 {
  max-width: 18.75rem;
}

.u-mw-5 {
  max-width: 36.25rem;
}

.u-mw-6 {
  max-width: 38.75rem;
}

.u-mw-7 {
  max-width: 47.5rem;
}

.u-mw-9 {
  max-width: 60.5rem;
}

.u-block {
  display: block;
}

.u-transition-hidden {
  display: block;
  max-height: 999vh;
  max-width: 999vh;
  opacity: 1;
  transition: opacity 300ms, border 0s, margin 0s, max-height 0s, max-width 0s, padding 0s;
}
.u-transition-hidden[hidden] {
  border: 0 !important;
  display: block !important;
  margin: 0 !important;
  max-height: 0 !important;
  max-width: 0 !important;
  opacity: 0;
  overflow: hidden;
  padding: 0 !important;
  pointer-events: none;
  transition: opacity 300ms, border 0s 300ms, margin 0s 300ms, max-height 0s 300ms, max-width 0s 300ms, padding 0s 300ms;
}

@media (min-width: 800px) {
  .u-mob-only {
    display: none !important;
  }
}

@media (max-width: 799px) {
  .u-desktop-only {
    display: none !important;
  }
}

.u-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.u-disable-all-clicks, .u-disable-all-clicks * {
  pointer-events: none !important;
}

@keyframes uFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
* UTILITIES.LIST-FLOW
*
* @description : Flow in each item in a list one by one
*
*/
@keyframes u-list-flow__item {
  0% {
    opacity: 0;
    transform: translateY(0.125em);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.u-list-flow__item {
  opacity: 0;
  transform: translateY(0.125em);
}
.u-list-flow.animation-started .u-list-flow__item {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: u-list-flow__item;
  opacity: 1;
  transform: translateY(0);
}
.u-list-flow__item:nth-child(1) {
  animation-delay: 0ms;
}
.u-list-flow__item:nth-child(2) {
  animation-delay: 40ms;
}
.u-list-flow__item:nth-child(3) {
  animation-delay: 80ms;
}
.u-list-flow__item:nth-child(4) {
  animation-delay: 120ms;
}
.u-list-flow__item:nth-child(5) {
  animation-delay: 160ms;
}
.u-list-flow__item:nth-child(6) {
  animation-delay: 200ms;
}
.u-list-flow__item:nth-child(7) {
  animation-delay: 240ms;
}
.u-list-flow__item:nth-child(8) {
  animation-delay: 280ms;
}
.u-list-flow__item:nth-child(9) {
  animation-delay: 320ms;
}
.u-list-flow__item:nth-child(10) {
  animation-delay: 360ms;
}
.u-list-flow__item:nth-child(11) {
  animation-delay: 400ms;
}
.u-list-flow__item:nth-child(12) {
  animation-delay: 440ms;
}
.u-list-flow__item:nth-child(13) {
  animation-delay: 480ms;
}
.u-list-flow__item:nth-child(14) {
  animation-delay: 520ms;
}
.u-list-flow__item:nth-child(15) {
  animation-delay: 560ms;
}
.u-list-flow__item:nth-child(16) {
  animation-delay: 600ms;
}
.u-list-flow__item:nth-child(17) {
  animation-delay: 640ms;
}
.u-list-flow__item:nth-child(18) {
  animation-delay: 680ms;
}
.u-list-flow__item:nth-child(19) {
  animation-delay: 720ms;
}
.u-list-flow__item:nth-child(20) {
  animation-delay: 760ms;
}
.u-list-flow__item:nth-child(21) {
  animation-delay: 800ms;
}
.u-list-flow__item:nth-child(22) {
  animation-delay: 840ms;
}
.u-list-flow__item:nth-child(23) {
  animation-delay: 880ms;
}
.u-list-flow__item:nth-child(24) {
  animation-delay: 920ms;
}
.u-list-flow__item:nth-child(25) {
  animation-delay: 960ms;
}
.u-list-flow__item:nth-child(26) {
  animation-delay: 1000ms;
}
.u-list-flow__item:nth-child(27) {
  animation-delay: 1040ms;
}
.u-list-flow__item:nth-child(28) {
  animation-delay: 1080ms;
}
.u-list-flow__item:nth-child(29) {
  animation-delay: 1120ms;
}
.u-list-flow__item:nth-child(30) {
  animation-delay: 1160ms;
}
.u-list-flow__item:nth-child(31) {
  animation-delay: 1200ms;
}
.u-list-flow__item:nth-child(32) {
  animation-delay: 1240ms;
}
.u-list-flow__item:nth-child(33) {
  animation-delay: 1280ms;
}
.u-list-flow__item:nth-child(34) {
  animation-delay: 1320ms;
}
.u-list-flow__item:nth-child(35) {
  animation-delay: 1360ms;
}
.u-list-flow__item:nth-child(36) {
  animation-delay: 1400ms;
}
.u-list-flow__item:nth-child(37) {
  animation-delay: 1440ms;
}
.u-list-flow__item:nth-child(38) {
  animation-delay: 1480ms;
}
.u-list-flow__item:nth-child(39) {
  animation-delay: 1520ms;
}
.u-list-flow__item:nth-child(40) {
  animation-delay: 1560ms;
}
.u-list-flow__item:nth-child(41) {
  animation-delay: 1600ms;
}
.u-list-flow__item:nth-child(42) {
  animation-delay: 1640ms;
}
.u-list-flow__item:nth-child(43) {
  animation-delay: 1680ms;
}
.u-list-flow__item:nth-child(44) {
  animation-delay: 1720ms;
}
.u-list-flow__item:nth-child(45) {
  animation-delay: 1760ms;
}
.u-list-flow__item:nth-child(46) {
  animation-delay: 1800ms;
}
.u-list-flow__item:nth-child(47) {
  animation-delay: 1840ms;
}
.u-list-flow__item:nth-child(48) {
  animation-delay: 1880ms;
}
.u-list-flow__item:nth-child(49) {
  animation-delay: 1920ms;
}
.u-list-flow__item:nth-child(50) {
  animation-delay: 1960ms;
}
.u-list-flow__item:nth-child(51) {
  animation-delay: 2000ms;
}
.u-list-flow__item:nth-child(52) {
  animation-delay: 2040ms;
}
.u-list-flow__item:nth-child(53) {
  animation-delay: 2080ms;
}
.u-list-flow__item:nth-child(54) {
  animation-delay: 2120ms;
}
.u-list-flow__item:nth-child(55) {
  animation-delay: 2160ms;
}
.u-list-flow__item:nth-child(56) {
  animation-delay: 2200ms;
}
.u-list-flow__item:nth-child(57) {
  animation-delay: 2240ms;
}
.u-list-flow__item:nth-child(58) {
  animation-delay: 2280ms;
}
.u-list-flow__item:nth-child(59) {
  animation-delay: 2320ms;
}
.u-list-flow__item:nth-child(60) {
  animation-delay: 2360ms;
}
.u-list-flow__item:nth-child(61) {
  animation-delay: 2400ms;
}
.u-list-flow__item:nth-child(62) {
  animation-delay: 2440ms;
}
.u-list-flow__item:nth-child(63) {
  animation-delay: 2480ms;
}
.u-list-flow__item:nth-child(64) {
  animation-delay: 2520ms;
}
.u-list-flow__item:nth-child(65) {
  animation-delay: 2560ms;
}
.u-list-flow__item:nth-child(66) {
  animation-delay: 2600ms;
}
.u-list-flow__item:nth-child(67) {
  animation-delay: 2640ms;
}
.u-list-flow__item:nth-child(68) {
  animation-delay: 2680ms;
}
.u-list-flow__item:nth-child(69) {
  animation-delay: 2720ms;
}
.u-list-flow__item:nth-child(70) {
  animation-delay: 2760ms;
}
.u-list-flow__item:nth-child(71) {
  animation-delay: 2800ms;
}
.u-list-flow__item:nth-child(72) {
  animation-delay: 2840ms;
}
.u-list-flow__item:nth-child(73) {
  animation-delay: 2880ms;
}
.u-list-flow__item:nth-child(74) {
  animation-delay: 2920ms;
}
.u-list-flow__item:nth-child(75) {
  animation-delay: 2960ms;
}
.u-list-flow__item:nth-child(76) {
  animation-delay: 3000ms;
}
.u-list-flow__item:nth-child(77) {
  animation-delay: 3040ms;
}
.u-list-flow__item:nth-child(78) {
  animation-delay: 3080ms;
}
.u-list-flow__item:nth-child(79) {
  animation-delay: 3120ms;
}
.u-list-flow__item:nth-child(80) {
  animation-delay: 3160ms;
}
.u-list-flow__item:nth-child(81) {
  animation-delay: 3200ms;
}
.u-list-flow__item:nth-child(82) {
  animation-delay: 3240ms;
}
.u-list-flow__item:nth-child(83) {
  animation-delay: 3280ms;
}
.u-list-flow__item:nth-child(84) {
  animation-delay: 3320ms;
}
.u-list-flow__item:nth-child(85) {
  animation-delay: 3360ms;
}
.u-list-flow__item:nth-child(86) {
  animation-delay: 3400ms;
}
.u-list-flow__item:nth-child(87) {
  animation-delay: 3440ms;
}
.u-list-flow__item:nth-child(88) {
  animation-delay: 3480ms;
}
.u-list-flow__item:nth-child(89) {
  animation-delay: 3520ms;
}
.u-list-flow__item:nth-child(90) {
  animation-delay: 3560ms;
}
.u-list-flow__item:nth-child(91) {
  animation-delay: 3600ms;
}
.u-list-flow__item:nth-child(92) {
  animation-delay: 3640ms;
}
.u-list-flow__item:nth-child(93) {
  animation-delay: 3680ms;
}
.u-list-flow__item:nth-child(94) {
  animation-delay: 3720ms;
}
.u-list-flow__item:nth-child(95) {
  animation-delay: 3760ms;
}
.u-list-flow__item:nth-child(96) {
  animation-delay: 3800ms;
}
.u-list-flow__item:nth-child(97) {
  animation-delay: 3840ms;
}
.u-list-flow__item:nth-child(98) {
  animation-delay: 3880ms;
}
.u-list-flow__item:nth-child(99) {
  animation-delay: 3920ms;
}
.u-list-flow__item:nth-child(100) {
  animation-delay: 3960ms;
}
.u-list-flow__item:nth-child(n+100) {
  animation-delay: 4000ms;
}
.no-js .u-list-flow__item {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/**
 * UTILITIES.SPACING
 *
 * @description : Quickly apply margins/paddings where needed.
 */
.u-pt-0 {
  padding-top: 0rem !important;
}

.u-pr-0 {
  padding-right: 0rem !important;
}

.u-pb-0 {
  padding-bottom: 0rem !important;
}

.u-pl-0 {
  padding-left: 0rem !important;
}

.u-mt-0 {
  margin-top: 0rem !important;
}

.u-mr-0 {
  margin-right: 0rem !important;
}

.u-mb-0 {
  margin-bottom: 0rem !important;
}

.u-ml-0 {
  margin-left: 0rem !important;
}

.u-pt-1 {
  padding-top: 0.375rem !important;
}

.u-pr-1 {
  padding-right: 0.375rem !important;
}

.u-pb-1 {
  padding-bottom: 0.375rem !important;
}

.u-pl-1 {
  padding-left: 0.375rem !important;
}

.u-mt-1 {
  margin-top: 0.375rem !important;
}

.u-mr-1 {
  margin-right: 0.375rem !important;
}

.u-mb-1 {
  margin-bottom: 0.375rem !important;
}

.u-ml-1 {
  margin-left: 0.375rem !important;
}

.u-pt-2 {
  padding-top: 0.75rem !important;
}

.u-pr-2 {
  padding-right: 0.75rem !important;
}

.u-pb-2 {
  padding-bottom: 0.75rem !important;
}

.u-pl-2 {
  padding-left: 0.75rem !important;
}

.u-mt-2 {
  margin-top: 0.75rem !important;
}

.u-mr-2 {
  margin-right: 0.75rem !important;
}

.u-mb-2 {
  margin-bottom: 0.75rem !important;
}

.u-ml-2 {
  margin-left: 0.75rem !important;
}

.u-pt-3 {
  padding-top: 1.25rem !important;
}

.u-pr-3 {
  padding-right: 1.25rem !important;
}

.u-pb-3 {
  padding-bottom: 1.25rem !important;
}

.u-pl-3 {
  padding-left: 1.25rem !important;
}

.u-mt-3 {
  margin-top: 1.25rem !important;
}

.u-mr-3 {
  margin-right: 1.25rem !important;
}

.u-mb-3 {
  margin-bottom: 1.25rem !important;
}

.u-ml-3 {
  margin-left: 1.25rem !important;
}

.u-pt-4 {
  padding-top: 1.875rem !important;
}

.u-pr-4 {
  padding-right: 1.875rem !important;
}

.u-pb-4 {
  padding-bottom: 1.875rem !important;
}

.u-pl-4 {
  padding-left: 1.875rem !important;
}

.u-mt-4 {
  margin-top: 1.875rem !important;
}

.u-mr-4 {
  margin-right: 1.875rem !important;
}

.u-mb-4 {
  margin-bottom: 1.875rem !important;
}

.u-ml-4 {
  margin-left: 1.875rem !important;
}

.u-pt-5 {
  padding-top: 2.5rem !important;
}

.u-pr-5 {
  padding-right: 2.5rem !important;
}

.u-pb-5 {
  padding-bottom: 2.5rem !important;
}

.u-pl-5 {
  padding-left: 2.5rem !important;
}

.u-mt-5 {
  margin-top: 2.5rem !important;
}

.u-mr-5 {
  margin-right: 2.5rem !important;
}

.u-mb-5 {
  margin-bottom: 2.5rem !important;
}

.u-ml-5 {
  margin-left: 2.5rem !important;
}

.u-pt-6 {
  padding-top: 3.125rem !important;
}

.u-pr-6 {
  padding-right: 3.125rem !important;
}

.u-pb-6 {
  padding-bottom: 3.125rem !important;
}

.u-pl-6 {
  padding-left: 3.125rem !important;
}

.u-mt-6 {
  margin-top: 3.125rem !important;
}

.u-mr-6 {
  margin-right: 3.125rem !important;
}

.u-mb-6 {
  margin-bottom: 3.125rem !important;
}

.u-ml-6 {
  margin-left: 3.125rem !important;
}

.u-pt-7 {
  padding-top: 3.875rem !important;
}

.u-pr-7 {
  padding-right: 3.875rem !important;
}

.u-pb-7 {
  padding-bottom: 3.875rem !important;
}

.u-pl-7 {
  padding-left: 3.875rem !important;
}

.u-mt-7 {
  margin-top: 3.875rem !important;
}

.u-mr-7 {
  margin-right: 3.875rem !important;
}

.u-mb-7 {
  margin-bottom: 3.875rem !important;
}

.u-ml-7 {
  margin-left: 3.875rem !important;
}

.u-pt-8 {
  padding-top: 4.625rem !important;
}

.u-pr-8 {
  padding-right: 4.625rem !important;
}

.u-pb-8 {
  padding-bottom: 4.625rem !important;
}

.u-pl-8 {
  padding-left: 4.625rem !important;
}

.u-mt-8 {
  margin-top: 4.625rem !important;
}

.u-mr-8 {
  margin-right: 4.625rem !important;
}

.u-mb-8 {
  margin-bottom: 4.625rem !important;
}

.u-ml-8 {
  margin-left: 4.625rem !important;
}

.u-pt-9 {
  padding-top: 5.375rem !important;
}

.u-pr-9 {
  padding-right: 5.375rem !important;
}

.u-pb-9 {
  padding-bottom: 5.375rem !important;
}

.u-pl-9 {
  padding-left: 5.375rem !important;
}

.u-mt-9 {
  margin-top: 5.375rem !important;
}

.u-mr-9 {
  margin-right: 5.375rem !important;
}

.u-mb-9 {
  margin-bottom: 5.375rem !important;
}

.u-ml-9 {
  margin-left: 5.375rem !important;
}

.u-pt-10 {
  padding-top: 6.25rem !important;
}

.u-pr-10 {
  padding-right: 6.25rem !important;
}

.u-pb-10 {
  padding-bottom: 6.25rem !important;
}

.u-pl-10 {
  padding-left: 6.25rem !important;
}

.u-mt-10 {
  margin-top: 6.25rem !important;
}

.u-mr-10 {
  margin-right: 6.25rem !important;
}

.u-mb-10 {
  margin-bottom: 6.25rem !important;
}

.u-ml-10 {
  margin-left: 6.25rem !important;
}

.u-pt-11 {
  padding-top: 7.5rem !important;
}

.u-pr-11 {
  padding-right: 7.5rem !important;
}

.u-pb-11 {
  padding-bottom: 7.5rem !important;
}

.u-pl-11 {
  padding-left: 7.5rem !important;
}

.u-mt-11 {
  margin-top: 7.5rem !important;
}

.u-mr-11 {
  margin-right: 7.5rem !important;
}

.u-mb-11 {
  margin-bottom: 7.5rem !important;
}

.u-ml-11 {
  margin-left: 7.5rem !important;
}

.u-pt-12 {
  padding-top: 9.375rem !important;
}

.u-pr-12 {
  padding-right: 9.375rem !important;
}

.u-pb-12 {
  padding-bottom: 9.375rem !important;
}

.u-pl-12 {
  padding-left: 9.375rem !important;
}

.u-mt-12 {
  margin-top: 9.375rem !important;
}

.u-mr-12 {
  margin-right: 9.375rem !important;
}

.u-mb-12 {
  margin-bottom: 9.375rem !important;
}

.u-ml-12 {
  margin-left: 9.375rem !important;
}

.u-pt-13 {
  padding-top: 11.25rem !important;
}

.u-pr-13 {
  padding-right: 11.25rem !important;
}

.u-pb-13 {
  padding-bottom: 11.25rem !important;
}

.u-pl-13 {
  padding-left: 11.25rem !important;
}

.u-mt-13 {
  margin-top: 11.25rem !important;
}

.u-mr-13 {
  margin-right: 11.25rem !important;
}

.u-mb-13 {
  margin-bottom: 11.25rem !important;
}

.u-ml-13 {
  margin-left: 11.25rem !important;
}

.u-pt-14 {
  padding-top: 13.125rem !important;
}

.u-pr-14 {
  padding-right: 13.125rem !important;
}

.u-pb-14 {
  padding-bottom: 13.125rem !important;
}

.u-pl-14 {
  padding-left: 13.125rem !important;
}

.u-mt-14 {
  margin-top: 13.125rem !important;
}

.u-mr-14 {
  margin-right: 13.125rem !important;
}

.u-mb-14 {
  margin-bottom: 13.125rem !important;
}

.u-ml-14 {
  margin-left: 13.125rem !important;
}

.u-pt-15 {
  padding-top: 15.625rem !important;
}

.u-pr-15 {
  padding-right: 15.625rem !important;
}

.u-pb-15 {
  padding-bottom: 15.625rem !important;
}

.u-pl-15 {
  padding-left: 15.625rem !important;
}

.u-mt-15 {
  margin-top: 15.625rem !important;
}

.u-mr-15 {
  margin-right: 15.625rem !important;
}

.u-mb-15 {
  margin-bottom: 15.625rem !important;
}

.u-ml-15 {
  margin-left: 15.625rem !important;
}

.u-pt-16 {
  padding-top: 18.75rem !important;
}

.u-pr-16 {
  padding-right: 18.75rem !important;
}

.u-pb-16 {
  padding-bottom: 18.75rem !important;
}

.u-pl-16 {
  padding-left: 18.75rem !important;
}

.u-mt-16 {
  margin-top: 18.75rem !important;
}

.u-mr-16 {
  margin-right: 18.75rem !important;
}

.u-mb-16 {
  margin-bottom: 18.75rem !important;
}

.u-ml-16 {
  margin-left: 18.75rem !important;
}

.u-pt-17 {
  padding-top: 21.875rem !important;
}

.u-pr-17 {
  padding-right: 21.875rem !important;
}

.u-pb-17 {
  padding-bottom: 21.875rem !important;
}

.u-pl-17 {
  padding-left: 21.875rem !important;
}

.u-mt-17 {
  margin-top: 21.875rem !important;
}

.u-mr-17 {
  margin-right: 21.875rem !important;
}

.u-mb-17 {
  margin-bottom: 21.875rem !important;
}

.u-ml-17 {
  margin-left: 21.875rem !important;
}

@media (max-width: 800px) {
  .u-mob-pt-0 {
    padding-top: 0rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-0 {
    padding-right: 0rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-0 {
    padding-bottom: 0rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-0 {
    padding-left: 0rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-0 {
    margin-top: 0rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-0 {
    margin-right: 0rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-0 {
    margin-bottom: 0rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-0 {
    margin-left: 0rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-1 {
    padding-top: 0.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-1 {
    padding-right: 0.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-1 {
    padding-bottom: 0.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-1 {
    padding-left: 0.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-1 {
    margin-top: 0.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-1 {
    margin-right: 0.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-1 {
    margin-bottom: 0.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-1 {
    margin-left: 0.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-2 {
    padding-top: 0.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-2 {
    padding-right: 0.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-2 {
    padding-bottom: 0.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-2 {
    padding-left: 0.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-2 {
    margin-top: 0.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-2 {
    margin-right: 0.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-2 {
    margin-bottom: 0.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-2 {
    margin-left: 0.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-3 {
    padding-top: 1.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-3 {
    padding-right: 1.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-3 {
    padding-bottom: 1.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-3 {
    padding-left: 1.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-3 {
    margin-top: 1.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-3 {
    margin-right: 1.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-3 {
    margin-bottom: 1.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-3 {
    margin-left: 1.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-4 {
    padding-top: 1.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-4 {
    padding-right: 1.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-4 {
    padding-bottom: 1.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-4 {
    padding-left: 1.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-4 {
    margin-top: 1.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-4 {
    margin-right: 1.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-4 {
    margin-bottom: 1.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-4 {
    margin-left: 1.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-5 {
    padding-top: 2.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-5 {
    padding-right: 2.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-5 {
    padding-bottom: 2.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-5 {
    padding-left: 2.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-5 {
    margin-top: 2.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-5 {
    margin-right: 2.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-5 {
    margin-bottom: 2.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-5 {
    margin-left: 2.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-6 {
    padding-top: 3.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-6 {
    padding-right: 3.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-6 {
    padding-bottom: 3.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-6 {
    padding-left: 3.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-6 {
    margin-top: 3.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-6 {
    margin-right: 3.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-6 {
    margin-bottom: 3.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-6 {
    margin-left: 3.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-7 {
    padding-top: 3.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-7 {
    padding-right: 3.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-7 {
    padding-bottom: 3.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-7 {
    padding-left: 3.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-7 {
    margin-top: 3.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-7 {
    margin-right: 3.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-7 {
    margin-bottom: 3.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-7 {
    margin-left: 3.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-8 {
    padding-top: 4.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-8 {
    padding-right: 4.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-8 {
    padding-bottom: 4.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-8 {
    padding-left: 4.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-8 {
    margin-top: 4.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-8 {
    margin-right: 4.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-8 {
    margin-bottom: 4.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-8 {
    margin-left: 4.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-9 {
    padding-top: 5.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-9 {
    padding-right: 5.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-9 {
    padding-bottom: 5.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-9 {
    padding-left: 5.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-9 {
    margin-top: 5.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-9 {
    margin-right: 5.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-9 {
    margin-bottom: 5.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-9 {
    margin-left: 5.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-10 {
    padding-top: 6.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-10 {
    padding-right: 6.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-10 {
    padding-bottom: 6.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-10 {
    padding-left: 6.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-10 {
    margin-top: 6.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-10 {
    margin-right: 6.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-10 {
    margin-bottom: 6.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-10 {
    margin-left: 6.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-11 {
    padding-top: 7.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-11 {
    padding-right: 7.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-11 {
    padding-bottom: 7.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-11 {
    padding-left: 7.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-11 {
    margin-top: 7.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-11 {
    margin-right: 7.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-11 {
    margin-bottom: 7.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-11 {
    margin-left: 7.5rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-12 {
    padding-top: 9.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-12 {
    padding-right: 9.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-12 {
    padding-bottom: 9.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-12 {
    padding-left: 9.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-12 {
    margin-top: 9.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-12 {
    margin-right: 9.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-12 {
    margin-bottom: 9.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-12 {
    margin-left: 9.375rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-13 {
    padding-top: 11.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-13 {
    padding-right: 11.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-13 {
    padding-bottom: 11.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-13 {
    padding-left: 11.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-13 {
    margin-top: 11.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-13 {
    margin-right: 11.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-13 {
    margin-bottom: 11.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-13 {
    margin-left: 11.25rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-14 {
    padding-top: 13.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-14 {
    padding-right: 13.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-14 {
    padding-bottom: 13.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-14 {
    padding-left: 13.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-14 {
    margin-top: 13.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-14 {
    margin-right: 13.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-14 {
    margin-bottom: 13.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-14 {
    margin-left: 13.125rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-15 {
    padding-top: 15.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-15 {
    padding-right: 15.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-15 {
    padding-bottom: 15.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-15 {
    padding-left: 15.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-15 {
    margin-top: 15.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-15 {
    margin-right: 15.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-15 {
    margin-bottom: 15.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-15 {
    margin-left: 15.625rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-16 {
    padding-top: 18.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-16 {
    padding-right: 18.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-16 {
    padding-bottom: 18.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-16 {
    padding-left: 18.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-16 {
    margin-top: 18.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-16 {
    margin-right: 18.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-16 {
    margin-bottom: 18.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-16 {
    margin-left: 18.75rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pt-17 {
    padding-top: 21.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pr-17 {
    padding-right: 21.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pb-17 {
    padding-bottom: 21.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-pl-17 {
    padding-left: 21.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mt-17 {
    margin-top: 21.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mr-17 {
    margin-right: 21.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-mb-17 {
    margin-bottom: 21.875rem !important;
  }
}

@media (max-width: 800px) {
  .u-mob-ml-17 {
    margin-left: 21.875rem !important;
  }
}

/**
 * UTILITIES.TYPE
 *
 * @description : These classes trump other preceeding styles.
 *                Userful for quickly applying common adjustments.
 */
.u-tc {
  text-align: center;
}

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

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

.u-lowercase {
  text-transform: lowercase;
}

.u-br-on-new-line {
  white-space: pre-line;
}

.u-font-neue-machina-nudge-up {
  position: relative;
  top: 0.05em;
}
.u-t-white {
  color: #fff;
}

.u-t-black {
  color: #000;
}

.u-bold {
  font-weight: 800;
}

/**
* UTILITIES.WORD-FLOW
*
* @description : Flow in a piece of text word by word.
*
*/
@keyframes u-word-flow__word {
  0% {
    opacity: 0;
    transform: translateY(0.125em);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.u-word-flow {
  display: inline;
  text-decoration: inherit;
}

.u-word-flow__word {
  opacity: 0;
  transform: translateY(0.125em);
}
.u-word-flow.animation-started .u-word-flow__word {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: u-word-flow__word;
  opacity: 1;
  transform: translateY(0);
}
.u-word-flow__word:nth-child(1) {
  animation-delay: 0ms;
}
.u-word-flow__word:nth-child(2) {
  animation-delay: 75ms;
}
.u-word-flow__word:nth-child(3) {
  animation-delay: 150ms;
}
.u-word-flow__word:nth-child(4) {
  animation-delay: 225ms;
}
.u-word-flow__word:nth-child(5) {
  animation-delay: 300ms;
}
.u-word-flow__word:nth-child(6) {
  animation-delay: 375ms;
}
.u-word-flow__word:nth-child(7) {
  animation-delay: 450ms;
}
.u-word-flow__word:nth-child(8) {
  animation-delay: 525ms;
}
.u-word-flow__word:nth-child(9) {
  animation-delay: 600ms;
}
.u-word-flow__word:nth-child(10) {
  animation-delay: 675ms;
}
.u-word-flow__word:nth-child(11) {
  animation-delay: 750ms;
}
.u-word-flow__word:nth-child(12) {
  animation-delay: 825ms;
}
.u-word-flow__word:nth-child(13) {
  animation-delay: 900ms;
}
.u-word-flow__word:nth-child(14) {
  animation-delay: 975ms;
}
.u-word-flow__word:nth-child(15) {
  animation-delay: 1050ms;
}
.u-word-flow__word:nth-child(16) {
  animation-delay: 1125ms;
}
.u-word-flow__word:nth-child(17) {
  animation-delay: 1200ms;
}
.u-word-flow__word:nth-child(18) {
  animation-delay: 1275ms;
}
.u-word-flow__word:nth-child(19) {
  animation-delay: 1350ms;
}
.u-word-flow__word:nth-child(20) {
  animation-delay: 1425ms;
}
.u-word-flow__word:nth-child(21) {
  animation-delay: 1500ms;
}
.u-word-flow__word:nth-child(22) {
  animation-delay: 1575ms;
}
.u-word-flow__word:nth-child(23) {
  animation-delay: 1650ms;
}
.u-word-flow__word:nth-child(24) {
  animation-delay: 1725ms;
}
.u-word-flow__word:nth-child(25) {
  animation-delay: 1800ms;
}
.u-word-flow__word:nth-child(26) {
  animation-delay: 1875ms;
}
.u-word-flow__word:nth-child(27) {
  animation-delay: 1950ms;
}
.u-word-flow__word:nth-child(28) {
  animation-delay: 2025ms;
}
.u-word-flow__word:nth-child(29) {
  animation-delay: 2100ms;
}
.u-word-flow__word:nth-child(30) {
  animation-delay: 2175ms;
}
.u-word-flow__word:nth-child(31) {
  animation-delay: 2250ms;
}
.u-word-flow__word:nth-child(32) {
  animation-delay: 2325ms;
}
.u-word-flow__word:nth-child(33) {
  animation-delay: 2400ms;
}
.u-word-flow__word:nth-child(34) {
  animation-delay: 2475ms;
}
.u-word-flow__word:nth-child(35) {
  animation-delay: 2550ms;
}
.u-word-flow__word:nth-child(36) {
  animation-delay: 2625ms;
}
.u-word-flow__word:nth-child(37) {
  animation-delay: 2700ms;
}
.u-word-flow__word:nth-child(38) {
  animation-delay: 2775ms;
}
.u-word-flow__word:nth-child(39) {
  animation-delay: 2850ms;
}
.u-word-flow__word:nth-child(40) {
  animation-delay: 2925ms;
}
.u-word-flow__word:nth-child(41) {
  animation-delay: 3000ms;
}
.u-word-flow__word:nth-child(42) {
  animation-delay: 3075ms;
}
.u-word-flow__word:nth-child(43) {
  animation-delay: 3150ms;
}
.u-word-flow__word:nth-child(44) {
  animation-delay: 3225ms;
}
.u-word-flow__word:nth-child(45) {
  animation-delay: 3300ms;
}
.u-word-flow__word:nth-child(46) {
  animation-delay: 3375ms;
}
.u-word-flow__word:nth-child(47) {
  animation-delay: 3450ms;
}
.u-word-flow__word:nth-child(48) {
  animation-delay: 3525ms;
}
.u-word-flow__word:nth-child(49) {
  animation-delay: 3600ms;
}
.u-word-flow__word:nth-child(50) {
  animation-delay: 3675ms;
}
.u-word-flow__word:nth-child(51) {
  animation-delay: 3750ms;
}
.u-word-flow__word:nth-child(52) {
  animation-delay: 3825ms;
}
.u-word-flow__word:nth-child(53) {
  animation-delay: 3900ms;
}
.u-word-flow__word:nth-child(54) {
  animation-delay: 3975ms;
}
.u-word-flow__word:nth-child(55) {
  animation-delay: 4050ms;
}
.u-word-flow__word:nth-child(56) {
  animation-delay: 4125ms;
}
.u-word-flow__word:nth-child(57) {
  animation-delay: 4200ms;
}
.u-word-flow__word:nth-child(58) {
  animation-delay: 4275ms;
}
.u-word-flow__word:nth-child(59) {
  animation-delay: 4350ms;
}
.u-word-flow__word:nth-child(60) {
  animation-delay: 4425ms;
}
.u-word-flow__word:nth-child(61) {
  animation-delay: 4500ms;
}
.u-word-flow__word:nth-child(62) {
  animation-delay: 4575ms;
}
.u-word-flow__word:nth-child(63) {
  animation-delay: 4650ms;
}
.u-word-flow__word:nth-child(64) {
  animation-delay: 4725ms;
}
.u-word-flow__word:nth-child(65) {
  animation-delay: 4800ms;
}
.u-word-flow__word:nth-child(66) {
  animation-delay: 4875ms;
}
.u-word-flow__word:nth-child(67) {
  animation-delay: 4950ms;
}
.u-word-flow__word:nth-child(68) {
  animation-delay: 5025ms;
}
.u-word-flow__word:nth-child(69) {
  animation-delay: 5100ms;
}
.u-word-flow__word:nth-child(70) {
  animation-delay: 5175ms;
}
.u-word-flow__word:nth-child(71) {
  animation-delay: 5250ms;
}
.u-word-flow__word:nth-child(72) {
  animation-delay: 5325ms;
}
.u-word-flow__word:nth-child(73) {
  animation-delay: 5400ms;
}
.u-word-flow__word:nth-child(74) {
  animation-delay: 5475ms;
}
.u-word-flow__word:nth-child(75) {
  animation-delay: 5550ms;
}
.u-word-flow__word:nth-child(76) {
  animation-delay: 5625ms;
}
.u-word-flow__word:nth-child(77) {
  animation-delay: 5700ms;
}
.u-word-flow__word:nth-child(78) {
  animation-delay: 5775ms;
}
.u-word-flow__word:nth-child(79) {
  animation-delay: 5850ms;
}
.u-word-flow__word:nth-child(80) {
  animation-delay: 5925ms;
}
.u-word-flow__word:nth-child(81) {
  animation-delay: 6000ms;
}
.u-word-flow__word:nth-child(82) {
  animation-delay: 6075ms;
}
.u-word-flow__word:nth-child(83) {
  animation-delay: 6150ms;
}
.u-word-flow__word:nth-child(84) {
  animation-delay: 6225ms;
}
.u-word-flow__word:nth-child(85) {
  animation-delay: 6300ms;
}
.u-word-flow__word:nth-child(86) {
  animation-delay: 6375ms;
}
.u-word-flow__word:nth-child(87) {
  animation-delay: 6450ms;
}
.u-word-flow__word:nth-child(88) {
  animation-delay: 6525ms;
}
.u-word-flow__word:nth-child(89) {
  animation-delay: 6600ms;
}
.u-word-flow__word:nth-child(90) {
  animation-delay: 6675ms;
}
.u-word-flow__word:nth-child(91) {
  animation-delay: 6750ms;
}
.u-word-flow__word:nth-child(92) {
  animation-delay: 6825ms;
}
.u-word-flow__word:nth-child(93) {
  animation-delay: 6900ms;
}
.u-word-flow__word:nth-child(94) {
  animation-delay: 6975ms;
}
.u-word-flow__word:nth-child(95) {
  animation-delay: 7050ms;
}
.u-word-flow__word:nth-child(96) {
  animation-delay: 7125ms;
}
.u-word-flow__word:nth-child(97) {
  animation-delay: 7200ms;
}
.u-word-flow__word:nth-child(98) {
  animation-delay: 7275ms;
}
.u-word-flow__word:nth-child(99) {
  animation-delay: 7350ms;
}
.u-word-flow__word:nth-child(100) {
  animation-delay: 7425ms;
}
.u-word-flow__word:nth-child(n+100) {
  animation-delay: 7500ms;
}
.no-js .u-word-flow__word {
  animation: none !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}
/*# sourceMappingURL=master.css.map */