@charset "UTF-8";
.c--white {
  background-color: #fff;
}

.c--black {
  background-color: #282828;
}

.c--grey-light {
  background-color: #eeecea;
}

.c--grey {
  background-color: #cfccc8;
}

.c--error {
  background-color: #ca8268;
}

.c--border {
  background-color: rgba(0, 0, 0, 0.1);
}

.c--text {
  background-color: #282828;
}

.c--link {
  background-color: #282828;
}

.c--dusty-green {
  background-color: #7d7b76;
}

.c--green {
  background-color: #a4a896;
}

.c--dusty-rosa {
  background-color: #d7c6c0;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 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, 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;
}

@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.is-hidden {
  display: none;
}

@media (min-width: 35.4375em) {
  .hidden-from--xs {
    display: none !important;
  }
}

@media (max-width: 35.4275em) {
  .hidden-until--xs {
    display: none !important;
  }
}

@media (min-width: 48em) {
  .hidden-from--sm {
    display: none !important;
  }
}

@media (max-width: 47.99em) {
  .hidden-until--sm {
    display: none !important;
  }
}

@media (min-width: 59.375em) {
  .hidden-from--sm-plus {
    display: none !important;
  }
}

@media (max-width: 59.365em) {
  .hidden-until--sm-plus {
    display: none !important;
  }
}

@media (min-width: 64em) {
  .hidden-from--md {
    display: none !important;
  }
}

@media (max-width: 63.99em) {
  .hidden-until--md {
    display: none !important;
  }
}

@media (min-width: 71.875em) {
  .hidden-from--lg {
    display: none !important;
  }
}

@media (max-width: 71.865em) {
  .hidden-until--lg {
    display: none !important;
  }
}

@media (min-width: 80em) {
  .hidden-from--xl {
    display: none !important;
  }
}

@media (max-width: 79.99em) {
  .hidden-until--xl {
    display: none !important;
  }
}

@media (min-width: 90em) {
  .hidden-from--xxl {
    display: none !important;
  }
}

@media (max-width: 89.99em) {
  .hidden-until--xxl {
    display: none !important;
  }
}

@media (min-width: 105em) {
  .hidden-from--xxxl {
    display: none !important;
  }
}

@media (max-width: 104.99em) {
  .hidden-until--xxxl {
    display: none !important;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.only-print {
  display: none;
}

.space-inside {
  padding-top: 1.063rem;
  padding-bottom: 1.063rem;
}

@media (min-width: 64em) {
  .space-inside {
    padding-top: 1.25rem;
  }
}

@media (min-width: 64em) {
  .space-inside {
    padding-bottom: 1.25rem;
  }
}

.space-inside--top {
  padding-top: 1.063rem;
}

@media (min-width: 64em) {
  .space-inside--top {
    padding-top: 1.25rem;
  }
}

.space-inside--bottom {
  padding-bottom: 1.063rem;
}

@media (min-width: 64em) {
  .space-inside--bottom {
    padding-bottom: 1.25rem;
  }
}

.space {
  margin-top: 1.063rem;
  margin-bottom: 1.063rem;
}

@media (min-width: 64em) {
  .space {
    margin-top: 1.25rem;
  }
}

@media (min-width: 64em) {
  .space {
    margin-bottom: 1.25rem;
  }
}

.space--top {
  margin-top: 1.063rem;
}

@media (min-width: 64em) {
  .space--top {
    margin-top: 1.25rem;
  }
}

.space--bottom {
  margin-bottom: 1.063rem;
}

@media (min-width: 64em) {
  .space--bottom {
    margin-bottom: 1.25rem;
  }
}

.b--top {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.b--bottom {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.negative-gutters {
  margin-left: -1.062rem;
  margin-right: -1.062rem;
}

@media (min-width: 64em) {
  .negative-gutters {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}

.t--small {
  font-size: 0.75rem;
}

.t--strike {
  text-decoration: line-through;
}

.t--bold {
  font-weight: bold;
}

.t--italic {
  font-style: italic;
}

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

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

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

.f--right {
  float: right;
}

.f--left {
  float: left;
}

/* fonts */
@font-face {
  font-family: 'EuclidFlex';
  src: url("/static/fonts/EuclidFlex.eot?#iefix") format("embedded-opentype"), url("/static/fonts/EuclidFlex.otf") format("opentype"), url("/static/fonts/EuclidFlex.woff") format("woff"), url("/static/fonts/EuclidFlex.ttf") format("truetype"), url("/static/fonts/EuclidFlex.svg#EuclidFlex") format("svg");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'EuclidFlex';
  src: url("/static/fonts/EuclidFlexMedium.eot?#iefix") format("embedded-opentype"), url("/static/fonts/EuclidFlexMedium.otf") format("opentype"), url("/static/fonts/EuclidFlexMedium.woff") format("woff"), url("/static/fonts/EuclidFlexMedium.ttf") format("truetype"), url("/static/fonts/EuclidFlexMedium.svg#EuclidFlexMedium") format("svg");
  font-style: normal;
  font-weight: 500;
}

.typography-display {
  font-size: 4.375rem;
  font-weight: 500;
  line-height: 0.85;
  letter-spacing: -0.03em;
  font-size: clamp(70px, 18vw, 118px);
}

@media (min-width: 35.4375em) {
  .typography-display {
    font-size: clamp(70px, 15vw, 118px);
    line-height: 1;
  }
}

@media (min-width: 64em) {
  .typography-display {
    font-size: clamp(118px, 11vw, 270px);
  }
}

.typography-headline1 {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .typography-headline1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .typography-headline1 {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .typography-headline1 {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .typography-headline1 {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .typography-headline1 {
    font-size: 5.2vw;
  }
}

.typography-headline2 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .typography-headline2 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .typography-headline2 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .typography-headline2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .typography-headline2 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .typography-headline2 {
    font-size: 2.6vw;
  }
}

.typography-headline3 {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
}

@media (min-width: 21.875em) {
  .typography-headline3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 48em) {
  .typography-headline3 {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  .typography-headline3 {
    font-size: 2.188rem;
  }
}

@media (min-width: 90em) {
  .typography-headline3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .typography-headline3 {
    font-size: 2.08vw;
  }
}

.typography-headline4 {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .typography-headline4 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .typography-headline4 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .typography-headline4 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .typography-headline4 {
    font-size: 1.25vw;
  }
}

.typography-bodylarge {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .typography-bodylarge {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .typography-bodylarge {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .typography-bodylarge {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .typography-bodylarge {
    font-size: 1.56vw;
  }
}

.typography-bodylargeserif {
  font-family: "Spectral", serif;
  font-size: 0.875rem;
  line-height: 1.25;
}

@media (min-width: 48em) {
  .typography-bodylargeserif {
    font-size: 0.938rem;
  }
}

@media (min-width: 64em) {
  .typography-bodylargeserif {
    font-size: 1.375rem;
    line-height: 1.3;
  }
}

@media (min-width: 90em) {
  .typography-bodylargeserif {
    font-size: 1.625rem;
  }
}

@media (min-width: 120.25em) {
  .typography-bodylargeserif {
    font-size: 1.875rem;
  }
}

.typography-body {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 90em) {
  .typography-body {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.typography-body b, .typography-body strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.typography-body2 {
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
}

@media (min-width: 64em) {
  .typography-body2 {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .typography-body2 {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.typography-body2 b, .typography-body2 strong {
  font-weight: 500;
}

.typography-label1 {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.02em;
}

@media (min-width: 64em) {
  .typography-label1 {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .typography-label1 {
    font-size: 0.97vw;
  }
}

.typography-label2 {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .typography-label2 {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .typography-label2 {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  font-size: 100%;
  overscroll-behavior: none;
}

html.is-fixed.is-ios {
  overflow: auto;
  overflow-y: scroll;
  width: 100%;
  height: calc(var(--vh) * 100px);
}

html.is-fixed.is-ios body {
  height: calc(var(--vh) * 100px);
}

html.is-fixed body {
  overflow: hidden;
}

.no-js [inline-template] > div {
  display: block;
  width: 100%;
}

.no-js [inline-template] > div.variation-dropdown.has-button {
  border-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[v-cloak] {
  opacity: 0;
}

.hide-element {
  display: none !important;
}

body {
  font: 400 1em/1.4375 EuclidFlex, Helvetica, Arial, sans-serif;
  letter-spacing: -0.02em;
  margin: 0;
  color: #282828;
  -webkit-font-smoothing: antialiased;
  overflow-anchor: none;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

body.body--grey {
  background-color: #eeecea;
  --body-bg: #eeecea;
}

body.body--sand {
  background-color: #f9f8f2;
  --body-bg: #f9f8f2;
}

body.body--padded .page-wrapper {
  padding-bottom: 4.938rem;
}

.page-wrapper {
  background: inherit;
}

body.sh-designsystem {
  --font-secondary: EuclidFlex, Helvetica, Arial, sans-serif;
}

button,
input,
textarea {
  font: 400 1em/1.4375 "EuclidFlex";
  outline: none;
  color: currentColor;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: currentColor;
  text-decoration: none;
  position: relative;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

a:not([class]):hover {
  opacity: 0.8;
  outline: none;
  color: currentColor;
}

a:not([class]):focus {
  outline: none;
  color: currentColor;
}

a:active {
  color: currentColor;
}

a:visited {
  color: currentColor;
}

a:visited:not([class]):hover {
  color: currentColor;
}

a:visited:active {
  color: currentColor;
}

b,
strong {
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

img {
  max-width: 100%;
}

a[href],
input[type="submit"],
input[type="image"],
label[for],
select,
button,
.pointer {
  cursor: pointer;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}

.icon svg {
  fill: #282828;
}

hr {
  border-width: 0;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  margin-bottom: 1.25em;
}

small {
  font-size: 85%;
}

input:focus {
  outline: none;
}

template {
  display: none;
}

xmp {
  background-color: #fff;
  padding: 0.313rem;
  white-space: pre-wrap;
}

code {
  display: inline-block;
  padding: 0.125rem 0.75rem;
  background-color: #eeecea;
  font-size: 0.875rem;
  color: #282828;
  font-style: italic;
}

.copy-text {
  cursor: pointer;
  background-color: transparent;
  -webkit-transition: background-color 1.25s ease;
  transition: background-color 1.25s ease;
}

.copy-text.is-copied {
  background-color: yellow;
  -webkit-transition: background-color 0s ease;
  transition: background-color 0s ease;
}

/* fade image in after load */
.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.section--grey {
  background-color: #eeecea;
}

.section:not(.section--colored) {
  margin-top: 5.313rem;
  margin-bottom: 5.313rem;
}

@media (min-width: 48em) {
  .section:not(.section--colored) {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem;
  }
}

@media (min-width: 64em) {
  .section:not(.section--colored) {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}

.section:not(.section--colored).section--half-gutter {
  margin-top: 2.625rem;
  margin-bottom: 2.625rem;
}

@media (min-width: 48em) {
  .section:not(.section--colored).section--half-gutter {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }
}

@media (min-width: 64em) {
  .section:not(.section--colored).section--half-gutter {
    margin-top: 4.813rem;
    margin-bottom: 4.813rem;
  }
}

.section:not(.section--colored).section--half-gutter-top {
  margin-top: 2.625rem;
}

@media (min-width: 48em) {
  .section:not(.section--colored).section--half-gutter-top {
    margin-top: 3.75rem;
  }
}

@media (min-width: 64em) {
  .section:not(.section--colored).section--half-gutter-top {
    margin-top: 4.813rem;
  }
}

.section:not(.section--colored).section--half-gutter-bottom {
  margin-bottom: 2.625rem;
}

@media (min-width: 48em) {
  .section:not(.section--colored).section--half-gutter-bottom {
    margin-bottom: 3.75rem;
  }
}

@media (min-width: 64em) {
  .section:not(.section--colored).section--half-gutter-bottom {
    margin-bottom: 4.813rem;
  }
}

.section:not(.section--colored).section--quarter-gutter {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 48em) {
  .section:not(.section--colored).section--quarter-gutter {
    margin-top: 2.188rem;
    margin-bottom: 2.188rem;
  }
}

@media (min-width: 64em) {
  .section:not(.section--colored).section--quarter-gutter {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

.section:not(.section--colored).section--quarter-gutter-top {
  margin-top: 1.25rem;
}

@media (min-width: 48em) {
  .section:not(.section--colored).section--quarter-gutter-top {
    margin-top: 2.188rem;
  }
}

@media (min-width: 64em) {
  .section:not(.section--colored).section--quarter-gutter-top {
    margin-top: 2.5rem;
  }
}

.section:not(.section--colored).section--quarter-gutter-bottom {
  margin-bottom: 1.25rem;
}

@media (min-width: 48em) {
  .section:not(.section--colored).section--quarter-gutter-bottom {
    margin-bottom: 2.188rem;
  }
}

@media (min-width: 64em) {
  .section:not(.section--colored).section--quarter-gutter-bottom {
    margin-bottom: 2.5rem;
  }
}

.section:not(.section--colored).section--collapse {
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .section:not(.section--colored).section--collapse {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.section:not(.section--colored).section--collapse-top {
  margin-top: 0;
}

@media (min-width: 48em) {
  .section:not(.section--colored).section--collapse-top {
    margin-top: 0;
  }
}

.section:not(.section--colored).section--collapse-bottom {
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .section:not(.section--colored).section--collapse-bottom {
    margin-bottom: 0;
  }
}

@media (max-width: 63.99em) {
  .section:not(.section--colored).section--collapse-top-mobile {
    margin-top: 0;
  }
}

.section.section--colored {
  padding-top: 5.313rem;
  padding-bottom: 5.313rem;
}

@media (min-width: 48em) {
  .section.section--colored {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}

@media (min-width: 64em) {
  .section.section--colored {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

.section.section--colored.section--half-gutter {
  padding-top: 2.625rem;
  padding-bottom: 2.625rem;
}

@media (min-width: 48em) {
  .section.section--colored.section--half-gutter {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

@media (min-width: 64em) {
  .section.section--colored.section--half-gutter {
    padding-top: 4.813rem;
    padding-bottom: 4.813rem;
  }
}

.section.section--colored.section--half-gutter-top {
  padding-top: 2.625rem;
}

@media (min-width: 48em) {
  .section.section--colored.section--half-gutter-top {
    padding-top: 3.75rem;
  }
}

@media (min-width: 64em) {
  .section.section--colored.section--half-gutter-top {
    padding-top: 4.813rem;
  }
}

.section.section--colored.section--half-gutter-bottom {
  padding-bottom: 2.625rem;
}

@media (min-width: 48em) {
  .section.section--colored.section--half-gutter-bottom {
    padding-bottom: 3.75rem;
  }
}

@media (min-width: 64em) {
  .section.section--colored.section--half-gutter-bottom {
    padding-bottom: 4.813rem;
  }
}

.section.section--colored.section--quarter-gutter {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 48em) {
  .section.section--colored.section--quarter-gutter {
    padding-top: 2.188rem;
    padding-bottom: 2.188rem;
  }
}

@media (min-width: 64em) {
  .section.section--colored.section--quarter-gutter {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.section.section--colored.section--quarter-gutter-top {
  padding-top: 1.25rem;
}

@media (min-width: 48em) {
  .section.section--colored.section--quarter-gutter-top {
    padding-top: 2.188rem;
  }
}

@media (min-width: 64em) {
  .section.section--colored.section--quarter-gutter-top {
    padding-top: 2.5rem;
  }
}

.section.section--colored.section--quarter-gutter-bottom {
  padding-bottom: 1.25rem;
}

@media (min-width: 48em) {
  .section.section--colored.section--quarter-gutter-bottom {
    padding-bottom: 2.188rem;
  }
}

@media (min-width: 64em) {
  .section.section--colored.section--quarter-gutter-bottom {
    padding-bottom: 2.5rem;
  }
}

.section.section--colored.section--collapse {
  padding-top: 0;
  padding-bottom: 0;
}

@media (min-width: 48em) {
  .section.section--colored.section--collapse {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.section.section--colored.section--collapse-top {
  padding-top: 0;
}

@media (min-width: 48em) {
  .section.section--colored.section--collapse-top {
    padding-top: 0;
  }
}

.section.section--colored.section--collapse-bottom {
  padding-bottom: 0;
}

@media (min-width: 64em) {
  .section.section--colored.section--collapse-bottom {
    padding-bottom: 0;
  }
}

@media (max-width: 63.99em) {
  .section.section--colored.section--collapse-top-mobile {
    padding-top: 0;
  }
}

.section--border-bottom {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.section--border-top {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.sidebar {
  position: relative;
}

@media (min-width: 48em) {
  .sidebar {
    padding-left: 3.188rem;
  }
}

@media (min-width: 59.375em) {
  .sidebar {
    padding-left: 8.33333%;
  }
}

.sidebar__title {
  display: none;
  position: absolute;
  top: 50%;
  left: 1.063rem;
  font-size: 0.75rem;
  line-height: 1;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

@media (min-width: 48em) {
  .sidebar__title {
    display: block;
  }
}

@media (min-width: 59.375em) {
  .sidebar__title {
    left: 1.25rem;
  }
}

.sidebar__title__inner {
  display: block;
  -webkit-transform-origin: center;
          transform-origin: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.spinner {
  display: block;
  height: 1em;
  width: 1em;
  margin: 0 auto;
  -webkit-animation: rotation 1s infinite linear;
          animation: rotation 1s infinite linear;
  border: 0.125em solid rgba(40, 40, 40, 0.2);
  border-top: 0.125em solid #282828;
  border-radius: 50%;
  font-size: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.spinner--white {
  border: 0.125em solid rgba(255, 255, 255, 0.5);
  border-top: 0.125em solid white;
}

.spinner--semi-white {
  border: 0.125em solid rgba(255, 255, 255, 0.15);
  border-top: 0.125em solid rgba(255, 255, 255, 0.8);
}

.spinner.spinner--tiny {
  font-size: 0.875rem;
}

.spinner.spinner--small {
  font-size: 1.25rem;
}

.spinner.spinner--large {
  font-size: 3.125rem;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

.sorting-indicator {
  display: inline;
  position: relative;
  height: 1em;
  width: 1em;
  margin-left: 0.5em;
}

.sorting-indicator:before, .sorting-indicator:after {
  position: absolute;
  display: inline-block;
  bottom: 2px;
  left: 0;
  content: '';
  height: 4px;
  width: 8px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ljk0IDIuODMiPiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNS45NCAwTDIuOTcgMi44MyAwIDBoNS45NHoiLz48L3N2Zz4=);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-transform-origin: center;
          transform-origin: center;
  opacity: 0.3;
}

@media (min-width: 64em) {
  .sorting-indicator:before, .sorting-indicator:after {
    bottom: 4px;
  }
}

.sorting-indicator:before {
  bottom: auto;
  top: 2px;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

@media (min-width: 64em) {
  .sorting-indicator:before {
    top: 4px;
  }
}

.sorting-indicator.is-ascending:before {
  opacity: 1;
}

.sorting-indicator.is-descending:after {
  opacity: 1;
}

.row:not(.row--collapse) {
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .row:not(.row--collapse) {
    padding: 1.25rem;
  }
}

.row--bordered-top {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.row--bordered-bottom {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.row--space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.grid {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row nowrap;
  -webkit-box-align: auto;
  -ms-flex-align: auto;
  -moz-align-items: auto;
  align-items: auto;
  -ms-flex-line-pack: auto;
  align-content: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.grid > .grid__col,
.grid > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.no-flexbox.no-flexboxtweener .grid {
  display: block;
  font-size: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.grid > .grid__col.grid__col--1 {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 8.33333%;
  -ms-flex: 0 1 8.33333%;
  flex: 0 1 8.33333%;
}

.no-flexbox.no-flexboxtweener .grid > .grid__col.grid__col--1 {
  display: inline-block;
  width: 8.33333%;
  font-size: 16px;
  vertical-align: top;
}

.grid > .grid__col.grid__col--2 {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 16.66667%;
  -ms-flex: 0 1 16.66667%;
  flex: 0 1 16.66667%;
}

.no-flexbox.no-flexboxtweener .grid > .grid__col.grid__col--2 {
  display: inline-block;
  width: 16.66667%;
  font-size: 16px;
  vertical-align: top;
}

.grid > .grid__col.grid__col--3 {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 25%;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
}

.no-flexbox.no-flexboxtweener .grid > .grid__col.grid__col--3 {
  display: inline-block;
  width: 25%;
  font-size: 16px;
  vertical-align: top;
}

.grid > .grid__col.grid__col--4 {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 33.33333%;
  -ms-flex: 0 1 33.33333%;
  flex: 0 1 33.33333%;
}

.no-flexbox.no-flexboxtweener .grid > .grid__col.grid__col--4 {
  display: inline-block;
  width: 33.33333%;
  font-size: 16px;
  vertical-align: top;
}

.grid > .grid__col.grid__col--5 {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 41.66667%;
  -ms-flex: 0 1 41.66667%;
  flex: 0 1 41.66667%;
}

.no-flexbox.no-flexboxtweener .grid > .grid__col.grid__col--5 {
  display: inline-block;
  width: 41.66667%;
  font-size: 16px;
  vertical-align: top;
}

.grid > .grid__col.grid__col--6 {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

.no-flexbox.no-flexboxtweener .grid > .grid__col.grid__col--6 {
  display: inline-block;
  width: 50%;
  font-size: 16px;
  vertical-align: top;
}

.grid > .grid__col.grid__col--7 {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 58.33333%;
  -ms-flex: 0 1 58.33333%;
  flex: 0 1 58.33333%;
}

.no-flexbox.no-flexboxtweener .grid > .grid__col.grid__col--7 {
  display: inline-block;
  width: 58.33333%;
  font-size: 16px;
  vertical-align: top;
}

.grid > .grid__col.grid__col--8 {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 66.66667%;
  -ms-flex: 0 1 66.66667%;
  flex: 0 1 66.66667%;
}

.no-flexbox.no-flexboxtweener .grid > .grid__col.grid__col--8 {
  display: inline-block;
  width: 66.66667%;
  font-size: 16px;
  vertical-align: top;
}

.grid > .grid__col.grid__col--9 {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 75%;
  -ms-flex: 0 1 75%;
  flex: 0 1 75%;
}

.no-flexbox.no-flexboxtweener .grid > .grid__col.grid__col--9 {
  display: inline-block;
  width: 75%;
  font-size: 16px;
  vertical-align: top;
}

.grid > .grid__col.grid__col--10 {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 83.33333%;
  -ms-flex: 0 1 83.33333%;
  flex: 0 1 83.33333%;
}

.no-flexbox.no-flexboxtweener .grid > .grid__col.grid__col--10 {
  display: inline-block;
  width: 83.33333%;
  font-size: 16px;
  vertical-align: top;
}

.grid > .grid__col.grid__col--11 {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 91.66667%;
  -ms-flex: 0 1 91.66667%;
  flex: 0 1 91.66667%;
}

.no-flexbox.no-flexboxtweener .grid > .grid__col.grid__col--11 {
  display: inline-block;
  width: 91.66667%;
  font-size: 16px;
  vertical-align: top;
}

.grid .grid__col--offset-1 {
  margin-left: 9.04167%;
}

.grid .grid__col--offset-2 {
  margin-left: 17.375%;
}

.grid .grid__col--offset-3 {
  margin-left: 25.70833%;
}

.grid .grid__col--offset-4 {
  margin-left: 34.04167%;
}

.grid .grid__col--offset-5 {
  margin-left: 42.375%;
}

.grid .grid__col--offset-6 {
  margin-left: 50.70833%;
}

.grid .grid__col--offset-7 {
  margin-left: 59.04167%;
}

.grid .grid__col--offset-8 {
  margin-left: 67.375%;
}

.grid .grid__col--offset-9 {
  margin-left: 75.70833%;
}

.grid .grid__col--offset-10 {
  margin-left: 84.04167%;
}

.grid .grid__col--offset-11 {
  margin-left: 92.375%;
}

.grid .grid__col--offset-12 {
  margin-left: 100.70833%;
}

.grid > .grid__col.grid__col--12 {
  -webkit-box-flex: 0;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}

.grid--column-borders {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
  margin-left: -0.062rem;
  margin-right: -0.062rem;
}

.grid--column-borders .grid__col {
  border: 0.063rem solid rgba(0, 0, 0, 0.1);
  border-top: none;
  border-right: none;
}

.rm-this-class--grid-example.grid---.grid--column-borders {
  border-top: 0.063rem solid #282828;
  border-right: 0.063rem solid #282828;
}

.rm-this-class--grid-example.grid---.grid--column-borders .grid__col {
  border: 0.063rem solid #282828;
  border-top: none;
  border-right: none;
}

.css-grid--no-gutters {
  margin-left: 0 !important;
  margin-right: 0 !important;
  grid-gap: 0 !important;
}

.css-grid--no-gutters > * + * {
  margin-top: 0 !important;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--no-gutters > * {
    padding: 0;
  }
}

.css-grid--two-cols {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  display: grid;
  grid-gap: 1.25rem;
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 64em) {
  .css-grid--two-cols {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--two-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--two-cols > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    width: 48%;
    padding: 1% !important;
  }
}

.css-grid--two-cols-xs {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--two-cols-xs {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 35.4275em) {
  .css-grid--two-cols-xs > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 35.4375em) {
  .css-grid--two-cols-xs {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .css-grid--two-cols-xs > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 35.4375em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--two-cols-xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--two-cols-xs > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    width: 48%;
    padding: 1% !important;
  }
}

.css-grid--two-cols-sm {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--two-cols-sm {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 47.99em) {
  .css-grid--two-cols-sm > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 48em) {
  .css-grid--two-cols-sm {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .css-grid--two-cols-sm > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 48em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--two-cols-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--two-cols-sm > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    width: 48%;
    padding: 1% !important;
  }
}

.css-grid--three-cols-xs {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--three-cols-xs {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 35.4275em) {
  .css-grid--three-cols-xs > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 35.4375em) {
  .css-grid--three-cols-xs {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(3, 1fr);
  }
  .css-grid--three-cols-xs > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 35.4375em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--three-cols-xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--three-cols-xs > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 31.33333%;
            flex: 0 0 31.33333%;
    width: 31.33333%;
    padding: 1% !important;
  }
}

.css-grid--three-cols-sm {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--three-cols-sm {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 47.99em) {
  .css-grid--three-cols-sm > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 48em) {
  .css-grid--three-cols-sm {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(3, 1fr);
  }
  .css-grid--three-cols-sm > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 48em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--three-cols-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--three-cols-sm > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 31.33333%;
            flex: 0 0 31.33333%;
    width: 31.33333%;
    padding: 1% !important;
  }
}

.css-grid--three-cols-md {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--three-cols-md {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 63.99em) {
  .css-grid--three-cols-md > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 64em) {
  .css-grid--three-cols-md {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(3, 1fr);
  }
  .css-grid--three-cols-md > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 64em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--three-cols-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--three-cols-md > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 31.33333%;
            flex: 0 0 31.33333%;
    width: 31.33333%;
    padding: 1% !important;
  }
}

.css-grid--four-cols-md {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--four-cols-md {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 63.99em) {
  .css-grid--four-cols-md > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 64em) {
  .css-grid--four-cols-md {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(4, 1fr);
  }
  .css-grid--four-cols-md > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 64em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--four-cols-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--four-cols-md > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23%;
            flex: 0 0 23%;
    width: 23%;
    padding: 1% !important;
  }
}

.css-grid--four-cols-lg {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--four-cols-lg {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 71.865em) {
  .css-grid--four-cols-lg > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 71.875em) {
  .css-grid--four-cols-lg {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(4, 1fr);
  }
  .css-grid--four-cols-lg > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 71.875em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--four-cols-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--four-cols-lg > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23%;
            flex: 0 0 23%;
    width: 23%;
    padding: 1% !important;
  }
}

.css-grid--four-cols-xl {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--four-cols-xl {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 79.99em) {
  .css-grid--four-cols-xl > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 80em) {
  .css-grid--four-cols-xl {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(4, 1fr);
  }
  .css-grid--four-cols-xl > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 80em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--four-cols-xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--four-cols-xl > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23%;
            flex: 0 0 23%;
    width: 23%;
    padding: 1% !important;
  }
}

.css-grid--five-cols-lg {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--five-cols-lg {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 71.865em) {
  .css-grid--five-cols-lg > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 71.875em) {
  .css-grid--five-cols-lg {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(5, 1fr);
  }
  .css-grid--five-cols-lg > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 71.875em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--five-cols-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--five-cols-lg > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18%;
            flex: 0 0 18%;
    width: 18%;
    padding: 1% !important;
  }
}

.css-grid--five-cols-xl {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--five-cols-xl {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 79.99em) {
  .css-grid--five-cols-xl > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 80em) {
  .css-grid--five-cols-xl {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(5, 1fr);
  }
  .css-grid--five-cols-xl > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 80em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--five-cols-xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--five-cols-xl > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18%;
            flex: 0 0 18%;
    width: 18%;
    padding: 1% !important;
  }
}

.css-grid--five-cols-xxl {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--five-cols-xxl {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 89.99em) {
  .css-grid--five-cols-xxl > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 90em) {
  .css-grid--five-cols-xxl {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(5, 1fr);
  }
  .css-grid--five-cols-xxl > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 90em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--five-cols-xxl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--five-cols-xxl > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18%;
            flex: 0 0 18%;
    width: 18%;
    padding: 1% !important;
  }
}

.css-grid--six-cols-xl {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--six-cols-xl {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 79.99em) {
  .css-grid--six-cols-xl > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 80em) {
  .css-grid--six-cols-xl {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(6, 1fr);
  }
  .css-grid--six-cols-xl > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 80em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--six-cols-xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--six-cols-xl > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.66667%;
            flex: 0 0 14.66667%;
    width: 14.66667%;
    padding: 1% !important;
  }
}

.css-grid--six-cols-xxl {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--six-cols-xxl {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 89.99em) {
  .css-grid--six-cols-xxl > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 90em) {
  .css-grid--six-cols-xxl {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(6, 1fr);
  }
  .css-grid--six-cols-xxl > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 90em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--six-cols-xxl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--six-cols-xxl > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.66667%;
            flex: 0 0 14.66667%;
    width: 14.66667%;
    padding: 1% !important;
  }
}

.css-grid--six-cols-big {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .css-grid--six-cols-big {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 120.24em) {
  .css-grid--six-cols-big > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 120.25em) {
  .css-grid--six-cols-big {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(6, 1fr);
  }
  .css-grid--six-cols-big > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 120.25em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .css-grid--six-cols-big {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .css-grid--six-cols-big > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.66667%;
            flex: 0 0 14.66667%;
    width: 14.66667%;
    padding: 1% !important;
  }
}

.example-wrapper {
  margin: 5rem 0;
}

.bordered-grid + hr {
  background-color: green;
}

.bordered-grid {
  width: 100%;
  border-top: 0.063rem solid #d9d9d9;
  -webkit-box-shadow: 0px -1px 0px #d9d9d9 inset;
          box-shadow: 0px -1px 0px #d9d9d9 inset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0;
}

.bordered-grid + .bordered-grid {
  border: 0;
}

@media (min-width: 59.375em) {
  .bordered-grid {
    grid-template-columns: repeat(4, 1fr);
    border-left: 0.063rem solid #d9d9d9;
  }
}

@media (min-width: 120.25em) {
  .bordered-grid {
    grid-template-columns: repeat(6, 1fr);
    border-left: 0.063rem solid #d9d9d9;
  }
}

.bordered-grid--accordion {
  padding-bottom: 7.563rem;
}

.bordered-grid--dark-borders {
  border-color: #ababab !important;
}

@media (max-width: 59.365em) {
  .bordered-grid--dark-borders {
    -webkit-box-shadow: 0 -0.062rem 0 0 #ababab inset, 0.063rem 0 0 0 #ababab;
            box-shadow: 0 -0.062rem 0 0 #ababab inset, 0.063rem 0 0 0 #ababab;
  }
}

.bordered-grid--dark-borders .bordered-grid__item {
  border-color: #ababab !important;
}

@media (max-width: 59.365em) {
  .bordered-grid--dark-borders .bordered-grid__item {
    -webkit-box-shadow: 0 -0.062rem 0 0 #ababab inset, 0.063rem 0 0 0 #ababab;
            box-shadow: 0 -0.062rem 0 0 #ababab inset, 0.063rem 0 0 0 #ababab;
  }
}

.bordered-grid--no-overflow {
  grid-template-columns: max(100px, 50%) max(100px, 50%);
}

@media (min-width: 59.375em) {
  .bordered-grid--no-overflow {
    grid-template-columns: max(100px, 25%) max(100px, 25%) max(100px, 25%) max(100px, 25%);
  }
}

@media (min-width: 120.25em) {
  .bordered-grid--no-overflow {
    grid-template-columns: max(100px, calc(100% / 6)) max(100px, calc(100% / 6)) max(100px, calc(100% / 6)) max(100px, calc(100% / 6)) max(100px, calc(100% / 6)) max(100px, calc(100% / 6));
  }
}

.bordered-grid--1-2-col {
  grid-template-columns: 1fr;
  -webkit-box-shadow: 0 0 0 0 black;
          box-shadow: 0 0 0 0 black;
}

@media (min-width: 48em) {
  .bordered-grid--1-2-col {
    grid-template-columns: 1fr 1fr;
    -webkit-box-shadow: 0px -1px 0px #d9d9d9 inset;
            box-shadow: 0px -1px 0px #d9d9d9 inset;
  }
}

.bordered-grid--1-2-col .bordered-grid__item--type-2col {
  grid-column: span 1;
}

@media (min-width: 35.4375em) {
  .bordered-grid--1-2-col .bordered-grid__item--type-2col {
    grid-column: span 2;
  }
}

.bordered-grid--1-2-4-col {
  grid-template-columns: 1fr;
}

@media (min-width: 35.4375em) {
  .bordered-grid--1-2-4-col {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 59.375em) {
  .bordered-grid--1-2-4-col {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 120.25em) {
  .bordered-grid--1-2-4-col {
    grid-template-columns: repeat(4, 1fr);
  }
}

.bordered-grid--1-2-4-col .bordered-grid__item--type-2col {
  grid-column: span 1;
}

@media (min-width: 35.4375em) {
  .bordered-grid--1-2-4-col .bordered-grid__item--type-2col {
    grid-column: span 2;
  }
}

.bordered-grid--1-3-6-col {
  grid-template-columns: 1fr;
}

@media (min-width: 48em) {
  .bordered-grid--1-3-6-col {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 120.25em) {
  .bordered-grid--1-3-6-col {
    grid-template-columns: repeat(6, 1fr);
  }
}

.bordered-grid--1-3-6-col .bordered-grid__item--type-2col {
  grid-column: span 1;
}

.bordered-grid--no-crops .bordered-grid__item :not(.inspiration-tile-v2--type-a) figure {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.bordered-grid--no-crops .bordered-grid__item :not(.inspiration-tile-v2--type-a) img {
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center top";
     object-fit: contain;
  -o-object-position: center top;
     object-position: center top;
}

.inspiration-tile-v2--reverse-order .bordered-grid--no-crops .bordered-grid__item :not(.inspiration-tile-v2--type-a) img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.bordered-grid--fixed-aspects .bordered-grid__item {
  aspect-ratio: 5 / 7;
}

.bordered-grid--fixed-aspects .bordered-grid__item figure {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.bordered-grid--fixed-aspects .bordered-grid__item--type-2col {
  aspect-ratio: 10 / 7;
}

.bordered-grid--fixed-aspects-tall .bordered-grid__item {
  aspect-ratio: 4 / 7;
}

.bordered-grid--fixed-aspects-tall .bordered-grid__item figure {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.bordered-grid--fixed-aspects-tall .bordered-grid__item--type-2col {
  aspect-ratio: 8 / 7;
}

.bordered-grid__item {
  grid-column: span 1;
}

@media (max-width: 59.365em) {
  .bordered-grid__item {
    -webkit-box-shadow: 0 -0.062rem 0 0 #d9d9d9 inset, 0.063rem 0 0 0 #d9d9d9;
            box-shadow: 0 -0.062rem 0 0 #d9d9d9 inset, 0.063rem 0 0 0 #d9d9d9;
  }
}

@media (min-width: 59.375em) {
  .bordered-grid__item {
    border: 0.063rem solid #d9d9d9;
    border-width: 0 0.063rem 0.063rem 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.bordered-grid__item--type-2row {
  grid-row: span 2;
}

.bordered-grid__item--type-2col {
  grid-column: span 2;
}

.bordered-grid__item--type-2col + .bordered-tile {
  border-top: 0;
}

.bordered-grid__item--type-2col .product-tile__image {
  overflow: hidden;
  padding-top: calc(50% + 1.5rem);
}

.bordered-grid__item--type-2col .product-tile__quickview__inner {
  max-width: 50%;
}

@media (max-width: 120.24em) {
  .bordered-grid__item--excess {
    display: none;
  }
}

@media (min-width: 59.375em) {
  .rich-text {
    font-size: 1rem;
  }
}

.rich-text > * + * {
  margin-top: 1.063rem;
}

@media (min-width: 59.375em) {
  .rich-text > * + * {
    margin-top: 1.25rem;
  }
}

.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5 {
  margin-bottom: 0.5em;
}

.rich-text h1 {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .rich-text h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .rich-text h1 {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .rich-text h1 {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .rich-text h1 {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .rich-text h1 {
    font-size: 5.2vw;
  }
}

.rich-text h2 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .rich-text h2 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .rich-text h2 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .rich-text h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .rich-text h2 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .rich-text h2 {
    font-size: 2.6vw;
  }
}

.rich-text h3 {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
}

@media (min-width: 21.875em) {
  .rich-text h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 48em) {
  .rich-text h3 {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  .rich-text h3 {
    font-size: 2.188rem;
  }
}

@media (min-width: 90em) {
  .rich-text h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .rich-text h3 {
    font-size: 2.08vw;
  }
}

.rich-text h4 {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .rich-text h4 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .rich-text h4 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .rich-text h4 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .rich-text h4 {
    font-size: 1.25vw;
  }
}

.rich-text h5 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .rich-text h5 {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .rich-text h5 {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .rich-text h5 {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .rich-text h5 {
    font-size: 1.56vw;
  }
}

.rich-text p {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 90em) {
  .rich-text p {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.rich-text p b, .rich-text p strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.rich-text strong {
  font-weight: 500;
}

.rich-text em {
  font-style: italic;
}

.rich-text a:not(.button):not(.link) {
  text-decoration: underline;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
}

.rich-text a:not(.button):not(.link) > em {
  text-indent: -9999px;
  display: inline-block;
  width: 0.563rem;
  height: 0.5rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAASUlEQVQoU4XP0Q0AEAxF0WsNa1jQTuawk7wmREt4Xy0nbZqABlSgc6boLwFWXOB6F1IidP1EEbrJO7pNtDURTeiOENJ1zwjlHxp66RC8ryxaWwAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  margin-right: 0.5em;
  position: relative;
  top: 0.5em;
}

.rich-text ol {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  list-style: decimal outside;
}

@media (min-width: 90em) {
  .rich-text ol {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.rich-text ol b, .rich-text ol strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.rich-text ol li {
  margin-left: calc( 0.563rem + 0.5em);
}

.rich-text ul {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  list-style: none;
}

@media (min-width: 90em) {
  .rich-text ul {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.rich-text ul b, .rich-text ul strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.rich-text ul li:before {
  display: inline-block;
  content: '\002014';
}

.rich-text p,
.rich-text ul,
.rich-text table {
  margin-bottom: 0.625rem;
}

.rich-text p:last-child,
.rich-text ul:last-child,
.rich-text table:last-child {
  margin-bottom: 0;
}

.rich-text blockquote p {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .rich-text blockquote p {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .rich-text blockquote p {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .rich-text blockquote p {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .rich-text blockquote p {
    font-size: 1.56vw;
  }
}

.rich-text blockquote cite {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .rich-text blockquote cite {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .rich-text blockquote cite {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.rich-text sup {
  font-size: 70%;
  position: relative;
  top: -0.5em;
}

.rich-text sub {
  font-size: 70%;
  position: relative;
  top: 0.5em;
}

.rich-text small {
  font-size: 0.875em;
}

.rich-text iframe,
.rich-text object,
.rich-text embed {
  background: #eeecea;
  display: block;
  width: 100%;
  margin-bottom: 2em;
}

.rich-text table {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  min-width: 100%;
}

@media (min-width: 90em) {
  .rich-text table {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.rich-text table b, .rich-text table strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 59.375em) {
  .rich-text table {
    min-width: 0;
  }
  .rich-text table th,
  .rich-text table td {
    padding-right: 0.625rem;
  }
  .rich-text table th:last-child,
  .rich-text table td:last-child {
    padding-right: 0;
  }
}

.swiper-pagination {
  margin: 1.063rem;
}

@media (min-width: 64em) {
  .swiper-pagination {
    margin: 1.25rem;
  }
}

.swiper-pagination-bullet {
  position: relative;
  display: inline-block;
  width: 1.25rem;
  height: 0.125rem;
  margin-right: 0.188rem;
  cursor: pointer;
  background-color: #282828;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: .2;
}

.swiper-pagination-bullet:before {
  display: block;
  content: '';
  position: absolute;
  top: -0.625rem;
  left: 0;
  right: 0;
  height: 1.375rem;
}

.cylindo-zoom-imagery {
  /*Enable GPU*/
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /*Set cursor*/
  cursor: move;
  /*Background color*/
  background-color: white;
  position: absolute;
  /*Image rendering options*/
  image-rendering: optimizeQuality;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
  /*Background color*/
  background-color: white;
}

.cylindo-zoom-imagery > div,
.cylindo-zoom-imagery > div > div {
  width: 100%;
  height: 100%;
  position: absolute;
  /*Zoom divs not selectable*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}

.cylindo-zoom-imagery > .cylindo-zoom-images > img {
  width: auto;
  height: auto;
  /*Zoom images not selectable*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}

.cylindo-wrapper {
  position: relative;
}

.cylindo-wrapper.has-height {
  overflow: hidden;
}

.cylindo-wrapper .hidden {
  display: none;
}

.cylindo-wrapper .permanently-hidden {
  display: none !important;
}

.cylindo-wrapper .temporarily-hidden {
  display: none !important;
}

.cylindo-wrapper > .cylindo-viewer-container.full-screen .temporarily-hidden.video-fullscreen-allowed {
  display: initial !important;
}

.cylindo-wrapper.is-stacked {
  height: auto !important;
}

.cylindo-viewer-container {
  position: relative;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
}

.cylindo-viewer-container.has-thumbs.thumb-location-top,
.cylindo-viewer-container.has-thumbs.thumb-location-bottom {
  height: calc(100% - 128px);
  height: -moz-calc(100% - 128px);
}

.is-stacked .cylindo-viewer-container {
  height: auto;
}

.cylindo-viewer-container:-webkit-full-screen,
.cylindo-viewer-container.has-thumbs:-webkit-full-screen {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.cylindo-viewer-container.is-safari-6:-webkit-full-screen + div.cylindo-thumbnail-wrapper,
.cylindo-viewer-container.is-safari-6.has-thumbs:-webkit-full-screen + div.cylindo-thumbnail-wrapper {
  display: none !important;
}

.cylindo-viewer-container:-moz-full-screen,
.cylindo-viewer-container.has-thumbs:-moz-full-screen {
  background-color: #ffffff;
}

.cylindo-viewer-container:-ms-fullscreen {
  background-color: #ffffff;
}

.cylindo-viewer-container.has-thumbs:-ms-fullscreen {
  background-color: #ffffff;
  height: 100%;
}

.cylindo-viewer-container:-x-full-screen,
.cylindo-viewer-container.has-thumbs:-x-full-screen {
  background-color: #ffffff;
}

.cylindo-viewer-container:-webkit-full-screen,
.cylindo-viewer-container.has-thumbs:-webkit-full-screen {
  background-color: #ffffff;
}

.cylindo-viewer-container:-ms-fullscreen,
.cylindo-viewer-container.has-thumbs:-ms-fullscreen {
  background-color: #ffffff;
}

.cylindo-viewer-container:fullscreen,
.cylindo-viewer-container.has-thumbs:fullscreen {
  background-color: #ffffff;
}

.cylindo-loader {
  display: none !important;
}

.cylindo-carousel-btn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  position: absolute;
  width: 30px;
  height: 127px;
  margin-top: -63.5px;
  top: 50%;
  z-index: 10;
}

.is-stacked .cylindo-carousel-btn {
  display: none;
}

.cylindo-loading-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 10;
}

.cylindo-loading-bar > div {
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  width: 0;
  transition: width 250ms linear;
  -o-transition: width 250ms linear;
  -moz-transition: width 250ms linear;
  -webkit-transition: width 250ms linear;
}

.cylindo-loading-bar .no-animation {
  transition: none;
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}

.cylindo-placeholder {
  /* will-change: opacity;  */
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

.cylindo-viewer-container > img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  /* transition: height 250ms ease-in; */
}

.cylindo-thumbnail-slider {
  display: inline-block;
  vertical-align: top;
  transition: opacity 250ms ease-in;
  -o-transition: opacity 250ms ease-in;
  -moz-transition: opacity 250ms ease-in;
  -webkit-transition: opacity 250ms ease-in;
}

.cylindo-thumbnail-wrapper:not(.thumb-location-left):not(.thumb-location-right) .cylindo-thumbnail-slider {
  height: 128px;
  line-height: 127px;
  width: 30px;
}

.cylindo-thumbnail-wrapper:not(.thumb-location-top):not(.thumb-location-bottom) .cylindo-thumbnail-slider {
  height: 30px;
  line-height: 29px;
  width: 128px;
}

.cylindo-carousel-btn > span,
.cylindo-thumbnail-slider > span {
  display: block;
  cursor: pointer;
  font-size: 2em;
  color: #c9c9c9;
}

.cylindo-thumbnail-wrapper:not(.thumb-location-left):not(.thumb-location-right) .cylindo-thumbnail-slider > span {
  line-height: 127px;
}

.cylindo-thumbnail-wrapper:not(.thumb-location-top):not(.thumb-location-bottom) .cylindo-thumbnail-slider > span {
  line-height: 29px;
}

.cylindo-carousel-btn > .move-to-left,
.cylindo-thumbnail-slider.left {
  text-align: left;
}

.cylindo-carousel-btn > .move-to-right,
.cylindo-thumbnail-slider.right {
  text-align: right;
}

.cylindo-thumbnail-wrapper:not(.thumb-location-top):not(.thumb-location-bottom) .cylindo-thumbnail-slider.left,
.cylindo-thumbnail-wrapper:not(.thumb-location-top):not(.thumb-location-bottom) .cylindo-thumbnail-slider.right {
  text-align: center;
}

.cylindo-carousel-btn.is-mobile > span {
  line-height: 150px;
  font-size: 4em;
}

.cylindo-thumbnail-bar {
  height: 128px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  vertical-align: top;
}

/* Vertical thumbnails */
.cylindo-thumbnail-wrapper.thumb-location-left .cylindo-thumbnail-bar,
.cylindo-thumbnail-wrapper.thumb-location-right .cylindo-thumbnail-bar {
  width: 100%;
  height: calc(100% - 60px);
  height: -moz-calc(100% - 60px);
}

.cylindo-thumbnail-wrapper {
  display: none;
}

.has-thumbs .cylindo-thumbnail-wrapper {
  display: block;
  /*Prevent IE selectable images*/
  -ms-user-select: none;
  position: absolute;
}

/* Horizontal thumbnails */
.has-thumbs .cylindo-thumbnail-wrapper.thumb-location-top,
.has-thumbs .cylindo-thumbnail-wrapper.thumb-location-bottom {
  height: 128px;
  width: 100%;
}

.cylindo-viewer-container.thumb-location-top {
  margin-top: 128px;
}

.cylindo-viewer-container.thumb-location-left {
  margin-left: 128px;
}

/* Vertical thumbnails */
.cylindo-thumbnail-wrapper.thumb-location-left,
.cylindo-thumbnail-wrapper.thumb-location-right {
  width: 128px;
}

.cylindo-viewer-container.thumb-location-left,
.cylindo-viewer-container.thumb-location-right {
  width: calc(100% - 128px);
  width: -moz-calc(100% - 128px);
}

.cylindo-thumbnail-wrapper.thumb-location-right,
.cylindo-viewer-container.thumb-location-left,
.cylindo-thumbnail-wrapper.thumb-location-left,
.cylindo-viewer-container.thumb-location-right {
  display: inline-block !important;
}

.cylindo-thumbnail-wrapper:not(.has-scroll) > .cylindo-thumbnail-slider {
  display: none;
}

.cylindo-thumbnail-wrapper.scroll-min > .cylindo-thumbnail-slider.left {
  opacity: 0;
}

.cylindo-thumbnail-wrapper.scroll-max > .cylindo-thumbnail-slider.right {
  opacity: 0;
}

.cylindo-thumbnail-wrapper:not(.has-scroll) > .cylindo-thumbnail-bar {
  width: 100%;
  height: 100%;
}

.cylindo-thumbnail-list,
.cylindo-threesixty-list,
.cylindo-custom-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

.is-stacked .cylindo-threesixty-list {
  cursor: default;
}

.cylindo-threesixty-list {
  cursor: -webkit-grab;
  cursor: -ms-grab;
  cursor: -o-grab;
  cursor: grab;
}

.cylindo-threesixty-list.cylindo-dragging,
.cylindo-threesixty-list.cylindo-rotating {
  cursor: -webkit-grabbing;
  cursor: -ms-grabbing;
  cursor: -o-grabbing;
  cursor: grabbing;
}

.cylindo-threesixty-list.is-ms {
  /*cursor: url(/dist/assets/images/hand_open_ie.cur), url(/assets/images/hand_open_ie.cur), url(assets/images/hand_open_ie.cur), auto;*/
}

.cylindo-threesixty-list.cylindo-dragging.is-ms,
.cylindo-threesixty-list.cylindo-rotating.is-ms {
  /*cursor: url(/dist/assets/images/hand_closed_ie.cur), url(/assets/images/hand_closed_ie.cur), url(assets/images/hand_closed_ie.cur), auto;*/
}

.cylindo-threesixty-list.cylindo-display-alt-image,
.cylindo-threesixty-list.cylindo-display-ss-image {
  cursor: default;
}

.is-stacked .cylindo-threesixty-list {
  position: relative;
  height: auto;
}

.cylindo-zoom-notcustom-container {
  cursor: move;
}

.cylindo-thumbnail-list {
  height: 100%;
}

.cylindo-thumbnail-list > li {
  display: inline-block;
  background-repeat: no-repeat !important;
  /* width: 20%; */
  opacity: 0.75;
  transition: opacity 0.25s ease-in;
  -o-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  -webkit-transition: opacity 0.25s ease-in;
  margin: 0;
  position: relative;
}

.cylindo-thumbnail-wrapper:not(.thumb-location-left):not(.thumb-location-right) .cylindo-thumbnail-list > li {
  height: 100%;
}

.cylindo-thumbnail-wrapper.thumb-location-left .cylindo-thumbnail-list > li,
.cylindo-thumbnail-wrapper.thumb-location-right .cylindo-thumbnail-list > li {
  display: block;
}

.cylindo-thumbnail-list > li.loading::after {
  content: "Loading...";
  color: #a8a8a8;
  font-family: sans-serif;
  display: block;
  height: 128px;
  width: 100%;
  line-height: 128px;
  font-size: 10px;
  position: absolute;
  margin: 0px;
  padding: 0px;
}

.cylindo-thumbnail-list > li.active {
  opacity: 1;
}

.is-ie9 .cylindo-thumbnail-list > li > img {
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.cylindo-thumbnail-list > li > img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.cylindo-thumbnail-list > li > img.is-video-thumb {
  width: auto;
}

.cylindo-thumbnail-list > .cylindo-video-thumb::after {
  content: "";
  background-size: 40px 40px;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.cylindo-thumbnail-list > .cylindo-video-thumb:hover {
  /* Style block hack for IE 10 to pick up :hover for ::after */
  display: auto;
}

.cylindo-thumbnail-list > .cylindo-video-thumb:hover::after {
  -webkit-transform: translate(-50%, -50%) scale(1.25, 1.25);
  transform: translate(-50%, -50%) scale(1.25, 1.25);
}

.cylindo-thumbnail-list > li::before,
.cylindo-thumbnail-list > li::after,
.cylindo-threesixty-list > li::before,
.cylindo-threesixty-list > li::after,
.cylindo-custom-list > li::before,
.cylindo-custom-list > li::after {
  content: none;
}

.cylindo-threesixty-list,
.cylindo-custom-list {
  /*will-change: opacity;*/
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

.cylindo-threesixty-list li,
.cylindo-custom-list li {
  -webkit-transition: none;
  transition: none;
}

.is-safari-desktop .cylindo-threesixty-list > li,
.is-safari-desktop .cylindo-custom-list > li {
  display: none;
}

.is-safari-desktop .cylindo-threesixty-list > li.active,
.is-safari-desktop .cylindo-custom-list > li.active {
  display: block;
}

.cylindo-threesixty-list > li,
.cylindo-custom-list > li {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat !important;
  background-size: contain;
  opacity: 0.0001;
  /*Prevent IE selectable images*/
  -ms-user-select: none;
  /* -webkit-transition: opacity 0.05s cubic-bezier(0, 0.72, 0.14, 0.99);
    -moz-transition: opacity 0.05s cubic-bezier(0, 0.72, 0.14, 0.99);
    -o-transition: opacity 0.05s cubic-bezier(0, 0.72, 0.14, 0.99);
    transition: opacity 0.05s cubic-bezier(0, 0.72, 0.14, 0.99); */
}

.is-safari-or-ios .cylindo-threesixty-list > li,
.is-safari-or-ios .cylindo-custom-list > li {
  visibility: hidden;
}

.is-stacked .cylindo-threesixty-list > li {
  display: block;
  position: relative;
  height: auto;
  opacity: 1;
}

.is-stacked.is-safari-or-ios .cylindo-threesixty-list > li {
  visibility: visible;
}

.is-stacked .cylindo-threesixty-list > li.cylindo-video:not(.cylindo-video-not-found) {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.is-stacked .cylindo-threesixty-list > li > img {
  position: static;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  margin: 0px auto;
}

.cylindo-wrapper:not(.is-stacked) > .cylindo-viewer-container > .cylindo-threesixty-list > li.cylindo-video,
.cylindo-wrapper:not(.is-stacked) > .cylindo-viewer-container > .cylindo-custom-list > li.cylindo-video {
  display: none;
}

.cylindo-threesixty-list > li.active,
.cylindo-custom-list > li.active {
  opacity: 1;
  z-index: 2;
}

.is-safari-or-ios .cylindo-threesixty-list > li.active,
.is-safari-or-ios .cylindo-custom-list > li.active {
  visibility: visible;
  z-index: initial;
}

.is-stacked .cylindo-threesixty-list > li.active {
  z-index: initial;
}

.is-stacked .cylindo-threesixty-list > li > .cylindo-drag-tooltip {
  z-index: initial;
}

.is-stacked.is-ie .cylindo-threesixty-list > li.active {
  z-index: auto;
}

.is-stacked.is-ie .cylindo-threesixty-list > li > .cylindo-drag-tooltip {
  z-index: auto;
}

.is-stacked-on-fullscreen.is-safari-or-ios .cylindo-threesixty-list > li > .cylindo-drag-tooltip {
  z-index: 0;
}

.cylindo-wrapper:not(.is-stacked) > .cylindo-viewer-container > .cylindo-threesixty-list > li.cylindo-video.active,
.cylindo-wrapper:not(.is-stacked) > .cylindo-viewer-container > .cylindo-custom-list > li.cylindo-video.active {
  display: block;
}

.cylindo-threesixty-list > li > img,
.cylindo-custom-list > li > img,
.cylindo-threesixty-list > li > div:not(.cylindo-dismiss-on-zoom),
.cylindo-custom-list > li > div:not(.cylindo-dismiss-on-zoom) {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cylindo-threesixty-list > li > div:not(.cylindo-dismiss-on-zoom),
.cylindo-custom-list > li > div:not(.cylindo-dismiss-on-zoom) {
  max-width: 100%;
  max-height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: cover;
  background-repeat: no-repeat;
}

.cylindo-threesixty-list > li > div.cylindo-drag-tooltip {
  display: block;
}

.cylindo-threesixty-list > li > video,
.cylindo-custom-list > li > video,
.cylindo-threesixty-list > li.cylindo-video > iframe,
.cylindo-custom-list > li.cylindo-video > iframe {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  position: relative;
}

.is-stacked .cylindo-threesixty-list > li.cylindo-video > video,
.is-stacked .cylindo-threesixty-list > li.cylindo-video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cylindo-threesixty-list > li.cylindo-video > iframe,
.cylindo-custom-list > li.cylindo-video > iframe {
  border: none;
}

.cylindo-threesixty-list > .is-sprite > div {
  background-size: cover;
  background-repeat: no-repeat;
}

.cylindo-carousel-btn.is-mobile {
  position: absolute;
  width: 80px;
  height: 150px;
  margin-top: -75px;
  top: 50%;
  z-index: 10;
}

.cylindo-carousel-btn.left-btn {
  left: 20px;
}

.cylindo-carousel-btn.right-btn {
  right: 20px;
}

.cylindo-wrapper > .cylindo-viewer-container > .cylindo-threesixty-list > li.cylindo-video.active-sibling,
.cylindo-wrapper > .cylindo-viewer-container > .cylindo-threesixty-list > li.active-sibling {
  opacity: 1;
  display: block;
}

.cylindo-wrapper.is-safari-or-ios > .cylindo-viewer-container > .cylindo-threesixty-list > li.cylindo-video.active-sibling,
.cylindo-wrapper.is-safari-or-ios > .cylindo-viewer-container > .cylindo-threesixty-list > li.active-sibling {
  visibility: visible;
}

.cylindo-viewer-container.full-screen .cylindo-threesixty-list > .cylindo-hide-on-fullscreen,
.has-thumbs.cylindo-viewer-container.full-screen .cylindo-threesixty-list > .cylindo-hide-on-fullscreen {
  opacity: 0;
}

.cylindo-viewer-container.full-screen .cylindo-threesixty-list > li:not(.active) > .cylindo-drag-to-rotate-tooltip {
  opacity: 0;
}

.cylindo-viewer-container.full-screen .cylindo-threesixty-list > li.active > .cylindo-drag-to-rotate-tooltip {
  position: fixed;
}

.cylindo-viewer-container.full-screen .cylindo-threesixty-list > li > .cylindo-action-button-group {
  display: none;
}

.cylindo-action-button-group {
  width: 50px;
  /*height: 140px;*/
  position: absolute;
  margin-left: 12px;
  margin-top: 10px;
  z-index: 11;
}

.cylindo-action-button-group.right {
  right: 12px;
  top: 10px;
  margin: 0;
}

.cylindo-button.cylindo-ar-button a {
  position: absolute;
  left: 17px;
  top: 10px;
  opacity: 1;
}

.cylindo-button.cylindo-ar-button a img {
  display: none;
}

.cylindo-button.cylindo-ar-button a:hover {
  opacity: 0.7;
}

.cylindo-button.cylindo-ar-button a,
.cylindo-button.cylindo-ar-button a div.ar-glyph-background {
  z-index: 13;
}

.cylindo-button.cylindo-ar-button a div.ar-glyph-background {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cylindo-button.cylindo-ar-button a,
.cylindo-button.cylindo-ar-button a div.ar-glyph-background,
.cylindo-button.cylindo-ar-button a div.ar-glyph-background > div {
  outline: 0;
  cursor: pointer;
}

.cylindo-button.cylindo-ar-button a > .ar-glyph-background > div.ar-icon {
  height: 35px;
  width: 35px;
  background-image: url(/static/svg/ar.svg);
  background-repeat: no-repeat;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.188rem;
          flex: 0 0 2.188rem;
}

.cylindo-button.cylindo-ar-button a > .ar-glyph-background > div.ar-text {
  color: #282828;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  display: block;
  font-size: 0.625rem;
  line-height: 1.125rem;
  margin-left: 0.625rem;
}

.cylindo-ar-modal {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 100;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.2);
}

@media (max-width: 59.365em) {
  .cylindo-ar-modal {
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
  }
}

.cylindo-ar-modal:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26.25rem;
  height: 10.625rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 0;
}

.cylindo-ar-modal h1 {
  position: absolute;
  top: calc((100% - 10.625rem) / 2 + 0.938rem);
  left: calc((100% - 26.25rem) / 2 + 8.75rem + 2.5rem);
  width: calc(26.25rem - 8.75rem - 0.938rem - 3.75rem);
  z-index: 1;
  font-size: 1.375rem;
  line-height: 1;
}

.cylindo-ar-modal p {
  position: absolute;
  left: calc((100% - 26.25rem) / 2 + 8.75rem + 2.5rem);
  width: calc(26.25rem - 8.75rem - 0.938rem - 2.5rem);
  bottom: calc((100% - 10.625rem) / 2 + 0.938rem);
  z-index: 1;
  font-family: "Spectral", serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding-right: 3.125rem;
}

.cylindo-ar-modal a {
  position: absolute;
  top: calc((100% - 10.625rem) / 2 + 0.938rem);
  right: calc((100% - 26.25rem) / 2 + 0.938rem);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1rem;
  height: 1rem;
}

.cylindo-ar-modal a .cylindo-back-icon {
  width: 1rem;
  height: 1rem;
  background-image: url(/static/svg/24x24-close.svg);
  background-repeat: no-repeat;
}

.cylindo-ar-modal a:hover .cylindo-back-icon {
  opacity: 0.7;
}

.cylindo-ar-modal .cylindo-qr-img-wrapper {
  position: absolute;
  z-index: 1;
  top: calc((100% - 10.625rem) / 2 + 0.938rem);
  left: calc((100% - 26.25rem) / 2 + 0.938rem);
  display: block;
  width: 8.75rem;
  height: 8.75rem;
  padding: 0.625rem;
  border: 0.063rem solid #282828;
  background-color: #fff;
  border-radius: 0.625rem;
}

.cylindo-ar-modal .cylindo-qr-img-wrapper img {
  display: block;
}

.cylindo-action-button-group .cylindo-action-button-icon {
  margin: 0 0 10px 0;
  height: 40px;
  width: 40px;
  display: block;
  outline: 0;
  cursor: pointer;
}

.cylindo-action-button-group .threesixty-button.blink {
  -webkit-animation: blink 0.8s infinite linear;
  animation: blink 0.8s infinite linear;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 3px 3px #7bc7c7;
  box-shadow: 0 0 3px 3px #7bc7c7;
}

.cylindo-button.cylindo-ar-button a > .ar-glyph-background > div.ar-icon {
  background-size: contain;
}

.cylindo-icon-fullscreen-off {
  background-size: 100%;
}

.cylindo-icon-zoom-off {
  background-size: 100%;
}

.cylindo-icon-zoom-on {
  background-size: 100%;
}

.cylindo-icon-zoom-on.cylindo-icon-zoom-out {
  background-size: 100%;
}

.cylindo-icon-fullscreen-on {
  background-size: 100%;
}

.cylindo-drag-tooltip {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
  background-color: rgba(212, 212, 212, 0.2);
  border-radius: 4px;
  padding: 3px 6px;
  font-family: sans-serif;
  position: absolute;
  color: #7bc7c7;
  z-index: 11;
  bottom: 15px;
  text-align: center;
  width: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 14px;
  display: none !important;
}

.cylindo-tooltip-not-available,
.cylindo-no-feature {
  font-family: sans-serif;
  position: absolute;
  z-index: 11;
  width: 220px;
  top: 5px;
  left: 20px;
  background: #f7f7f7;
  display: none;
}

.cylindo-tooltip-not-available span,
.cylindo-no-feature span {
  display: inline-block;
  font-size: 34px;
  color: #0e84c1;
  vertical-align: middle;
  margin-right: 7px;
  margin-left: 10px;
}

.cylindo-tooltip-not-available p,
.cylindo-no-feature p {
  display: inline-block;
  width: 190px;
  color: #a8a8a8;
  vertical-align: middle;
  font-size: 12px;
  margin: 0;
}

.cylindo-tooltip-not-available {
  top: 50px;
}

.cylindo-viewer-container.full-screen .cylindo-tooltip-not-available p {
  font-size: 15px;
}

.cylindo-viewer-container img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}

.cylindo-threesixty-list > li::-moz-selection,
.cylindo-custom-list > li::-moz-selection,
.cylindo-drag-tooltip::-moz-selection,
.has-thumbs .cylindo-thumbnail-wrapper span::-moz-selection,
.has-thumbs .cylindo-thumbnail-wrapper img::-moz-selection,
.cylindo-viewer-container img::-moz-selection {
  background: transparent;
}

.cylindo-threesixty-list > li::selection,
.cylindo-custom-list > li::selection,
.cylindo-drag-tooltip::selection,
.has-thumbs .cylindo-thumbnail-wrapper span::selection,
.has-thumbs .cylindo-thumbnail-wrapper img::selection,
.cylindo-viewer-container img::selection {
  background: transparent;
}

.opacity-one {
  opacity: 1;
}

.opacity-zero {
  opacity: 0;
}

/*
******************
*** Animations ***
******************
*/
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes blink {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes blink {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*
******************
*** Â Fonts ***
******************
*/
.reveal-fade-enter-active,
.reveal-fade-leave-active {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.reveal-fade-enter,
.reveal-fade-leave-to {
  opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.fade-height-enter-active,
.fade-height-leave-active {
  overflow: hidden;
  -webkit-transition: opacity .25s ease, max-height 0.25s ease;
  transition: opacity .25s ease, max-height 0.25s ease;
}

.fade-height-enter,
.fade-height-leave-to {
  opacity: 0;
  max-height: 0;
}

.slide-up-dashboard-enter-active, .slide-up-dashboard-leave-active {
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.slide-up-dashboard-enter, .slide-up-dashboard-leave-to {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.slide-up-enter-active, .slide-up-leave-active {
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.slide-up-enter, .slide-up-leave-to {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal__container,
.modal-leave-active .modal__container {
  -webkit-transform: translate3d(0px, -15px, 0);
          transform: translate3d(0px, -15px, 0);
}

.button,
a.button,
button.button,
input[type="button"].button {
  display: inline-block;
  padding: 0.563rem 1.25rem 0.625rem;
  margin: 0;
  height: 2.375rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.3;
  font-size: 0.875rem;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  vertical-align: middle;
  border: none;
  background-color: #282828;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.button:focus, .button:active,
a.button:focus,
a.button:active,
button.button:focus,
button.button:active,
input[type="button"].button:focus,
input[type="button"].button:active {
  color: #fff;
}

@media (min-width: 24.375em) {
  .button,
  a.button,
  button.button,
  input[type="button"].button {
    padding: 0.563rem 1.875rem 0.625rem;
  }
}

@media (min-width: 59.375em) {
  .button:not(.is-disabled):hover, .button:not(.is-inactive):hover,
  a.button:not(.is-disabled):hover,
  a.button:not(.is-inactive):hover,
  button.button:not(.is-disabled):hover,
  button.button:not(.is-inactive):hover,
  input[type="button"].button:not(.is-disabled):hover,
  input[type="button"].button:not(.is-inactive):hover {
    background-color: #5b5b5b;
    color: #fff;
  }
}

.button span,
a.button span,
button.button span,
input[type="button"].button span {
  pointer-events: none;
}

.button.is-disabled, .button.is-inactive,
a.button.is-disabled,
a.button.is-inactive,
button.button.is-disabled,
button.button.is-inactive,
input[type="button"].button.is-disabled,
input[type="button"].button.is-inactive {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

.button--primary,
a.button--primary,
button.button--primary,
input[type="button"].button--primary {
  text-align: center;
}

.button--primary--cart2,
a.button--primary--cart2,
button.button--primary--cart2,
input[type="button"].button--primary--cart2 {
  position: relative;
  vertical-align: middle;
  height: 2.375rem;
  overflow: hidden;
}

.button--primary--cart2 span,
a.button--primary--cart2 span,
button.button--primary--cart2 span,
input[type="button"].button--primary--cart2 span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  vertical-align: middle;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.button--primary--cart2 span:first-child,
a.button--primary--cart2 span:first-child,
button.button--primary--cart2 span:first-child,
input[type="button"].button--primary--cart2 span:first-child {
  left: 20%;
  -webkit-transform: translate(-50%, 200%);
          transform: translate(-50%, 200%);
}

.button--primary--cart2 span:first-child svg,
a.button--primary--cart2 span:first-child svg,
button.button--primary--cart2 span:first-child svg,
input[type="button"].button--primary--cart2 span:first-child svg {
  width: 14px;
  height: 14px;
}

@media (min-width: 59.375em) {
  .button--primary--cart2:hover span:first-child,
  a.button--primary--cart2:hover span:first-child,
  button.button--primary--cart2:hover span:first-child,
  input[type="button"].button--primary--cart2:hover span:first-child {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.button--primary--cart3,
a.button--primary--cart3,
button.button--primary--cart3,
input[type="button"].button--primary--cart3 {
  position: relative;
  vertical-align: middle;
  height: 2.375rem;
  overflow: hidden;
  -webkit-transition: none;
  transition: none;
}

.button--primary--cart3 span,
a.button--primary--cart3 span,
button.button--primary--cart3 span,
input[type="button"].button--primary--cart3 span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  vertical-align: middle;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.button--primary--cart3 span:first-child,
a.button--primary--cart3 span:first-child,
button.button--primary--cart3 span:first-child,
input[type="button"].button--primary--cart3 span:first-child {
  -webkit-transform: translate(-50%, -250%);
          transform: translate(-50%, -250%);
}

.button--primary--cart3 span:first-child svg,
a.button--primary--cart3 span:first-child svg,
button.button--primary--cart3 span:first-child svg,
input[type="button"].button--primary--cart3 span:first-child svg {
  width: 14px;
  height: 14px;
}

@media (min-width: 59.375em) {
  .button--primary--cart3:hover,
  a.button--primary--cart3:hover,
  button.button--primary--cart3:hover,
  input[type="button"].button--primary--cart3:hover {
    background-color: #282828;
  }
  .button--primary--cart3:hover span:first-child,
  a.button--primary--cart3:hover span:first-child,
  button.button--primary--cart3:hover span:first-child,
  input[type="button"].button--primary--cart3:hover span:first-child {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .button--primary--cart3:hover span:nth-child(2),
  a.button--primary--cart3:hover span:nth-child(2),
  button.button--primary--cart3:hover span:nth-child(2),
  input[type="button"].button--primary--cart3:hover span:nth-child(2) {
    -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
  }
}

.button--primary--cart4,
a.button--primary--cart4,
button.button--primary--cart4,
input[type="button"].button--primary--cart4 {
  position: relative;
  vertical-align: middle;
  height: 2.375rem;
  overflow: hidden;
  -webkit-transition: none;
  transition: none;
}

.button--primary--cart4 span, .button--primary--cart4:before,
a.button--primary--cart4 span,
a.button--primary--cart4:before,
button.button--primary--cart4 span,
button.button--primary--cart4:before,
input[type="button"].button--primary--cart4 span,
input[type="button"].button--primary--cart4:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  vertical-align: middle;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.button--primary--cart4:before,
a.button--primary--cart4:before,
button.button--primary--cart4:before,
input[type="button"].button--primary--cart4:before {
  content: attr(data-hover-text);
  -webkit-transform: translate(-50%, -250%);
          transform: translate(-50%, -250%);
}

@media (min-width: 59.375em) {
  .button--primary--cart4:hover,
  a.button--primary--cart4:hover,
  button.button--primary--cart4:hover,
  input[type="button"].button--primary--cart4:hover {
    background-color: #282828;
  }
  .button--primary--cart4:hover:before,
  a.button--primary--cart4:hover:before,
  button.button--primary--cart4:hover:before,
  input[type="button"].button--primary--cart4:hover:before {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .button--primary--cart4:hover span,
  a.button--primary--cart4:hover span,
  button.button--primary--cart4:hover span,
  input[type="button"].button--primary--cart4:hover span {
    -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
  }
}

.button--secondary,
a.button--secondary,
button.button--secondary,
input[type="button"].button--secondary {
  background-color: transparent;
  border: solid 0.063rem #282828;
  color: #282828;
  min-width: auto;
}

.button--secondary:focus, .button--secondary:active,
a.button--secondary:focus,
a.button--secondary:active,
button.button--secondary:focus,
button.button--secondary:active,
input[type="button"].button--secondary:focus,
input[type="button"].button--secondary:active {
  color: #282828;
}

@media (min-width: 59.375em) {
  .button--secondary:not(.is-disabled):hover, .button--secondary:not(.is-inactive):hover,
  a.button--secondary:not(.is-disabled):hover,
  a.button--secondary:not(.is-inactive):hover,
  button.button--secondary:not(.is-disabled):hover,
  button.button--secondary:not(.is-inactive):hover,
  input[type="button"].button--secondary:not(.is-disabled):hover,
  input[type="button"].button--secondary:not(.is-inactive):hover {
    background-color: #282828;
    color: #fff;
  }
}

.button--current-color,
a.button--current-color,
button.button--current-color,
input[type="button"].button--current-color {
  border: 0.063rem solid currentColor;
  color: currentColor;
}

.button--current-color:not(.is-disabled):hover, .button--current-color:not(.is-inactive):hover,
a.button--current-color:not(.is-disabled):hover,
a.button--current-color:not(.is-inactive):hover,
button.button--current-color:not(.is-disabled):hover,
button.button--current-color:not(.is-inactive):hover,
input[type="button"].button--current-color:not(.is-disabled):hover,
input[type="button"].button--current-color:not(.is-inactive):hover {
  border: 0.063rem solid currentColor;
  background-color: currentColor;
  color: #fff;
}

.button--current-color:not(.is-disabled):hover .text, .button--current-color:not(.is-inactive):hover .text,
a.button--current-color:not(.is-disabled):hover .text,
a.button--current-color:not(.is-inactive):hover .text,
button.button--current-color:not(.is-disabled):hover .text,
button.button--current-color:not(.is-inactive):hover .text,
input[type="button"].button--current-color:not(.is-disabled):hover .text,
input[type="button"].button--current-color:not(.is-inactive):hover .text {
  color: #fff;
}

.button--dark-hover:not(.is-disabled):hover, .button--dark-hover:not(.is-inactive):hover,
a.button--dark-hover:not(.is-disabled):hover,
a.button--dark-hover:not(.is-inactive):hover,
button.button--dark-hover:not(.is-disabled):hover,
button.button--dark-hover:not(.is-inactive):hover,
input[type="button"].button--dark-hover:not(.is-disabled):hover,
input[type="button"].button--dark-hover:not(.is-inactive):hover {
  color: #282828;
}

.button--dark-hover:not(.is-disabled):hover .text, .button--dark-hover:not(.is-inactive):hover .text,
a.button--dark-hover:not(.is-disabled):hover .text,
a.button--dark-hover:not(.is-inactive):hover .text,
button.button--dark-hover:not(.is-disabled):hover .text,
button.button--dark-hover:not(.is-inactive):hover .text,
input[type="button"].button--dark-hover:not(.is-disabled):hover .text,
input[type="button"].button--dark-hover:not(.is-inactive):hover .text {
  color: #282828;
}

.button--back-link,
a.button--back-link,
button.button--back-link,
input[type="button"].button--back-link {
  display: inline-block;
  padding: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.875rem;
}

.button--back-link .icon,
a.button--back-link .icon,
button.button--back-link .icon,
input[type="button"].button--back-link .icon {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  position: relative;
  top: -0.062rem;
}

.button--back-link .icon:before,
a.button--back-link .icon:before,
button.button--back-link .icon:before,
input[type="button"].button--back-link .icon:before {
  content: "←";
  font-weight: 500;
}

.button--custom-colors.button--primary,
a.button--custom-colors.button--primary,
button.button--custom-colors.button--primary,
input[type="button"].button--custom-colors.button--primary {
  color: var(--custom-color-1);
  background-color: var(--custom-color-2);
}

.button--custom-colors.button--primary:hover,
a.button--custom-colors.button--primary:hover,
button.button--custom-colors.button--primary:hover,
input[type="button"].button--custom-colors.button--primary:hover {
  color: var(--custom-color-3);
  background-color: var(--custom-color-4);
}

.button--custom-colors.button--secondary,
a.button--custom-colors.button--secondary,
button.button--custom-colors.button--secondary,
input[type="button"].button--custom-colors.button--secondary {
  color: var(--custom-color-1);
  border-color: var(--custom-color-1);
  background-color: transparent;
}

.button--custom-colors.button--secondary:hover,
a.button--custom-colors.button--secondary:hover,
button.button--custom-colors.button--secondary:hover,
input[type="button"].button--custom-colors.button--secondary:hover {
  color: var(--custom-color-2);
  border-color: var(--custom-color-3);
  background-color: var(--custom-color-4);
}

.button-more-container {
  display: block;
  padding-top: 0.938rem;
  text-align: center;
}

.button-more {
  display: inline-block;
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.05rem;
}

.button-more .icon {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.25rem;
}

.button-more .icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.button-more--small {
  float: left;
}

.link {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  position: relative;
  color: currentColor;
  white-space: nowrap;
  font-size: 1rem;
}

@media (min-width: 120.25em) {
  .link {
    font-size: 1.125rem;
  }
}

.link:not(.link--persistent):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.link:not(.link--persistent):hover:after, .link:not(.link--persistent):focus:after {
  right: 0;
}

.link:not(.link--persistent).is-active:after {
  opacity: 1;
  width: 100%;
}

.link--persistent:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.link--persistent:hover:after, .link--persistent:focus:after {
  right: 0;
}

.link--persistent.is-active:after {
  opacity: 1;
  width: 100%;
}

.link--persistent:after {
  -webkit-transition: right 0s ease;
  transition: right 0s ease;
}

.link--persistent:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 0;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: left 0s ease;
  transition: left 0s ease;
}

.link--persistent:hover:before, .link--persistent:focus:before {
  opacity: 1;
  left: 100%;
  -webkit-transition: left 0.25s ease-in;
  transition: left 0.25s ease-in;
}

.link--persistent:hover:after, .link--persistent:focus:after {
  right: 0;
  -webkit-transition: right 0.25s ease-out 0.3s;
  transition: right 0.25s ease-out 0.3s;
}

.link--subtle {
  opacity: 0.4;
}

.links-list {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.links-list__item {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.links-list__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  padding: 0.531rem 1.063rem 1.594rem;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

@media (min-width: 64em) {
  .links-list__item a {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.links-list__item a svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.5rem;
          flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 1.25rem;
}

.links-list__item a:hover {
  background-color: #f9f9f8;
}

.links-list__item .ghost {
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  margin-right: 0.25em;
}

.links-list--download .links-list__item a {
  padding: 0.354rem 1.063rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 1rem;
}

@media (min-width: 48em) {
  .links-list--download .links-list__item a {
    font-size: 1.25rem;
  }
}

.links-list--download .links-list__item a svg {
  margin-left: 0;
  margin-right: 1.25rem;
}

@media (min-width: 48em) {
  .links-list--download .links-list__item a svg {
    margin-right: 5.625rem;
  }
}

.external-link {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: currentColor;
}

.external-link em {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.4s ease 0.1s;
  transition: opacity 0.4s ease 0.1s;
}

.external-link span {
  position: relative;
  display: inline-block;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.external-link span small {
  font-size: 0.64286em;
}

.external-link span:after {
  content: "";
  display: block;
  width: 0.01px;
  height: 0.063rem;
  background-color: currentColor;
  position: absolute;
  bottom: 0.063rem;
  left: 0;
  opacity: 0;
  -webkit-transition: width 0.25s ease;
  transition: width 0.25s ease;
}

@media (hover: hover) {
  .external-link:hover span {
    -webkit-transform: translateX(1em);
            transform: translateX(1em);
  }
  .external-link:hover span:after {
    opacity: 1;
    width: 100%;
  }
  .external-link:hover em {
    opacity: 1;
  }
}

.form {
  position: relative;
  background-color: #fff;
}

.form .link {
  text-decoration: underline;
  white-space: nowrap;
  font-size: 0.75rem;
}

.form .form__field {
  margin: 0;
  width: 100%;
}

.form__header {
  margin-bottom: 1.063rem;
}

@media (min-width: 59.375em) {
  .form__header {
    margin-bottom: 1.25rem;
  }
}

.form__header h3 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  white-space: pre-line;
}

@media (min-width: 21.875em) {
  .form__header h3 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .form__header h3 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .form__header h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .form__header h3 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .form__header h3 {
    font-size: 2.6vw;
  }
}

.form__header h4 {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .form__header h4 {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .form__header h4 {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.form__header h2 {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  white-space: pre-line;
}

@media (min-width: 21.875em) {
  .form__header h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .form__header h2 {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .form__header h2 {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .form__header h2 {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .form__header h2 {
    font-size: 5.2vw;
  }
}

.form__header p {
  margin-top: 0.625rem;
  max-width: 75%;
  white-space: pre-line;
  font-size: 0.875rem;
  line-height: 1.2;
}

.form__header table {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
  width: 12.5rem;
  font-size: 0.75rem;
}

.form__group {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.form__group-headline {
  display: block;
  padding-bottom: 0.625rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: -0.037rem;
}

.form__group-text {
  white-space: pre-line;
  margin-bottom: 0.938rem;
  font-size: 0.875rem;
  letter-spacing: -0.031rem;
}

.form__group-text--small {
  font-size: 0.75rem;
}

.form__group-text a {
  text-decoration: underline;
}

.form__group--disabled {
  opacity: .5;
}

.accordion__content .form__group {
  padding-top: 1.063rem;
  padding-bottom: 1.063rem;
}

@media (min-width: 64em) {
  .accordion__content .form__group {
    padding-top: 1.25rem;
  }
}

@media (min-width: 64em) {
  .accordion__content .form__group {
    padding-bottom: 1.25rem;
  }
}

.form__row .button {
  text-align: center !important;
  display: block;
  width: 100%;
  padding-right: 0.313rem;
  padding-left: 0.313rem;
}

.form__row .link {
  opacity: 0.5;
}

.form__row .link:before {
  display: none;
}

.form__row:not(.form__row--justify) {
  text-align: center;
}

.form__row--justify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.form__row--justify > *:first-child {
  text-align: left;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47.5%;
          flex: 0 0 47.5%;
  max-width: 47.5%;
}

@media (min-width: 24.375em) {
  .form__row--justify > *:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    max-width: 47.5%;
  }
}

.form__row--justify > *:last-child {
  text-align: right;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47.5%;
          flex: 0 0 47.5%;
  max-width: 47.5%;
}

@media (min-width: 24.375em) {
  .form__row--justify > *:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    max-width: 47.5%;
  }
}

.form__row--uneven:not(.form__row--reverse) > *:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66%;
          flex: 0 0 66%;
  max-width: 66%;
}

@media (min-width: 24.375em) {
  .form__row--uneven:not(.form__row--reverse) > *:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66%;
            flex: 0 0 66%;
    max-width: 66%;
  }
}

.form__row--uneven:not(.form__row--reverse) > *:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 34%;
          flex: 0 0 34%;
  max-width: 34%;
}

@media (min-width: 24.375em) {
  .form__row--uneven:not(.form__row--reverse) > *:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 34%;
            flex: 0 0 34%;
    max-width: 34%;
  }
}

.form__row--uneven.form__row--reverse > *:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66%;
          flex: 0 0 66%;
  max-width: 66%;
}

@media (min-width: 24.375em) {
  .form__row--uneven.form__row--reverse > *:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66%;
            flex: 0 0 66%;
    max-width: 66%;
  }
}

.form__row--uneven.form__row--reverse > *:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 34%;
          flex: 0 0 34%;
  max-width: 34%;
}

@media (min-width: 24.375em) {
  .form__row--uneven.form__row--reverse > *:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 34%;
            flex: 0 0 34%;
    max-width: 34%;
  }
}

.form__label--outside {
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1.17;
  letter-spacing: -0.031rem;
  margin-bottom: 0.313rem;
  text-align: left;
}

.form__row + .form__row {
  margin-top: 1.063rem;
}

@media (min-width: 48em) {
  .form__row + .form__row {
    margin-top: 1.25rem;
  }
}

.form--padded {
  padding: 0.625rem;
}

@media (min-width: 24.375em) {
  .form--padded {
    padding: 1.063rem;
  }
}

@media (min-width: 24.375em) and (min-width: 64em) {
  .form--padded {
    padding: 1.25rem;
  }
}

.form--tight .form__row + .form__row {
  margin-top: -1px;
}

@media (min-width: 48em) {
  .form--tight .form__row + .form__row {
    margin-top: -1px;
  }
}

.form--tight .form__row--justify > *:first-child .form__item {
  border-right: 0;
}

.form--tight .form__row--justify > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: none;
}

.form--tight .form__field--radio,
.form--tight .form__field--checkbox {
  margin-top: 0.625rem;
}

.form--tight .form__notice {
  display: none !important;
}

.form--transparent {
  background-color: transparent;
}

.form + .form {
  margin-top: 1.875rem;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
}

input::-webkit-input-placeholder {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  color: rgba(0, 0, 0, 0.3);
}

input:-moz-placeholder {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  color: rgba(0, 0, 0, 0.3);
}

input:-ms-input-placeholder {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  color: rgba(0, 0, 0, 0.3);
}

input:-webkit-autofill {
  color: currentColor !important;
  background: transparent !important;
  -webkit-text-fill-color: currentColor !important;
}


.form__field--text .form__item, .form__field--textarea .form__item, .form__field--select .form__item, .claim-flow textarea {
  position: relative;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 2.375rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  font-size: 1rem;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  letter-spacing: -0.031rem;
  color: #282828;
  border: 0.063rem solid #282828;
  border-radius: 0;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

@media (min-width: 64em) {
  
  .form__field--text .form__item, .form__field--textarea .form__item, .form__field--select .form__item, .claim-flow textarea {
    font-size: 0.875rem;
  }
}

.form__field {
  position: relative;
  display: block;
  margin-bottom: 0.625rem;
  vertical-align: top;
}

.form__field:before, .form__field:after {
  content: "";
  display: table;
}

.form__field:after {
  clear: both;
}

.form__field.no-margin {
  margin-bottom: 0;
}

@media (min-width: 64em) {
  .form__field {
    margin-bottom: 1.25rem;
    width: 100%;
  }
  .form__field.no-margin {
    margin-bottom: 0;
  }
}

@media (min-width: 71.875em) {
  .form__field {
    margin-bottom: 1.875rem;
  }
  .form__field.no-margin {
    margin-bottom: 0;
  }
}

.form__field.is-separated {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.625rem !important;
  margin-bottom: 1.25rem !important;
}

.form__field.is-disabled {
  cursor: default;
}

.form__field.is-disabled .form__label {
  cursor: default;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
}

.form__field.is-disabled .form__label__text {
  color: rgba(0, 0, 0, 0.1);
}

.form__field.is-disabled .form__item {
  color: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.1);
}

.form__field.is-disabled .form__item::-webkit-input-placeholder {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  color: rgba(0, 0, 0, 0.1);
}

.form__field.is-disabled .form__item:-moz-placeholder {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  color: rgba(0, 0, 0, 0.1);
}

.form__field.is-disabled .form__item:-ms-input-placeholder {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  color: rgba(0, 0, 0, 0.1);
}

.form__field.is-required .form__label__text strong {
  display: inline-block;
}

.form__field.is-valid .form__valid {
  display: block;
}

.form__field.is-filled .form__item {
  border-color: #282828;
}

.form__field.is-filled .form__item:focus:not(:disabled), .form__field.is-filled .form__item:active:not(:disabled) {
  border-color: #282828;
}

.form__field.is-invalid .form__label,
.form__field.is-invalid .form__item, .form__field.is-invalid.is-filled .form__label,
.form__field.is-invalid.is-filled .form__item {
  color: firebrick;
}

.form__field .form__toggle-hidden {
  cursor: pointer;
  position: absolute;
  top: 0.625rem;
  right: 0.063rem;
  padding: 0 0.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.form__field .form__toggle-hidden svg {
  width: 1.25rem;
  height: 2.375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  fill: black;
}

.form__field .form__toggle-hidden span {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: underline;
  white-space: nowrap;
  font-size: 0.75rem;
}

.form__field--text:not(.form__field--label-outside) .form__toggle-hidden,
.form__field--select:not(.form__field--label-outside) .form__toggle-hidden,
.form__field--search:not(.form__field--label-outside) .form__toggle-hidden,
.form__field--textarea:not(.form__field--label-outside) .form__toggle-hidden {
  top: 0.625rem;
}

.form__field--text:not(.form__field--label-outside) .form__label,
.form__field--select:not(.form__field--label-outside) .form__label,
.form__field--search:not(.form__field--label-outside) .form__label,
.form__field--textarea:not(.form__field--label-outside) .form__label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 0.625rem;
  -webkit-transition: opacity 0.25s 0s ease, visibility 0s 0.25s, font-size 0.25s ease;
  transition: opacity 0.25s 0s ease, visibility 0s 0.25s, font-size 0.25s ease;
  opacity: 1;
  visibility: visible;
  padding-top: 0.313rem;
}

.form__field--text:not(.form__field--label-outside) .form__label .form__label__text,
.form__field--select:not(.form__field--label-outside) .form__label .form__label__text,
.form__field--search:not(.form__field--label-outside) .form__label .form__label__text,
.form__field--textarea:not(.form__field--label-outside) .form__label .form__label__text {
  font-size: 0.75rem;
  left: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: opacity 0.25s 0s ease, visibility 0s 0.25s, padding-top 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s 0s ease, visibility 0s 0.25s, padding-top 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s 0s ease, visibility 0s 0.25s, padding-top 0.25s ease, transform 0.25s ease;
  transition: opacity 0.25s 0s ease, visibility 0s 0.25s, padding-top 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}

.form__field--text:not(.form__field--label-outside).form__field--with-label .form__item,
.form__field--select:not(.form__field--label-outside).form__field--with-label .form__item,
.form__field--search:not(.form__field--label-outside).form__field--with-label .form__item,
.form__field--textarea:not(.form__field--label-outside).form__field--with-label .form__item {
  padding: 0.938rem 0.625rem 0.313rem;
}

.form__field--text:not(.form__field--label-outside).form__field--with-label .form__item:focus,
.form__field--text:not(.form__field--label-outside).form__field--with-label .form__item.has-value,
.form__field--select:not(.form__field--label-outside).form__field--with-label .form__item:focus,
.form__field--select:not(.form__field--label-outside).form__field--with-label .form__item.has-value,
.form__field--search:not(.form__field--label-outside).form__field--with-label .form__item:focus,
.form__field--search:not(.form__field--label-outside).form__field--with-label .form__item.has-value,
.form__field--textarea:not(.form__field--label-outside).form__field--with-label .form__item:focus,
.form__field--textarea:not(.form__field--label-outside).form__field--with-label .form__item.has-value {
  padding-bottom: 0.25rem;
}

.form__field--text:not(.form__field--label-outside).form__field--with-label .form__item:focus + .form__label,
.form__field--text:not(.form__field--label-outside).form__field--with-label .form__item.has-value + .form__label,
.form__field--select:not(.form__field--label-outside).form__field--with-label .form__item:focus + .form__label,
.form__field--select:not(.form__field--label-outside).form__field--with-label .form__item.has-value + .form__label,
.form__field--search:not(.form__field--label-outside).form__field--with-label .form__item:focus + .form__label,
.form__field--search:not(.form__field--label-outside).form__field--with-label .form__item.has-value + .form__label,
.form__field--textarea:not(.form__field--label-outside).form__field--with-label .form__item:focus + .form__label,
.form__field--textarea:not(.form__field--label-outside).form__field--with-label .form__item.has-value + .form__label {
  -webkit-transition: opacity 0.25s 0s ease, visibility 0s 0.25s, font-size 0.25s ease;
  transition: opacity 0.25s 0s ease, visibility 0s 0.25s, font-size 0.25s ease;
  line-height: 1.17;
}

.form__field--text:not(.form__field--label-outside).form__field--with-label .form__item:focus + .form__label .form__label__text,
.form__field--text:not(.form__field--label-outside).form__field--with-label .form__item.has-value + .form__label .form__label__text,
.form__field--select:not(.form__field--label-outside).form__field--with-label .form__item:focus + .form__label .form__label__text,
.form__field--select:not(.form__field--label-outside).form__field--with-label .form__item.has-value + .form__label .form__label__text,
.form__field--search:not(.form__field--label-outside).form__field--with-label .form__item:focus + .form__label .form__label__text,
.form__field--search:not(.form__field--label-outside).form__field--with-label .form__item.has-value + .form__label .form__label__text,
.form__field--textarea:not(.form__field--label-outside).form__field--with-label .form__item:focus + .form__label .form__label__text,
.form__field--textarea:not(.form__field--label-outside).form__field--with-label .form__item.has-value + .form__label .form__label__text {
  -webkit-transform: scale(0.75) translate(0.125rem, 0.188rem);
          transform: scale(0.75) translate(0.125rem, 0.188rem);
}

.form__field--text:not(.form__field--label-outside).form__field--with-label label,
.form__field--select:not(.form__field--label-outside).form__field--with-label label,
.form__field--search:not(.form__field--label-outside).form__field--with-label label,
.form__field--textarea:not(.form__field--label-outside).form__field--with-label label {
  pointer-events: none;
}

.form__label {
  display: block;
  margin-bottom: 0.313rem;
  color: #282828;
  text-align: left;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1.17;
  letter-spacing: -0.031rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.form__label__text {
  display: inline-block;
  font-size: 0.75rem;
  border-radius: 0.375rem;
}

.form__label > a {
  font-size: 0.688rem;
  opacity: 0.5;
  text-transform: none;
}

.form__notice {
  display: block;
  margin: 0.063rem 0 0.313rem;
  font-size: 0.75rem;
  text-align: left;
  clear: both;
}

.is-invalid .form__notice, .form__notice.is-invalid {
  color: firebrick;
}

.has-notification .form__notice {
  font-style: normal;
}

.form__field--text > .form__item,
.form__field--text .form__item {
  padding: 0.313rem 0.625rem;
  padding-bottom: 0.313rem;
  line-height: 0.875rem;
}

.form__field--text > .form__item::-ms-clear, .form__field--text > .form__item::-ms-reveal,
.form__field--text .form__item::-ms-clear,
.form__field--text .form__item::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.form__field--text .form__label {
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1.17;
  letter-spacing: -0.031rem;
}

.form__field--text .form__label__text {
  font-size: 0.75rem;
}

.form__field--text.form__field--text-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form__field--text.form__field--text-button .form__col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.form__field--text.form__field--text-button .form__col:first-child .form__item {
  border-right: none;
}

.form__field--text.form__field--text-button .form__col--action {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.form__field--text.form__field--text-button .form__col--action .button {
  white-space: nowrap;
}

.form__field--text.form__field--text-button .form__col--action .feedback-button {
  min-width: 5rem;
}

.form__field--search {
  border: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.form__field--search > .form__item {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  width: 100%;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  background-color: transparent;
  border: none;
  font-size: 1.5rem;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.062rem;
}

@media (min-width: 64em) {
  .form__field--search > .form__item {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .form__field--search > .form__item {
    padding-top: 0.813rem;
    padding-bottom: 0.875rem;
    font-size: 1.625rem;
  }
}

.form__field--search input::-ms-clear,
.form__field--search input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.form__field--search input::-webkit-input-placeholder {
  font-weight: 500;
  text-transform: uppercase;
}

.form__field--search input:-moz-placeholder {
  font-weight: 500;
  text-transform: uppercase;
}

.form__field--search input:-ms-input-placeholder {
  font-weight: 500;
  text-transform: uppercase;
}

.form__field--search input[type="search" i]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button {
  display: none;
}

.form__field--search-configurator {
  border: 0;
}

.form__field--search-configurator > .form__item {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0.063rem solid #282828;
  border-radius: 0;
  font-size: 1rem;
  text-transform: none;
  font-weight: 400;
  letter-spacing: -0.062rem;
  padding-top: 0;
  padding-bottom: 0;
  height: 2.375rem;
  line-height: 2.375rem;
  padding-left: 0.625rem;
}

@media (min-width: 64em) {
  .form__field--search-configurator > .form__item {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.25rem;
  }
}

.form__field--search-configurator > .form__item::-webkit-input-placeholder {
  font-weight: 500;
  text-transform: uppercase;
}

.form__field--search-configurator > .form__item:-moz-placeholder {
  font-weight: 500;
  text-transform: uppercase;
}

.form__field--search-configurator > .form__item:-ms-input-placeholder {
  font-weight: 500;
  text-transform: uppercase;
}

.form__field--textarea .form__item {
  display: block;
  padding: 0.625rem;
  min-height: 6.25rem;
  width: 100%;
  resize: none;
}

.form__field--textarea .form__item:focus, .form__field--textarea .form__item:active {
  outline: 0;
}

.form__field--textarea:not(.form__field--label-outside).form__field--with-label .form__item {
  padding-top: 1.125rem;
}

.form__field--select .form__container {
  position: relative;
}

.form__field--select.has-focus .form__container:after {
  border-left-color: rgba(0, 0, 0, 0.1);
}

.form__field--select .form__item {
  height: 2.375rem;
  padding-left: 0.625rem;
  padding-right: 2.5rem;
  color: #282828;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDEzIDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTEuNjI5NDU1NSAwTDEzIDEuMzkzMDg3MzMgNi41IDggMCAxLjM5MzA4NzMzIDEuMzcwNTQ0NDggMCA2LjUgNS4yMTM4MjUzM3oiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: calc(100% - 0.938rem) 50%;
  background-size: 0.625rem 0.375rem;
}

@media (min-width: 64em) {
  .form__field--select .form__item {
    height: 2.375rem;
    padding-left: 0.625rem;
    padding-right: 2.5rem;
  }
}

.form__field--select .form__item:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #282828;
}

.form__field--select .form__item::-ms-expand {
  display: none;
}

.form__field--select .form__item:focus {
  outline: 0;
}

.form__field--select .form__item option {
  color: #282828;
}

@media (min-width: 71.875em) {
  .form__field--select .form__item {
    padding-right: 3.125rem;
    background-size: 0.75rem 0.5rem;
  }
}

.form__field--radio {
  min-height: 1.125rem;
}

@media (min-width: 64em) {
  .form__field--radio {
    min-height: 1.25rem;
  }
}

.form__field--radio .form__item {
  margin-top: 0.563rem;
  margin-left: -0.625rem;
  vertical-align: top;
  position: absolute;
  opacity: 0;
}

@media (min-width: 64em) {
  .form__field--radio .form__item {
    float: left;
    margin-top: 0.313rem;
  }
}

.form__field--radio .form__notice {
  padding-left: 1.875rem;
}

.form__field--radio .form__label {
  position: relative !important;
  text-transform: none;
  cursor: pointer;
  margin: 0;
}

.form__field--radio .form__label .form__label__text {
  color: #282828;
  padding-left: 1.813rem;
  padding-top: 0.188rem;
  font-size: 0.875rem;
}

@media (min-width: 64em) {
  .form__field--radio .form__label .form__label__text {
    padding-left: 1.813rem;
    padding-right: 0;
  }
}

.form__field--radio .form__label .form__label__text:before {
  content: "";
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  background: #fff;
  border: 0.063rem solid #282828;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 64em) {
  .form__field--radio .form__label .form__label__text:before {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.form__field--radio .form__label .form__label__text:after {
  content: "";
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  text-align: center;
  background-color: #282828;
  border-radius: 50%;
  opacity: 0;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
}

@media (min-width: 64em) {
  .form__field--radio .form__label .form__label__text:after {
    width: 0.75rem;
    height: 0.75rem;
  }
}

.form__field--radio .form__item:checked + .form__label__text:after {
  opacity: 1;
}

.form__field--radio.is-disabled .form__label .form__label__text {
  color: #cfccc8;
}

.form__field--radio.is-disabled .form__label .form__label__text:before {
  border: 0.063rem solid #cfccc8;
}

.form__field--radio.is-invalid .form__label .form__label__text:before {
  border-color: firebrick;
}

.form__field--radio.is-invalid .form__label .form__label__text:after {
  background-color: firebrick;
}

.form__field--radio.inline {
  display: inline-block;
  width: auto;
  margin-right: 0.625rem;
}

.form__field--radio--caps .form__label {
  text-transform: uppercase;
}

.form__field--radio--caps .form__label .form__label__text {
  font-size: 0.75rem;
}

.form__field--checkbox {
  min-height: 1.125rem;
}

@media (min-width: 64em) {
  .form__field--checkbox {
    min-height: 1.25rem;
  }
}

.form__field--checkbox .form__item {
  margin: 0;
  margin-left: -0.625rem;
  vertical-align: top;
  position: absolute;
  opacity: 0;
}

.form__field--checkbox .form__label {
  position: relative !important;
  text-transform: none;
  cursor: pointer;
  margin-bottom: 0;
}

.form__field--checkbox .form__label a {
  text-decoration: underline;
}

.form__field--checkbox .form__notice {
  padding-left: 1.875rem;
}

.form__field--checkbox .form__label .form__label__text {
  line-height: 1;
  padding-left: 1.813rem;
  padding-top: 0.125rem;
}

@media (min-width: 64em) {
  .form__field--checkbox .form__label .form__label__text {
    padding-left: 1.813rem;
    padding-right: 0;
    font-size: 0.875rem;
  }
}

.form__field--checkbox .form__label .form__label__text .icon {
  display: inline-block;
  text-align: center;
  border: 0.063rem solid #282828;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.125rem;
  height: 1.125rem;
}

@media (min-width: 64em) {
  .form__field--checkbox .form__label .form__label__text .icon {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.form__field--checkbox .form__label .form__label__text .icon:after {
  content: "";
  display: block;
  text-align: center;
  line-height: 1.125rem;
  vertical-algn: middle;
  border-radius: 50%;
  background-color: #282828;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0.688rem;
  height: 0.688rem;
}

@media (min-width: 64em) {
  .form__field--checkbox .form__label .form__label__text .icon:after {
    width: 0.813rem;
    height: 0.813rem;
    line-height: 1.25rem;
  }
}

.form__field--checkbox .form__item:checked + .form__label__text .icon:after {
  opacity: 1;
}

.form__field--checkbox.is-disabled .form__label .form__label__text .icon {
  border: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.form__field--checkbox.is-invalid .form__label .form__label__text .icon {
  border-color: firebrick;
}

.form__field--checkbox.is-invalid .form__label .form__label__text .icon::after {
  background-color: firebrick;
}

.form__field--checkbox.is-invalid .form__label .form__label__text .icon .svg-icon {
  fill: firebrick;
}

.form__field--checkbox.inline {
  display: inline-block;
  width: auto;
  margin-right: 0.625rem;
}

.form__field--checkbox--caps .form__label {
  text-transform: uppercase;
}

.form__field--checkbox--caps .form__label .form__label__text {
  font-size: 0.75rem;
}

.form__field--checkbox--bold .form__label__text {
  padding-top: 0;
  font-weight: 500;
  letter-spacing: -0.031rem;
}

.form__field--checkbox--small {
  min-height: 0.938rem;
}

@media (min-width: 64em) {
  .form__field--checkbox--small {
    min-height: 0.938rem;
  }
}

.form__field--checkbox--small .form__label .form__label__text {
  padding-top: 0;
}

.form__field--checkbox--small .form__label .form__label__text .icon {
  width: 0.938rem;
  height: 0.938rem;
}

@media (min-width: 64em) {
  .form__field--checkbox--small .form__label .form__label__text .icon {
    width: 0.938rem;
    height: 0.938rem;
  }
}

.form__field--checkbox--small .form__label .form__label__text .icon:after {
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.938rem;
}

@media (min-width: 64em) {
  .form__field--checkbox--small .form__label .form__label__text .icon:after {
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.938rem;
  }
}

.form__field--checkbox--icon .form__item:checked + .form__label__text .custom-icon {
  display: none;
}

.form__field--checkbox--icon .form__item:checked + .form__label__text .custom-icon--checked {
  display: block;
}

.form__field--checkbox--icon.form__field--checkbox .form__label__text {
  padding: 0.313rem 0 0.313rem 0.938rem;
  font-weight: 500;
  text-transform: lowercase;
  font-size: 0.875rem;
}

.form__field--checkbox--icon .custom-icon {
  fill: #282828;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  bottom: 0.438rem;
  left: 0.125rem;
  stroke: #282828;
  stroke-width: 0.125rem;
}

.form__field--logical {
  position: relative;
}

.form__field--logical .form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.form__field--logical .form__label__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: calc(100% - 3.375rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  font-size: 0.875rem;
}

.form__field--logical .form__label div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 2.5rem;
  gap: 0.063rem;
  border-radius: 1.25rem;
  border: 0.063rem solid rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.1);
}

.form__field--logical .form__label div.is-active {
  border-color: #282828;
  background: #282828;
}

.form__field--logical .form__label div button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1.25rem 0 0 1.25rem;
  border: none;
  padding: 0;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  background: var(--body-bg);
  color: #282828;
}

.form__field--logical .form__label div button.is-active {
  background: #282828;
  color: var(--body-bg);
}

.form__field--logical .form__label div button svg {
  stroke: currentColor;
}

.form__field--logical .form__label div button + button {
  border-radius: 0 1.25rem 1.25rem 0;
}

.toggle-icon {
  position: relative;
}

.toggle-icon:before, .toggle-icon:after {
  content: "";
  display: block;
  width: 0.125rem;
  height: 100%;
  background-color: currentColor;
  position: absolute;
  top: 0;
  left: calc(50% - 0.063rem);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: height 0.15s ease-out, top 0.15s ease-out,
 -webkit-transform 0.15s ease-out;
  transition: height 0.15s ease-out, top 0.15s ease-out,
 -webkit-transform 0.15s ease-out;
  transition: height 0.15s ease-out, top 0.15s ease-out,
 transform 0.15s ease-out;
  transition: height 0.15s ease-out, top 0.15s ease-out,
 transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.toggle-icon:after {
  top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.toggle-icon.is-active:before {
  height: 0;
  top: 50%;
}

.accordion {
  margin: 0;
  overflow: hidden;
  position: relative;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.accordion + .accordion {
  border-top: none;
}

.accordion * {
  color: currentColor;
}

.accordion__trigger, .accordion__title {
  margin: 0;
  outline: none;
  text-align: left;
}

.accordion__trigger {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  display: block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

@media (min-width: 64em) {
  .accordion__trigger {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .accordion__trigger {
    padding-left: 8.33333%;
    position: relative;
  }
}

.accordion__content {
  display: none;
  background-color: transparent;
}

.accordion__content.is-mounted {
  display: block;
}

.accordion__content.is-mounted[aria-hidden="true"], .accordion__content[aria-hidden="true"] {
  display: none;
}

.accordion__content .rich-text {
  padding-left: 8.33333%;
  padding-top: 3.75rem;
  padding-bottom: 1.875rem;
  max-width: 50vw;
}

.accordion__content-inner {
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .accordion__content-inner {
    padding: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .accordion__content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media (min-width: 59.375em) {
  .accordion__content-inner .rich-text {
    max-width: 37.5rem;
    margin-right: 3.75rem;
  }
}

.accordion__content-inner__image {
  margin-top: 1.25rem;
  max-width: 100%;
  width: 25rem;
  height: auto;
}

@media (min-width: 59.375em) {
  .accordion__content-inner__image {
    max-height: 80vh;
    margin: -3.75rem -1.875rem -1.875rem;
    display: block;
    width: auto;
  }
}

.accordion .preview-tiles {
  padding-bottom: 4.25rem;
}

.accordion__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  min-height: 2.625rem;
}

@media (min-width: 59.375em) {
  .accordion__title {
    min-height: 2.313rem;
  }
}

.accordion__title .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.5;
}

@media (min-width: 48em) {
  .accordion__title .title {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .accordion__title .title {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .accordion__title .title {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .accordion__title .title {
    font-size: 1.25vw;
  }
}

@media (min-width: 59.375em) {
  .accordion__title .title {
    position: static;
  }
}

.accordion__title .title .icon {
  display: block;
  width: 1.063rem;
  height: 1.063rem;
  margin-top: -0.062rem;
}

@media (min-width: 59.375em) {
  .accordion__title .title .icon {
    margin-left: 1.063rem;
    margin-right: 1.063rem;
    width: 1.188rem;
    height: 1.188rem;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media (min-width: 59.375em) and (min-width: 64em) {
  .accordion__title .title .icon {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.accordion__title .title .icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #282828;
  -webkit-transition: fill 0.2s ease-out;
  transition: fill 0.2s ease-out;
}

.accordion__title .title--no-click {
  pointer-events: none;
}

.accordion__title .title--no-click button,
.accordion__title .title--no-click a {
  pointer-events: auto;
}

.accordion--checkbox {
  border-top: none;
  border-bottom: none;
}

.accordion--checkbox .accordion__trigger {
  padding-left: 0;
  padding-right: 0;
}

.accordion--checkbox .accordion__content-inner {
  padding-left: 0;
  padding-right: 0;
}

.accordion--mini {
  border-top: none;
  border-bottom: none;
}

.accordion--mini .accordion__title {
  min-height: auto;
}

.accordion--mini .accordion__trigger {
  padding-left: 0;
  padding-right: 0;
}

.accordion--mini .accordion__trigger .title {
  padding: 0.313rem 0 0.313rem 0.938rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.accordion--mini .accordion__trigger .icon {
  width: 0.563rem;
  height: 0.563rem;
  margin-top: -0.625rem;
  right: auto;
  left: 0;
}

@media (min-width: 59.375em) {
  .accordion--mini .accordion__trigger .icon {
    margin: -0.625rem 0 0;
    width: 0.563rem;
    height: 0.563rem;
    right: auto;
    left: 0;
    top: auto;
  }
}

.accordion--mini .accordion__content-inner {
  padding-left: 0;
  padding-right: 0;
}

.accordion--mini .accordion__content-inner > div {
  max-width: 100%;
  width: 100%;
  margin-right: 0;
}

.accordion--colored {
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.accordion--colored.is-active {
  background: #eeecea;
}

.accordion--colored-green {
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.accordion--colored-green.is-active {
  background: rgba(164, 168, 150, 0.5);
}

.accordion--colored-yellow {
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.accordion--colored-yellow.is-active {
  background: rgba(215, 198, 192, 0.5);
}

:root {
  --main-menu-bg-color: #fff;
  --main-menu-text-color: #282828;
  --main-menu-actions-h: 3.25rem;
}

.main-menu {
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  color: #282828;
  color: var(--main-menu-text-color);
}

.main-menu a {
  -webkit-transition: none;
  transition: none;
  color: currentColor;
}

.main-menu a:visited, .main-menu a:hover, .main-menu a:not([class]):hover, .main-menu a:visited:hover, .main-menu a:visited:not([class]):hover {
  color: currentColor !important;
}

.main-menu:focus {
  outline: 0;
}

@media (max-width: 63.99em) {
  .main-menu {
    top: auto !important;
  }
}

@media (min-width: 64em) {
  .main-menu {
    padding-left: 1.063rem;
    padding-right: 1.063rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 0.688rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: fixed;
    z-index: 106;
  }
}

@media (min-width: 64em) and (min-width: 64em) {
  .main-menu {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .main-menu > header {
    width: 100%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 0.688rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: fixed;
  }
}

.main-menu--solid {
  background-color: #fff;
  background-color: var(--main-menu-bg-color);
}

.main-menu button:not(.button) {
  border: none;
  background-color: transparent;
}

.main-menu__logo {
  margin: 1.063rem;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25vw;
          flex: 0 0 25vw;
  margin-bottom: 0;
  position: fixed;
  z-index: 100;
  -webkit-transform: translateY(0.063rem);
          transform: translateY(0.063rem);
}

@media (min-width: 64em) {
  .main-menu__logo {
    margin: 1.25rem;
  }
}

.main-menu__logo a,
.main-menu__logo img {
  display: block;
  width: 100%;
  fill: currentColor;
  max-width: 6.875rem;
  height: 1.188rem;
}

@media (min-width: 64em) {
  .main-menu__logo a,
  .main-menu__logo img {
    height: 1.313rem;
  }
}

.main-menu__logo svg {
  fill: currentColor;
  width: 6.25rem;
  height: 1.188rem;
}

@media (min-width: 64em) {
  .main-menu__logo svg {
    width: 6.813rem;
    height: 1.313rem;
  }
}

.is-open .main-menu__logo svg {
  fill: initial;
}

@media (min-width: 64em) {
  .main-menu__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667vw;
            flex: 0 0 16.66667vw;
    margin: 0;
    top: 0 !important;
    position: relative;
    z-index: 1000;
  }
}

@media (min-width: 71.875em) {
  .main-menu__logo {
    margin: 0;
  }
}

.main-menu__container {
  padding: 1.063rem;
  display: block;
  width: 100vw;
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: -100%;
  left: 0;
  z-index: 121;
  -webkit-transition: top 0.3s ease;
  transition: top 0.3s ease;
}

@media (min-width: 64em) {
  .main-menu__container {
    padding: 1.25rem;
  }
}

.is-open .main-menu__container {
  top: 0;
  color: initial;
}

@media (min-width: 64em) {
  .main-menu__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: auto;
    width: auto;
    padding: 0;
    background-color: transparent;
    position: static;
  }
}

.main-menu__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 64em) {
  .main-menu__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (min-width: 64em) {
  .main-menu__nav {
    display: inline-block;
  }
}

.main-menu__nav > ul > li {
  margin-bottom: 0.313rem;
}

@media (min-width: 64em) {
  .main-menu__nav > ul > li {
    display: inline-block;
    margin-right: 0.813rem;
    margin-top: -0.125rem;
  }
}

.main-menu__nav .space-top {
  margin-top: 1.875rem;
}

.main-menu__top-level-link {
  display: inline-block;
  padding: 0 0.125rem 0 0;
  margin: 0 0 0.313rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: currentColor;
  text-transform: uppercase;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.05em;
  text-align: left;
  white-space: normal;
}

@media (min-width: 48em) {
  .main-menu__top-level-link {
    font-size: 2.75rem;
  }
}

@media (min-width: 64em) {
  .main-menu__top-level-link.is-active:after {
    content: "";
    display: block;
    width: 100%;
    height: 0.063rem;
    background-color: currentColor;
    position: absolute;
    bottom: 0.063rem;
    left: 0;
  }
}

@media (min-width: 64em) {
  .main-menu__top-level-link {
    font-size: 1.25rem;
    position: relative;
  }
}

.main-menu__sub-level {
  padding: 1.063rem;
  width: 100%;
  height: 100%;
  padding-bottom: calc( var(--main-menu-actions-h) + 1.063rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  background-color: #fff;
  color: #282828;
  -webkit-transition: left 0.2s ease 0.3s;
  transition: left 0.2s ease 0.3s;
  overflow: auto;
}

@media (min-width: 64em) {
  .main-menu__sub-level {
    padding: 1.25rem;
  }
}

@media (min-width: 64em) {
  .main-menu__sub-level {
    height: 95vh;
    height: 95dvh;
    top: -100%;
    left: 0;
    padding: 5.938rem 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: fixed;
    z-index: -1;
    overflow: hidden;
    -webkit-transition: top 0 ease 0s;
    transition: top 0 ease 0s;
  }
  .main-menu__sub-level:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #fff;
    background-color: var(--main-menu-bg-color);
  }
}

.main-menu__sub-level button:not(.button) {
  padding: 0;
  margin: 0;
  outline: none;
}

.main-menu__sub-level a.is-underlined {
  display: inline-block;
  margin-top: 0.5rem;
  text-decoration: underline;
}

.main-menu__sub-level-content {
  display: none;
}

@media (min-width: 64em) {
  .main-menu__sub-level-content {
    display: block;
    width: 33%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33%;
            flex: 1 0 33%;
    margin-right: 8.33333%;
    background-position: center;
    background-size: cover;
  }
  .main-menu__sub-level-content h3 {
    padding-left: 1.063rem;
    padding-right: 1.063rem;
    display: block;
    width: 17.5rem;
    margin-bottom: 2.5rem;
    margin-top: 2.813rem;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.035em;
    color: currentColor;
  }
}

@media (min-width: 64em) and (min-width: 64em) {
  .main-menu__sub-level-content h3 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 64em) and (min-width: 21.875em) {
  .main-menu__sub-level-content h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 64em) and (min-width: 48em) {
  .main-menu__sub-level-content h3 {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) and (min-width: 64em) {
  .main-menu__sub-level-content h3 {
    font-size: 2.188rem;
  }
}

@media (min-width: 64em) and (min-width: 90em) {
  .main-menu__sub-level-content h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 64em) and (min-width: 120.25em) {
  .main-menu__sub-level-content h3 {
    font-size: 2.08vw;
  }
}

@media (min-width: 64em) {
  .main-menu__sub-level-content .button {
    margin-left: 1.063rem;
    margin-right: 1.063rem;
  }
}

@media (min-width: 64em) and (min-width: 64em) {
  .main-menu__sub-level-content .button {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 71.875em) {
  .main-menu__sub-level-content {
    margin-right: 16.66667%;
  }
}

@media (min-width: 120.25em) {
  .main-menu__sub-level-content {
    margin-right: 25%;
  }
}

.main-menu__sub-level-content--right {
  text-align: right;
}

.main-menu__sub-level-content--right h3 {
  margin-left: auto;
}

.main-menu__sub-level-content--bottom-left .main-menu__sub-level-content-inner {
  position: absolute;
  bottom: 1.25rem;
}

.main-menu__sub-level-content--bottom-right {
  text-align: right;
  position: relative;
}

.main-menu__sub-level-content--bottom-right h3 {
  margin-left: auto;
}

.main-menu__sub-level-content--bottom-right .main-menu__sub-level-content-inner {
  position: absolute;
  bottom: 1.25rem;
  right: 0;
}

.main-menu.is-open {
  color: #282828;
}

@media (min-width: 64em) {
  .main-menu.is-open {
    z-index: 200;
  }
}

.main-menu.is-open .main-menu__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-menu.is-open .main-menu__sub-level {
  -webkit-transition: left 0.2s ease;
  transition: left 0.2s ease;
}

@media (min-width: 64em) {
  .main-menu.is-open .main-menu__sub-level {
    -webkit-transition: top 0s ease;
    transition: top 0s ease;
  }
}

.main-menu.is-open .main-menu__sub-level.is-active {
  left: 0;
}

@media (min-width: 64em) {
  .main-menu.is-open .main-menu__sub-level.is-active {
    top: 0;
  }
}

.main-menu.is-open .main-menu__sub-level.is-active .main-menu__go-back {
  left: 0;
}

@media (min-width: 64em) {
  .main-menu.is-open .main-menu__sub-level.is-active .main-menu__go-back {
    top: 100%;
    opacity: 1;
    -webkit-transition: opacity 0s ease, top 0s linear 0s;
    transition: opacity 0s ease, top 0s linear 0s;
  }
}

.main-menu.is-open .main-menu__sub-level.is-active .main-menu__go-back button {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease 0.3s;
  transition: opacity 0.25s ease 0.3s;
}

.main-menu__accordions {
  display: block;
  padding-bottom: 3.75rem;
  overflow-y: scroll;
}

@media (min-width: 64em) {
  .main-menu__accordions {
    max-height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(33.33333% + 1.875rem);
            flex: 1 1 calc(33.33333% + 1.875rem);
    max-width: calc(33.33333% + 1.875rem);
    overflow: auto;
    margin: auto 0 0 8.33333%;
  }
}

@media (min-width: 120.25em) {
  .main-menu__accordions {
    margin: auto 0 0;
  }
}

.main-menu__accordions > .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 2.313rem;
  padding: 0 0 0 1.875rem;
}

.main-menu__accordions > .link span {
  font-weight: 500;
  position: relative;
  display: inline-block;
  line-height: 1;
  font-size: 1.625rem;
}

.main-menu__accordions > .link span:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.main-menu__accordions > .link span:hover:after, .main-menu__accordions > .link span:focus:after {
  right: 0;
}

.main-menu__accordions > .link span.is-active:after {
  opacity: 1;
  width: 100%;
}

@media (min-width: 48em) {
  .main-menu__accordions > .link span {
    font-size: 2rem;
  }
}

@media (min-width: 64em) {
  .main-menu__accordions > .link span {
    font-size: 1.625rem;
  }
}

.main-menu__accordions > .link:after {
  display: none;
}

.main-menu__accordions hr {
  border: 0;
}

.main-menu__accordions .accordion {
  position: relative;
  border: 0;
}

@media (min-width: 64em) {
  .main-menu__accordions .accordion {
    border: 0;
    display: block;
  }
}

.main-menu__accordions .accordion__title {
  min-height: 1.25em;
  line-height: 1;
  font-size: 1.625rem;
}

@media (min-width: 48em) {
  .main-menu__accordions .accordion__title {
    font-size: 2rem;
  }
}

@media (min-width: 64em) {
  .main-menu__accordions .accordion__title {
    font-size: 1.625rem;
  }
}

.main-menu__accordions .accordion__title .title {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  font-size: inherit;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.main-menu__accordions .accordion__title .title:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.main-menu__accordions .accordion__title .title:hover:after, .main-menu__accordions .accordion__title .title:focus:after {
  right: 0;
}

.main-menu__accordions .accordion__title .title.is-active:after {
  opacity: 1;
  width: 100%;
}

.main-menu__accordions .accordion__title .title:after {
  left: 1.875rem;
}

.main-menu__accordions .accordion__title .title:hover:after {
  width: calc(100% - 1.875rem);
}

.main-menu__accordions .accordion__title .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 !important;
  position: static;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: 1.875rem;
}

.main-menu__accordions .accordion:last-child li:last-child {
  padding-bottom: 0;
}

.main-menu__sub-nav {
  display: block;
}

.main-menu__sub-nav li {
  list-style: none;
  display: block;
  padding-left: 1.875rem;
}

.main-menu__sub-nav li > button,
.main-menu__sub-nav li > a {
  display: inline-block;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.29;
}

.main-menu__sub-nav li > .link--persistent {
  margin-top: 0.5rem;
}

.main-menu__sub-nav li:last-child {
  padding-bottom: 2.5rem;
}

.main-menu__sub-nav .main-menu__sub-root-nav {
  height: 0;
  overflow: hidden;
}

@media (min-width: 64em) {
  .main-menu__service-nav .main-menu__sub-root-nav {
    display: block;
    background-color: #fff;
    overflow: visible;
    position: absolute;
    z-index: -1;
    -webkit-transform: translateY(-1.875rem);
            transform: translateY(-1.875rem);
  }
  .main-menu__service-nav .main-menu__sub-root-nav:before, .main-menu__service-nav .main-menu__sub-root-nav:after {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }
  .main-menu__service-nav .main-menu__sub-root-nav:after {
    right: auto;
    left: 0;
  }
  .main-menu__service-nav .main-menu__sub-root-nav ul li {
    display: block;
    line-height: 1.313rem;
  }
  .main-menu__service-nav .main-menu__sub-root-nav ul li:first-child {
    margin-top: 3.125rem;
  }
  .main-menu__service-nav .main-menu__sub-root-nav ul li:last-child {
    margin-bottom: 1.25rem;
  }
}

.main-menu .main-menu__sub-root-nav {
  display: block;
}

.main-menu .main-menu__sub-root-nav ul {
  display: block;
  height: 0;
  overflow: hidden;
}

@media (min-width: 48em) {
  .main-menu .main-menu__sub-root-nav li {
    margin-left: 0;
  }
}

.main-menu .main-menu__sub-root-nav li {
  line-height: 1.5;
}

@media (min-width: 64em) {
  .main-menu .main-menu__sub-root-nav li {
    line-height: 1.2;
  }
}

.main-menu .main-menu__sub-root-nav li:first-child {
  margin-top: 0.188rem;
}

.main-menu .main-menu__sub-root-nav li:last-child {
  margin: 0 0 1.75rem;
}

@media (min-width: 64em) {
  .main-menu .main-menu__sub-root-nav li:last-child {
    margin: 0 0 2.5rem;
  }
}

.main-menu .main-menu__sub-root-nav li a {
  font-size: 0.875rem;
  letter-spacing: -0.05rem;
}

@media (min-width: 48em) {
  .main-menu .main-menu__sub-root-nav li a {
    font-size: 1.25rem;
  }
}

.main-menu .main-menu__sub-root-nav li a.is-active:before {
  width: 100%;
  opacity: 1;
}

.main-menu__go-back {
  display: block;
  width: 100%;
  height: calc(rem(var()));
  margin-top: auto;
  position: fixed;
  bottom: 0;
  left: 100%;
  background-color: #fff;
  border-top: 0.063rem solid #eeecea;
  -webkit-transition: left 0.2s ease;
  transition: left 0.2s ease;
}

@media (min-width: 64em) {
  .main-menu__go-back {
    display: none;
  }
}

.main-menu__go-back button:not(.button) {
  margin: 1.063rem;
  margin-top: 0.625rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  opacity: 0;
  -webkit-transition: opacity 0s ease;
  transition: opacity 0s ease;
}

@media (min-width: 64em) {
  .main-menu__go-back button:not(.button) {
    margin: 1.25rem;
  }
}

.main-menu__go-back button:not(.button) .icon,
.main-menu__go-back button:not(.button) svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 64em) {
  .main-menu__go-back button:not(.button) .icon,
  .main-menu__go-back button:not(.button) svg {
    display: none;
  }
}

.main-menu__sub-divider {
  display: block;
  height: 1.563rem;
  margin-bottom: 0;
}

.main-menu__service-nav {
  margin-top: auto;
  margin-bottom: 1.25rem;
}

.main-menu__service-nav .main-menu__sub-nav {
  display: none;
}

.main-menu__service-nav .main-menu__sub-root-nav:focus {
  outline: 0;
}

.main-menu__service-nav .main-menu__sub-root-nav li:last-child {
  margin-bottom: 0;
}

.main-menu__service-nav a,
.main-menu__service-nav button {
  position: relative;
  display: inline-block;
  padding: 0;
  color: currentColor;
  font-size: 1.25rem;
  line-height: 1.25;
  letter-spacing: -0.062rem;
}

@media (min-width: 48em) {
  .main-menu__service-nav a,
  .main-menu__service-nav button {
    font-size: 1.5rem;
  }
}

.is-open .main-menu__service-nav a, .is-open
.main-menu__service-nav button {
  color: initial;
}

.main-menu__service-nav a .icon,
.main-menu__service-nav button .icon {
  font-size: 1.25em;
}

@media (min-width: 64em) {
  .main-menu__service-nav a,
  .main-menu__service-nav button {
    font-size: 0.875rem;
  }
  .main-menu__service-nav a .icon,
  .main-menu__service-nav button .icon {
    display: none;
  }
}

@media (min-width: 64em) {
  .main-menu__service-nav {
    display: inline-block;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 0;
    position: absolute;
    top: 0.688rem;
    left: 66.66667%;
  }
  .main-menu__service-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main-menu__service-nav ul li {
    display: inline-block;
    margin-right: 0.938rem;
  }
}

.main-menu__actions {
  margin: 1.063rem;
  margin-bottom: 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 20;
  width: auto;
  margin-left: 4.063rem;
}

@media (min-width: 64em) {
  .main-menu__actions {
    margin: 1.25rem;
  }
}

@media (min-width: 64em) {
  .main-menu__actions {
    position: relative;
    margin-top: 0;
    margin-right: 0;
    z-index: 1000;
  }
}

.main-menu__actions-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: -0.125rem;
  text-align: right;
}

@media (min-width: 64em) {
  .main-menu__actions-list {
    margin-top: 0;
  }
}

.main-menu__actions-list li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1.063rem;
}

.is-open .main-menu__actions-list li {
  color: initial;
}

.main-menu__actions-list li a, .main-menu__actions-list li button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-menu__actions-list li a .icon,
.main-menu__actions-list li button .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.188rem;
  height: 1.188rem;
}

.main-menu__actions-list li a .icon svg,
.main-menu__actions-list li button .icon svg {
  fill: currentColor;
  display: block;
  width: 100%;
  height: 100%;
}

.is-open .main-menu__actions-list li a .icon svg, .is-open
.main-menu__actions-list li button .icon svg {
  fill: initial;
}

.main-menu__cart-count {
  display: none;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: underline;
  position: relative;
  margin-left: 0.125rem;
}

.main-menu__cart-count.is-mounted {
  display: inline-block;
}

.main-menu__close {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

@media (min-width: 64em) {
  .main-menu__close {
    right: 0.625rem;
    top: 1.875rem;
  }
}

.main-menu__close button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-top: 0.625rem;
  padding-right: 1.25rem;
  border: none;
  outline: none;
  background-color: transparent;
}

.main-menu__close button .icon,
.main-menu__close button svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.875rem;
  height: 1.875rem;
}

@media (min-width: 64em) {
  .main-menu__close button {
    padding: 0.813rem;
  }
}

.main-menu__open {
  display: block !important;
  width: 2.25rem;
  height: 1.25rem;
  padding: 0.375rem 0;
}

.main-menu__open:before, .main-menu__open:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.125rem;
  background-color: currentColor;
}

.main-menu__open:before {
  margin-bottom: 0.375rem;
}

@media (min-width: 64em) {
  .main-menu__open {
    display: none !important;
  }
}

.main-menu--simple {
  position: static;
  padding: 0;
  margin: 0;
  z-index: 0;
}

.main-menu--simple .main-menu__logo {
  margin: 0;
  top: 1.063rem !important;
  left: 1.063rem !important;
  position: absolute;
}

.main-menu--simple .main-menu__link {
  position: absolute;
  top: 0.75rem;
  right: 1.063rem;
  z-index: 5;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
}

.main-menu--simple .main-menu__link * + * {
  margin-left: 0.625rem;
}

.main-menu--simple .main-menu__link svg {
  width: 1.25rem;
  height: 1.25rem;
}

.main-menu.is-scrolled--top .viewing-as + .main-menu__logo {
  margin-top: 3.438rem;
}

@media (min-width: 64em) {
  .main-menu.is-scrolled--top .viewing-as + .main-menu__logo {
    margin-top: 0;
  }
}

.main-menu.is-configuring {
  width: calc(100% - 3.75rem);
}

.main-menu.is-configuring .main-menu__container {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}

@media (max-width: 59.365em) {
  .main-menu.is-configuring .main-menu__logo {
    display: none;
  }
}

@media (max-width: 63.99em) {
  body.dynamic-menu-colors .main-menu .main-menu__logo {
    display: block;
    margin: 0;
    width: 100%;
    padding: 0.625rem 1.063rem;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    background-color: #fff;
  }
  body.dynamic-menu-colors .main-menu .main-menu__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
    height: 2.438rem;
    z-index: 100;
  }
}

body.dynamic-menu-colors .main-menu.is-scrolled--top {
  color: #fff;
  background-color: transparent;
}

body.dynamic-menu-colors .main-menu.is-scrolled--top.is-open {
  color: #282828;
  background-color: #fff;
}

@media (max-width: 63.99em) {
  body.dynamic-menu-colors .main-menu.is-scrolled--top .main-menu__logo {
    background-color: transparent;
  }
}

body.dynamic-menu-colors .main-menu:not(.is-scrolled--top) {
  color: #282828;
  background-color: #fff;
}

@-webkit-keyframes main-menu-fadein {
  to {
    opacity: 1;
  }
}

@keyframes main-menu-fadein {
  to {
    opacity: 1;
  }
}

@media (min-width: 64em) {
  .main-menu.has-fadein {
    opacity: 0;
    -webkit-animation: main-menu-fadein 2s 2s ease forwards;
            animation: main-menu-fadein 2s 2s ease forwards;
  }
}

html.is-fixed body.dynamic-menu-colors .main-menu,
html.is-fixed body.dynamic-menu-colors .main-menu.is-scrolled--top,
html.is-fixed body.dynamic-menu-colors .main-menu.is-open {
  color: #282828;
  background-color: #fff;
}

.main-footer {
  position: relative;
  padding-top: 0.75rem;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  background: inherit;
}

@media (min-width: 59.375em) {
  .main-footer {
    padding-top: 1.125rem;
    position: relative;
  }
}

.main-footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

@media (min-width: 59.375em) {
  .main-footer__inner {
    position: static;
  }
}

.main-footer__group {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 64em) {
  .main-footer__group {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .main-footer__group {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.main-footer__group > div {
  width: 100%;
}

@media (max-width: 59.365em) {
  .main-footer__group-inner + .main-footer__group-inner {
    margin-top: 2.5rem;
  }
}

@media (min-width: 59.375em) {
  .main-footer__group-inner {
    width: 25%;
    max-width: 25%;
    margin-right: 1.25rem;
  }
}

.main-footer__nav {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  max-width: 50%;
}

@media (min-width: 48em) {
  .main-footer__nav {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

@media (min-width: 59.375em) {
  .main-footer__nav {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .main-footer__nav {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
    margin-left: 8.33333%;
  }
}

.main-footer__nav h2 {
  display: block;
  margin-bottom: 0.938rem;
  font-size: 0.75rem;
  letter-spacing: -0.037rem;
  text-transform: uppercase;
}

@media (min-width: 59.375em) {
  .main-footer__nav h2 {
    margin-bottom: 2.813rem;
  }
}

.main-footer__nav ul {
  display: block;
  margin-bottom: 1.688rem;
}

.main-footer__nav ul:last-child {
  margin-bottom: 0;
}

.main-footer__nav ul li {
  display: block;
  margin-bottom: 0.313rem;
  line-height: 1.375rem;
}

.main-footer__nav ul li a {
  display: inline-block;
  white-space: normal;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: -0.062rem;
}

.main-footer__nav ul li:last-child {
  margin-bottom: 0;
}

@media (min-width: 59.375em) {
  .main-footer__nav--social-nav {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
    margin-left: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    display: block;
    padding-right: 1.25rem;
  }
}

@media (min-width: 71.875em) {
  .main-footer__nav--social-nav {
    width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
}

.main-footer__nav--social-nav .main-footer__group {
  display: block;
}

.main-footer__nav--social-nav li a {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: currentColor;
}

.main-footer__nav--social-nav li a em {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.4s ease 0.1s;
  transition: opacity 0.4s ease 0.1s;
}

.main-footer__nav--social-nav li a span {
  position: relative;
  display: inline-block;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.main-footer__nav--social-nav li a span small {
  font-size: 0.64286em;
}

.main-footer__nav--social-nav li a span:after {
  content: "";
  display: block;
  width: 0.01px;
  height: 0.063rem;
  background-color: currentColor;
  position: absolute;
  bottom: 0.063rem;
  left: 0;
  opacity: 0;
  -webkit-transition: width 0.25s ease;
  transition: width 0.25s ease;
}

@media (hover: hover) {
  .main-footer__nav--social-nav li a:hover span {
    -webkit-transform: translateX(1em);
            transform: translateX(1em);
  }
  .main-footer__nav--social-nav li a:hover span:after {
    opacity: 1;
    width: 100%;
  }
  .main-footer__nav--social-nav li a:hover em {
    opacity: 1;
  }
}

.main-footer__signup {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

@media (min-width: 59.375em) {
  .main-footer__signup {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin-left: auto;
    padding-right: 1.25rem;
  }
}

@media (min-width: 71.875em) {
  .main-footer__signup {
    width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
}

.main-footer__signup h3 {
  margin-bottom: 0.625rem;
  font-size: 1.25rem;
  letter-spacing: -0.062rem;
  font-weight: 400;
}

.main-footer__signup .main-footer__group {
  margin-top: 3.125rem;
}

@media (min-width: 59.375em) {
  .main-footer__signup .main-footer__group {
    margin-top: 0;
  }
}

.main-footer__signup .form__field {
  margin-bottom: 0;
}

.main-footer__signup .form__field + .form__field {
  margin-top: -0.062rem;
}

.main-footer__service-nav {
  margin-top: 2.5rem;
  margin-bottom: 1.875rem;
  width: 100%;
  position: relative;
}

@media (min-width: 59.375em) {
  .main-footer__service-nav {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}

.main-footer__service-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 59.375em) {
  .main-footer__service-nav ul {
    display: block;
  }
}

.main-footer__service-nav ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  max-width: 50%;
}

@media (min-width: 48em) {
  .main-footer__service-nav ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 21%;
            flex: 0 1 21%;
    max-width: 21%;
  }
}

@media (min-width: 59.375em) {
  .main-footer__service-nav ul li {
    display: inline-block;
    width: auto;
    max-width: none;
  }
}

.main-footer__service-nav ul li a {
  display: inline-block;
  margin-right: 0.938rem;
  font-size: 0.75rem;
  line-height: 1.3;
  letter-spacing: -0.031rem;
}

.main-footer__service-nav ul li a:hover {
  text-decoration: underline;
}

@media (min-width: 59.375em) {
  .main-footer__service-nav ul li:first-child {
    margin-left: 8.33333vw;
  }
}

.main-footer__service-nav ul li.align-end {
  margin-top: 1.875rem;
}

@media (min-width: 59.375em) {
  .main-footer__service-nav ul li.align-end {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 66.66667%;
  }
}

@media (min-width: 71.875em) {
  .main-footer__service-nav ul li.align-end {
    left: 75%;
  }
}

.main-footer__copyright {
  padding: 1.063rem;
  display: block;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 0.75rem;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(270deg) translateX(100%);
          transform: rotate(270deg) translateX(100%);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}

@media (min-width: 64em) {
  .main-footer__copyright {
    padding: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .main-footer__copyright {
    right: auto;
    left: 0;
    bottom: 50%;
    -webkit-transform: rotate(270deg) translateY(100%) translateX(-50%);
            transform: rotate(270deg) translateY(100%) translateX(-50%);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
}

.main-footer__search {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 64em) {
  .main-footer__search {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .main-footer__search {
    padding-left: 8.33333%;
  }
}

.main-footer__search .footer-search {
  width: 100%;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  background-color: transparent;
  border: none;
  font-size: 1.5rem;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.062rem;
  text-align: left;
  color: rgba(40, 40, 40, 0.3);
}

@media (min-width: 59.375em) {
  .main-footer__search .footer-search {
    padding-top: 0.813rem;
    padding-bottom: 0.875rem;
    font-size: 1.625rem;
  }
}

.brand-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.813rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  background: inherit;
}

.brand-footer h5 {
  display: inline-block;
  padding: 0 1.25rem;
  font-weight: normal;
  font-size: 0.875rem;
}

@media (min-width: 48em) {
  .brand-footer h5 {
    font-size: 1rem;
  }
}

:root {
  --product-filter-bg-color: transparent;
  --product-filter-bg-color-active: #fff;
}

.product-filter {
  border-bottom: 0.063rem solid #d9d9d9;
  border-right: none;
  border-bottom: none;
  pointer-events: none;
  position: relative;
  z-index: 10;
}

.product-filter .product-filter__inner,
.product-filter .product-filter__content {
  background-color: transparent;
  background-color: var(--product-filter-bg-color);
}

.product-filter .product-filter__inner {
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.product-filter--grey {
  --product-filter-bg-color: #eeecea;
}

.product-filter--grey:not(.is-active) .product-filter__active-filters {
  background: #eeecea;
  background-color: var(--product-filter-bg-color);
}

.product-filter + .bordered-grid {
  margin-top: 0;
}

.product-filter__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 0.125rem);
  margin: 0 0 0 -1px;
  border-top: 0.063rem solid #d9d9d9;
  position: relative;
}

.product-filter__toggle {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.5rem;
  width: 100%;
  margin-bottom: -0.062rem;
  border: none;
  text-align: left;
  color: #282828;
}

@media (min-width: 64em) {
  .product-filter__toggle {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 71.875em) {
  .product-filter__toggle {
    height: 2.313rem;
  }
}

.product-filter__toggle .text {
  display: inline-block;
  padding-left: 0.625rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
}

.product-filter__toggle .icon {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
}

.product-filter__toggle .icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.product-filter__active-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -0.062rem;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  pointer-events: all;
}

.product-filter__active-filters.is-indented {
  width: calc(100% - 100vw / 3);
}

.product-filter__active-filters .text {
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-filter__active-filters .text span {
  font-size: 0.75rem;
  margin-right: 0.313rem;
}

.product-filter__active-filters li {
  display: inline-block;
  border-right: 0.063rem solid #d9d9d9;
  border-bottom: 0.063rem solid #d9d9d9;
  position: relative;
}

@media (min-width: 48em) {
  .product-filter__active-filters li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
  }
}

@media (min-width: 64em) {
  .product-filter__active-filters li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    min-width: 8.75rem;
    max-width: 12.5rem;
  }
}

.product-filter__active-filters li:first-child {
  border-right: 0;
}

@media (min-width: 59.375em) {
  .product-filter__active-filters li:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 15.688rem;
            flex: 0 0 15.688rem;
    max-width: 15.688rem;
    min-width: 15.688rem;
  }
}

@media (min-width: 120.25em) {
  .product-filter__active-filters li:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(13vw + 1px);
            flex: 0 0 calc(13vw + 1px);
    max-width: calc(13vw + 1px);
    min-width: calc(13vw + 1px);
  }
}

.product-filter__active-filters li:nth-child(2) {
  border-left: 0.063rem solid #d9d9d9;
}

.product-filter__active-filter {
  display: none;
  -webkit-transition: opacity 0.15s ease, width 0.25s ease, max-width 0.25s ease, min-width 0.25s ease;
  transition: opacity 0.15s ease, width 0.25s ease, max-width 0.25s ease, min-width 0.25s ease;
}

.product-filter__active-filter.is-mounted {
  display: block;
}

.product-filter__active-filter-enter, .product-filter__active-filter-leave-to {
  opacity: 0;
  max-width: 0;
  min-width: 0;
  width: 0;
}

.product-filter__active-filter-enter-to {
  opacity: 1;
  max-width: 12.5rem;
  overflow: hidden;
}

.product-filter__active-filter div {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.5rem;
  width: 100%;
}

@media (min-width: 64em) {
  .product-filter__active-filter div {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.product-filter__active-filter div .text {
  display: block;
  font-weight: 400;
  padding-right: 0.938rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.product-filter__active-filter div .remove {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0;
}

.product-filter__active-filter div .remove svg {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
}

.product-filter__active-filter button {
  border: none;
}

.product-filter__accessories {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  width: 100%;
  padding-bottom: 0.313rem;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

@media (min-width: 64em) {
  .product-filter__accessories {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.product-filter__accessories .form__field {
  margin-bottom: 0;
  margin-right: 0;
  display: inline-block;
}

@media (min-width: 48em) {
  .product-filter__accessories {
    text-align: right;
  }
}

.product-filter__accessories-group .form__field {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-filter__accessories-group .form__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0 !important;
  line-height: 0 !important;
}

.product-filter__accessories-group .form__label__text {
  line-height: 1.25rem !important;
  font-size: 0.875rem !important;
  white-space: nowrap;
  padding-top: 0 !important;
}

@media (max-width: 47.99em) {
  .product-filter__accessories-group .form__label {
    position: static !important;
  }
}

@media (min-width: 48em) {
  .product-filter__accessories-group {
    position: absolute;
    top: 0.063rem;
    right: 33.33333%;
  }
}

@media (min-width: 71.875em) {
  .product-filter__accessories-group {
    top: 2.5rem;
    right: 1.063rem;
  }
}

.product-filter__count {
  display: inline-block;
  margin-top: -0.187rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: -0.031rem;
}

@media (min-width: 48em) {
  .product-filter__count {
    font-size: 1.25rem;
    letter-spacing: -0.044rem;
    width: 100%;
  }
}

.product-filter__toggle-grid {
  display: none;
}

@media (min-width: 64em) {
  .product-filter__toggle-grid {
    display: none;
    position: relative;
    top: -0.062rem;
  }
}

.product-filter__toggle-grid li {
  display: inline-block;
  margin-left: 0.5rem;
}

.product-filter__toggle-grid li button {
  border: none;
  padding: 0;
}

.product-filter__toggle-grid li button.is-active .icon {
  opacity: 1;
}

.product-filter__toggle-grid li .icon {
  display: block;
  width: 1rem;
  height: 1rem;
  opacity: 0.2;
}

.product-filter__toggle-grid li .icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.product-filter__content {
  height: 0;
  width: 100%;
  -webkit-transition: border 0s 0.3 ease, background-color 0.2s ease;
  transition: border 0s 0.3 ease, background-color 0.2s ease;
}

.is-active .product-filter__content {
  border-top: 0.063rem solid #d9d9d9;
  -webkit-transition: border 0s ease, background-color 0.2s ease;
  transition: border 0s ease, background-color 0.2s ease;
}

.product-filter__content:after {
  content: '';
  display: block;
  background: #d9d9d9;
  width: 0.063rem;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 100%;
}

.product-filter__search {
  position: relative;
}

.product-filter__search input {
  background: transparent;
  margin-bottom: 1.25rem;
  height: 1.625rem;
  padding: 0 0.625rem 0 1.875rem;
  width: 100%;
  border: 0;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  font-size: 0.75rem;
}

.product-filter__search input:active, .product-filter__search input:focus {
  border-color: #282828;
}

.product-filter__search .svg-icon {
  position: absolute;
  top: 0.313rem;
  left: 0;
  width: 1rem;
  height: 1rem;
}

.product-filter__filters {
  pointer-events: all;
}

.product-filter__filters__links {
  padding: 0.938rem 0;
}

.product-filter__filters__links li {
  line-height: 1.25;
  display: block;
  padding: 0.313rem 1.063rem;
}

@media (min-width: 59.375em) {
  .product-filter__filters__links li {
    padding: 0.313rem 1.25rem;
  }
}

.product-filter__filters__links .link.active {
  font-weight: 500;
}

@media (min-width: 59.375em) {
  .product-filter__filters .accordion .title {
    padding-top: 0.625rem;
    padding-bottom: 0.563rem;
  }
}

@media (min-width: 59.375em) {
  .product-filter__filters .accordion .title .icon {
    margin: 0;
    width: 1.063rem;
    height: 1.063rem;
    position: absolute;
    right: 0.625rem;
    left: auto;
  }
}

.product-filter__filters .accordion:first-child {
  border-top: 0;
}

.product-filter__filters .accordion__content-inner {
  display: block;
}

.product-filter__filters .accordion__trigger {
  padding-left: 1.063rem;
}

@media (min-width: 59.375em) {
  .product-filter__filters .accordion__trigger {
    padding-left: 1.25rem;
  }
}

.product-filter__show-all {
  margin-top: 1.25rem;
  position: relative;
  display: block;
}

.product-filter__show-all .link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.625rem;
  font-size: 0.875rem;
}

.product-filter__show-all .link .icon {
  width: 0.75rem;
  height: 0.75rem;
}

.product-filter__show-all:before {
  content: '';
  position: absolute;
  bottom: calc(100% + 1.25rem);
  left: 0;
  right: 0;
  height: 3.125rem;
  pointer-events: none;
  background: -webkit-gradient(linear, left bottom, left top, from(var(--body-bg)), to(transparent));
  background: linear-gradient(to top, var(--body-bg) 0%, transparent 100%);
}

.product-filter__filter-list .form__field {
  margin-bottom: 0;
  padding-bottom: 0.438rem;
}

.product-filter__filter-list .form__field--checkbox .form__label .form__label__text {
  padding-left: 0;
  padding-right: 1.813rem;
}

@media (min-width: 64em) {
  .product-filter__filter-list .form__field--checkbox .form__label .form__label__text {
    padding-right: 1.813rem;
  }
}

.product-filter__filter-list .form__field--checkbox .form__label .icon {
  left: auto;
  right: 0;
  border-color: #282828;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1rem;
  height: 1rem;
}

.product-filter__filter-list .form__field--checkbox .form__label .icon svg {
  fill: transparent;
  stroke: currentColor;
  opacity: 0;
}

.product-filter__filter-list .form__field--checkbox .form__label .icon:after {
  display: none !important;
}

@media (min-width: 64em) {
  .product-filter__filter-list .form__field--checkbox .form__label .icon {
    width: 1rem;
    height: 1rem;
  }
}

.product-filter__filter-list .form__field--checkbox .form__item:checked + .form__label__text .icon {
  border-color: #282828;
  background: #282828;
  color: var(--body-bg);
}

.product-filter__filter-list .form__field--checkbox .form__item:checked + .form__label__text .icon:after {
  opacity: 1;
}

.product-filter__filter-list .form__field--checkbox .form__item:checked + .form__label__text .icon svg {
  opacity: 1;
}

.product-filter__action {
  position: relative;
  padding: 1.063rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 64em) {
  .product-filter__action {
    padding: 1.25rem;
  }
}

.product-filter__action > span {
  display: block;
  margin-left: 0.938rem;
}

@media (min-width: 59.375em) {
  .product-filter__action > span {
    display: none;
  }
}

.product-filter__action a:not(.button) {
  text-decoration: underline;
  white-space: nowrap;
  font-size: 0.875rem;
  pointer-events: all;
}

.product-filter__action .product-filter__count {
  margin-top: 0;
  width: auto;
  margin-right: auto;
  font-size: 0.875rem;
}

.product-filter__category + .product-filter__category {
  margin-top: 1.25rem;
}

.product-filter__category__title {
  margin-bottom: 0.625rem;
}

.product-filter--classic .product-filter__content {
  overflow: hidden;
}

@media (min-width: 64em) {
  .product-filter--classic .product-filter__filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 0.625rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .product-filter--classic .product-filter__filters .accordion {
    padding-left: 1.063rem;
    padding-right: 1.063rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    border: none;
  }
}

@media (min-width: 64em) and (min-width: 64em) {
  .product-filter--classic .product-filter__filters .accordion {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .product-filter--classic .product-filter__filters .accordion .accordion__content {
    display: block;
    height: auto !important;
  }
  .product-filter--classic .product-filter__filters .accordion .accordion__trigger {
    padding-left: 0;
    padding-right: 0;
    cursor: text;
  }
  .product-filter--classic .product-filter__filters .accordion .accordion__trigger .icon {
    display: none;
  }
  .product-filter--classic .product-filter__filters .accordion .accordion__content-inner {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 71.875em) {
  .product-filter--classic .product-filter__filters .accordion {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    max-width: 14.28571%;
  }
  .product-filter--classic .product-filter__filters .accordion__content {
    max-height: 13.938rem;
    overflow: auto;
  }
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.product-visualization__open {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: url("/static/svg/28x28_zoom.svg") 12 12, auto;
}

.product-visualization__image {
  display: block;
  width: 100%;
  cursor: url("/static/svg/28x28_zoom.svg") 12 12, auto;
}

.product-visualization .swiper-pagination.swiper-pagination-bullets {
  margin-top: 0;
}

.product-visualization .swiper-lazy {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  opacity: 0;
}

.product-visualization .swiper-lazy-loaded {
  opacity: 1;
}

.product-visualization .swiper-lazy-preloader {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  top: 0;
  left: 0;
  background-color: #333;
  -webkit-filter: blur(160px);
          filter: blur(160px);
  opacity: 0.4;
}

.product-visualization .product-swiper-button-prev,
.product-visualization .product-swiper-button-next {
  display: none;
  width: 12.5rem;
  height: 95%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: url("/static/svg/28x28_left.svg") 16 16, pointer;
}

@media (min-width: 64em) {
  .product-visualization .product-swiper-button-prev,
  .product-visualization .product-swiper-button-next {
    display: block;
  }
}

.product-visualization .product-swiper-button-next {
  left: auto;
  right: 0;
  cursor: url("/static/svg/28x28_right.svg") 16 16, pointer;
}

.product-visualization .product-swiper-button-prev.product-swiper-button-disabled,
.product-visualization .product-swiper-button-next.product-swiper-button-disabled {
  display: none;
}

.product-visualization__overlay {
  display: none;
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #eeecea;
}

.product-visualization__overlay.is-active {
  display: block;
}

.product-visualization__overlay .swiper-slide {
  width: 100vw;
  height: 100vh;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.product-visualization__overlay .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.product-visualization__overlay img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.product-visualization__overlay-navigation .product-swiper-button-prev,
.product-visualization__overlay-navigation .product-swiper-button-next {
  display: block;
  width: 30%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  background-color: red;
  opacity: 0;
}

.product-visualization__overlay-navigation .product-swiper-button-prev.product-swiper-button-disabled,
.product-visualization__overlay-navigation .product-swiper-button-next.product-swiper-button-disabled {
  display: none;
}

.product-visualization__overlay-navigation .product-swiper-button-next {
  left: auto;
  right: 0;
}

.product-visualization__overlay-close {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  display: block;
  width: 2rem;
  height: 2rem;
  padding: 0.313rem 0 0.313rem 0.313rem;
  margin-top: 0.313rem;
  border: none;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}

@media (min-width: 64em) {
  .product-visualization__overlay-close {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.product-visualization__overlay-close .icon,
.product-visualization__overlay-close .icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.quantity-selector {
  position: relative;
}

.quantity-selector__inner {
  margin-bottom: 0.625rem;
}

.quantity-selector__inputs {
  border: 0.063rem solid #282828;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.quantity-selector__colli {
  position: relative;
  font-size: 0.75rem;
  line-height: 1;
}

.quantity-selector__colli--inside {
  position: absolute;
  display: none;
  top: 0.875rem;
  right: 3.5rem;
}

.quantity-selector__colli--inside.is-active {
  display: block;
}

.quantity-selector__colli--outside {
  margin-top: 0.313rem;
  width: 100%;
  text-align: center;
}

.quantity-selector__input__minus, .quantity-selector__input__plus {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 3.75rem;
          flex: 0 1 3.75rem;
  height: 2.25rem;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 1.875rem;
  font-weight: 500;
  border: 0;
  border-right: 0.063rem solid #282828;
  background-color: transparent;
  position: relative;
  -webkit-appearance: none;
}

@media (min-width: 24.375em) {
  .quantity-selector__input__minus, .quantity-selector__input__plus {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 4.375rem;
            flex: 0 1 4.375rem;
  }
}

.quantity-selector__input__minus:focus, .quantity-selector__input__plus:focus {
  outline: none;
}

.quantity-selector__input__minus svg, .quantity-selector__input__plus svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  pointer-events: none;
  width: 0.875rem;
  height: 0.875rem;
}

.quantity-selector__input__plus {
  border-right: 0;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.quantity-selector__input__field {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 3.125rem;
          flex: 1 1 3.125rem;
  position: relative;
  display: block;
  border-right: 0.063rem solid #282828;
  height: 2.25rem;
}

.quantity-selector__input__field input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 2.375rem;
  max-width: 100%;
  border-radius: 0;
  border: 0;
  background-color: transparent;
  text-align: center;
  font-size: 1rem;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  -moz-appearance: textfield;
}

.quantity-selector__input__field p {
  position: absolute;
  top: 0.125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  font-size: 0.625rem;
}

.quantity-selector__input__field p + input {
  padding-top: 0.75rem;
}

.quantity-selector__input__field:disabled {
  color: currentColor;
}

.article-content {
  position: relative;
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .article-content {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 48em) {
  .article-content {
    margin-left: 0;
    margin-right: 0;
  }
}

.article-content + .article-content {
  margin-top: 1.063rem;
}

@media (min-width: 48em) {
  .article-content + .article-content {
    margin-top: 1.25rem;
  }
}

@media (min-width: 120.25em) {
  .article-content + .article-content {
    margin-top: 3.75rem;
  }
}

.article-title {
  font-size: 4.375rem;
  font-weight: 500;
  line-height: 0.85;
  letter-spacing: -0.03em;
  font-size: clamp(70px, 18vw, 118px);
}

@media (min-width: 35.4375em) {
  .article-title {
    font-size: clamp(70px, 15vw, 118px);
    line-height: 1;
  }
}

@media (min-width: 64em) {
  .article-title {
    font-size: clamp(118px, 11vw, 270px);
  }
}

@media (min-width: 48em) {
  .article-title {
    width: 75%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .article-title {
    width: 58.33333%;
    margin-left: 16.66667%;
  }
}

@media (min-width: 105em) {
  .article-title {
    width: 50%;
  }
}

.article-title a {
  border-bottom: 0.125rem solid currentColor;
}

.article-headline {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .article-headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .article-headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .article-headline {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .article-headline {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .article-headline {
    font-size: 5.2vw;
  }
}

@media (min-width: 48em) {
  .article-headline {
    width: 75%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .article-headline {
    width: 58.33333%;
    margin-left: 16.66667%;
  }
}

@media (min-width: 105em) {
  .article-headline {
    width: 50%;
  }
}

.article-headline a {
  border-bottom: 0.125rem solid currentColor;
}

.article-subheadline,
.article-subheadline2,
.article-subheadline3 {
  margin-bottom: 1.063rem;
}

@media (min-width: 48em) {
  .article-subheadline,
  .article-subheadline2,
  .article-subheadline3 {
    width: 75%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .article-subheadline,
  .article-subheadline2,
  .article-subheadline3 {
    width: 58.33333%;
    margin-left: 16.66667%;
  }
}

@media (min-width: 105em) {
  .article-subheadline,
  .article-subheadline2,
  .article-subheadline3 {
    width: 50%;
  }
}

.article-subheadline a,
.article-subheadline2 a,
.article-subheadline3 a {
  border-bottom: 0.125rem solid currentColor;
}

.article-subheadline {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .article-subheadline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .article-subheadline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .article-subheadline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .article-subheadline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .article-subheadline {
    font-size: 2.6vw;
  }
}

.article-subheadline2 {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
}

@media (min-width: 21.875em) {
  .article-subheadline2 {
    font-size: 1.5rem;
  }
}

@media (min-width: 48em) {
  .article-subheadline2 {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  .article-subheadline2 {
    font-size: 2.188rem;
  }
}

@media (min-width: 90em) {
  .article-subheadline2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .article-subheadline2 {
    font-size: 2.08vw;
  }
}

.article-subheadline3 {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .article-subheadline3 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .article-subheadline3 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .article-subheadline3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .article-subheadline3 {
    font-size: 1.25vw;
  }
}

.article-manchet {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .article-manchet {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .article-manchet {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .article-manchet {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .article-manchet {
    font-size: 1.56vw;
  }
}

@media (min-width: 48em) {
  .article-manchet {
    width: 83.33333%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .article-manchet {
    width: 66.66667%;
    margin-left: 16.66667%;
  }
}

@media (min-width: 105em) {
  .article-manchet {
    width: 66.66667%;
  }
}

@media (min-width: 120.25em) {
  .article-manchet {
    width: 58.33333%;
  }
}

@media (min-width: 48em) {
  .article-manchet--full {
    width: 91.66667%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .article-manchet--full {
    width: 83.33333%;
    margin-left: 8.33333%;
    margin-right: 8.33333%;
  }
}

@media (min-width: 90em) {
  .article-manchet--full {
    width: 75%;
    margin-left: 16.66667%;
  }
}

@media (min-width: 120.25em) {
  .article-manchet--full {
    width: 66.66667%;
    margin-right: 16.66667%;
  }
}

@media (min-width: 71.875em) {
  .article-manchet--less-indent {
    margin-left: 8.33333%;
  }
}

@media (min-width: 90em) {
  .article-manchet--less-indent {
    margin-left: 8.33333%;
  }
}

.article-paragraph {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 90em) {
  .article-paragraph {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.article-paragraph b, .article-paragraph strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 48em) {
  .article-paragraph {
    width: 66.66667%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .article-paragraph {
    width: 50%;
    margin-left: 16.66667%;
  }
}

@media (min-width: 105em) {
  .article-paragraph {
    width: 41.66667%;
  }
}

.article-paragraph a:not(.button) {
  text-decoration: underline;
}

.article-paragraph p + p {
  margin-top: 0.531rem;
}

@media (min-width: 71.875em) {
  .article-paragraph p + p {
    margin-top: 0.625rem;
  }
}

@media (min-width: 48em) {
  .article-richtext {
    width: 66.66667%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .article-richtext {
    width: 50%;
    margin-left: 16.66667%;
  }
}

@media (min-width: 105em) {
  .article-richtext {
    width: 41.66667%;
  }
}

@media (min-width: 59.375em) {
  .article-richtext {
    font-size: 1rem;
  }
}

.article-richtext > * + * {
  margin-top: 1.063rem;
}

@media (min-width: 59.375em) {
  .article-richtext > * + * {
    margin-top: 1.25rem;
  }
}

.article-richtext h1,
.article-richtext h2,
.article-richtext h3,
.article-richtext h4,
.article-richtext h5 {
  margin-bottom: 0.5em;
}

.article-richtext h1 {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .article-richtext h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .article-richtext h1 {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .article-richtext h1 {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .article-richtext h1 {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .article-richtext h1 {
    font-size: 5.2vw;
  }
}

.article-richtext h2 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .article-richtext h2 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .article-richtext h2 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .article-richtext h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .article-richtext h2 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .article-richtext h2 {
    font-size: 2.6vw;
  }
}

.article-richtext h3 {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
}

@media (min-width: 21.875em) {
  .article-richtext h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 48em) {
  .article-richtext h3 {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  .article-richtext h3 {
    font-size: 2.188rem;
  }
}

@media (min-width: 90em) {
  .article-richtext h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .article-richtext h3 {
    font-size: 2.08vw;
  }
}

.article-richtext h4 {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .article-richtext h4 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .article-richtext h4 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .article-richtext h4 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .article-richtext h4 {
    font-size: 1.25vw;
  }
}

.article-richtext h5 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .article-richtext h5 {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .article-richtext h5 {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .article-richtext h5 {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .article-richtext h5 {
    font-size: 1.56vw;
  }
}

.article-richtext p {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 90em) {
  .article-richtext p {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.article-richtext p b, .article-richtext p strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.article-richtext strong {
  font-weight: 500;
}

.article-richtext em {
  font-style: italic;
}

.article-richtext a:not(.button):not(.link) {
  text-decoration: underline;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
}

.article-richtext a:not(.button):not(.link) > em {
  text-indent: -9999px;
  display: inline-block;
  width: 0.563rem;
  height: 0.5rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAASUlEQVQoU4XP0Q0AEAxF0WsNa1jQTuawk7wmREt4Xy0nbZqABlSgc6boLwFWXOB6F1IidP1EEbrJO7pNtDURTeiOENJ1zwjlHxp66RC8ryxaWwAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  margin-right: 0.5em;
  position: relative;
  top: 0.5em;
}

.article-richtext ol {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  list-style: decimal outside;
}

@media (min-width: 90em) {
  .article-richtext ol {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.article-richtext ol b, .article-richtext ol strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.article-richtext ol li {
  margin-left: calc( 0.563rem + 0.5em);
}

.article-richtext ul {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  list-style: none;
}

@media (min-width: 90em) {
  .article-richtext ul {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.article-richtext ul b, .article-richtext ul strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.article-richtext ul li:before {
  display: inline-block;
  content: '\002014';
}

.article-richtext p,
.article-richtext ul,
.article-richtext table {
  margin-bottom: 0.625rem;
}

.article-richtext p:last-child,
.article-richtext ul:last-child,
.article-richtext table:last-child {
  margin-bottom: 0;
}

.article-richtext blockquote p {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .article-richtext blockquote p {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .article-richtext blockquote p {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .article-richtext blockquote p {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .article-richtext blockquote p {
    font-size: 1.56vw;
  }
}

.article-richtext blockquote cite {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .article-richtext blockquote cite {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .article-richtext blockquote cite {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.article-richtext sup {
  font-size: 70%;
  position: relative;
  top: -0.5em;
}

.article-richtext sub {
  font-size: 70%;
  position: relative;
  top: 0.5em;
}

.article-richtext small {
  font-size: 0.875em;
}

.article-richtext iframe,
.article-richtext object,
.article-richtext embed {
  background: #eeecea;
  display: block;
  width: 100%;
  margin-bottom: 2em;
}

.article-richtext table {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  min-width: 100%;
}

@media (min-width: 90em) {
  .article-richtext table {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.article-richtext table b, .article-richtext table strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 59.375em) {
  .article-richtext table {
    min-width: 0;
  }
  .article-richtext table th,
  .article-richtext table td {
    padding-right: 0.625rem;
  }
  .article-richtext table th:last-child,
  .article-richtext table td:last-child {
    padding-right: 0;
  }
}

.article-interview {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  color: #282828;
}

@media (min-width: 48em) {
  .article-interview {
    width: 66.66667%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .article-interview {
    width: 50%;
    margin-left: 16.66667%;
  }
}

@media (min-width: 105em) {
  .article-interview {
    width: 41.66667%;
  }
}

@media (min-width: 90em) {
  .article-interview {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.article-interview b, .article-interview strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.article-interview__line {
  padding: 0.313rem 0;
}

@media (min-width: 120.25em) {
  .article-interview__line {
    padding: 0.5rem 0;
  }
}

.article-interview__name {
  display: inline-block;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-size: 90%;
  font-weight: 500;
}

.article-quote {
  padding-right: 1.063rem;
  padding-left: 3.125rem;
  color: #282828;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.035em;
}

@media (min-width: 48em) {
  .article-quote {
    width: 83.33333%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .article-quote {
    width: 66.66667%;
    margin-left: 16.66667%;
  }
}

@media (min-width: 105em) {
  .article-quote {
    width: 66.66667%;
  }
}

@media (min-width: 120.25em) {
  .article-quote {
    width: 58.33333%;
  }
}

@media (min-width: 21.875em) {
  .article-quote {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .article-quote {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .article-quote {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .article-quote {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .article-quote {
    font-size: 2.6vw;
  }
}

@media (min-width: 48em) {
  .article-quote {
    padding-left: 0;
  }
}

.article-quote--with-marks:before, .article-quote--with-marks:after {
  content: '"';
  position: absolute;
  display: inline-block;
}

.article-quote--with-marks:before {
  margin-left: -0.937rem;
}

@media (min-width: 48em) {
  .article-quote--with-marks:before {
    margin-left: -1.25rem;
  }
}

@media (min-width: 64em) {
  .article-quote--with-marks:before {
    position: absolute;
    margin-left: -1.875rem;
  }
}

.article-quote__citation {
  display: block;
  margin-top: 0.625rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.17;
  letter-spacing: 0;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0;
}

.article-quote__citation-title {
  display: block;
  font-weight: 500;
}

.article-quote__citation__inner {
  display: block;
  -webkit-transform-origin: center;
          transform-origin: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  max-width: 12.5rem;
  width: 12.5rem;
  -webkit-transform: rotate(-90deg) translateY(-5.437rem);
          transform: rotate(-90deg) translateY(-5.437rem);
}

@media (min-width: 48em) {
  .article-quote__citation__inner {
    max-width: 6.25rem;
    width: 6.25rem;
    -webkit-transform: rotate(-90deg) translateY(-1.25rem);
            transform: rotate(-90deg) translateY(-1.25rem);
  }
}

@media (min-width: 64em) {
  .article-quote__citation__inner {
    max-width: 18.75rem;
    width: 18.75rem;
    -webkit-transform: rotate(-90deg) translateY(-7.5rem);
            transform: rotate(-90deg) translateY(-7.5rem);
  }
}

@media (min-width: 120.25em) {
  .article-quote__citation__inner {
    max-width: 12.5rem;
    width: 12.5rem;
    -webkit-transform: rotate(-90deg) translateY(-4.375rem);
            transform: rotate(-90deg) translateY(-4.375rem);
  }
}

.article-image {
  position: relative;
}

.article-image img,
.article-image video,
.article-image iframe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.article-image .rich-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.article-image__caption {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  margin-bottom: 1rem;
}

@media (min-width: 59.375em) {
  .article-image__caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
}

.article-image__caption--inverted {
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.article-image__caption--inverted .byline {
  margin-right: 0;
}

.article-image__caption > p,
.article-image__caption > .rich-text {
  margin-top: 1.063rem;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 37.5rem;
          flex: 0 1 37.5rem;
}

@media (min-width: 90em) {
  .article-image__caption > p,
  .article-image__caption > .rich-text {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.article-image__caption > p b, .article-image__caption > p strong,
.article-image__caption > .rich-text b,
.article-image__caption > .rich-text strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 59.375em) {
  .article-image__caption > p,
  .article-image__caption > .rich-text {
    margin-left: 8.33333%;
    padding: 0;
    margin-top: 0;
  }
}

.article-image--inverted .article-image__caption {
  text-align: left;
}

.article-image--inverted .article-image__caption .byline {
  margin-right: 0;
}

.article-image * + .article-image__caption {
  margin-top: 1rem;
  margin-bottom: 0;
}

.article-image .image-products__button + .article-image__caption {
  margin-top: 0 !important;
}

.article-image .image-products__button {
  position: relative;
  top: -3.125rem;
  margin-bottom: -3.125rem;
}

.article-image:has(button):not(:has(figcaption)) {
  margin-bottom: -1.875rem;
}

@media (min-width: 48em) {
  .article-image:not(.article-image--unconfined).article-image--description {
    width: 66.66667%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .article-image:not(.article-image--unconfined).article-image--description {
    width: 50%;
    margin-left: 16.66667%;
  }
}

@media (min-width: 105em) {
  .article-image:not(.article-image--unconfined).article-image--description {
    width: 41.66667%;
  }
}

@media (min-width: 48em) {
  .article-image:not(.article-image--unconfined):not(.article-image--description) {
    width: 75%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .article-image:not(.article-image--unconfined):not(.article-image--description) {
    width: 58.33333%;
    margin-left: 16.66667%;
  }
}

@media (min-width: 105em) {
  .article-image:not(.article-image--unconfined):not(.article-image--description) {
    width: 50%;
  }
}

@media (min-width: 59.375em) {
  .article-image:not(.article-image--unconfined) .article-image__caption {
    margin-top: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .article-image:not(.article-image--unconfined) .article-image__caption > p,
  .article-image:not(.article-image--unconfined) .article-image__caption > .rich-text {
    margin-top: 0;
  }
}

@media (min-width: 71.875em) {
  .article-image:not(.article-image--unconfined) .article-image__caption > p,
  .article-image:not(.article-image--unconfined) .article-image__caption > .rich-text {
    text-align: left;
    position: absolute;
    left: 100%;
    width: 33.33333%;
    -webkit-transform: translateY(calc(-100% - 1.25rem));
            transform: translateY(calc(-100% - 1.25rem));
    margin-left: 1.25rem;
  }
}

@media (min-width: 120.25em) {
  .article-image:not(.article-image--unconfined) .article-image__caption > p,
  .article-image:not(.article-image--unconfined) .article-image__caption > .rich-text {
    width: 41.66667%;
  }
}

@media (min-width: 48em) {
  .article-image--unconfined {
    width: 83.33333%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .article-image--unconfined {
    width: 66.66667%;
    margin-left: 16.66667%;
  }
}

@media (min-width: 105em) {
  .article-image--unconfined {
    width: 66.66667%;
  }
}

@media (min-width: 120.25em) {
  .article-image--unconfined {
    width: 58.33333%;
  }
}

@media (max-width: 47.99em) {
  .article-image--unconfined {
    width: 100%;
  }
}

@media (min-width: 71.875em) {
  .article-image--unconfined {
    margin-right: 0;
    width: 91.66667%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 59.375em) {
  .article-image--unconfined .article-image__caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
}

@media (min-width: 71.875em) {
  .article-image--unconfined .article-image__caption--inverted {
    padding-left: 0;
    padding-right: 1.25rem;
  }
}

@media (min-width: 71.875em) {
  .article-image--unconfined.article-image--inverted {
    margin-left: 0;
    margin-right: 8.33333%;
  }
}

@media (min-width: 59.375em) {
  .article-image--unconfined.article-image--inverted .article-image__caption {
    padding-right: 0;
  }
}

@media (min-width: 71.875em) {
  .article-image--unconfined.article-image--inverted .article-image__caption {
    padding-left: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .article-image--unconfined.article-image--inverted .article-image__caption--inverted {
    padding-right: 0;
    padding-left: 1.25rem;
  }
}

.byline {
  display: inline-block;
  margin: 0 1.063rem 0 0;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.17;
  color: currentColor;
  text-align: left;
}

@media (min-width: 48em) {
  .byline {
    font-size: 0.75rem;
  }
}

@media (min-width: 64em) {
  .byline {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .byline {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.byline__title {
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 500;
}

.trumpet {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .trumpet {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .trumpet {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.experience-scroll .article-images-2col {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  -webkit-transform: translateY(-1.875rem);
          transform: translateY(-1.875rem);
}

.experience-scroll .is-active .article-images-2col {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.article-images-2col img + .image-products__button {
  position: relative;
  bottom: auto;
  top: -3.125rem;
}

.article-images-2col__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 48em) {
  .article-images-2col__columns {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media (max-width: 47.99em) {
  .article-images-2col__column {
    width: 83.33333%;
  }
  .article-images-2col__column:nth-child(2) {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .article-images-2col__column:nth-child(1) {
    margin-top: 2.5rem;
  }
}

@media (min-width: 48em) {
  .article-images-2col__column {
    width: 50%;
  }
}

.article-images-2col__column .article-images-2col__figure-caption {
  padding-left: 1.063rem;
}

.article-images-2col__column:nth-child(2) {
  padding-left: 0;
}

.article-images-2col__column img,
.article-images-2col__column video {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.article-images-2col__column--slim {
  position: relative;
  overflow: hidden;
}

@media (min-width: 48em) {
  .article-images-2col__column--slim {
    width: 41.66667%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 48em) {
  .article-images-2col__column--slim img {
    max-width: none;
    width: calc(100% + 8.333333%);
  }
}

.article-images-2col__column--left {
  margin-right: 16.66667%;
}

@media (min-width: 48em) {
  .article-images-2col__column--left {
    margin-right: 8.33333%;
  }
  .article-images-2col__column--left .article-images-2col__headline,
  .article-images-2col__column--left .article-images-2col__text {
    padding-left: 1.063rem;
    padding-right: 0;
  }
}

.article-images-2col__column--left .article-images-2col__text {
  text-align: right;
  max-width: none;
  margin-left: 1.063rem;
}

@media (min-width: 48em) {
  .article-images-2col__column--left .article-images-2col__text {
    margin-right: 0;
    margin-left: 25%;
  }
}

@media (min-width: 64em) {
  .article-images-2col__column--left .article-images-2col__text {
    margin-left: 33.33333%;
  }
}

@media (min-width: 80em) {
  .article-images-2col__column--left .article-images-2col__text {
    margin-left: 41.66667%;
  }
}

@media (min-width: 90em) {
  .article-images-2col__column--left .article-images-2col__text {
    margin-left: 50%;
  }
}

.article-images-2col__column--right {
  margin-left: 16.66667%;
}

@media (min-width: 48em) {
  .article-images-2col__column--right {
    margin-left: 8.33333%;
  }
}

.article-images-2col__column--right .article-images-2col__figure-caption {
  padding-left: 0;
}

@media (min-width: 64em) {
  .article-images-2col__column--right .article-images-2col__figure-caption {
    padding-left: 0;
  }
}

@media (min-width: 48em) {
  .article-images-2col__column--offset-top {
    margin-top: 7.5rem;
  }
}

@media (min-width: 120.25em) {
  .article-images-2col__column--offset-top {
    margin-top: 10rem;
  }
}

.article-images-2col__headline {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  margin-right: auto;
  margin-left: 8.33333vw;
  display: block;
  color: #282828;
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
  margin-bottom: 1.063rem;
  margin-left: 1.063rem;
  max-width: 50vw;
}

@media (min-width: 21.875em) {
  .article-images-2col__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .article-images-2col__headline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .article-images-2col__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .article-images-2col__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .article-images-2col__headline {
    font-size: 2.6vw;
  }
}

@media (min-width: 64em) {
  .article-images-2col__headline {
    max-width: 41.66667vw;
    margin-right: 8.33333vw;
  }
}

@media (min-width: 120.25em) {
  .article-images-2col__headline {
    max-width: 33.33333vw;
  }
}

.article-images-2col__headline--right {
  text-align: right;
  margin-left: auto;
  margin-right: 8.33333vw;
}

@media (max-width: 63.99em) {
  .article-images-2col__headline--right {
    margin-right: 1.063rem;
  }
}

@media (min-width: 48em) {
  .article-images-2col__headline + .article-images-2col__figure {
    margin-top: 12.5rem;
  }
}

.article-images-2col__figure + .article-images-2col__headline {
  margin-top: 1.063rem;
}

.article-images-2col__text {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
  margin-bottom: 1.063rem;
  color: #282828;
}

@media (min-width: 90em) {
  .article-images-2col__text {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.article-images-2col__text b, .article-images-2col__text strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 48em) {
  .article-images-2col__text {
    padding-right: 1.063rem;
    margin-right: 25%;
  }
}

@media (min-width: 71.875em) {
  .article-images-2col__text {
    margin-right: 33.33333%;
  }
}

@media (min-width: 90em) {
  .article-images-2col__text {
    margin-right: 41.66667%;
  }
}

@media (min-width: 120.25em) {
  .article-images-2col__text {
    max-width: 31.25rem;
  }
}

.article-images-2col__text a:not(.button) {
  font-size: 0.95em;
}

.article-images-2col__text--offset-top {
  margin-top: 3.75rem;
}

@media (min-width: 48em) {
  .article-images-2col__text--offset-top {
    margin-top: 7.5rem;
  }
}

@media (min-width: 120.25em) {
  .article-images-2col__text--offset-top {
    margin-top: 10rem;
  }
}

.article-images-2col .button {
  margin-top: 1.25rem;
}

@media (min-width: 120.25em) {
  .article-images-2col .button {
    margin-top: 2.5rem;
  }
}

.article-images-2col__figure {
  position: relative;
}

.article-images-2col__figure--offset-top {
  margin-top: 7.5rem;
}

.article-images-2col__figure .article-images-2col__figure-caption {
  margin-bottom: 0;
}

.article-images-2col__figure .article-images-2col__figure-caption + img {
  margin-top: 1.063rem;
}

.article-images-2col__figure img + .article-images-2col__figure-caption {
  margin-top: 0.625rem;
}

@media (min-width: 48em) {
  .article-images-2col__figure img + .article-images-2col__figure-caption {
    margin-top: 1.063rem;
  }
}

.article-images-2col__figure-caption {
  margin-bottom: 1.063rem;
}

.article-images-2col__figure-caption--inverted {
  text-align: right;
  padding-right: 1.063rem;
}

.article-images-2col__figure-caption--inverted .byline {
  margin-right: 0;
}

.article-images-2col__figure-caption + .image-products__button {
  -webkit-transform: translateY(-3.125rem);
          transform: translateY(-3.125rem);
}

@media (max-width: 47.99em) {
  .article-images-2col--inverted .article-images-2col__column:nth-child(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 2.5rem;
  }
  .article-images-2col--inverted .article-images-2col__column:nth-child(1) {
    margin-top: 0;
  }
}

.article-images-2col--inverted .article-images-2col__column--left .article-images-2col__headline,
.article-images-2col--inverted .article-images-2col__column--left .article-images-2col__text {
  padding-right: 0;
}

.article-images-2col--grouped-content .article-images-2col__headline,
.article-images-2col--grouped-content .article-images-2col__text {
  margin: 0;
  padding: 0;
  max-width: none;
}

.article-images-2col--grouped-content .article-images-2col__headline {
  margin-bottom: 3.188rem;
}

.article-images-2col--grouped-content .article-images-2col__column--left .article-images-2col__headline,
.article-images-2col--grouped-content .article-images-2col__column--left .article-images-2col__text {
  text-align: left;
  padding-left: 1.063rem;
}

@media (min-width: 35.4375em) {
  .article-images-2col--grouped-content .article-images-2col__column--left .article-images-2col__headline,
  .article-images-2col--grouped-content .article-images-2col__column--left .article-images-2col__text {
    margin-left: 8.33333vw;
  }
}

@media (min-width: 59.375em) {
  .article-images-2col--grouped-content .article-images-2col__column--left .article-images-2col__headline,
  .article-images-2col--grouped-content .article-images-2col__column--left .article-images-2col__text {
    padding-left: 0;
    margin-right: 16.66667vw;
  }
}

.article-images-2col--grouped-content .article-images-2col__column--left .article-images-2col__headline {
  margin-top: 1.25rem;
}

@media (min-width: 59.375em) {
  .article-images-2col--grouped-content .article-images-2col__column--left .article-images-2col__headline {
    margin-top: 2.125rem;
  }
}

.article-images-2col--grouped-content .article-images-2col__column--right .article-images-2col__headline,
.article-images-2col--grouped-content .article-images-2col__column--right .article-images-2col__text {
  text-align: left;
  padding-right: 1.063rem;
}

@media (min-width: 59.375em) {
  .article-images-2col--grouped-content .article-images-2col__column--right .article-images-2col__headline,
  .article-images-2col--grouped-content .article-images-2col__column--right .article-images-2col__text {
    padding-right: 0;
    margin-right: 25%;
  }
}

@media (min-width: 120.25em) {
  .article-images-2col--grouped-content .article-images-2col__column--right .article-images-2col__headline,
  .article-images-2col--grouped-content .article-images-2col__column--right .article-images-2col__text {
    margin-right: 40%;
  }
}

.article-images-2col--grouped-content .article-images-2col__column--right .article-images-2col__text {
  margin-bottom: 1.25rem;
}

@media (min-width: 59.375em) {
  .article-images-2col--grouped-content .article-images-2col__column--right .article-images-2col__text {
    margin-bottom: 8.33333%;
  }
}

.article-images-2col--grouped-content.article-images-2col--inverted .article-images-2col__column--left .article-images-2col__headline {
  margin-top: 0;
}

.article-images-2col--grouped-content.article-images-2col--inverted .article-images-2col__column--left .article-images-2col__text {
  margin-bottom: 1.25rem;
}

@media (min-width: 48em) {
  .article-images-2col--grouped-content.article-images-2col--inverted .article-images-2col__column--left .article-images-2col__text {
    margin-bottom: 8.33333%;
  }
}

.article-images-2col--grouped-content.article-images-2col--inverted .article-images-2col__column--right .article-images-2col__headline {
  margin-top: 1.25rem;
}

@media (min-width: 48em) {
  .article-images-2col--grouped-content.article-images-2col--inverted .article-images-2col__column--right .article-images-2col__headline {
    margin-top: 2.5rem;
  }
}

.article-image-content--offset-top {
  margin-top: 4.063rem;
}

.article-image-content--offset-top .article-image-content__content__top {
  -webkit-transform: translateY(-3.437rem);
          transform: translateY(-3.437rem);
}

.article-image-content__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 64em) {
  .article-image-content__inner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.article-image-content__col {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

@media (min-width: 64em) {
  .article-image-content__col {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

@media (min-width: 64em) {
  .article-image-content__col--slim {
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
  }
}

@media (min-width: 64em) {
  .article-image-content__col--wide {
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media (min-width: 64em) {
  .article-image-content__col--slim + .article-image-content__col--wide {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    padding-left: 8.33333%;
  }
}

@media (min-width: 64em) {
  .article-image-content__col--wide + .article-image-content__col--slim {
    padding-left: 8.33333%;
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media (max-width: 63.99em) {
  .article-image-content__col--text {
    padding-left: 1.063rem;
    padding-right: 1.063rem;
  }
}

@media (max-width: 63.99em) and (min-width: 64em) {
  .article-image-content__col--text {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .article-image-content__col--text:first-child {
    padding-left: 8.33333%;
    padding-right: 8.33333%;
    width: 41.66667%;
  }
}

@media (min-width: 64em) {
  .article-image-content__col--text:first-child + .article-image-content__col--wide {
    width: 50%;
  }
}

@media (min-width: 64em) {
  .article-image-content__col--text:first-child + .article-image-content__col--slim {
    padding-left: 16.66667%;
    width: 41.66667%;
  }
}

.article-image-content__image {
  max-width: 100%;
  width: auto;
  max-height: 80vh;
}

.article-image-content__image img {
  position: relative;
  width: auto;
  max-height: 100%;
}

.article-image-content__tag {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

@media (min-width: 64em) {
  .article-image-content__tag {
    display: block;
  }
}

.article-image-content__content {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.article-image-content__content__headline {
  color: #282828;
  font-size: 2.375rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.1rem;
  margin-bottom: 1.25rem;
}

.article-image-content__content__button-wrapper {
  margin-top: 1.25rem;
}

.article-image-content__content__image {
  overflow: hidden;
}

.article-image-content__content__image img {
  max-width: 25rem;
  max-height: 100%;
}

.article-image-content__content__text {
  margin: 1.25rem 0;
  font-size: 0.875rem;
  line-height: 1.21;
  font-weight: 400;
  letter-spacing: -0.037rem;
}

@media (min-width: 24.375em) {
  .article-image-content__content__text {
    max-width: 66.66667%;
  }
}

@media (min-width: 48em) {
  .article-image-content__content__text {
    max-width: 58.33333%;
  }
}

@media (min-width: 64em) {
  .article-image-content__content__text {
    max-width: 41.66667%;
  }
}

@media (min-width: 80em) {
  .article-image-content__content__text {
    max-width: 25%;
  }
}

@media (min-width: 80em) {
  .article-image-content__content__text--2col {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
}

:root {
  --meet-designer-bg-color: #d7c6c0;
  --meet-designer-text-color: #282828;
}

.meet-designer {
  color: #282828;
  color: var(--meet-designer-text-color);
}

.meet-designer .meet-designer__content__headline {
  color: currentColor;
}

.meet-designer a.button,
.meet-designer a.button--secondary {
  color: var(--meet-designer-text-color);
  border-color: var(--meet-designer-text-color);
}

.meet-designer a.button:hover,
.meet-designer a.button--secondary:hover {
  color: var(--meet-designer-bg-color);
  border-color: var(--meet-designer-bg-color);
  background-color: var(--meet-designer-text-color);
}

.meet-designer--offset-top {
  position: relative;
}

.meet-designer--offset-top .meet-designer__content__headline {
  margin-top: -1.5em;
}

.meet-designer__inner {
  background-color: #d7c6c0;
  background-color: var(--meet-designer-bg-color);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 64em) {
  .meet-designer__inner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.meet-designer__col {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media (min-width: 64em) {
  .meet-designer__col {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media (min-width: 64em) {
  .meet-designer__col--text {
    margin-left: 8.33333%;
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
  }
}

.meet-designer__col--text .meet-designer__content {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 64em) {
  .meet-designer__col--text .meet-designer__content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .meet-designer__col--text .meet-designer__content {
    padding-left: 0;
    padding-right: 0;
  }
}

.meet-designer__image img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.meet-designer__tag {
  display: none;
  position: absolute;
  top: 50%;
  left: 1.25rem;
  -webkit-transform: rotate(-90deg) translateY(-100%);
          transform: rotate(-90deg) translateY(-100%);
  font-size: 0.75rem;
  text-transform: uppercase;
}

@media (min-width: 64em) {
  .meet-designer__tag {
    display: block;
  }
}

.meet-designer__content {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.meet-designer__content-top {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.meet-designer__content-middle {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-top: 1.25rem;
}

@media (min-width: 24.375em) {
  .meet-designer__content-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (min-width: 48em) {
  .meet-designer__content-middle {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.meet-designer__content-middle div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 48em) {
  .meet-designer__content-middle div:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
}

.meet-designer__content-middle div:first-child {
  margin-right: 0.625rem;
}

@media (min-width: 48em) {
  .meet-designer__content-middle div:first-child {
    margin-bottom: 1.063rem;
  }
}

.meet-designer__content-bottom {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.meet-designer__content__headline {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: #282828;
  margin-bottom: 1.25rem;
  max-width: 13.125rem;
}

@media (min-width: 21.875em) {
  .meet-designer__content__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .meet-designer__content__headline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .meet-designer__content__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .meet-designer__content__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .meet-designer__content__headline {
    font-size: 2.6vw;
  }
}

.meet-designer__content__headline > div {
  white-space: nowrap;
}

.meet-designer__content__headline-sub {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.75rem;
}

.meet-designer__content__headline-sub div {
  text-transform: none;
  font-weight: 400;
}

.meet-designer__content__image {
  margin-top: 2.5rem;
  width: 60%;
}

@media (min-width: 24.375em) {
  .meet-designer__content__image {
    margin-top: 0.625rem;
  }
}

@media (min-width: 48em) {
  .meet-designer__content__image {
    width: 30%;
  }
}

@media (min-width: 64em) {
  .meet-designer__content__image {
    width: 50%;
  }
}

@media (min-width: 80em) {
  .meet-designer__content__image {
    width: 40%;
  }
}

@media (min-width: 120.25em) {
  .meet-designer__content__image {
    width: 33%;
  }
}

.meet-designer__content__image img {
  display: block;
  width: 100%;
  max-width: 25rem;
  max-height: 100%;
}

.meet-designer__content__text {
  margin: 3.125rem 0 2.5rem;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 90em) {
  .meet-designer__content__text {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.meet-designer__content__text b, .meet-designer__content__text strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.meet-designer__content__text p:not(:first-child) {
  text-indent: 2.5rem;
}

@media (min-width: 24.375em) {
  .meet-designer__content__text {
    padding-right: 1.25rem;
    max-width: 66.66667vw;
  }
}

@media (min-width: 48em) {
  .meet-designer__content__text {
    margin-top: 10vh;
    max-width: 58.33333vw;
  }
}

@media (min-width: 64em) {
  .meet-designer__content__text {
    margin: 1.875rem 0 1.25rem;
    max-width: 41.66667vw;
  }
}

@media (min-width: 80em) {
  .meet-designer__content__text {
    max-width: 25vw;
  }
}

@media (min-width: 48em) {
  .meet-designer__content__text--2col {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
  .meet-designer__content__text--2col p:not(:first-child) {
    text-indent: 0;
  }
}

:root {
  --family-bg-color: #eeecea;
  --family-text-color: #282828;
}

.family {
  color: #282828;
  color: var(--family-text-color);
  background-color: #eeecea;
  background-color: var(--family-bg-color);
}

.family a.button,
.family a.button--secondary {
  color: var(--family-text-color);
  border-color: var(--family-text-color);
}

.family a.button:hover,
.family a.button--secondary:hover {
  color: var(--family-bg-color);
  border-color: var(--family-bg-color);
  background-color: var(--family-text-color);
}

.family__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 64em) {
  .family__inner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.family__col {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media (max-width: 63.99em) {
  .family__col:nth-child(2) {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .family__col:nth-child(1) {
    margin-top: 2.5rem;
  }
}

@media (min-width: 64em) {
  .family__col {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media (min-width: 90em) {
  .family__col {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
  }
  .family__col:first-child {
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
  }
}

@media (min-width: 120.25em) {
  .family__col {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
  }
  .family__col:first-child {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
}

@media (min-width: 64em) {
  .family__col--text {
    margin-left: 8.33333%;
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
  }
}

.family__col--text .meet-designer__content {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 64em) {
  .family__col--text .meet-designer__content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.family__image {
  max-width: 100%;
  width: auto;
  max-height: 95vh;
}

@media (min-width: 64em) {
  .family__image {
    max-height: 100%;
  }
}

.family__image img {
  display: block;
  position: relative;
  width: auto;
  max-height: 100%;
}

.family__tag {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: rotate(-90deg) translateY(-100%);
          transform: rotate(-90deg) translateY(-100%);
  font-size: 0.75rem;
  text-transform: uppercase;
}

@media (min-width: 64em) {
  .family__tag {
    display: block;
    left: calc(-16.66667% - 30px);
  }
}

@media (min-width: 120.25em) {
  .family__tag {
    left: calc(-16.66667% - 40px);
  }
}

.family__content {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 63.99em) {
  .family__content {
    padding-left: 1.063rem;
    padding-right: 1.063rem;
  }
}

@media (max-width: 63.99em) and (min-width: 64em) {
  .family__content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .family__content {
    padding-left: 8.33333%;
  }
}

.family__content__top {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.family__content__middle {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 1.25rem;
}

@media (max-width: 47.99em) {
  .family__content__middle {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media (min-width: 48em) {
  .family__content__middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.family__content__middle div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.family__content__middle div:first-child {
  margin-right: 0.625rem;
}

@media (min-width: 48em) {
  .family__content__middle div:first-child {
    margin-bottom: 1.063rem;
  }
}

.family__content__bottom {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.family__content__headline {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  margin-top: 1.563rem;
  margin-bottom: 1.25rem;
  max-width: 13.125rem;
}

@media (min-width: 21.875em) {
  .family__content__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .family__content__headline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .family__content__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .family__content__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .family__content__headline {
    font-size: 2.6vw;
  }
}

@media (min-width: 120.25em) {
  .family__content__headline {
    max-width: 9vw;
  }
}

.family__content__subheadline {
  text-transform: uppercase;
  font-weight: 500;
}

.family__content__button-wrapper {
  margin-top: 2.188rem;
}

.family__content__image img {
  display: block;
  width: 100%;
  max-width: 25rem;
  max-height: 100%;
}

@media (min-width: 48em) {
  .family__content__image img {
    max-width: 13.75rem;
  }
}

.family__content__text {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  margin: 1.25rem 0;
}

@media (min-width: 90em) {
  .family__content__text {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.family__content__text b, .family__content__text strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.family__content__text p:not(:first-child) {
  text-indent: 2.5rem;
}

@media (max-width: 63.99em) {
  .family__content__text {
    margin-top: 15vh;
  }
}

@media (min-width: 24.375em) {
  .family__content__text {
    max-width: 66.66667vw;
  }
}

@media (min-width: 48em) {
  .family__content__text {
    max-width: 58.33333vw;
  }
}

@media (min-width: 64em) {
  .family__content__text {
    max-width: 41.66667vw;
  }
}

@media (min-width: 80em) {
  .family__content__text {
    max-width: 25vw;
  }
}

@media (min-width: 120.25em) {
  .family__content__text {
    max-width: 33.33333vw;
  }
}

@media (min-width: 71.875em) {
  .family__content__text--2col {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
  .family__content__text--2col p:not(:first-child) {
    text-indent: 0;
  }
}

:root {
  --product-tile-bg-color: transparent;
  --product-tile-bg-color-hover: #cfccc8;
}

.product-tile {
  position: relative;
  background-color: transparent;
  background-color: var(--product-tile-bg-color);
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  height: 100%;
}

.product-tile:hover {
  z-index: 5;
}

.product-tile__close {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  z-index: 1;
  padding: 0.625rem;
}

.product-tile__close svg {
  width: 1.875rem;
  height: 1.875rem;
}

.product-tile__inner {
  position: relative;
  font-size: 0.875rem;
  line-height: 1.2;
  height: inherit;
}

.product-tile__label {
  position: absolute;
  top: 0.938rem;
  left: 1.25rem;
  color: #282828;
  font-size: 0.75rem;
  font-weight: 500;
  pointer-events: none;
}

@media (min-width: 59.375em) {
  .product-tile__label {
    left: 1.25rem;
  }
}

.product-tile__label--right {
  left: auto;
  right: 1.063rem;
}

@media (min-width: 59.375em) {
  .product-tile__label--right {
    right: 1.25rem;
  }
}

.product-tile__image {
  display: block;
  overflow: hidden;
  position: relative;
  padding-top: calc(100% + 20px);
  text-align: center;
  margin-bottom: 1.25rem;
}

@media (min-width: 59.375em) {
  .product-tile__image {
    padding-top: calc(100% + 1.5rem);
    margin-bottom: 1.5rem;
  }
}

.product-tile__image img {
  width: calc(100% - 2.125rem);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

@media (min-width: 59.375em) {
  .product-tile__image img {
    width: calc(100% - 2.5rem);
  }
}

.product-tile__bottom {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  padding-bottom: 1.063rem;
  display: block;
  position: relative;
}

@media (min-width: 64em) {
  .product-tile__bottom {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .product-tile__bottom {
    padding-bottom: 1.25rem;
  }
}

.product-tile__quickview {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  position: absolute;
  width: 100%;
  bottom: 0.063rem;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 2;
  background-color: #cfccc8;
  background-color: var(--product-tile-bg-color-hover);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease, visibility 0s 0.25s ease;
  transition: opacity 0.25s ease, visibility 0s 0.25s ease;
}

@media (min-width: 64em) {
  .product-tile__quickview {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .product-tile__quickview {
    width: calc(100% + 0.125rem);
    left: -0.062rem;
    border: 0.063rem solid #d9d9d9;
    border-top: 0;
  }
}

.product-tile__quickview.shown {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.25s 0.05s ease, visibility 0s ease;
  transition: opacity 0.25s 0.05s ease, visibility 0s ease;
}

.product-tile__quickview__inner {
  padding-bottom: 1.063rem;
  margin-top: -1.25rem;
  margin-top: -2.5rem;
  color: #282828;
}

@media (min-width: 64em) {
  .product-tile__quickview__inner {
    padding-bottom: 1.25rem;
  }
}

.product-tile__quickview__variation {
  margin-bottom: 1.25rem;
}

.product-tile__quickview__price {
  font-size: 1.625rem;
}

.product-tile__quickview__vat {
  font-size: 0.75rem;
}

.product-tile__quickview__delivery {
  float: right;
  text-align: right;
  font-size: 0.75rem;
}

.product-tile__quickview__addtocart {
  height: 2.375rem;
}

.product-tile__quickview__addtocart .button {
  width: 100%;
  height: 2.375rem;
  background-color: #282828;
  color: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  font-family: "EuclidFlex", serif;
  font-weight: 400;
  font-size: 0.875rem;
}

.product-tile__quickview__addtocart .button:focus {
  outline: 0;
}

.product-tile.bordered-grid--type-2col .product-tile__quickview__inner {
  max-width: 50%;
}

.product-tile__name {
  font-weight: 500;
  text-transform: uppercase;
  min-height: 1em;
}

@media (min-width: 71.875em) {
  .product-tile__name {
    font-size: 1.1vw;
    min-height: 1.1vw;
  }
}

@media (min-width: 80em) {
  .product-tile__name {
    font-size: 1vw;
    min-height: 1vw;
  }
}

@media (min-width: 90em) {
  .product-tile__name {
    font-size: 1rem;
  }
}

.product-tile__name span {
  display: block;
  font-weight: 400;
  text-transform: none;
}

.product-tile__price {
  margin-top: 0.625rem;
  font-weight: 500;
  min-height: 1em;
  opacity: 1;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

@media (min-width: 71.875em) {
  .product-tile__price {
    font-size: 1.1vw;
    min-height: 1.1vw;
  }
}

@media (min-width: 80em) {
  .product-tile__price {
    font-size: 1vw;
    min-height: 1vw;
  }
}

@media (min-width: 90em) {
  .product-tile__price {
    font-size: 1rem;
  }
}

.product-tile__link {
  position: relative;
  display: block;
}

.product-tile__center {
  margin: auto;
}

.product-tile--load-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.product-tile--load-more .product-tile__center {
  width: 100%;
  height: 100%;
}

.product-tile--load-more .product-tile__center > p {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
  font-size: 0.875rem;
}

@media (min-width: 64em) {
  .product-tile--load-more .product-tile__center > p {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .product-tile--load-more .product-tile__center > p {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.product-tile--load-more .svg-icon {
  width: 2.5rem;
  height: 2.5rem;
}

@media (min-width: 59.375em) {
  .product-tile.is-ready:not(.product-tile--master-product):hover {
    background-color: #cfccc8;
    background-color: var(--product-tile-bg-color-hover);
  }
  .product-tile.is-ready:not(.product-tile--master-product):hover .product-tile__image img {
    -webkit-transform: translate(-50%, -50%) scale(0.97);
            transform: translate(-50%, -50%) scale(0.97);
  }
  .product-tile.is-ready:not(.product-tile--master-product):hover.bordered-grid--type-2col .product-tile__image img {
    -webkit-transform: translate(-50%, -50%) scale(0.988);
            transform: translate(-50%, -50%) scale(0.988);
  }
  .product-tile.is-ready:not(.product-tile--master-product):hover:not(.product-tile--master-noimage):not(.product-tile--simple):not(.no-buy-section) .product-tile__price {
    opacity: 0;
    -webkit-transition: opacity 0.15s 0s ease;
    transition: opacity 0.15s 0s ease;
  }
  .product-tile.is-ready:not(.product-tile--master-product):hover:not(.product-tile--master-noimage) .product-tile__quickview {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.2s 0s ease, visibility 0s ease;
    transition: opacity 0.2s 0s ease, visibility 0s ease;
  }
}

.product-tile__master-label {
  display: none;
}

@media (min-width: 59.375em) {
  .product-tile__master-label {
    display: block;
    position: absolute;
    top: 0.938rem;
    left: 1.25rem;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
  }
  .product-tile__master-label--significant {
    font-weight: 500;
  }
  .product-tile__master-label--right {
    left: auto;
    right: 1.25rem;
  }
}

.product-tile:hover .product-tile__master-label {
  opacity: 1;
}

.product-tile--master-noimage .product-tile__master-hoverimage {
  display: none;
}

@media (min-width: 59.375em) {
  .product-tile--master-noimage .product-tile__link {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}

.product-tile--master-product .product-tile__master-hoverimage {
  display: none;
}

@media (min-width: 59.375em) {
  .product-tile--master-product .product-tile__link {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .product-tile--master-product .product-tile__master-hoverimage {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease, -webkit-transform 0.55s ease;
    transition: opacity 0.25s ease, -webkit-transform 0.55s ease;
    transition: opacity 0.25s ease, transform 0.55s ease;
    transition: opacity 0.25s ease, transform 0.55s ease, -webkit-transform 0.55s ease;
    z-index: 0;
    overflow: hidden;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .product-tile--master-product .product-tile__master-hoverimage img {
    -o-object-fit: cover;
       font-family: "object-fit:cover;object-position:50% 50%";
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    width: 100%;
    height: 100%;
    max-width: 100%;
  }
  .product-tile--master-product .product-tile__image {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
  }
  .product-tile--master-product:hover .product-tile__image {
    opacity: 0;
  }
  .product-tile--master-product:hover .product-tile__master-hoverimage {
    opacity: 1;
  }
  .product-tile--master-product:hover .product-tile__master-hoverimage {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.product-tile--ghost {
  pointer-events: none;
}

.product-tile--ghost .product-tile__image img {
  display: none;
}

.product-tile--ghost .product-tile__image::before {
  content: "";
  background-color: rgba(40, 40, 40, 0.2);
  width: calc(100% - 2.125rem);
  height: calc(100% - 1.25rem);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

@media (min-width: 59.375em) {
  .product-tile--ghost .product-tile__image::before {
    width: calc(100% - 2.5rem);
    height: calc(100% - 4rem);
  }
}

.product-tile--ghost .product-tile__name::before {
  content: "";
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 5.938rem;
  height: 1.25rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.product-tile--ghost .product-tile__name > span::before {
  content: "";
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 4.063rem;
  height: 1.25rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.product-tile--ghost .product-tile__price::before {
  content: "";
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 4.063rem;
  height: 1.25rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.product-tile .quantity-selector {
  margin-top: 1.25rem;
  border-bottom: none;
}

.product-tile .quantity-selector__inner {
  margin-bottom: 0;
}

:root {
  --inspiration-tile-bg-color: transparent;
  --inspiration-tile-bg-color-hover: #cfccc8;
  --inspiration-tile-text-color: #282828;
  --inspiration-tile-button-text-color: #fff;
  --inspiration-tile-button-bg-color: #282828;
  --inspiration-tile-button-bg-color-hover: #282828;
}

.inspiration-tile {
  color: #282828;
  height: 100%;
}

.inspiration-tile__inner {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #282828;
  color: var(--inspiration-tile-text-color);
  background-color: transparent;
  background-color: var(--inspiration-tile-bg-color);
}

@media (min-width: 59.375em) {
  .inspiration-tile__inner {
    min-height: 25rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .inspiration-tile__inner {
    display: block;
  }
}

@supports (-ms-ime-align: auto) {
  .inspiration-tile__inner {
    display: block;
  }
}

.inspiration-tile a.inspiration-tile__inner:visited,
.inspiration-tile button.inspiration-tile__inner:visited {
  color: currentColor;
}

.inspiration-tile a.inspiration-tile__inner:hover,
.inspiration-tile button.inspiration-tile__inner:hover {
  background-color: #cfccc8;
  background-color: var(--inspiration-tile-bg-color-hover);
}

@media (min-width: 64em) {
  .inspiration-tile a.inspiration-tile__inner:hover .inspiration-tile__content--bottom,
  .inspiration-tile button.inspiration-tile__inner:hover .inspiration-tile__content--bottom {
    -webkit-transform: translateY(-1.875rem);
            transform: translateY(-1.875rem);
  }
  .inspiration-tile a.inspiration-tile__inner:hover .inspiration-tile__read-more,
  .inspiration-tile button.inspiration-tile__inner:hover .inspiration-tile__read-more {
    bottom: 1.25rem;
    opacity: 1;
  }
}

.inspiration-tile a.inspiration-tile__inner .inspiration-tile__content--bottom,
.inspiration-tile button.inspiration-tile__inner .inspiration-tile__content--bottom {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (min-width: 48em) {
  .inspiration-tile a.inspiration-tile__inner .inspiration-tile__content--bottom,
  .inspiration-tile button.inspiration-tile__inner .inspiration-tile__content--bottom {
    padding-top: 1.875rem;
  }
}

.inspiration-tile__image-wrapper {
  max-width: 80%;
}

.inspiration-tile__image-wrapper img,
.inspiration-tile__image-wrapper video {
  display: block;
  width: 100%;
  height: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .inspiration-tile__image-wrapper {
    display: block;
  }
}

@supports (-ms-ime-align: auto) {
  .inspiration-tile__image-wrapper {
    display: block;
  }
}

.inspiration-tile__heading {
  position: relative;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
}

@media (min-width: 21.875em) {
  .inspiration-tile__heading {
    font-size: 1.5rem;
  }
}

@media (min-width: 48em) {
  .inspiration-tile__heading {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  .inspiration-tile__heading {
    font-size: 2.188rem;
  }
}

@media (min-width: 90em) {
  .inspiration-tile__heading {
    font-size: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .inspiration-tile__heading {
    font-size: 2.08vw;
  }
}

@media (max-width: 47.99em) {
  .inspiration-tile__heading {
    -webkit-hyphens: manual;
        -ms-hyphens: manual;
            hyphens: manual;
  }
}

@media (min-width: 48em) {
  .inspiration-tile__heading {
    max-width: 40%;
  }
}

.inspiration-tile__trumpet {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
  margin-top: 0.625rem;
}

@media (min-width: 64em) {
  .inspiration-tile__trumpet {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .inspiration-tile__trumpet {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

@media (max-width: 35.4275em) {
  .inspiration-tile__trumpet {
    font-size: 0.75rem;
    line-height: 1.188rem;
  }
}

.inspiration-tile__manchet {
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 0.875rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 120.25em) {
  .inspiration-tile__manchet {
    font-size: 1.063rem;
  }
}

.inspiration-tile__manchet b, .inspiration-tile__manchet strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.inspiration-tile__manchet--linebreak {
  white-space: pre-line;
}

.inspiration-tile__content {
  padding: 1.063rem;
  position: relative;
  z-index: 1;
  -webkit-transform: translateY(-2.437rem);
          transform: translateY(-2.437rem);
}

@media (min-width: 64em) {
  .inspiration-tile__content {
    padding: 1.25rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .inspiration-tile__content {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@media (min-width: 71.875em) {
  .inspiration-tile__content {
    max-width: 70%;
  }
}

@media (min-width: 120.25em) {
  .inspiration-tile__content {
    -webkit-transform: translateY(-2.562rem);
            transform: translateY(-2.562rem);
  }
}

@media (min-width: 71.875em) {
  .inspiration-tile__content--no-limits {
    max-width: none;
  }
}

@media (min-width: 48em) {
  .inspiration-tile__content--no-limits .inspiration-tile__heading {
    max-width: none;
  }
}

.inspiration-tile__content--bottom {
  padding-bottom: 1.25rem;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  margin-top: auto;
  padding-top: 0.625rem;
}

@media (min-width: 48em) {
  .inspiration-tile__content--bottom {
    padding-top: 3.125rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .inspiration-tile__content--bottom {
    margin-top: 1.25rem;
  }
}

@supports (-ms-ime-align: auto) {
  .inspiration-tile__content--bottom {
    margin-top: 1.25rem;
  }
}

.inspiration-tile__read-more {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  font-weight: 500;
  margin-top: 0.625rem;
  z-index: 1;
}

@media (max-width: 35.4275em) {
  .inspiration-tile__read-more {
    font-size: 0.875rem;
  }
}

@media (min-width: 64em) {
  .inspiration-tile__read-more {
    opacity: 0;
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 1.25rem;
  }
}

.bordered-grid__item--type-2col .inspiration-tile__read-more {
  margin-top: 0;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  padding-bottom: 1.063rem;
}

@media (min-width: 64em) {
  .bordered-grid__item--type-2col .inspiration-tile__read-more {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .bordered-grid__item--type-2col .inspiration-tile__read-more {
    padding: 0;
  }
}

.inspiration-tile__button-wrapper {
  margin-top: 1.25rem;
}

@media (max-width: 47.99em) {
  .inspiration-tile__button-wrapper .button {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    height: auto;
    text-align: center;
  }
}

.inspiration-tile--large .inspiration-tile__heading {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .inspiration-tile--large .inspiration-tile__heading {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .inspiration-tile--large .inspiration-tile__heading {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .inspiration-tile--large .inspiration-tile__heading {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .inspiration-tile--large .inspiration-tile__heading {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .inspiration-tile--large .inspiration-tile__heading {
    font-size: 5.2vw;
  }
}

.inspiration-tile--large .inspiration-tile__image-wrapper {
  max-width: none;
}

.inspiration-tile--large .inspiration-tile__content {
  -webkit-transform: translateY(-2.5rem);
          transform: translateY(-2.5rem);
}

@media (min-width: 48em) {
  .inspiration-tile--large .inspiration-tile__content {
    -webkit-transform: translateY(-2.812rem);
            transform: translateY(-2.812rem);
  }
}

@media (min-width: 80em) {
  .inspiration-tile--large .inspiration-tile__content {
    -webkit-transform: translateY(-3.75rem);
            transform: translateY(-3.75rem);
  }
}

@media (min-width: 120.25em) {
  .inspiration-tile--large .inspiration-tile__content {
    -webkit-transform: translateY(-4.375rem);
            transform: translateY(-4.375rem);
  }
}

.inspiration-tile--inset .inspiration-tile__image-wrapper {
  margin-bottom: 1.063rem;
  max-width: 100%;
  /*img, video {
				aspect-ratio: 3 / 4;
				object-fit: cover;
				object-position: center;
			}*/
}

@media (min-width: 64em) {
  .inspiration-tile--inset .inspiration-tile__image-wrapper {
    max-width: none;
    margin-bottom: 1.25rem;
  }
}

.inspiration-tile--inset .inspiration-tile__inner {
  padding: 1.063rem;
}

@media (max-width: 24.365em) {
  .inspiration-tile--inset .inspiration-tile__inner {
    padding: 0.625rem;
  }
}

@media (min-width: 64em) {
  .inspiration-tile--inset .inspiration-tile__inner {
    padding: 1.25rem;
  }
}

.inspiration-tile--inset .inspiration-tile__content {
  padding: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (max-width: 35.4275em) {
  .inspiration-tile--inset .inspiration-tile__content {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}

@media (min-width: 71.875em) {
  .inspiration-tile--inset .inspiration-tile__content {
    max-width: none;
  }
}

.inspiration-tile--inset .inspiration-tile__heading {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
  text-transform: lowercase;
  max-width: none;
  margin-bottom: 1.063rem;
}

@media (min-width: 21.875em) {
  .inspiration-tile--inset .inspiration-tile__heading {
    font-size: 1.5rem;
  }
}

@media (min-width: 48em) {
  .inspiration-tile--inset .inspiration-tile__heading {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  .inspiration-tile--inset .inspiration-tile__heading {
    font-size: 2.188rem;
  }
}

@media (min-width: 90em) {
  .inspiration-tile--inset .inspiration-tile__heading {
    font-size: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .inspiration-tile--inset .inspiration-tile__heading {
    font-size: 2.08vw;
  }
}

@media (min-width: 64em) {
  .inspiration-tile--inset .inspiration-tile__heading {
    margin-bottom: 1.25rem;
  }
}

.inspiration-tile--cover .inspiration-tile__image-wrapper {
  max-width: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.inspiration-tile--cover .inspiration-tile__image-wrapper img,
.inspiration-tile--cover .inspiration-tile__image-wrapper video {
  max-width: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.inspiration-tile--cover .inspiration-tile__inner {
  padding: 0.625rem;
  display: block;
}

@media (min-width: 48em) {
  .inspiration-tile--cover .inspiration-tile__inner {
    padding: 1.063rem;
  }
}

@media (min-width: 48em) and (min-width: 64em) {
  .inspiration-tile--cover .inspiration-tile__inner {
    padding: 1.25rem;
  }
}

.inspiration-tile--cover a.inspiration-tile__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inspiration-tile--cover .inspiration-tile__content {
  padding: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (min-width: 71.875em) {
  .inspiration-tile--cover .inspiration-tile__content {
    max-width: none;
  }
}

.inspiration-tile--cover .inspiration-tile__heading {
  max-width: none;
  margin-bottom: 1.063rem;
}

@media (min-width: 64em) {
  .inspiration-tile--cover .inspiration-tile__heading {
    margin-bottom: 1.25rem;
  }
}

.inspiration-tile--grey {
  background-color: #cfccc8;
}

.inspiration-tile--negative-image .inspiration-tile__image-wrapper {
  max-width: none;
  margin-left: -1.062rem;
  margin-right: -1.062rem;
  margin-top: -1.062rem;
}

@media (min-width: 64em) {
  .inspiration-tile--negative-image .inspiration-tile__image-wrapper {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}

@media (max-width: 35.4275em) {
  .inspiration-tile--negative-image .inspiration-tile__image-wrapper {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    margin-top: -0.625rem;
  }
}

@media (min-width: 64em) {
  .inspiration-tile--negative-image .inspiration-tile__image-wrapper {
    margin-top: -1.25rem;
  }
}

.inspiration-tile--no-truncate .inspiration-tile__manchet {
  -webkit-line-clamp: unset;
}

@media (min-width: 48em) {
  .inspiration-tile--tight .inspiration-tile__content--bottom {
    padding-top: 1.25rem !important;
  }
}

.inspiration-tile--align-top-right .inspiration-tile__inner {
  text-align: right;
}

.inspiration-tile--align-bottom-left .inspiration-tile__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.inspiration-tile--align-bottom-left .inspiration-tile__content--bottom {
  margin-top: 0;
}

.inspiration-tile--align-bottom-right .inspiration-tile__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}

.inspiration-tile--align-bottom-right .inspiration-tile__content--bottom {
  margin-top: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) {
    position: relative;
  }
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__inner {
    display: block;
    padding: 0 0.625rem;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 48em), (-ms-high-contrast: active) and (min-width: 48em) {
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__inner {
    padding-left: 1.063rem;
    padding-right: 1.063rem;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 48em) and (min-width: 64em), (-ms-high-contrast: active) and (min-width: 48em) and (min-width: 64em) {
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__content {
    margin: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    width: 100%;
    padding-left: 45%;
    max-width: none;
  }
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__content--bottom {
    padding-top: 1.25rem;
  }
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__image-wrapper {
    width: 60%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
  }
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__image-wrapper img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       font-family: "object-fit:cover;object-position:center";
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 0.9;
    letter-spacing: -0.045em;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 21.875em), (-ms-high-contrast: active) and (min-width: 21.875em) {
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
    font-size: 2.5rem;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 48em), (-ms-high-contrast: active) and (min-width: 48em) {
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
    font-size: 3.125rem;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 64em), (-ms-high-contrast: active) and (min-width: 64em) {
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
    font-size: 3.75rem;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 90em), (-ms-high-contrast: active) and (min-width: 90em) {
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
    font-size: 6.25rem;
  }
}

@media all and (-ms-high-contrast: none) and (min-width: 120.25em), (-ms-high-contrast: active) and (min-width: 120.25em) {
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
    font-size: 5.2vw;
  }
}

@supports (-ms-ime-align: auto) {
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) {
    position: relative;
  }
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__inner {
    display: block;
    padding: 0 0.625rem;
  }
  @media (min-width: 48em) {
    .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__inner {
      padding-left: 1.063rem;
      padding-right: 1.063rem;
    }
  }
  @media (min-width: 48em) and (min-width: 64em) {
    .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__inner {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  }
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__content {
    margin: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    width: 100%;
    padding-left: 45%;
    max-width: none;
  }
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__content--bottom {
    padding-top: 1.25rem;
  }
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__image-wrapper {
    width: 60%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
  }
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__image-wrapper img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       font-family: "object-fit:cover;object-position:center";
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 0.9;
    letter-spacing: -0.045em;
  }
  @media (min-width: 21.875em) {
    .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
      font-size: 2.5rem;
    }
  }
  @media (min-width: 48em) {
    .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
      font-size: 3.125rem;
    }
  }
  @media (min-width: 64em) {
    .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
      font-size: 3.75rem;
    }
  }
  @media (min-width: 90em) {
    .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
      font-size: 6.25rem;
    }
  }
  @media (min-width: 120.25em) {
    .bordered-grid__item--type-2col .inspiration-tile:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
      font-size: 5.2vw;
    }
  }
}

.bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) {
  position: relative;
}

.bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__inner {
  display: block;
  padding: 0 0.625rem;
}

@media (min-width: 48em) {
  .bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__inner {
    padding-left: 1.063rem;
    padding-right: 1.063rem;
  }
}

@media (min-width: 48em) and (min-width: 64em) {
  .bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__content {
  margin: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  width: 100%;
  padding-left: 45%;
  max-width: none;
}

.bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__content--bottom {
  padding-top: 1.25rem;
}

.bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__image-wrapper {
  width: 60%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

.bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__image-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .bordered-grid__item--type-2col .inspiration-tile.ieexample:not(.inspiration-tile--cover):not(.inspiration-tile--inset) .inspiration-tile__heading {
    font-size: 5.2vw;
  }
}

@media (max-width: 59.365em) {
  .bordered-grid__item--type-2col:not(.bordered-grid__item--type-2row) .inspiration-tile .inspiration-tile__inner {
    min-height: 61vw;
  }
}

@media (max-width: 47.99em) {
  .bordered-grid__item--type-2col.bordered-grid__item--type-2row .inspiration-tile .inspiration-tile__inner {
    min-height: 75vh;
  }
}

@media (min-width: 48em) and (max-width: 59.365em) {
  .bordered-grid__item--type-2col.bordered-grid__item--type-2row .inspiration-tile .inspiration-tile__inner {
    min-height: 85vh;
  }
}

:root {
  --hero-text-color: #282828;
  --hero-bg-color: transparent;
  --hero-button-hover-color: currentColor;
}

.hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #282828;
  color: var(--hero-text-color);
  background-color: transparent;
  background-color: var(--hero-bg-color);
}

.hero__label .trumpet {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.02em;
}

@media (min-width: 64em) {
  .hero__label .trumpet {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .hero__label .trumpet {
    font-size: 0.97vw;
  }
}

.hero a {
  color: currentColor;
}

.hero a:hover {
  color: currentColor;
}

.hero picture {
  position: relative;
}

.hero__trumpets {
  max-width: 35rem;
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 64em) {
  .hero__trumpets {
    margin-bottom: 0;
    margin-top: 2.5rem;
  }
}

.hero__trumpets * {
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
}

@media (min-width: 64em) {
  .hero__trumpets * {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .hero__trumpets * {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.hero__trumpets * b, .hero__trumpets * strong {
  font-weight: 500;
}

.hero__trumpets a {
  margin: 0 1.063rem 0 0;
  color: currentColor;
}

.hero__trumpets a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.hero__trumpets a:hover:after, .hero__trumpets a:focus:after {
  right: 0;
}

.hero__trumpets a.is-active:after {
  opacity: 1;
  width: 100%;
}

.hero__trumpets a:hover {
  color: currentColor;
}

.hero__trumpets * + *:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1.063rem;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
  width: 0.063rem;
  height: 1.5em;
  vertical-align: middle;
}

.hero__trumpets * + *:after {
  left: 1.125rem !important;
}

.hero__headline {
  max-width: 6em;
  white-space: pre-line;
  display: block;
  color: currentColor;
}

.hero__bodytext {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  padding-left: 1.063rem;
}

@media (min-width: 90em) {
  .hero__bodytext {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.hero__bodytext b, .hero__bodytext strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.hero__cta.button {
  margin-top: 1.875rem;
  min-width: 0;
}

.hero__cta.button.button--secondary {
  color: var(--hero-text-color);
  border-color: var(--hero-text-color);
}

.hero__cta.button.button--secondary:hover {
  background-color: var(--hero-text-color);
  color: var(--hero-button-hover-color);
}

.hero__cta.button.button--primary {
  color: var(--hero-button-hover-color);
  background-color: var(--hero-text-color);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.hero__cta.button.button--primary:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
  color: var(--hero-button-hover-color);
  background-color: var(--hero-text-color);
}

.hero__bylines {
  margin-top: 1.063rem;
  padding-left: 1.063rem;
}

.hero__bylines .byline {
  display: inline-block;
  margin: 0 1.063rem 0 0;
}

@media (min-width: 48em) {
  .hero__bylines .byline {
    margin: 0;
    display: block;
    text-align: right;
  }
}

.hero__bylines .byline + .byline {
  margin-top: 1.25rem;
}

@media (min-width: 48em) {
  .hero__bylines--bottom {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    right: 1.25rem;
  }
}

.hero__image picture {
  position: relative;
}

.hero__image img,
.hero__image video {
  display: block;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
  width: 100%;
}

.hero__image h4 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  position: absolute;
  bottom: 3.125rem;
  left: 1.063rem;
  color: #ffffff;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media (min-width: 21.875em) {
  .hero__image h4 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .hero__image h4 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .hero__image h4 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .hero__image h4 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .hero__image h4 {
    font-size: 2.6vw;
  }
}

@media (min-width: 48em) {
  .hero__image h4 {
    bottom: 1.875rem;
    left: 1.875rem;
  }
}

@media (min-width: 71.875em) {
  .hero__image h4 {
    font-size: 1.875rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }
}

@media (min-width: 80em) {
  .hero__image h4 {
    font-size: 2.5rem;
    bottom: 3.125rem;
    left: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .hero__image h4 {
    font-size: 3.125rem;
  }
}

@media (min-width: 48em) {
  .hero__image--button:hover img {
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8);
  }
  .hero__image--button:hover h4 {
    -webkit-transform: translateX(1.25rem);
            transform: translateX(1.25rem);
  }
}

.hero__page-header {
  margin: 1.063rem 1.063rem 2.125rem;
}

@media (min-width: 35.4375em) {
  .hero__page-header {
    width: 83.33333%;
  }
}

@media (min-width: 64em) {
  .hero__page-header {
    position: absolute;
    margin: 0;
    right: 0;
    bottom: 5vw;
    width: 33.33333%;
  }
}

@media (min-width: 71.875em) {
  .hero__page-header {
    width: 25%;
    margin-right: 8.33333%;
  }
}

@media (min-width: 120.25em) {
  .hero__page-header {
    width: 33.33333%;
  }
}

.hero__page-header .page-header__body {
  width: auto;
}

.hero__sound {
  color: currentColor;
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  border: 0;
  padding: 0;
}

.hero__sound .text {
  font-size: 0.75rem;
  font-weight: bold;
  width: 3.75rem;
  margin-right: 0.625rem;
}

.hero__sound .text--on {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.hero__sound .text--off {
  display: none;
}

.hero__sound.is-active .text--on {
  display: none;
}

.hero__sound.is-active .text--off {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.hero__sound.is-active .eq {
  height: 0.75rem;
}

.hero__sound.is-active .eq-col div {
  -webkit-animation-name: eq-animation;
          animation-name: eq-animation;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.hero__sound .eq {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.125rem;
  height: 0.125rem;
  overflow: hidden;
  opacity: 0.8;
}

.hero__sound .eq-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  height: 100%;
  margin-right: 0.063rem;
}

.hero__sound .eq-col div {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  background-color: currentColor;
  position: absolute;
  width: 100%;
  height: 100%;
  will-change: transform;
}

.hero__sound .eq-1-1 {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.hero__sound .eq-1-2 {
  -webkit-animation-duration: 0.45s;
          animation-duration: 0.45s;
}

.hero__sound .eq-2-1 {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}

.hero__sound .eq-2-2 {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}

.hero__sound .eq-3-1 {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.hero__sound .eq-3-2 {
  -webkit-animation-duration: 0.35s;
          animation-duration: 0.35s;
}

.hero__sound .eq-4-1 {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}

.hero__sound .eq-4-2 {
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
}

@-webkit-keyframes eq-animation {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes eq-animation {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.hero__form {
  background-color: transparent;
  padding: 1.063rem;
  max-width: 30rem;
}

@media (min-width: 64em) {
  .hero__form {
    padding: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .hero__form {
    padding: 0;
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem;
    max-width: calc(40% - 2.5rem);
  }
}

.hero--main {
  height: 100vh;
}

.hero--main .hero__content {
  position: absolute;
  width: 100%;
  padding: 0 1.063rem;
  top: 8.33333vw;
  left: 0;
  max-width: 58.33333vw;
}

@media (min-width: 48em) {
  .hero--main .hero__content {
    padding: 0;
    margin-left: 8.33333%;
    padding-left: 1.063rem;
  }
}

@media (min-width: 71.875em) {
  .hero--main .hero__content {
    margin-left: 16.66667%;
  }
}

.hero--main .hero__headline {
  position: relative;
  left: -0.075em;
}

.hero--main .hero__headline.hero__headline--small {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .hero--main .hero__headline.hero__headline--small {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .hero--main .hero__headline.hero__headline--small {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .hero--main .hero__headline.hero__headline--small {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .hero--main .hero__headline.hero__headline--small {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .hero--main .hero__headline.hero__headline--small {
    font-size: 5.2vw;
  }
}

.hero--main .hero__headline:not(.hero__headline--small) {
  font-size: 4.375rem;
  font-weight: 500;
  line-height: 0.85;
  letter-spacing: -0.03em;
  font-size: clamp(70px, 18vw, 118px);
}

@media (min-width: 35.4375em) {
  .hero--main .hero__headline:not(.hero__headline--small) {
    font-size: clamp(70px, 15vw, 118px);
    line-height: 1;
  }
}

@media (min-width: 64em) {
  .hero--main .hero__headline:not(.hero__headline--small) {
    font-size: clamp(118px, 11vw, 270px);
  }
}

.hero--main .hero__video,
.hero--main .hero__image {
  width: 100%;
  height: 100%;
}

.hero--main .hero__video picture,
.hero--main .hero__image picture {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.hero--main .hero__video video,
.hero--main .hero__video img,
.hero--main .hero__image video,
.hero--main .hero__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.hero--main.hero--align-right .hero__content {
  left: auto;
  right: 0;
  text-align: right;
}

@media (min-width: 48em) {
  .hero--main.hero--align-right .hero__content {
    padding: 0;
    margin-left: 0;
    margin-right: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .hero--main.hero--align-right .hero__content {
    margin-left: 0;
    margin-right: 16.66667%;
  }
}

.hero--main.hero--align-right .hero__headline {
  left: initial;
}

@media (min-width: 71.875em) {
  .hero--main.hero--align-right .hero__headline {
    float: right;
    right: -0.025em;
  }
}

.hero--main.hero--align-right .hero__trumpets a {
  margin: 0 0 0 1.063rem;
}

.hero--article .hero__image {
  position: relative;
}

.hero--article .hero__image picture {
  display: block;
  font-size: 0;
}

@media (min-width: 48em) {
  .hero--article .hero__image picture {
    width: 66.66667%;
  }
}

@media (min-width: 64em) {
  .hero--article .hero__image picture {
    width: 58.33333%;
  }
}

@media (min-width: 120.25em) {
  .hero--article .hero__image picture {
    width: 50%;
  }
}

.hero--article .hero__image img {
  width: 100%;
}

.hero--article .hero__content {
  position: relative;
  margin-top: -1.25rem;
}

@media (min-width: 48em) {
  .hero--article .hero__content {
    position: absolute;
    top: 8.33333vw;
    left: 45.83333vw;
    bottom: 0;
  }
}

.hero--article .hero__label {
  padding-left: 1.063rem;
  position: absolute;
  top: -2.187rem;
}

@media (max-width: 63.99em) {
  .hero--article .hero__label {
    max-width: 15.625rem;
  }
}

.hero--article .hero__headline {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  -webkit-transform: none;
          transform: none;
  padding-left: 1.063rem;
  max-width: 31.625rem;
}

@media (min-width: 21.875em) {
  .hero--article .hero__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .hero--article .hero__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .hero--article .hero__headline {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .hero--article .hero__headline {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .hero--article .hero__headline {
    font-size: 5.2vw;
  }
}

@media (max-width: 63.99em) {
  .hero--article .hero__headline {
    padding-left: 1.063rem;
    -webkit-hyphens: manual;
        -ms-hyphens: manual;
            hyphens: manual;
  }
}

@media (max-width: 47.99em) {
  .hero--article .hero__headline {
    -webkit-hyphens: manual;
        -ms-hyphens: manual;
            hyphens: manual;
  }
}

@media (min-width: 120.25em) {
  .hero--article .hero__headline {
    max-width: 43.75rem;
  }
}

.hero--article .hero__trumpets {
  padding-left: 1.063rem;
  line-height: 1;
}

.hero--article .hero__trumpets .trumpet {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.hero--article .hero__trumpets .trumpet + .trumpet {
  margin-left: 1.25rem;
}

@media (max-width: 63.99em) {
  .hero--article .hero__trumpets {
    max-width: 15.625rem;
  }
}

@media (min-width: 48em) {
  .hero--article .hero__bylines {
    position: absolute;
    right: 1.063rem;
    bottom: 0;
  }
}

.hero--article.hero--compact .hero__label {
  top: 0.938rem;
}

@media (max-width: 47.99em) {
  .hero--article.hero--compact .hero__image {
    max-width: 70vw;
    max-height: 60vh;
    overflow: hidden;
  }
}

@media (min-width: 48em) and (max-width: 59.365em) {
  .hero--article.hero--compact .hero__image {
    overflow: hidden;
    max-height: 50vh;
  }
}

.hero--article.hero--compact .hero__content {
  margin-top: -1.5rem;
}

@media (min-width: 48em) {
  .hero--article.hero--compact .hero__content {
    margin-top: 0;
  }
}

@media (min-width: 59.375em) {
  .hero--article.hero--compact .hero__content {
    left: auto;
    right: 0;
  }
}

@media (min-width: 64em) {
  .hero--article.hero--compact .hero__content {
    top: 1.875rem;
  }
}

.hero--article.hero--compact .hero__headline {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .hero--article.hero--compact .hero__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .hero--article.hero--compact .hero__headline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .hero--article.hero--compact .hero__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .hero--article.hero--compact .hero__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .hero--article.hero--compact .hero__headline {
    font-size: 2.6vw;
  }
}

@media (min-width: 48em) {
  .hero--article.hero--compact .hero__headline {
    padding-right: 8.33333%;
  }
}

@media (min-width: 64em) {
  .hero--article.hero--compact .hero__headline {
    margin-top: 3.125rem;
    padding-right: 0;
  }
}

@media (min-width: 48em) {
  .hero--article.hero--align-right .hero__content {
    right: 0;
    text-align: right;
    margin-right: 8.33333%;
  }
}

@media (min-width: 48em) {
  .hero--article.hero--align-right .hero__bylines {
    margin-right: 8.33333%;
    right: 0;
  }
}

@media (min-width: 48em) {
  .hero--article.hero--align-right .hero__trumpets {
    max-width: none;
    left: auto;
  }
  .hero--article.hero--align-right .hero__trumpets a {
    margin: 0 0 0 1.063rem;
  }
}

.hero--article.hero--align-right .hero__headline {
  max-width: none;
}

@media (min-width: 48em) {
  .hero--article.hero--align-right .hero__headline {
    left: auto;
  }
}

@media (min-width: 120.25em) {
  .hero--article.hero--align-right .hero__headline {
    max-width: none;
  }
}

@media (min-width: 48em) {
  .hero--article.hero--align-right .hero__label {
    right: 0;
    left: auto;
  }
}

@media (min-width: 64em) {
  .hero--article.hero--align-right .hero__bodytext {
    padding-left: 0;
    padding-right: 0;
    width: 66.66667%;
    margin-left: 33.33333%;
  }
}

.hero--article.hero--verbose {
  padding-top: 5rem;
  padding-bottom: 3.125rem;
}

@media (min-width: 48em) {
  .hero--article.hero--verbose {
    padding-top: 6.25rem;
    padding-bottom: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 64em) {
  .hero--article.hero--verbose {
    padding-top: 7.188rem;
    padding-bottom: 7.188rem;
  }
}

.hero--article.hero--verbose .image-products__button {
  bottom: 4.375rem;
}

@media (min-width: 48em) {
  .hero--article.hero--verbose .image-products__button {
    bottom: 6.25rem;
  }
}

@media (min-width: 64em) {
  .hero--article.hero--verbose .image-products__button {
    bottom: 8.438rem;
  }
}

.hero--article.hero--verbose .hero__headline {
  overflow: hidden;
}

@media (min-width: 48em) {
  .hero--article.hero--verbose .hero__headline {
    left: -3.125rem;
    padding-left: 0;
  }
}

@media (min-width: 64em) {
  .hero--article.hero--verbose .hero__headline {
    overflow: visible;
    left: -6.25rem;
  }
}

.hero--article.hero--verbose .hero__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.hero--article.hero--verbose .hero__image picture {
  width: 100%;
}

@media (min-width: 64em) {
  .hero--article.hero--verbose .hero__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
  }
}

.hero--article.hero--verbose .hero__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

@media (min-width: 48em) {
  .hero--article.hero--verbose .hero__content {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    margin-top: 0;
    margin-left: -6.25rem;
    padding-top: 1.063rem;
  }
}

@media (min-width: 64em) {
  .hero--article.hero--verbose .hero__content {
    padding-bottom: 2.125rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
}

@media (min-width: 48em) {
  .hero--article.hero--verbose.hero--align-right .hero__content {
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 64em) {
  .hero--article.hero--verbose.hero--align-right .hero__content {
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

.hero--article.hero--verbose.hero--align-right .hero__bodytext {
  padding-right: 1.25rem;
}

@media (min-width: 48em) {
  .hero--article.hero--verbose.hero--align-right .hero__bodytext {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0;
    padding-right: 1.25rem;
    margin-right: 0;
    margin-left: 8.33333%;
    width: 91.66667%;
  }
}

@media (min-width: 64em) {
  .hero--article.hero--verbose.hero--align-right .hero__bodytext {
    padding-left: 0;
    padding-right: 1.25rem;
    margin-right: 0;
    margin-left: 8.33333%;
    width: 91.66667%;
  }
}

@media (min-width: 71.875em) {
  .hero--article.hero--verbose.hero--align-right .hero__bodytext {
    padding-right: 6.25rem;
    margin-left: 16.66667%;
    width: 83.33333%;
  }
}

@media (min-width: 90em) {
  .hero--article.hero--verbose.hero--align-right .hero__bodytext {
    margin-left: 25%;
    width: 75%;
  }
}

.hero--article.hero--verbose .hero__label,
.hero--article.hero--verbose .hero__headline,
.hero--article.hero--verbose .hero__trumpets {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

@media (min-width: 48em) {
  .hero--article.hero--verbose .hero__label,
  .hero--article.hero--verbose .hero__headline,
  .hero--article.hero--verbose .hero__trumpets {
    position: relative;
    left: -6.25rem;
  }
}

.hero--article.hero--verbose .hero__bodytext {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 48em) {
  .hero--article.hero--verbose .hero__bodytext {
    padding-top: 2.125rem;
    padding-left: 2.125rem;
  }
}

@media (min-width: 64em) {
  .hero--article.hero--verbose .hero__bodytext {
    padding-top: 3.125rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 71.875em) {
  .hero--article.hero--verbose .hero__bodytext {
    padding-top: 9.375rem;
    padding-left: 5rem;
  }
}

@media (min-width: 90em) {
  .hero--article.hero--verbose .hero__bodytext {
    padding-left: 9.375rem;
    width: 50%;
    margin: 0 25%;
    padding-left: 0;
    padding-right: 0;
  }
}

.variation-dropdown {
  position: relative;
  background-color: transparent;
}

.variation-dropdown > a {
  display: block;
}

.variation-dropdown.has-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
  position: relative;
}

.variation-dropdown.has-button > a {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: static;
  overflow: hidden;
}

.variation-dropdown.has-button .button {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  position: relative;
  z-index: 10;
  border-left: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.variation-dropdown.is-active {
  color: #fff;
}

.variation-dropdown.is-active .variation-dropdown__initiator {
  color: #fff;
  background-color: #282828;
}

.variation-dropdown.is-active .variation-dropdown__initiator-button {
  background-color: #282828;
  color: #fff;
}

.variation-dropdown.is-active .variation-dropdown__initiator-button .icon svg {
  fill: #fff;
}

.variation-dropdown.is-active .variation-dropdown__initiator-close {
  display: block;
}

.variation-dropdown__initiator {
  height: 2.375rem;
  vertical-align: middle;
}

.variation-dropdown__initiator-button {
  display: block;
  height: 100%;
  border: 0.063rem solid #282828;
  font-size: 0.875rem;
  letter-spacing: -0.031rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #282828;
  padding: 0.5rem 2.125rem 0 0.625rem;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: relative;
}

.variation-dropdown__initiator-button img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.25rem;
  height: 0.625rem;
  margin-right: 0.625rem;
}

.variation-dropdown__initiator-button .icon {
  display: block;
  position: absolute;
  right: 0.313rem;
  top: 0.625rem;
  fill: #282828;
  width: 1.625rem;
  height: 0.813rem;
}

.variation-dropdown__initiator-button .icon svg {
  width: 1.625rem;
  height: 0.813rem;
  -webkit-transition: fill 0.25s ease;
  transition: fill 0.25s ease;
}

.variation-dropdown__initiator-button svg,
.variation-dropdown__initiator-button .icon {
  pointer-events: none;
}

.variation-dropdown__initiator-button:hover {
  background-color: #282828;
  color: #fff;
}

.variation-dropdown__initiator-button:hover .icon svg {
  fill: #fff;
}

.variation-dropdown__initiator-close {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.variation-dropdown__content {
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  width: 100%;
  background-color: white;
  color: #282828;
  border-left: 0.063rem solid #d9d9d9;
  border-right: 0.063rem solid #d9d9d9;
}

.variation-dropdown__group__heading {
  display: block;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: -0.031rem;
  padding: 0.688rem;
  min-height: 4.063rem;
  border-top: 0.063rem solid #282828;
  border-bottom: 0.063rem solid #282828;
  position: relative;
  margin-top: -0.062rem;
}

.variation-dropdown__group__heading div {
  text-transform: none;
}

.variation-dropdown__group__heading--arrow .icon {
  display: none;
}

.variation-dropdown__group__heading--arrow:after {
  content: "\2191";
  position: absolute;
  top: 0.688rem;
  right: 0.313rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0.75rem;
  height: 0.75rem;
  font-size: 1.125rem;
}

.variation-dropdown__group__heading.is-active .icon--plus {
  display: none;
}

.variation-dropdown__group__heading.is-active .icon--minus {
  display: block;
}

.variation-dropdown__group__heading.is-active + .variation-dropdown__group__content {
  height: auto;
}

.variation-dropdown__group__heading .icon {
  position: absolute;
  top: 0.688rem;
  right: 0.313rem;
  width: 0.75rem;
  height: 0.75rem;
}

.variation-dropdown__group__heading .icon--plus {
  display: block;
}

.variation-dropdown__group__heading .icon--minus {
  display: none;
}

.variation-dropdown__group__content {
  height: auto;
  overflow: hidden;
  max-height: 15rem;
  overflow: auto;
}

@media (min-width: 48em) {
  .variation-dropdown__group__content {
    max-height: 20rem;
  }
}

.variation-dropdown__group__heading + .variation-dropdown__group__content {
  height: 0;
  max-height: 15rem;
}

.variation-dropdown__group__item {
  display: block;
  clear: both;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  height: 3.5rem;
}

.variation-dropdown__group__item > div {
  display: block;
  height: 100%;
}

.variation-dropdown__group__item > div:hover {
  background-color: #e6e6e6;
}

.variation-dropdown__group__item .image {
  float: left;
  margin-right: 0.75rem;
  width: 3.125rem;
  height: 3.125rem;
  padding: 0.188rem 0 0 0.188rem;
  pointer-events: none;
}

.variation-dropdown__group__item .text {
  font-size: 0.75rem;
  letter-spacing: -0.031rem;
  text-transform: uppercase;
  padding-top: 0.625rem;
  pointer-events: none;
}

.variation-dropdown__group__item .text.text-only {
  margin-left: 0.75rem;
  padding: 0.188rem 0 0 0.188rem;
}

.variation-dropdown__group__item .text div {
  text-transform: none;
  pointer-events: none;
}

.variation-dropdown--native .input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.variation-dropdown--native select {
  width: 100%;
  height: 100%;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 1rem;
  border-radius: 0;
  background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M226 49l-98 98-98-98L0 79l128 128L256 79z"/></svg>') no-repeat 95% center;
  background-size: 0.75rem;
  padding-right: 1.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 59.375em) {
  .pdp-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (min-width: 64em) {
  .pdp > .section--colored {
    padding-bottom: 6.25rem;
  }
}

.pdp__gallery {
  position: relative;
}

@media (min-width: 59.375em) {
  .pdp__gallery {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

@media (min-width: 64em) {
  .pdp__gallery {
    padding: 0 8vw;
  }
}

@media (min-width: 71.875em) {
  .pdp__gallery {
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
    margin-left: 8.33333%;
    padding: 0 5vw;
  }
}

@media (min-width: 120.25em) {
  .pdp__gallery {
    padding: 0 7vw;
  }
}

@media (min-width: 64em) {
  .pdp__gallery .swiper-pagination.swiper-pagination-bullets {
    margin-left: calc((-8 * 1vw) + 1.25rem);
  }
}

@media (min-width: 71.875em) {
  .pdp__gallery .swiper-pagination.swiper-pagination-bullets {
    margin-left: calc(-5 * 1vw);
  }
}

@media (min-width: 120.25em) {
  .pdp__gallery .swiper-pagination.swiper-pagination-bullets {
    margin-left: calc(-7 * 1vw);
  }
}

@media (min-width: 71.875em) {
  .pdp__gallery .swiper-button-prev {
    left: -20%;
    width: 40%;
  }
}

@media (min-width: 71.875em) {
  .pdp__gallery .swiper-button-next {
    right: -20%;
    width: 40%;
  }
}

.pdp__gallery .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
}

.pdp__details {
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .pdp__details {
    padding: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .pdp__details {
    padding-left: 0;
    padding-right: 1.25rem;
    padding-bottom: 2.188rem;
    padding-top: 3.125rem;
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

@media (min-width: 71.875em) {
  .pdp__details {
    margin-left: 8.33333%;
  }
}

@media (min-width: 80em) {
  .pdp__details {
    width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
    margin-right: 8.33333%;
    padding-right: 0;
  }
}

@media (min-width: 120.25em) {
  .pdp__details {
    padding-top: 4.688rem;
    padding-bottom: 1.563rem;
  }
}

.pdp__details-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

@media (min-width: 71.875em) {
  .pdp__details-inner {
    max-width: 30rem;
  }
}

.pdp__headline {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .pdp__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .pdp__headline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .pdp__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .pdp__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .pdp__headline {
    font-size: 2.6vw;
  }
}

.pdp__sub-headline {
  margin-bottom: 0.625rem;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.1rem;
  line-height: 1.1;
}

@media (min-width: 59.375em) {
  .pdp__sub-headline {
    font-size: 1.625rem;
  }
}

.pdp__text {
  display: block;
  margin-top: 0.188rem;
  font-size: 0.75rem;
}

.pdp__text strong {
  font-weight: 500;
}

.pdp__text--small {
  font-size: 0.625rem;
}

@media (min-width: 59.375em) {
  .pdp__text--small {
    font-size: 0.75rem;
  }
}

.pdp__text a {
  text-decoration: underline;
}

.pdp__text--right {
  display: inline-block;
  float: right;
}

.pdp__text > .pdp__text {
  margin-top: 0;
}

.pdp__sku {
  cursor: pointer;
  position: relative;
  display: block;
  margin-top: 0.188rem;
  font-size: 0.75rem;
  -webkit-transition: padding-left 0.2s ease;
  transition: padding-left 0.2s ease;
}

.pdp__sku em,
.pdp__sku strong {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-weight: 400;
}

.pdp__sku em svg,
.pdp__sku strong svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 0.938rem;
  height: 0.938rem;
}

.pdp__sku span,
.pdp__sku em,
.pdp__sku strong {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.pdp__sku:hover {
  padding-left: 1.25rem;
}

.pdp__sku:hover em {
  opacity: 1;
}

.pdp__sku.is-copied em {
  opacity: 0;
}

.pdp__sku.is-copied:hover em {
  opacity: 0;
}

.pdp__sku.is-copied span {
  opacity: 0;
}

.pdp__sku.is-copied strong {
  opacity: 1;
}

.pdp__price {
  font-size: 1.5rem;
  font-weight: 500;
}

.pdp__variations {
  margin-top: 1.875rem;
  margin-bottom: 0.313rem;
}

.pdp .variation-dropdown {
  margin: 0;
}

.pdp .variation-dropdown + .variation-dropdown .variation-dropdown__initiator-button {
  border-top: 0;
}

.pdp .variation-dropdown + .variation-dropdown > .button {
  border-top: 0;
}

.pdp__column {
  margin-bottom: 0.313rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.pdp__column-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  width: 50%;
}

.pdp__column-item:last-child {
  text-align: right;
}

.pdp__cta {
  margin-top: 3.75rem;
}

@media (min-width: 59.375em) {
  .pdp__cta {
    margin-top: 50%;
    position: -webkit-sticky;
    position: sticky;
    top: 2.5rem;
  }
}

.pdp__cta .quantity-selector__inner {
  margin-bottom: 0;
}

.pdp__cta .button {
  display: block;
  width: 100%;
  margin-bottom: 0.313rem;
}

.pdp__description {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 64em) {
  .pdp__description {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 90em) {
  .pdp__description {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.pdp__description b, .pdp__description strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.pdp__description.section.section--collapse {
  margin-top: -2.5rem;
}

@media (min-width: 105em) {
  .pdp__description.section.section--collapse {
    margin-top: -2.812rem;
  }
}

@media (min-width: 120.25em) {
  .pdp__description.section.section--collapse {
    margin-top: -3.125rem;
  }
}

.pdp__description__view-more {
  position: relative;
  margin-top: 1.063rem;
}

.pdp__description__view-more:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.pdp__description__view-more:hover:after, .pdp__description__view-more:focus:after {
  right: 0;
}

.pdp__description__view-more.is-active:after {
  opacity: 1;
  width: 100%;
}

.pdp__description p {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  display: block;
  padding-left: 0;
}

@media (min-width: 64em) {
  .pdp__description p {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .pdp__description {
    width: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .pdp__description p {
    width: 58.33333%;
    padding: 0;
  }
}

@media (min-width: 71.875em) {
  .pdp__description {
    padding: 0;
    margin-left: 8.33333%;
  }
  .pdp__description p {
    width: 50%;
  }
}

@media (min-width: 105em) {
  .pdp__description p {
    width: 41.66667%;
  }
}

@media (min-width: 48em) {
  .pdp--sbs .pdp__gallery {
    margin-left: 0;
  }
  .pdp--sbs .pdp__gallery > img {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 59.375em) {
  .pdp--sbs .pdp__gallery {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 64em) {
  .pdp--sbs .pdp__gallery {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0;
  }
}

@media (min-width: 71.875em) {
  .pdp--sbs .pdp__gallery {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    max-width: 58.33333%;
    padding: 0;
  }
}

@media (min-width: 120.25em) {
  .pdp--sbs .pdp__gallery {
    padding: 0;
  }
}

@media (min-width: 59.375em) {
  .pdp--sbs .pdp__details {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-top: 0;
  }
}

@media (min-width: 64em) {
  .pdp--sbs .pdp__details {
    margin-left: 8.33333%;
    width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
}

@media (min-width: 120.25em) {
  .pdp--sbs .pdp__details {
    width: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%;
    margin-right: 8.33333%;
  }
}

@media (min-width: 48em) {
  .pdp--sbs .product-visualization__container {
    padding-bottom: 2.5rem;
  }
}

@media (min-width: 48em) {
  .pdp--sbs .swiper-pagination-bullets {
    position: absolute;
    bottom: 0;
    margin: 0 !important;
    left: 1.25rem;
  }
}

@media (max-width: 47.99em) {
  .pdp--sbs .product-visualization__item.swiper-slide {
    height: 60vh;
    overflow: hidden;
  }
  .pdp--sbs .product-visualization__item.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       font-family: "object-fit:cover;object-position:center";
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}

.slider {
  padding-left: 0;
  overflow: hidden;
}

@media (min-width: 64em) {
  .slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.slider__container {
  position: relative;
  overflow: visible;
  width: 100vw;
}

.section.sidebar .slider__container {
  width: 100%;
}

.slider__wrapper img {
  display: block;
  width: 100%;
}

.slider .swiper-button-prev,
.slider .swiper-button-next {
  display: none;
}

@media (min-width: 64em) {
  .slider .swiper-button-prev,
  .slider .swiper-button-next {
    display: block;
    width: 25%;
    height: 100%;
    background-color: transparent;
    outline: none;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
  }
}

.slider .swiper-button-prev.swiper-button-disabled,
.slider .swiper-button-next.swiper-button-disabled {
  display: none;
}

.slider .swiper-button-prev:not(.swiper-button-disabled) {
  cursor: auto;
  cursor: url("/static/svg/28x28_left.svg") 28 28, auto;
}

.slider .swiper-button-next:not(.swiper-button-disabled) {
  cursor: auto;
  cursor: url("/static/svg/28x28_right.svg") 28 28, auto;
}

@media (min-width: 64em) {
  .slider .swiper-button-next:not(.swiper-button-disabled) {
    left: auto;
    right: 0;
  }
}

.slider__caption {
  display: none;
}

@media (min-width: 64em) {
  .slider__caption {
    width: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    display: block;
    position: relative;
  }
}

.slider__caption p {
  display: block;
  width: auto;
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 500;
  position: absolute;
  right: 0;
  bottom: 50%;
  -webkit-transform: rotate(270deg) translateX(50%) translateY(-100%);
          transform: rotate(270deg) translateX(50%) translateY(-100%);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}

.slider .swiper-pagination {
  position: absolute;
  bottom: 0;
  z-index: 100;
}

@media (max-width: 63.99em) {
  .slider .swiper-pagination {
    right: 0;
  }
}

@media (min-width: 64em) {
  .slider .swiper-pagination {
    margin-left: 8.33333%;
    margin-bottom: 6.25rem;
  }
}

.slider .swiper-container-fade .swiper-slide {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.slider .swiper-container-fade .swiper-slide:not(.swiper-slide-active) {
  pointer-events: none;
}

.slider--inspiration .slider__container {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}

.slider--inspiration .slider__container.not-seen {
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
}

.slider--inspiration .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider--inspiration .swiper-pagination {
  left: 1.063rem;
}

.slider--inspiration .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  max-width: 100%;
  position: relative;
}

@media (min-width: 64em) {
  .slider--inspiration .swiper-slide {
    width: 70%;
    max-width: 70%;
  }
}

@media (min-width: 64em) {
  .slider--inspiration .swiper-slide {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transition: margin-left 0.35s ease, -webkit-transform 0.35s ease;
    transition: margin-left 0.35s ease, -webkit-transform 0.35s ease;
    transition: transform 0.35s ease, margin-left 0.35s ease;
    transition: transform 0.35s ease, margin-left 0.35s ease, -webkit-transform 0.35s ease;
    will-change: transform;
  }
}

.slider--inspiration .swiper-slide figure {
  max-width: 100%;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

@media (min-width: 64em) {
  .slider--inspiration .swiper-slide figure {
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: -webkit-transform 0.35s ease;
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease;
    will-change: transform;
  }
}

.slider--inspiration .swiper-slide figure img {
  -o-object-fit: contain;
     font-family: "object-fit:contain";
     object-fit: contain;
  width: 100%;
  height: 100%;
}

@media (min-width: 64em) {
  .slider--inspiration .swiper-slide-active {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.slider--with-zoom .swiper-slide {
  cursor: auto;
  cursor: url("/static/svg/28x28_zoom.svg") 28 28, auto;
}

.slider--with-cta .swiper-button-prev,
.slider--with-cta .swiper-button-next {
  height: 75%;
}

.slider--restricted:not(.slider--adjustable) {
  max-height: 800px;
}

.slider--restricted:not(.slider--adjustable) .swiper-slide img {
  max-height: 800px;
  width: auto;
  max-width: 100%;
}

@media (min-width: 64em) {
  .slider--restricted:not(.slider--adjustable) .swiper-slide.swiper-slide-active {
    margin-left: 15%;
  }
}

@media (min-width: 64em) {
  .slider--restricted:not(.slider--adjustable) .swiper-slide {
    width: 50%;
    max-width: 50%;
  }
}

@media (min-width: 120.25em) {
  .slider--restricted:not(.slider--adjustable) .swiper-slide {
    width: 33%;
    max-width: 33%;
  }
}

.slider--adjustable .swiper-slide img {
  width: 100%;
}

@media (min-width: 64em) {
  .slider--adjustable .swiper-slide.swiper-slide-prev.swiper-slide-landscape img {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}

@media (min-width: 64em) {
  .slider--adjustable .swiper-slide.swiper-slide-prev.swiper-slide-portrait img {
    -webkit-transform: translateX(80%);
            transform: translateX(80%);
  }
}

@media (min-width: 64em) {
  .slider--adjustable .swiper-slide-landscape.swiper-slide {
    width: 70%;
  }
}

@media (min-width: 120.25em) {
  .slider--adjustable .swiper-slide-landscape.swiper-slide {
    width: 70%;
  }
}

@media (min-width: 64em) {
  .slider--adjustable .swiper-slide-portrait.swiper-slide {
    width: 40%;
  }
}

@media (min-width: 120.25em) {
  .slider--adjustable .swiper-slide-portrait.swiper-slide {
    width: 40%;
  }
}

@media (min-width: 64em) {
  .slider--adjustable .swiper-slide.swiper-slide-active {
    margin-left: 30%;
  }
}

@media (min-width: 64em) {
  .slider--pagination-mobile-only .swiper-pagination {
    display: none;
  }
}

:root {
  --slider-v2-text-color: #282828;
}

.slider-v2 {
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #282828;
  color: var(--slider-v2-text-color);
}

.slider-v2__container {
  position: relative;
  overflow: visible;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.slider-v2__wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.slider-v2__wrapper img {
  display: inline-block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:top left";
     object-fit: contain;
  -o-object-position: top left;
     object-position: top left;
}

.slider-v2__image {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.slider-v2__image__button {
  display: block;
  width: 100%;
  height: 100%;
}

.slider-v2__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.slider-v2 .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: 8.33333vw;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 83.33333vw;
}

.slider-v2 .swiper-slide figure {
  min-height: 200px;
}

@media (min-width: 48em) {
  .slider-v2 .swiper-slide {
    width: 41.66667vw;
  }
}

.slider-v2 .swiper-slide-portrait {
  width: 58.33333vw;
}

@media (min-width: 48em) {
  .slider-v2 .swiper-slide-portrait {
    width: 25vw;
  }
}

@media (min-width: 120.25em) {
  .slider-v2 .swiper-slide-portrait {
    width: 16.66667vw;
  }
}

.slider-v2 .swiper-slide-portrait + .swiper-slide-portrait {
  width: 50vw;
}

@media (min-width: 48em) {
  .slider-v2 .swiper-slide-portrait + .swiper-slide-portrait {
    width: 29.16667vw;
  }
}

@media (min-width: 120.25em) {
  .slider-v2 .swiper-slide-portrait + .swiper-slide-portrait {
    width: 20.83333vw;
  }
}

.slider-v2__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.25rem 0.625rem 1.25rem 1.25rem;
}

@media (min-width: 48em) {
  .slider-v2__header {
    padding: 1.875rem;
  }
}

.slider-v2__heading {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: lowercase;
  width: 21.875rem;
  max-width: 70%;
}

@media (min-width: 48em) {
  .slider-v2__heading {
    max-width: 90%;
    font-size: 2.5rem;
  }
}

.slider-v2__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0.625rem;
}

@media (min-width: 64em) {
  .slider-v2__navigation {
    gap: 1.25rem;
  }
}

.slider-v2 .swiper-button-prev,
.slider-v2 .swiper-button-next {
  cursor: pointer;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  fill: currentColor;
  width: 1.875rem;
  height: 1.875rem;
}

.slider-v2 .swiper-button-prev.swiper-button-disabled,
.slider-v2 .swiper-button-next.swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.slider-v2 .swiper-button-prev.swiper-button-hidden,
.slider-v2 .swiper-button-next.swiper-button-hidden {
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 64em) {
  .slider-v2 .swiper-button-prev,
  .slider-v2 .swiper-button-next {
    width: 3.125rem;
    height: 3.125rem;
  }
}

@media (hover: hover) {
  .slider-v2 .swiper-button-prev:not(.swiper-button-disabled):hover {
    -webkit-transform: translateX(-0.312rem);
            transform: translateX(-0.312rem);
  }
}

@media (hover: hover) {
  .slider-v2 .swiper-button-next:not(.swiper-button-disabled):hover {
    -webkit-transform: translateX(0.313rem);
            transform: translateX(0.313rem);
  }
}

.slider-v2__image-caption {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  font-family: "Spectral", serif !important;
  margin-top: 1.25rem;
  width: 31.25rem;
  max-width: calc(90% - 1.25rem);
  -webkit-transition: -webkit-transform .45s ease;
  transition: -webkit-transform .45s ease;
  transition: transform .45s ease;
  transition: transform .45s ease, -webkit-transform .45s ease;
}

@media (min-width: 90em) {
  .slider-v2__image-caption {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.slider-v2__image-caption b, .slider-v2__image-caption strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.swiper-slide-active .slider-v2__image-caption {
  -webkit-transform: translateX(1.25rem);
          transform: translateX(1.25rem);
}

.slider-v2--autoplay .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.mosaic-slider {
  position: relative;
  width: 100%;
  height: 100vh;
  height: -webkit-fill-available;
  overflow: hidden;
  background-color: #eeecea;
}

.mosaic-slider__inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-areas: "slider"
 "captions";
  width: 100%;
  height: 100%;
  max-height: 100vh;
  max-height: 100dvh;
}

@media (min-width: 48em) {
  .mosaic-slider__inner {
    grid-template-areas: "thumbs slider"
 "captions .";
    grid-template-columns: 1fr 2fr;
    gap: 5%;
    row-gap: 1.25rem;
    overflow: hidden;
  }
}

@media (min-width: 80em) {
  .mosaic-slider__inner {
    gap: 10%;
    row-gap: 1.25rem;
  }
}

@media (min-width: 120.25em) {
  .mosaic-slider__inner {
    grid-template-columns: 1fr 3fr;
  }
}

.mosaic-slider__container-shell {
  position: relative;
  grid-area: slider;
  overflow: hidden;
  margin: 1.25rem 0;
}

.mosaic-slider__container {
  position: relative;
  width: 100%;
  height: 100%;
}

.mosaic-slider__wrapper img {
  display: block;
  width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:left";
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}

.mosaic-slider__image {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mosaic-slider__image img {
  pointer-events: none;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.mosaic-slider--has-zoom .mosaic-slider__image {
  cursor: url("/static/svg/28x28_zoom.svg") 28 28, pointer;
}

.mosaic-slider .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 48em) {
  .mosaic-slider .swiper-slide {
    -webkit-transition: margin-left 0.35s ease, -webkit-transform 0.35s ease;
    transition: margin-left 0.35s ease, -webkit-transform 0.35s ease;
    transition: transform 0.35s ease, margin-left 0.35s ease;
    transition: transform 0.35s ease, margin-left 0.35s ease, -webkit-transform 0.35s ease;
    will-change: transform;
  }
}

.mosaic-slider__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #eeecea;
  display: grid;
  place-items: center;
  z-index: 1106;
  padding: 0.5rem;
}

@media (min-width: 48em) {
  .mosaic-slider__close {
    width: 5rem;
    height: 5rem;
    padding: 1.125rem;
  }
}

.mosaic-slider__close svg {
  width: 100%;
}

.mosaic-slider .swiper-container button {
  display: none;
}

@media (min-width: 59.375em) {
  .mosaic-slider .swiper-container button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transform-origin: center;
            transform-origin: center;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    border: none;
    color: #fff;
    background-color: #282828;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}

.mosaic-slider .swiper-container button svg {
  width: 0.938rem;
  height: 0.938rem;
  fill: currentColor;
}

@media (min-width: 59.375em) {
  .mosaic-slider .swiper-container button svg {
    width: 1.875rem;
    height: 1.875rem;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}

@media (min-width: 59.375em) {
  .mosaic-slider .swiper-container button.swiper-button-prev {
    left: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .mosaic-slider .swiper-container button.swiper-button-next {
    right: 1.25rem;
  }
}

.mosaic-slider .swiper-container button:hover:not(.swiper-button-disabled) svg {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}

.mosaic-slider .swiper-container button.swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
}

@media (min-width: 59.375em) {
  .mosaic-slider .swiper-container button.swiper-button-disabled {
    opacity: 0;
  }
}

.mosaic-slider .swiper-container button.is-active:not(.swiper-button-disabled) {
  opacity: 1;
}

.mosaic-slider__thumbs {
  display: none;
  grid-area: thumbs;
  margin: 1.25rem 1.25rem 0;
  overflow: auto;
}

.mosaic-slider__thumbs::-webkit-scrollbar {
  width: 0.125rem;
}

.mosaic-slider__thumbs::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  border-radius: 0.313rem;
}

@media (min-width: 48em) {
  .mosaic-slider__thumbs {
    display: block;
  }
}

.mosaic-slider__thumbs-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.125rem;
}

.mosaic-slider__thumbs .mosaic-slider__thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.mosaic-slider__thumbs .mosaic-slider__thumb button {
  position: relative;
  display: block;
  height: 7vw;
}

@media (min-width: 71.875em) {
  .mosaic-slider__thumbs .mosaic-slider__thumb button {
    height: 5vw;
  }
}

@media (min-width: 120.25em) {
  .mosaic-slider__thumbs .mosaic-slider__thumb button {
    height: 4vw;
  }
}

.mosaic-slider__thumbs .mosaic-slider__thumb img {
  width: auto;
  height: 100%;
}

.mosaic-slider__captions {
  position: relative;
  padding: 0 1.25rem 1.25rem 1.25rem;
  grid-area: captions;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "caption";
}

.mosaic-slider__captions .mosaic-slider__caption {
  grid-area: caption;
  -ms-flex-item-align: end;
      align-self: end;
  width: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
  transition: opacity .25s ease, -webkit-transform .25s ease;
  transition: transform .25s ease, opacity .25s ease;
  transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease;
  font-family: "Spectral", serif !important;
}

.mosaic-slider__captions .mosaic-slider__caption.from-left {
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}

.mosaic-slider__captions .mosaic-slider__caption.from-right {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

.mosaic-slider__captions .mosaic-slider__caption.to-left {
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}

.mosaic-slider__captions .mosaic-slider__caption.to-right {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

.mosaic-slider__captions .mosaic-slider__caption.is-active {
  opacity: 1;
  z-index: 2;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.mosaic-slider-overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1106;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  height: -webkit-fill-available;
  -webkit-transform: translateY(101%);
          transform: translateY(101%);
  -webkit-transition: -webkit-transform 0.55s ease;
  transition: -webkit-transform 0.55s ease;
  transition: transform 0.55s ease;
  transition: transform 0.55s ease, -webkit-transform 0.55s ease;
}

.mosaic-slider-overlay:focus {
  outline: 0;
}

.mosaic-slider-overlay.is-active {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.mosaic-slider-overlay__inner {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.mosaic-slider-overlay__close {
  position: absolute;
  top: 1.25rem;
}

:root {
  --mosaic-slider-zoom-cursor-x: 0;
  --mosaic-slider-zoom-cursor-y: 0;
}

.mosaic-slider-zoom {
  background-color: #eeecea;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1107;
  cursor: url("/static/svg/28x28_minus.svg") 28 24, pointer;
}

.mosaic-slider-zoom--custom-cursor {
  cursor: none;
}

.mosaic-slider-zoom__cursor {
  z-index: 1;
  width: 1.75rem;
  height: 0.125rem;
  position: absolute;
  top: calc(var(--mosaic-slider-zoom-cursor-y) - 0.188rem);
  left: calc(var(--mosaic-slider-zoom-cursor-x) - 0.938rem);
  -webkit-filter: invert(1);
          filter: invert(1);
  mix-blend-mode: difference;
  background: #282828;
}

.mosaic-slider-zoom__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mosaic-slider-zoom__image img {
  max-width: none;
  max-height: none;
  display: block;
}

.mosaic-slider-zoom__image span {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
  text-align: center;
  position: absolute;
  color: firebrick;
  padding: 1.25rem;
  background: #d9d9d9;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (min-width: 21.875em) {
  .mosaic-slider-zoom__image span {
    font-size: 1.5rem;
  }
}

@media (min-width: 48em) {
  .mosaic-slider-zoom__image span {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  .mosaic-slider-zoom__image span {
    font-size: 2.188rem;
  }
}

@media (min-width: 90em) {
  .mosaic-slider-zoom__image span {
    font-size: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .mosaic-slider-zoom__image span {
    font-size: 2.08vw;
  }
}

.preview-tiles__container {
  width: 100%;
  border: 0.063rem solid rgba(0, 0, 0, 0.1);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 64em) {
  .preview-tiles__container {
    overflow: initial;
  }
}

.preview-tiles__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.preview-tiles__grid-item {
  width: 43%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 43%;
          flex: 1 0 43%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 64em) {
  .preview-tiles__grid-item:nth-child(4) {
    border-right: 0;
  }
}

@media (min-width: 120.25em) {
  .preview-tiles__grid-item:nth-child(4) {
    border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
  }
}

.preview-tiles__grid-item:last-child {
  border-right: 0;
}

.preview-tiles__grid-item:last-child .product-tile__quickview {
  width: calc(100% + 0.063rem);
}

@media (min-width: 64em) {
  .preview-tiles__grid-item {
    width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

@media (min-width: 120.25em) {
  .preview-tiles__grid-item {
    width: calc( 16.66667% - 1px);
    -ms-flex-preferred-size: calc( 16.66667% - 1px);
        flex-basis: calc( 16.66667% - 1px);
  }
}

@media (min-width: 64em) {
  .preview-tiles__grid-item--excess {
    display: none;
  }
}

@media (min-width: 120.25em) {
  .preview-tiles__grid-item--excess {
    display: block;
  }
}

.preview-tiles__grid-item--type-2col {
  width: 86%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 86%;
          flex: 1 0 86%;
}

@media (min-width: 64em) {
  .preview-tiles__grid-item--type-2col {
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

.preview-tiles__grid-item--type-2col + .bordered-tile {
  border-top: 0;
}

.preview-tiles__grid-item--type-2col .product-tile__image {
  overflow: hidden;
  padding-top: 50%;
}

.preview-tiles__grid-item--type-2col .product-tile__quickview__inner {
  max-width: 50%;
}

@media (max-width: 35.4275em) {
  .preview-tiles--wide .preview-tiles__grid-item {
    width: 86%;
    -ms-flex-preferred-size: 86%;
        flex-basis: 86%;
  }
}

@media (min-width: 64em) {
  .preview-tiles .product-tile,
  .preview-tiles .product-tile__inner,
  .preview-tiles .product-tile__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
  }
}

:root {
  --modal-backdrop-color: rgba(0, 0, 0, 0.5);
  --modal-body-color: #fff;
}

.modal {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: var(--modal-backdrop-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

@media (min-width: 48em) {
  .modal {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.modal__close {
  position: absolute;
  right: 1.375rem;
  top: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
}

.modal__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.modal__container {
  position: relative;
  max-height: 80vh;
  max-width: 95%;
  width: 31.25rem;
  background-color: #fff;
  background-color: var(--modal-body-color);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  color: #282828;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 48em) {
  .modal__container {
    height: auto;
  }
}

.modal--dialog .modal__container {
  padding-bottom: 4.75rem;
}

.modal__container--large {
  width: 60.875rem;
}

.modal__container--large .rich-text {
  max-width: 60%;
}

.modal__header {
  padding: 1.063rem;
  padding-bottom: 0;
  margin-bottom: 1.063rem;
}

@media (min-width: 64em) {
  .modal__header {
    padding: 1.25rem;
  }
}

@media (min-width: 48em) {
  .modal__header {
    margin-bottom: 1.25rem;
  }
}

.modal__header > h1,
.modal__header > h2 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  white-space: pre-line;
}

@media (min-width: 21.875em) {
  .modal__header > h1,
  .modal__header > h2 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .modal__header > h1,
  .modal__header > h2 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .modal__header > h1,
  .modal__header > h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .modal__header > h1,
  .modal__header > h2 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .modal__header > h1,
  .modal__header > h2 {
    font-size: 2.6vw;
  }
}

.modal__body {
  padding: 1.063rem;
  padding-bottom: 0;
  padding-top: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  max-height: calc(100% - 60px);
}

@media (min-width: 64em) {
  .modal__body {
    padding: 1.25rem;
  }
}

.modal--body-bottom-space .modal__body {
  padding-bottom: 1.063rem;
}

@media (min-width: 64em) {
  .modal--body-bottom-space .modal__body {
    padding-bottom: 1.25rem;
  }
}

.modal__body .rich-text + * {
  margin-top: 1.25rem;
}

.modal__footer {
  padding-top: 0;
}

.modal__footer:not(.modal__footer--pinned) {
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .modal__footer:not(.modal__footer--pinned) {
    padding: 1.25rem;
  }
}

.modal__footer--pinned {
  position: absolute;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  top: calc(100% - 3.625rem);
  width: 100%;
}

@media (min-width: 64em) {
  .modal__footer--pinned {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.modal__footer--pinned .button--primary {
  margin-left: auto;
  min-width: inherit;
}

.modal__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal__buttons .button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.modal__buttons .button:not(:first-child) {
  margin-left: 0.313rem;
}

.modal__buttons .button:only-child {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 59.375em) {
  .modal--fix-to-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .modal--fix-to-top .modal__container {
    margin-top: 12vh;
  }
}

.modal--tight .modal__body {
  padding: 0;
}

.modal--tight .modal__header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.modal--collapse-bottom .modal__body {
  padding-bottom: 0;
}

@media (max-width: 47.99em) {
  .modal--takeover-mobile {
    display: block;
    overflow: hidden;
    overflow-y: auto;
  }
  .modal--takeover-mobile .modal__container {
    max-height: none;
    max-width: none;
    min-height: 100vh;
    width: 100%;
  }
}

.modal .hero--article .hero__image picture {
  max-width: 50%;
}

@-webkit-keyframes gradientAnim {
  0% {
    background-position: -50% 50%;
  }
  100% {
    background-position: -150% 50%;
  }
}

@keyframes gradientAnim {
  0% {
    background-position: -50% 50%;
  }
  100% {
    background-position: -150% 50%;
  }
}

.configurator {
  visibility: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  color: #282828;
  z-index: 9000;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: visibility 0s 0.55s ease, -webkit-transform 0.55s ease;
  transition: visibility 0s 0.55s ease, -webkit-transform 0.55s ease;
  transition: transform 0.55s ease, visibility 0s 0.55s ease;
  transition: transform 0.55s ease, visibility 0s 0.55s ease, -webkit-transform 0.55s ease;
}

.configurator:focus {
  outline: 0;
}

.configurator.is-shown {
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: visibility 0s ease, -webkit-transform 0.55s ease;
  transition: visibility 0s ease, -webkit-transform 0.55s ease;
  transition: transform 0.55s ease, visibility 0s ease;
  transition: transform 0.55s ease, visibility 0s ease, -webkit-transform 0.55s ease;
}

@media (max-width: 59.365em) {
  .configurator {
    overflow: hidden;
  }
}

.configurator__inner {
  display: block;
  height: 100%;
}

.configurator__close {
  width: 1.875rem;
  height: 1.875rem;
}

@media (min-width: 59.375em) {
  .configurator__close {
    width: 3.125rem;
    height: 3.125rem;
    padding: 0.625rem;
  }
}

.configurator__header {
  position: relative;
  padding: 1.563rem 1.25rem;
  min-height: 3.75rem;
  max-height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.063rem solid #d9d9d9;
}

.configurator__header h4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 80%;
          flex: 0 1 80%;
  min-height: 0;
  max-width: 80%;
}

.configurator__header h4 span {
  display: block;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  max-height: 1em;
  text-overflow: ellipsis;
  letter-spacing: -0.062rem;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.25rem;
}

@media (min-width: 24.375em) {
  .configurator__header h4 span {
    font-size: 1.5rem;
  }
}

@media (min-width: 35.4375em) {
  .configurator__header h4 span {
    font-size: 1.75rem;
  }
}

@media (min-width: 59.375em) {
  .configurator__header h4 span {
    font-size: 2.375rem;
  }
}

.configurator__header h4 small {
  display: block;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1;
}

@media (min-width: 24.375em) {
  .configurator__header h4 small {
    font-size: 1.125rem;
  }
}

.configurator__body {
  position: relative;
  height: calc(100% - 5rem);
}

@media (max-width: 59.365em) {
  .configurator__body {
    overflow: hidden;
  }
}

@media (min-width: 59.375em) {
  .configurator__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.configurator__preview {
  position: relative;
  text-align: center;
}

@media (max-width: 59.365em) {
  .configurator__preview {
    width: 100%;
    height: calc(100% - 4.688rem);
  }
}

@media (min-width: 59.375em) {
  .configurator__preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 65%;
            flex: 0 1 65%;
  }
}

.configurator__preview-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}

.configurator__preview-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}

@media (min-width: 59.375em) {
  .configurator__preview-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

.configurator__preview-image img {
  position: relative;
  display: block;
  max-height: 100%;
  margin: auto;
}

@media all and (-ms-high-contrast: none) {
  .configurator__preview-image img {
    width: auto;
    height: 100%;
  }
}

.configurator__preview .cylindo-container {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
}

.configurator__preview .cylindo-container .cylindo-wrapper {
  max-height: 100% !important;
  min-height: 100% !important;
}

.configurator__preview .cylindo-container .cylindo-viewer-container {
  z-index: 1;
}

.configurator__preview .cylindo-container .cylindo-action-button-group {
  display: none !important;
}

.configurator__preview .cylindo-container .cylindo-threesixty-list,
.configurator__preview .cylindo-container .cylindo-threesixty-list > li > img,
.configurator__preview .cylindo-container .cylindo-custom-list > li > img,
.configurator__preview .cylindo-container .cylindo-threesixty-list > li > div:not(.cylindo-dismiss-on-zoom),
.configurator__preview .cylindo-container .cylindo-custom-list > li > div:not(.cylindo-dismiss-on-zoom) {
  cursor: url("/static/svg/muu_icon_cylindo_28x28_cursor_icon_hand_open.svg") 12 12, auto;
}

.configurator__preview .cylindo-container.is-panning .cylindo-threesixty-list,
.configurator__preview .cylindo-container.is-panning .cylindo-threesixty-list > li > img,
.configurator__preview .cylindo-container.is-panning .cylindo-custom-list > li > img,
.configurator__preview .cylindo-container.is-panning .cylindo-threesixty-list > li > div:not(.cylindo-dismiss-on-zoom),
.configurator__preview .cylindo-container.is-panning .cylindo-custom-list > li > div:not(.cylindo-dismiss-on-zoom) {
  cursor: url("/static/svg/muu_icon_cylindo_28x28_cursor_icon_hand_closed.svg") 12 12, auto !important;
}

.configurator__preview .cylindo-container .cylindo-zoom-imagery {
  cursor: url("/static/svg/muu_icon_cylindo_28x28_cursor_reset.svg") 20 20, pointer;
}

.configurator__preview .cylindo-container__guide {
  position: absolute;
  height: 1.875rem;
  bottom: 10%;
  left: 0.625rem;
  right: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media (min-width: 48em) {
  .configurator__preview .cylindo-container__guide {
    bottom: 0.625rem;
    height: 3.125rem;
  }
}

.configurator__preview .cylindo-container__guide.is-active {
  opacity: 1;
}

.configurator__preview .cylindo-container__guide li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.625rem;
  color: #7f7f7f;
}

@media (min-width: 24.375em) {
  .configurator__preview .cylindo-container__guide li {
    padding: 0 1.25rem;
  }
}

.configurator__preview .cylindo-container__guide li span {
  margin: 0 0.313rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.813rem;
  text-align: left;
}

@media (min-width: 24.375em) {
  .configurator__preview .cylindo-container__guide li span {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 0.875rem;
  }
}

@media (min-width: 35.4375em) {
  .configurator__preview .cylindo-container__guide li span {
    font-size: 1rem;
  }
}

.configurator__preview .cylindo-container__guide li svg {
  width: 1.25rem;
  height: 1.25rem;
}

@media (min-width: 24.375em) {
  .configurator__preview .cylindo-container__guide li svg {
    width: 1.875rem;
    height: 1.875rem;
  }
}

.configurator__preview .cylindo-container__guide li + li {
  border-left: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.configurator__preview .cylindo-zoom {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  z-index: 2;
  background-color: #fff;
  display: none;
}

.configurator__preview .cylindo-tooltip-not-available,
.configurator__preview .cylindo-no-feature {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

.configurator__preview .cylindo-tooltip-not-available span,
.configurator__preview .cylindo-no-feature span {
  content: "⚠";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -3.75rem);
          transform: translate(-50%, -3.75rem);
  display: block;
  margin: 0 auto;
  color: transparent;
  width: 3.75rem;
  height: 3.75rem;
  font-size: 3.75rem;
  font-weight: 300;
}

.configurator__preview .cylindo-tooltip-not-available span:before,
.configurator__preview .cylindo-no-feature span:before {
  display: block;
  content: "⚠";
  color: #555;
}

.configurator__preview .cylindo-tooltip-not-available p,
.configurator__preview .cylindo-no-feature p {
  max-width: 18.75rem;
  color: #282828;
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 1.25rem);
          transform: translate(-50%, 1.25rem);
  display: block;
}

.configurator__preview .cylindo-ar-button a {
  cursor: pointer;
}

@media (min-width: 59.375em) {
  .configurator__preview .cylindo-ar-button a {
    left: 1.25rem;
    top: 1.25rem;
  }
}

.configurator-slides {
  opacity: 0.2;
  position: relative;
  vertical-align: top;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  pointer-events: none;
  overflow: hidden;
  background-color: #fff;
  height: 100%;
  z-index: 2;
}

.configurator-slides__inner {
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.configurator-slides.is-loaded {
  opacity: 1;
  pointer-events: auto;
}

.configurator-slides.is-saving {
  pointer-events: none;
}

.configurator-slides.is-saving:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(110deg, rgba(255, 255, 255, 0) 40%, white 50%, rgba(255, 255, 255, 0) 60%), no-repeat bottom;
  background-size: 200% 100%;
  background-position: 0% 50%;
  -webkit-animation: gradientAnim 2s linear infinite;
  animation: gradientAnim 2s linear infinite;
}

.configurator-slides.is-saving .configurator-slides__inner {
  opacity: 0.5;
}

@media (max-width: 59.365em) {
  .configurator-slides {
    width: 100%;
    position: fixed;
    top: 100%;
    left: 0;
    -webkit-transition: height 0s 0.35s, -webkit-transform 0.35s ease-out;
    transition: height 0s 0.35s, -webkit-transform 0.35s ease-out;
    transition: transform 0.35s ease-out, height 0s 0.35s;
    transition: transform 0.35s ease-out, height 0s 0.35s, -webkit-transform 0.35s ease-out;
    height: 5rem;
    -webkit-transform: translateY(-5rem);
            transform: translateY(-5rem);
    opacity: 1;
  }
  .configurator-slides.in-view {
    border-top: 0;
    -webkit-transition: -webkit-transform 0.35s ease-out;
    transition: -webkit-transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    height: calc(100% - 5rem);
  }
  .configurator-slides.in-view .mobile-addtocart {
    opacity: 0;
  }
}

@media (min-width: 59.375em) {
  .configurator-slides {
    overflow: hidden;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    border-left: 0.063rem solid #d9d9d9;
    min-width: 25rem;
  }
}

.configurator-slides__mobile-header {
  display: block;
  padding: 1.25rem;
}

@media (min-width: 59.375em) {
  .configurator-slides__mobile-header {
    display: none;
  }
}

.configurator-slides__mobile-header .button--options-toggle,
.configurator-slides__mobile-header .buy-section {
  width: 50%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.configurator-slides__mobile-header .buy-section {
  float: right;
  min-width: 6.25rem;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.configurator-slides__mobile-header .buy-section .switch-mode-notice {
  display: none;
}

.in-view .configurator-slides__mobile-header .buy-section .switch-mode-notice {
  display: block;
}

.configurator-slides__mobile-header__product-preview {
  float: right;
  margin-right: 1.063rem;
  height: 4.5rem;
  width: 4.5rem;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.configurator-slides .tool-box {
  margin-top: auto;
  padding: 1.25rem;
  border-top: 0.063rem solid #d9d9d9;
  background-color: #fff;
}

.configurator-slides .tool-box h3 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  padding-bottom: 1.25rem;
}

@media (min-width: 21.875em) {
  .configurator-slides .tool-box h3 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .configurator-slides .tool-box h3 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .configurator-slides .tool-box h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .configurator-slides .tool-box h3 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .configurator-slides .tool-box h3 {
    font-size: 2.6vw;
  }
}

@media (min-width: 48em) {
  .configurator-slides .tool-box h3 {
    padding-bottom: 3.75rem;
  }
}

.configurator-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s ease-out;
  transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
  height: 100%;
  overflow: auto;
}

.configurator-slide--level1 {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

@media (max-width: 59.365em) {
  .configurator-slide--level1 {
    position: absolute;
  }
}

.configurator-slide--level1.is-active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.in-view .configurator-slide--level1 {
  overflow: auto;
}

.configurator-slide--level2 {
  position: absolute;
  top: -0.062rem;
  left: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.configurator-slide--level2.is-active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.configurator-slide__header {
  position: relative;
  display: block;
  padding: 0.313rem 0;
  min-height: 4.375rem;
  border-top: 0.063rem solid #d9d9d9;
  border-bottom: 0.063rem solid #d9d9d9;
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -0.062rem;
  padding-bottom: 2.188rem;
  line-height: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 4.375rem;
          flex: 1 1 4.375rem;
}

@media (min-width: 59.375em) {
  .configurator-slide__header {
    border-top: 0;
    font-size: 1.25rem;
  }
}

.configurator-slide__header .arrow-back:before {
  content: "\2190";
  display: inline-block;
  padding: 0 0.75rem 0 1.063rem;
  font-size: 1.75rem;
  font-weight: 400;
  text-transform: uppercase;
}

.configurator-slide__header .button {
  display: block;
  min-width: 4.063rem;
  max-width: 9.063rem;
  padding: auto;
  visibility: hidden;
  opacity: 0;
  float: right;
  margin: 0.313rem 1.063rem 0 0;
  -webkit-transition: opacity 0.25s ease, visibility 0s 0.25s ease;
  transition: opacity 0.25s ease, visibility 0s 0.25s ease;
}

@media (min-width: 59.375em) {
  .configurator-slide__header .button {
    min-width: none;
    max-width: none;
    width: 9.688rem;
    margin: 0.313rem 1.25rem 0 0;
  }
}

.configurator-slide__header .button.is-shown {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.25s ease, visibility 0s ease;
  transition: opacity 0.25s ease, visibility 0s ease;
}

.configurator-slide__header__product-preview {
  float: right;
  margin-right: 1.063rem;
  height: 3.75rem;
  width: 3.75rem;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.configurator-slide__conflict {
  position: relative;
  display: block;
  max-height: 0;
  background-color: #ca8268;
  -webkit-transition: max-height 0.45s ease;
  transition: max-height 0.45s ease;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.configurator-slide__conflict.is-active {
  max-height: 400px;
}

.configurator-slide__conflict .conflict-header {
  padding: 1.063rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 0.97;
  letter-spacing: -0.062rem;
}

@media (min-width: 64em) {
  .configurator-slide__conflict .conflict-header {
    padding: 1.25rem;
  }
}

@media (min-width: 48em) {
  .configurator-slide__conflict .conflict-header {
    font-size: 1.625rem;
    line-height: 0.77;
    letter-spacing: -0.081rem;
  }
}

.configurator-slide__conflict .conflict-content {
  padding: 1.063rem;
  font-size: 1rem;
}

@media (min-width: 64em) {
  .configurator-slide__conflict .conflict-content {
    padding: 1.25rem;
  }
}

.configurator-slide__body {
  position: relative;
  display: block;
  height: calc(100% - 4.375rem);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.configurator-slide__body--no-scroll {
  overflow: hidden;
  height: 100%;
}

@media (min-width: 59.375em) {
  .configurator__groups li:first-child a {
    border-top: 0;
  }
}

.configurator__group-item {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: 4.375rem;
  padding: 0.75rem 1.25rem 0.5rem;
  border-top: 0.063rem solid #d9d9d9;
  background-color: transparent;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

@media (min-width: 59.375em) {
  .configurator__group-item:hover {
    background-color: #ece8de;
  }
}

.configurator__group-item:after {
  content: "\2192";
  position: absolute;
  right: 1.25rem;
  top: 0;
  display: block;
  font-size: 1.75rem;
  font-weight: 400;
}

.configurator__group-item__conflict {
  display: none;
  margin-top: 0.625rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.67;
  letter-spacing: -0.031rem;
  color: #ca8268;
}

.configurator__group-item.has-conflict .configurator__group-item__conflict {
  display: block;
}

.configurator__group-item.is-disabled {
  opacity: 0.3;
}

.configurator__group-item--load-item {
  display: none;
}

.configurator__group-item--load-item.is-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 59.365em) {
  .configurator__group-item--load-item.is-loading {
    opacity: 0.3;
  }
}

.configurator__group-item--load-item .configurator__group-item__label span {
  display: block;
  background-color: #999;
  height: 0.875rem;
  width: 5.125rem;
  border-radius: 0.125rem;
  background: linear-gradient(110deg, #999 40%, white 50%, #999 60%), no-repeat bottom;
  background-size: 300% 100%;
  background-position: -50% 50%;
  -webkit-animation: gradientAnim 2s -1s linear infinite;
  animation: gradientAnim 2s -1s linear infinite;
}

.configurator__group-item--load-item .configurator__group-item__value span {
  display: block;
  background-color: #999;
  height: 1.125rem;
  width: 7.5rem;
  border-radius: 0.125rem;
  background: linear-gradient(110deg, #999 45%, rgba(255, 255, 255, 0.8) 50%, #999 55%), no-repeat bottom;
  background-size: 400% 100%;
  background-position: -50% 50%;
  -webkit-animation: gradientAnim 3s 2s linear infinite;
  animation: gradientAnim 3s 2s linear infinite;
}

.configurator__group-item--no-link {
  -webkit-transition: none;
  transition: none;
}

.configurator__group-item--no-link:after {
  display: none;
}

@media (min-width: 59.375em) {
  .configurator__group-item--no-link:hover {
    background-color: transparent;
  }
}

.configurator__group-item__label {
  text-transform: uppercase;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: -0.031rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.625rem;
          flex: 0 0 5.625rem;
  padding-right: 1.25rem;
  line-height: 1.67;
}

@media (min-width: 24.375em) {
  .configurator__group-item__label {
    font-size: 0.75rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.125rem;
            flex: 0 0 8.125rem;
  }
}

.configurator__group-item__label--small {
  font-size: 0.75rem;
  text-transform: none;
  font-weight: 400;
}

.configurator__group-item__label--small span:first-child {
  font-weight: 500;
}

.configurator__group-item__label span {
  display: inline-block;
}

.configurator__group-item__value {
  font-size: 0.938rem;
  letter-spacing: -0.056rem;
  line-height: 1.28;
}

@media (min-width: 48em) {
  .configurator__group-item__value {
    font-size: 1.125rem;
  }
}

.configurator__group-item__value--small {
  font-size: 0.75rem;
  text-transform: none;
  letter-spacing: -0.031rem;
  font-weight: 400;
}

.configurator__group-item__value a {
  font-size: 0.75rem;
  text-decoration: underline;
}

.configurator__group-item__value a:hover {
  text-decoration: none;
}

.configurator .certificates {
  margin: 1.063rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: -0.031rem;
}

@media (min-width: 64em) {
  .configurator .certificates {
    margin: 1.25rem;
  }
}

.configurator .certificates__headline {
  margin-bottom: 0.625rem;
  text-transform: uppercase;
  line-height: 2;
  font-weight: 500;
}

.configurator .certificates__list {
  list-style-type: none;
}

.configurator .certificates__list li:before {
  content: "―";
  display: inline-block;
  margin-right: 0.625rem;
}

.configurator .message-box {
  margin: 0 1.25rem 1.25rem;
}

.options-selector ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.options-selector__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: block;
  margin: 0;
  padding: 0;
  margin-top: -0.062rem;
}

.options-selector__item--inactive {
  position: relative;
}

.options-selector__item--inactive:after {
  content: "!";
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  background-color: #fff;
  width: 1.438rem;
  height: 1.438rem;
  border-radius: 50%;
  text-align: center;
  color: #282828;
  border: 0.063rem solid #282828;
  font-size: 1rem;
  line-height: 1.438rem;
  font-weight: 500;
  pointer-events: none;
}

@media (min-width: 59.375em) {
  .options-selector__item--inactive:after {
    top: 0.625rem;
    right: 0.625rem;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.options-selector__item--inactive .options-selector__item__text {
  color: #d9d9d9;
}

.options-selector__item--inactive .options-selector__item__image img {
  -webkit-filter: opacity(0.1);
          filter: opacity(0.1);
}

.options-selector__item__image {
  display: none;
}

.options-selector__item__text {
  color: #282828;
}

.options-selector__item input:checked + label {
  font-weight: 500;
  background-color: #eeecea;
}

.options-selector__item input:checked + label .icon:after {
  opacity: 1;
}

.options-selector__item label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.313rem 1.25rem 0.313rem 4.375rem;
  border: solid #d9d9d9;
  border-width: 0.063rem 0;
  font-size: 1.125rem;
  font-weight: 400;
  min-height: 4.375rem;
  background-color: transparent;
  -webkit-transition: background-color 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: background-color 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: box-shadow 0.25s ease, background-color 0.25s ease;
  transition: box-shadow 0.25s ease, background-color 0.25s ease, -webkit-box-shadow 0.25s ease;
}

.options-selector__item label:hover {
  background-color: #ece8de;
}

.options-selector__item label .icon {
  position: absolute;
  top: 0.625rem;
  left: 1.25rem;
  display: inline-block;
}

.options-selector__item label .icon:before {
  content: "";
  display: inline-block;
  width: 0.813rem;
  height: 0.813rem;
  background: transparent;
  border: 0.063rem solid #cfccc8;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}

.options-selector__item label .icon:after {
  content: "";
  display: inline-block;
  width: 0.813rem;
  height: 0.813rem;
  text-align: center;
  background-color: #282828;
  border-radius: 50%;
  border: 0.063rem solid #282828;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.options-selector__item--color-radio {
  color: currentColor;
}

.options-selector__item--color-radio label {
  color: currentColor;
}

.options-selector__item--color-radio label:hover {
  background-color: currentColor;
}

.options-selector__item--color-radio label:hover .icon:before {
  background-color: currentColor;
  -webkit-box-shadow: 0 0 0 0.063rem #fff;
          box-shadow: 0 0 0 0.063rem #fff;
}

.options-selector__item--color-radio label:hover .options-selector__item__text {
  mix-blend-mode: screen;
}

@media all and (-ms-high-contrast: none) {
  .options-selector__item--color-radio label:hover .options-selector__item__text {
    color: #282828 !important;
  }
}

.options-selector__item--color-radio label .icon:before {
  background-color: currentColor;
  border: 0.063rem solid transparent;
}

@media all and (-ms-high-contrast: none) {
  .options-selector__item--color-radio label .options-selector__item__text {
    color: #282828 !important;
  }
}

.options-selector__item--color-radio input + label:not(:hover) .options-selector__item__text {
  color: #282828 !important;
}

.options-selector__item--color-radio input:checked + label .icon:after {
  background-color: currentColor;
  border: 0.063rem solid transparent;
  -webkit-box-shadow: 0 0 0 0.063rem #fff;
          box-shadow: 0 0 0 0.063rem #fff;
}

.options-selector__item--big-radio {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.options-selector__item--big-radio:nth-child(2n + 1) label {
  -webkit-box-shadow: 0.063rem 0 0 0 #d9d9d9;
          box-shadow: 0.063rem 0 0 0 #d9d9d9;
}

.options-selector__item--big-radio input:checked + label {
  -webkit-box-shadow: inset 0 0 0 0.063rem #282828;
          box-shadow: inset 0 0 0 0.063rem #282828;
}

.options-selector__item--big-radio .options-selector__item__image {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 85%;
}

.options-selector__item--big-radio .options-selector__item__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 60%;
}

.options-selector__item--big-radio label {
  padding: 0.688rem 1.125rem;
  min-height: none;
}

.options-selector__item--big-radio label:before, .options-selector__item--big-radio label:after {
  display: none;
}

.upholstery-collection__preview {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 3;
  will-change: opacity;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease, visibility 0s 0.25s ease;
  transition: opacity 0.25s ease, visibility 0s 0.25s ease;
  visibility: hidden;
}

@media (min-width: 59.375em) {
  .upholstery-collection__preview {
    display: block;
  }
}

@media (min-width: 59.375em) {
  .upholstery-collection__preview.is-active {
    -webkit-transition: opacity 0.25s ease, visibility 0s 0s ease;
    transition: opacity 0.25s ease, visibility 0s 0s ease;
    visibility: visible;
    opacity: 1;
  }
}

.configurator-message {
  position: absolute;
  top: 1.25rem;
  right: 0.625rem;
  max-width: 15.625rem;
  margin: 0 1.25rem 1.25rem;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
}

@media (min-width: 59.375em) {
  .configurator-message {
    margin: 0;
    top: auto;
    bottom: 1.25rem;
    right: 1.25rem;
  }
}

.configurator-message__icon {
  font-size: 0.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  z-index: 1;
  -webkit-transition: bottom 0.1s ease-out;
  transition: bottom 0.1s ease-out;
  color: #282828;
}

@media (min-width: 59.375em) {
  .configurator-message__icon {
    top: 0;
    left: 0;
  }
}

.configurator-message__icon svg {
  fill: currentColor;
  width: 1.125rem;
  height: 1.125rem;
}

.configurator-message__inner {
  cursor: pointer;
  position: relative;
  padding: 0.938rem;
  background-color: #EDEDED;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

@media (min-width: 59.375em) {
  .configurator-message__inner {
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    width: 15.625rem;
  }
}

.configurator-message__inner p {
  text-align: left;
  font-size: 0.75rem;
}

.configurator-message__inner button {
  display: block;
}

.configurator-message__inner button span {
  font-weight: 500;
  text-decoration: underline;
  white-space: nowrap;
  font-size: 0.75rem;
}

.configurator-message.is-active .configurator-message__icon {
  bottom: calc(100% - 3.125rem);
}

@media (min-width: 59.375em) {
  .configurator-message.is-active .configurator-message__icon {
    bottom: auto;
    top: 0;
  }
}

.configurator-message.is-active .configurator-message__inner {
  opacity: 0;
  -webkit-animation: show-message 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
          animation: show-message 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

@-webkit-keyframes show-message {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes show-message {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.request-configuration {
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .request-configuration {
    padding: 1.25rem;
  }
}

.request-configuration .form__field--checkbox {
  margin-bottom: 0.625rem;
}

@media (min-width: 35.4375em) {
  .request-configuration .form__row {
    max-width: 21.25rem;
  }
}

.request-configuration .form__header p {
  min-height: 6.25rem;
}

@media (min-width: 59.375em) {
  .request-configuration .form__header p {
    min-height: 7.5rem;
  }
}

.request-configuration__success h4 {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .request-configuration__success h4 {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .request-configuration__success h4 {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.request-configuration__success p {
  margin-top: 0.625rem;
  max-width: 75%;
  white-space: pre-line;
  font-size: 0.875rem;
  line-height: 1.2;
}

.request-configuration__success .button {
  margin-top: 1.875rem;
}

.upholstery-selector {
  overflow: hidden;
  height: 100%;
}

.upholstery-selector__scroll {
  overflow: hidden;
  overflow-y: auto;
}

.upholstery-selector .upholstery-info.is-active .upholstery-info__trigger {
  border-bottom: 0;
}

.upholstery-selector .upholstery-info.is-active .upholstery-info__trigger svg {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}

.upholstery-selector .upholstery-info__label {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.031rem;
  line-height: 1.17;
}

.upholstery-selector .upholstery-info__label + div {
  font-size: 0.75rem;
  text-transform: none;
  font-weight: 400;
}

.upholstery-selector .upholstery-info__label--big {
  font-size: 0.875rem;
  letter-spacing: -0.056rem;
  line-height: 1.29;
}

.upholstery-selector .upholstery-info__label--big + div {
  font-size: 0.875rem;
}

.upholstery-selector .upholstery-info__trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0.625rem 1.063rem;
  cursor: pointer;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 48em) {
  .upholstery-selector .upholstery-info__trigger {
    padding: 0.625rem 1.25rem;
  }
}

.upholstery-selector .upholstery-info__trigger .icon {
  width: 0.875rem;
  height: 0.875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.upholstery-selector .upholstery-info__trigger svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: auto;
  width: 0.875rem;
  height: 0.875rem;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.upholstery-selector .upholstery-info__trigger div + div {
  margin-left: 0.625rem;
}

.upholstery-selector .upholstery-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1.063rem;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 64em) {
  .upholstery-selector .upholstery-info__content {
    padding: 1.25rem;
  }
}

.upholstery-selector .upholstery-info__content--textile-details {
  border-bottom: none;
}

.upholstery-selector .upholstery-info__content > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 0.625rem;
  margin-bottom: 0.625rem;
}

.upholstery-selector .upholstery-info__content img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.313rem;
}

.upholstery-selector .upholstery-search {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  margin-top: 1.25rem;
}

@media (min-width: 64em) {
  .upholstery-selector .upholstery-search {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.upholstery-selector .upholstery-search .form__field {
  width: 100%;
  /* Change Autocomplete styles in Chrome*/
}

.upholstery-selector .upholstery-search .form__field .form__item {
  border-bottom: 0;
}

.upholstery-selector .upholstery-search .form__field input:-webkit-autofill,
.upholstery-selector .upholstery-search .form__field input:-webkit-autofill:hover,
.upholstery-selector .upholstery-search .form__field input:-webkit-autofill:focus {
  border: 0.063rem solid #282828;
  border-bottom: 0;
  -webkit-text-fill-color: #282828;
  -webkit-box-shadow: 0 0 0 62.5rem transparent inset;
  -webkit-transition: background-color 50000s ease-in-out 0s;
  transition: background-color 50000s ease-in-out 0s;
  font-size: 0.875rem !important;
}

.upholstery-selector .upholstery-search .button {
  float: right;
  width: 5rem;
  vertical-align: bottom;
  border-left: 0;
  border-bottom: 0;
}

.upholstery-selector .upholstery-filtering {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  padding-bottom: 1.063rem;
  border-bottom: 0.063rem solid #d9d9d9;
}

@media (min-width: 64em) {
  .upholstery-selector .upholstery-filtering {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .upholstery-selector .upholstery-filtering {
    padding-bottom: 1.25rem;
  }
}

@media (max-width: 59.365em) {
  .upholstery-selector .upholstery-filtering {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.upholstery-selector .upholstery-filtering__dropdown-con {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 59.365em) {
  .upholstery-selector .upholstery-filtering__dropdown-con {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

@media (max-width: 59.365em) {
  .upholstery-selector .upholstery-filtering__dropdown-con:not(:first-child) .form__item {
    border-top: 0;
  }
}

@media (min-width: 59.375em) {
  .upholstery-selector .upholstery-filtering__dropdown-con:not(:first-child) .form__item {
    border-left: 0;
  }
}

.upholstery-selector .upholstery-filtering__dropdown-con .form__item {
  padding-right: 1.25rem;
}

.upholstery-selector .upholstery-collection {
  margin: 1.063rem 0.75rem;
}

@media (min-width: 59.375em) {
  .upholstery-selector .upholstery-collection {
    margin: 1.25rem 0.938rem;
  }
}

.upholstery-selector .upholstery-collection__item {
  position: relative;
  display: block;
  border: 0;
  float: left;
  width: 31.333333%;
  cursor: pointer;
  margin: 0 1% 1.875rem 1%;
}

@media (min-width: 59.375em) {
  .upholstery-selector .upholstery-collection__item {
    margin: 0 1% 0.938rem 1%;
    width: 18%;
  }
}

.upholstery-selector .upholstery-collection__item--inactive {
  position: relative;
  opacity: 0.4;
}

.upholstery-selector .upholstery-collection__item--inactive:after {
  content: "!";
  position: absolute;
  top: 0.313rem;
  right: 0.313rem;
  background-color: #fff;
  width: 1.438rem;
  height: 1.438rem;
  border-radius: 50%;
  text-align: center;
  color: #282828;
  font-size: 1rem;
  line-height: 1.438rem;
  font-weight: 500;
  pointer-events: none;
}

@media (min-width: 59.375em) {
  .upholstery-selector .upholstery-collection__item--inactive:after {
    top: 0.313rem;
    right: 0.313rem;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.upholstery-selector .upholstery-collection__item:hover .upholstery-collection__item__image {
  -webkit-box-shadow: inset 0 0 0 0.063rem #282828;
          box-shadow: inset 0 0 0 0.063rem #282828;
}

.upholstery-selector .upholstery-collection__item:hover .upholstery-collection__item__tooltip {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.25s ease, visibility 0s 0s ease, bottom 0s 0s ease, left 0s 0s ease, width 0s 0s ease;
  transition: opacity 0.25s ease, visibility 0s 0s ease, bottom 0s 0s ease, left 0s 0s ease, width 0s 0s ease;
}

.upholstery-selector .upholstery-collection__item:hover input:checked ~ .upholstery-collection__item__tooltip {
  width: calc(100% - 0.125rem);
  left: 1px;
  bottom: 1px;
}

.upholstery-selector .upholstery-collection__item input:checked + .upholstery-collection__item__image {
  -webkit-box-shadow: inset 0 0 0 0.063rem #282828, inset 0 0 0 0.25rem #fff;
          box-shadow: inset 0 0 0 0.063rem #282828, inset 0 0 0 0.25rem #fff;
}

.upholstery-selector .upholstery-collection__item input:checked + .upholstery-collection__item__image img {
  z-index: -1;
}

.upholstery-selector .upholstery-collection__item__image {
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.25s ease;
  transition: -webkit-box-shadow 0.25s ease;
  transition: box-shadow 0.25s ease;
  transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
}

@media (min-width: 59.375em) {
  .upholstery-selector .upholstery-collection__item__image {
    max-height: 3.125rem;
  }
}

.upholstery-selector .upholstery-collection__item__image img {
  display: block;
  position: relative;
  width: 100%;
  height: 10vh;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

@media (min-width: 59.375em) {
  .upholstery-selector .upholstery-collection__item__image img {
    height: 3.125rem;
  }
}

.upholstery-selector .upholstery-collection__item__tooltip {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  padding: 0.063rem 0.188rem;
  width: 100%;
  font-size: 0.625rem;
  font-weight: 400;
  overflow: hidden;
  -webkit-transition: opacity 0.25s ease, visibility 0s 0.25s ease, bottom 0s 0.25s ease, left 0s 0.25s ease,
 width 0s 0.25s ease;
  transition: opacity 0.25s ease, visibility 0s 0.25s ease, bottom 0s 0.25s ease, left 0s 0.25s ease,
 width 0s 0.25s ease;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (min-width: 59.375em) {
  .upholstery-selector .upholstery-collection__item__tooltip {
    visibility: hidden;
    opacity: 0;
    top: auto;
    bottom: 0;
  }
}

.upholstery-selector--textile-details {
  width: 100%;
}

@media (min-width: 64em) {
  .upholstery-selector--textile-details .upholstery-info__content > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}

.buy-section {
  position: relative;
}

.buy-section--pdp-context {
  margin-top: 2.5rem;
}

@media (max-width: 47.99em) {
  .buy-section--pdp-context {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 64em) {
  .buy-section--pdp-context {
    margin-top: auto;
  }
}

.buy-section--pdp-context .buy-section__quantity {
  margin-top: 0.625rem;
}

.buy-section--pdp-context .buy-section__inner {
  margin-top: 0;
}

@media (min-width: 59.375em) {
  .buy-section--pdp-context .buy-section__inner {
    margin-top: 1.25rem;
  }
}

@media (min-width: 120.25em) {
  .buy-section--pdp-context .buy-section__price {
    font-size: 2.5rem;
  }
}

@media (min-width: 64em) {
  .buy-section--pdp-context .buy-section__colli-desc {
    position: absolute;
    right: 0;
  }
}

.buy-section--plp-context {
  margin-top: 3.75rem;
}

@media (min-width: 64em) {
  .buy-section--plp-context {
    margin-top: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 2.5rem;
  }
}

@media all and (min-width: 64em) and (-ms-high-contrast: none), (min-width: 64em) and (-ms-high-contrast: active) {
  .buy-section--plp-context {
    top: auto;
  }
}

@media (min-width: 64em) {
  @supports (-ms-ime-align: auto) {
    .buy-section--plp-context {
      top: auto;
    }
  }
}

.buy-section--configurator-context {
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .buy-section--configurator-context {
    padding: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .buy-section--configurator-context {
    position: -webkit-sticky;
    position: sticky;
  }
}

@media (min-width: 71.875em) {
  .buy-section--configurator-context {
    max-width: 30rem;
  }
}

.buy-section--configurator-context .buy-section__quantity {
  margin-top: 0.625rem;
}

.buy-section--configurator-header {
  padding: 0;
}

@media (min-width: 59.375em) {
  .buy-section--configurator-header {
    position: -webkit-sticky;
    position: sticky;
  }
}

@media (min-width: 71.875em) {
  .buy-section--configurator-header {
    max-width: 21.25rem;
  }
}

.buy-section--configurator-header .quantity-selector,
.buy-section--configurator-header .buy-section__price,
.buy-section--configurator-header .buy-section__price--ghost,
.buy-section--configurator-header .buy-section__delivery,
.buy-section--configurator-header .buy-section__vat {
  display: none;
}

.buy-section--reconfigurator-context .buy-section__inner {
  display: grid;
  grid-template-areas: "topleft topright"
 "middle middle"
 "bottomleft bottomright";
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  grid-template-columns: 1fr 1fr;
}

@media (min-width: 71.875em) {
  .buy-section--reconfigurator-context .buy-section__inner {
    grid-template-columns: 3fr 2fr;
  }
}

@media (min-width: 120.25em) {
  .buy-section--reconfigurator-context .buy-section__inner {
    grid-template-columns: 1fr 1fr;
  }
}

.buy-section--reconfigurator-context .buy-section__price {
  grid-area: topleft;
}

.buy-section--reconfigurator-context .buy-section__price > span {
  white-space: nowrap;
}

.buy-section--reconfigurator-context .buy-section__delivery {
  grid-area: topright;
}

.buy-section--reconfigurator-context .buy-section__quantity {
  grid-area: middle;
  margin-top: 0.625rem;
}

.buy-section--reconfigurator-context .buy-section__colli-desc {
  grid-area: bottomright;
  margin-top: 0.625rem;
}

.buy-section--reconfigurator-context .buy-section__addtocart-wrapper {
  height: auto;
}

.buy-section--reconfigurator-context .switch-mode-notice {
  margin-top: 0.625rem;
  grid-area: bottomleft;
  white-space: nowrap;
}

.buy-section--product-line {
  line-height: 1;
}

.buy-section--product-line .buy-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.buy-section--product-line .buy-section__quantity .quantity-selector {
  margin-top: 0;
}

.buy-section--product-line .buy-section__price {
  text-align: right;
}

.buy-section--product-line .buy-section__unit-price {
  font-size: 0.875rem;
  font-weight: 400;
}

.buy-section--product-line .buy-section__addtocart-wrapper {
  height: 2.375rem;
  min-width: 7.5rem;
}

@media (min-width: 48em) {
  .buy-section--product-line .buy-section__addtocart-wrapper {
    margin-top: 0;
  }
}

.buy-section .quantity-selector {
  border-bottom: none;
}

.buy-section .quantity-selector__inner {
  margin-bottom: 0;
}

.buy-section__inner {
  position: relative;
}

.buy-section__colli-desc {
  display: block;
  margin-top: 0.188rem;
  font-size: 0.75rem;
  text-align: right;
}

.buy-section__colli-desc strong {
  font-weight: 500;
}

.buy-section__colli-desc--small {
  font-size: 0.625rem;
}

@media (min-width: 64em) {
  .buy-section__colli-desc--small {
    font-size: 0.75rem;
  }
}

.buy-section__colli-desc a {
  text-decoration: underline;
}

.buy-section__price {
  position: relative;
  font-size: 1.625rem;
  min-height: 2rem;
  font-weight: 500;
}

.buy-section__price--ghost {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}

.buy-section__price--ghost span {
  display: inline-block;
  width: 4.063rem;
  height: 2rem;
  background-color: rgba(40, 40, 40, 0.4);
  border-radius: 0.125rem;
}

.buy-section__price--ghost span:first-child {
  width: 1.25rem;
  margin-right: 0.188rem;
}

.buy-section__vat, .buy-section__price, .buy-section__delivery {
  max-height: 1.25rem;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease, max-height 0.25s ease;
  transition: opacity 0.25s ease, max-height 0.25s ease;
}

.buy-section__delivery-vat {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.buy-section__vat {
  font-size: 0.75rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  font-weight: normal;
}

.buy-section__vat span {
  top: 0.1em;
  position: relative;
}

.buy-section__delivery {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  text-align: right;
  font-size: 0.75rem;
}

.buy-section__delivery-duration {
  font-weight: 500;
}

.buy-section.is-loaded .buy-section__vat,
.buy-section.is-loaded .buy-section__price,
.buy-section.is-loaded .buy-section__delivery {
  opacity: 1;
  max-height: none;
}

.buy-section.is-loaded .buy-section__price--ghost {
  opacity: 0;
}

.buy-section__addtocart-wrapper {
  height: 2.375rem;
}

.buy-section__addtocart-wrapper .button {
  position: relative;
  width: 100%;
  min-width: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  overflow: hidden;
}

.buy-section__addtocart-wrapper .button + .button {
  border-top: 0;
}

.buy-section__addtocart-wrapper .addtocart-button:focus {
  outline: 0;
}

@media (min-width: 59.375em) {
  .buy-section__addtocart-wrapper .addtocart-button:hover {
    background-color: #5b5b5b;
    color: #fff;
  }
}

.buy-section__addtocart-wrapper .addtocart-button.is-disabled, .buy-section__addtocart-wrapper .addtocart-button.is-inactive {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}

.buy-section__addtocart-wrapper .addtocart-button span {
  display: block;
  text-align: center;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  opacity: 0;
}

.buy-section__addtocart-wrapper .addtocart-button span.spinner {
  display: inline-block;
}

.buy-section__addtocart-wrapper .addtocart-button span.pre-title, .buy-section__addtocart-wrapper .addtocart-button span.post-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 2.375rem;
  line-height: 2.188rem;
  width: 100%;
}

.buy-section__addtocart-wrapper .addtocart-button span.pre-title {
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s 0.1s ease;
  transition: -webkit-transform 0.35s 0.1s ease;
  transition: transform 0.35s 0.1s ease;
  transition: transform 0.35s 0.1s ease, -webkit-transform 0.35s 0.1s ease;
}

.buy-section__addtocart-wrapper .addtocart-button span.pre-title.is-visible {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

.buy-section__addtocart-wrapper .addtocart-button span.post-title {
  -webkit-transform: translate(-50%, -150%);
          transform: translate(-50%, -150%);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
  font-weight: 500;
}

.buy-section__addtocart-wrapper .addtocart-button span.post-title.is-visible {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.buy-section__addtocart-wrapper .addtocart-button span.is-visible {
  opacity: 1;
}

.buy-section__addtocart-wrapper + .switch-mode-notice {
  margin-top: 1.25rem;
}

.buy-section .usp-item {
  margin-top: 1.25rem;
}

.switch-mode-notice {
  display: block;
  font-size: 0.75rem;
  line-height: 1.27;
}

.switch-mode-notice a {
  text-decoration: underline;
}

.switch-mode-notice__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 1em;
}

.switch-mode-notice__icon svg {
  height: 1em;
  width: 1em;
}

.cylindo-overlay__container {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 161;
  top: 0;
  left: 0;
  opacity: 0;
}

.cylindo-overlay__container.is-mounted {
  opacity: 1;
}

.is-active .cylindo-overlay__container {
  z-index: 200;
}

.cylindo-overlay__inner {
  width: 100%;
  height: 100%;
}

.cylindo-overlay__close {
  display: block;
  padding: 0.625rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 3.25rem;
  height: 3.25rem;
  margin: 0;
  background-color: transparent;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}

.cylindo-overlay__close .icon {
  display: block;
  width: 100%;
  height: 100%;
}

.cylindo-overlay__close .icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.cylindo-overlay .fade-enter-active,
.cylindo-overlay .fade-leave-active {
  -webkit-transition: opacity .35s;
  transition: opacity .35s;
}

.cylindo-overlay .fade-enter, .cylindo-overlay .fade-leave-to {
  opacity: 0;
}

.cylindo-overlay .cylindo-threesixty-list > li,
.cylindo-overlay .cylindo-custom-list > li {
  max-height: calc(100% - 6.25rem);
}

.cylindo-overlay .cylindo-threesixty-list > li > img, .cylindo-overlay .cylindo-custom-list > li > img,
.cylindo-overlay .cylindo-threesixty-list > li > div:not(.cylindo-dismiss-on-zoom),
.cylindo-overlay .cylindo-custom-list > li > div:not(.cylindo-dismiss-on-zoom) {
  cursor: url("/static/svg/28x28_zoom.svg") 12 12, auto;
}

.cylindo-overlay .has-thumbs .cylindo-thumbnail-wrapper.thumb-location-bottom {
  height: 5.625rem;
  position: absolute;
  bottom: 0;
  z-index: 10;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.cylindo-overlay .has-thumbs .cylindo-thumbnail-wrapper.thumb-location-bottom .cylindo-thumbnail-bar {
  height: 5.625rem;
}

.cylindo-overlay .cylindo-viewer-container.has-thumbs.thumb-location-top,
.cylindo-overlay .cylindo-viewer-container.has-thumbs.thumb-location-bottom {
  height: 100%;
}

.cylindo-overlay .cylindo-thumbnail-list {
  display: none;
  margin: 0 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 71.875em) {
  .cylindo-overlay .cylindo-thumbnail-list {
    display: block;
  }
}

.cylindo-overlay .cylindo-thumbnail-list > li {
  width: auto !important;
  margin-right: 1.25rem;
  cursor: pointer;
  opacity: 1;
}

.cylindo-overlay .cylindo-thumbnail-list > li > img {
  background-color: #fff;
  position: static !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.cylindo-overlay .cylindo-action-button-group {
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  right: -100%;
  left: auto;
}

.cylindo-overlay .cylindo-carousel-btn.left-btn,
.cylindo-overlay .cylindo-carousel-btn.right-btn {
  display: none;
  width: 25%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 71.875em) {
  .cylindo-overlay .cylindo-carousel-btn.left-btn,
  .cylindo-overlay .cylindo-carousel-btn.right-btn {
    display: block;
  }
}

.cylindo-overlay .cylindo-carousel-btn.left-btn > span,
.cylindo-overlay .cylindo-carousel-btn.right-btn > span {
  display: block;
  width: 100%;
  height: 100%;
  cursor: url("/static/svg/28x28_left.svg") 28 24, pointer;
}

.cylindo-overlay .cylindo-carousel-btn.right-btn {
  left: auto;
  right: 0;
}

.cylindo-overlay .cylindo-carousel-btn.right-btn > span {
  cursor: url("/static/svg/28x28_right.svg") 28 24, pointer;
}

.cylindo-overlay .cylindo-zoom-imagery {
  cursor: url("/static/svg/28x28_minus.svg") 28 24, pointer;
}

.cylindo-overlay .cylindo-tooltip-not-available, .cylindo-overlay .cylindo-no-feature {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.25rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

.cylindo-overlay .cylindo-tooltip-not-available span, .cylindo-overlay .cylindo-no-feature span {
  content: '⚠';
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  margin: 0 auto;
  color: transparent;
  width: 3.75rem;
  height: 3.75rem;
  font-size: 3.75rem;
  margin-bottom: 0.625rem;
  font-weight: 300;
}

.cylindo-overlay .cylindo-tooltip-not-available span:before, .cylindo-overlay .cylindo-no-feature span:before {
  display: block;
  content: '⚠';
  color: #555;
}

.cylindo-overlay .cylindo-tooltip-not-available p, .cylindo-overlay .cylindo-no-feature p {
  max-width: 18.75rem;
  color: #282828;
  font-size: 1rem;
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
}

.search-blocks__category {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  margin-bottom: 0.625rem;
  display: block;
  font-size: 1.625rem;
  text-transform: uppercase;
}

@media (min-width: 64em) {
  .search-blocks__category {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.search-blocks__list {
  display: block;
}

.search-blocks__item {
  display: block;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.search-blocks__item:last-child {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.search-blocks__item:hover {
  background-color: #eeecea;
}

.search-blocks__item a {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  padding-top: 0.813rem;
  padding-bottom: 2.5rem;
  display: block;
  position: relative;
}

@media (min-width: 64em) {
  .search-blocks__item a {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .search-blocks__item a {
    padding-left: 8.33333%;
    padding-bottom: 3.438rem;
  }
}

.search-blocks__item p {
  display: block;
  max-width: 37.5rem;
  font-size: 0.875rem;
}

.search-blocks__item .icon {
  display: none;
  width: 1.75rem;
  height: 1.75rem;
  position: absolute;
  top: 0.813rem;
  left: 0;
}

@media (min-width: 59.375em) {
  .search-blocks__item .icon {
    display: block;
  }
}

.search-blocks__item .icon:before {
  content: '→';
  display: block;
  font-size: 1.875rem;
  line-height: 0.813rem;
}

.search-blocks__headline {
  display: block;
  max-width: 37.5rem;
  margin-bottom: 0.313rem;
  font-size: 1.25rem;
  line-height: 1.375rem;
  font-weight: 400;
}

.search-blocks__action {
  display: block;
}

.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 167;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  -webkit-transform: translateY(-101%);
          transform: translateY(-101%);
  -webkit-transition: -webkit-transform 0.55s ease;
  transition: -webkit-transform 0.55s ease;
  transition: transform 0.55s ease;
  transition: transform 0.55s ease, -webkit-transform 0.55s ease;
  visibility: hidden;
}

.search-overlay:focus {
  outline: 0;
}

@media (min-width: 59.375em) {
  .search-overlay {
    height: 70vh;
    max-height: 70vh;
  }
}

@media (min-width: 64em) {
  .search-overlay {
    height: auto;
    max-height: none;
  }
}

.search-overlay.is-active {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  visibility: visible;
}

.search-overlay__inner {
  background-color: #fff;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 59.365em) {
  .search-overlay__inner {
    padding-bottom: 10rem;
  }
}

@media (min-width: 64em) {
  .search-overlay__inner {
    max-height: 80vh;
  }
}

@media (min-width: 90em) {
  .search-overlay__inner {
    max-height: 85vh;
  }
}

@media (min-width: 120.25em) {
  .search-overlay__inner {
    max-height: 90vh;
  }
}

.search-overlay__header {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

@media (max-width: 47.99em) {
  .search-overlay__header {
    border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  }
}

.search-overlay__content {
  margin-top: 4.375rem;
}

@media (min-width: 59.375em) {
  .search-overlay__content {
    margin-top: 6.25rem;
  }
}

.search-overlay__search-spinner, .search-overlay__close, .search-overlay__search-trigger {
  position: absolute;
  top: 1.063rem;
  right: 1.063rem;
  width: 1.375rem;
  height: 1.375rem;
  z-index: 2;
}

@media (min-width: 59.375em) {
  .search-overlay__search-spinner, .search-overlay__close, .search-overlay__search-trigger {
    top: 0.938rem;
    right: 1.25rem;
  }
}

.search-overlay__search-trigger {
  right: 3.625rem;
}

.search-overlay__search-spinner {
  display: none;
  right: 5.75rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  border-width: 1px;
}

.search-overlay__search-spinner.is-active {
  display: block;
}

.search-overlay__no-results {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  padding-top: 0.625rem;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
  font-size: 1.125rem;
  line-height: 1;
  font-family: "EuclidFlex", serif;
  font-weight: 400;
}

@media (min-width: 48em) {
  .search-overlay__no-results {
    padding-top: 0;
    padding-bottom: 1.25rem;
    border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  }
}

@media (min-width: 59.375em) {
  .search-overlay__no-results {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-top: -1.25rem;
    font-size: 1.25rem;
  }
}

.search-overlay__tag-list {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  position: relative;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375;
  letter-spacing: -0.052rem;
  margin-bottom: 3.188rem;
}

@media (min-width: 48em) {
  .search-overlay__tag-list {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .search-overlay__tag-list {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1.25rem;
  }
}

.search-overlay__footer {
  width: 100%;
  padding: 0.938rem 1.25rem;
  text-align: center;
  background-color: #fff;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  z-index: 1;
}

@media (max-width: 59.365em) {
  .search-overlay__footer {
    position: absolute;
    bottom: 3.75rem;
    left: 0;
    z-index: 3;
  }
}

.search-overlay__footer .footer-button {
  width: 7.813rem;
  height: 2.25rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.9;
  text-align: center;
  color: #282828;
  text-transform: uppercase;
}

.search-overlay__footer .footer-button .icon {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.25rem;
}

.search-overlay__footer .footer-button .icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.search-input {
  display: block;
  font-size: 1.5rem;
  height: 2rem;
  border: 0;
  border-radius: 0;
  padding: 0;
  color: #282828;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.06rem;
  position: absolute;
  width: calc(100% - 5rem);
  top: 0.625rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: top;
  left: 1.063rem;
}

@media (min-width: 59.375em) {
  .search-input {
    left: 1.25rem;
  }
}

.search-input::-webkit-input-placeholder {
  text-transform: uppercase;
  color: #cfccc8;
}

.search-input:-moz-placeholder {
  text-transform: uppercase;
  color: #cfccc8;
}

.search-input:-ms-input-placeholder {
  text-transform: uppercase;
  color: #cfccc8;
}

.search-input ~ .search-term {
  height: 2rem;
  position: relative;
  display: inline-block;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: top;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: transparent;
}

.search-input ~ .search-term--suggestion {
  height: 2rem;
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #cfccc8;
  visibility: hidden;
}

.search-input ~ .search-term--suggestion.is-active {
  visibility: visible;
}

.search-input__wrapper {
  padding: 0.938rem 1.063rem;
  font-size: 0;
}

@media (min-width: 59.375em) {
  .search-input__wrapper {
    padding: 0.938rem 1.25rem;
  }
}

.search-suggestions {
  padding-bottom: 0.938rem;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 59.375em) {
  .search-suggestions {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.search-suggestions__headline {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: -0.031rem;
  text-transform: uppercase;
}

.search-suggestions__suggestion {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.052rem;
}

.search-suggestions__suggestion button {
  letter-spacing: -0.052rem;
}

.search-results ul li:last-child .product-line {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 48em) {
  .search-results ul li:last-child .product-line {
    border-bottom: 0;
  }
}

.addons-overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 163;
  background-color: #fff;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(101%);
          transform: translateY(101%);
  -webkit-transition: -webkit-transform 0.55s ease;
  transition: -webkit-transform 0.55s ease;
  transition: transform 0.55s ease;
  transition: transform 0.55s ease, -webkit-transform 0.55s ease;
}

.addons-overlay:focus {
  outline: 0;
}

@media (min-width: 59.375em) {
  .addons-overlay {
    height: 70vh;
  }
}

@media (min-width: 71.875em) {
  .addons-overlay {
    height: 50vh;
  }
}

.addons-overlay.is-active {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.addons-overlay--static {
  position: static;
  bottom: auto;
  left: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background-color: transparent;
  z-index: initial;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  padding-bottom: 1.25rem;
}

@media (min-width: 59.375em) {
  .addons-overlay--static {
    height: auto;
  }
}

@media (min-width: 71.875em) {
  .addons-overlay--static {
    height: auto;
  }
}

@media (min-width: 64em) {
  .addons-overlay--static .overlay-products {
    padding: 0;
  }
}

.addons-overlay__inner {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.addons-overlay__close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  z-index: 2;
}

.addons-overlay__header {
  position: absolute;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  width: 100%;
  padding: 0.938rem 1.25rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.101rem;
  text-transform: uppercase;
  background-color: #fff;
  z-index: 1;
  pointer-events: none;
}

@media (min-width: 59.375em) {
  .addons-overlay__header {
    font-size: 2.375rem;
    letter-spacing: -0.125rem;
  }
}

.addons-overlay__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.938rem 1.25rem;
  text-align: center;
  background-color: #fff;
  z-index: 1;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.addons-overlay__footer .footer-button {
  width: 7.813rem;
  height: 2.25rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.9;
  text-align: center;
  color: #282828;
  text-transform: uppercase;
}

.addons-overlay__footer .footer-button:hover {
  text-decoration: underline;
}

.overlay-products {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding-top: 3.75rem;
  padding-bottom: 5rem;
}

@media (max-width: 63.99em) {
  .overlay-products {
    height: 100%;
  }
}

@media (min-width: 64em) {
  .overlay-products {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 4.375rem 0;
  }
}

@media (max-width: 63.99em) {
  .overlay-products__inner {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
  }
}

.overlay-products .overlay-product {
  padding: 0.938rem 0;
}

.addons-block {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.overlay-backdrop {
  display: none;
  position: fixed;
  z-index: 160;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: url(/static/svg/28x28_close.svg) 28 28, auto;
}

.overlay-backdrop.is-active {
  display: block;
}

.overlay-backdrop.is-behind-header {
  z-index: 95;
}

.overlay-backdrop--search {
  background-color: rgba(201, 196, 178, 0.96);
  cursor: default;
}

.backdrop-fade-enter-active {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.backdrop-fade-leave-active {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.backdrop-fade-enter, .backdrop-fade-leave-to {
  opacity: 0;
}

.search-result-suggestions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.search-result-suggestions__column {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media (min-width: 48em) {
  .search-result-suggestions__column {
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media (min-width: 59.375em) {
  .search-result-suggestions__column {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
}

@media (min-width: 64em) {
  .search-result-suggestions__column {
    width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

@media (min-width: 48em) {
  .search-result-suggestions__column:first-child {
    width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

@media (min-width: 59.375em) {
  .search-result-suggestions__column:first-child {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
}

@media (min-width: 64em) {
  .search-result-suggestions__column:first-child {
    width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

.search-result-suggestions__inner {
  margin: 1.063rem;
}

@media (min-width: 64em) {
  .search-result-suggestions__inner {
    margin: 1.25rem;
  }
}

.search-result-suggestions__headline {
  display: block;
  margin-bottom: 1.563rem;
  margin-top: 3.125rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 500;
}

@media (min-width: 64em) {
  .search-result-suggestions__headline {
    margin-top: 0;
  }
}

.search-result-suggestions .text {
  font-size: 0.875rem;
}

.search-result-suggestions__links li {
  display: block;
}

.search-result-suggestions__links li a {
  font-size: 1.25rem;
  letter-spacing: -0.052rem;
  line-height: 1.438rem;
}

.search-result-suggestions__tips li {
  display: block;
  padding-left: 1.125rem;
  font-size: 0.875rem;
  letter-spacing: -0.037rem;
  position: relative;
}

.search-result-suggestions__tips li:before {
  content: '–';
  display: inline-block;
  margin-right: 0.625rem;
  position: absolute;
  left: 0;
}

.search-result-suggestions__tips li a {
  text-decoration: underline;
}

.support-block {
  position: relative;
  margin-left: 1.063rem;
}

@media (min-width: 35.4375em) {
  .support-block {
    margin-left: 0;
  }
}

.support-block p {
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.support-block p strong {
  text-transform: uppercase;
}

@media (min-width: 64em) {
  .support-block p {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}

.support-block__inner {
  position: relative;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #cdbe89;
}

@media (min-width: 64em) {
  .support-block__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 35.4375em) {
  .support-block__inner {
    margin-left: 8.33333%;
  }
}

@media (min-width: 64em) {
  .support-block__inner {
    margin-left: 8.33333%;
    padding-left: 8.33333%;
    padding-right: 0;
  }
}

@media (min-width: 80em) {
  .support-block__inner {
    margin-left: 16.66667%;
  }
}

@media (min-width: 120.25em) {
  .support-block__inner {
    margin-left: 25%;
  }
}

.support-block__content {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1.25rem;
}

@media (min-width: 64em) {
  .support-block__content {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
  }
}

.support-block__headline {
  display: block;
  margin-bottom: 1.063rem;
  padding-right: 40%;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .support-block__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .support-block__headline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .support-block__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .support-block__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .support-block__headline {
    font-size: 2.6vw;
  }
}

@media (min-width: 64em) {
  .support-block__headline {
    width: 33.33333%;
    padding-right: 0;
    margin-bottom: 1.25rem;
  }
}

.support-block__trumpet {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .support-block__trumpet {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .support-block__trumpet {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.support-block__bottom-content {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  margin-top: 6.25rem;
  margin-bottom: 1.25rem;
  text-align: right;
}

@media (min-width: 64em) {
  .support-block__bottom-content {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .support-block__bottom-content {
    margin-top: auto;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
  }
}

.support-block__bottom-content .button {
  margin-top: 1.25rem;
  position: absolute;
  left: 1.063rem;
  bottom: 1.063rem;
}

@media (min-width: 64em) {
  .support-block__bottom-content .button {
    position: static;
    margin-top: 2.5rem;
  }
}

.support-block__image {
  width: 41.66667%;
  -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
  display: none;
}

@media (min-width: 64em) {
  .support-block__image {
    display: block;
  }
}

.support-block__image img {
  display: block;
  width: 100%;
}

.support-block__caption {
  display: none;
  margin-top: 0;
  margin-left: -1.25rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.17;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}

@media (min-width: 64em) {
  .support-block__caption {
    display: block;
  }
}

@media (min-width: 80em) {
  .support-block__caption {
    display: none;
  }
}

.support-block__caption p {
  display: block;
}

.support-block__details {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-top: 0.938rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
  text-align: right;
}

@media (min-width: 64em) {
  .support-block__details {
    width: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
    margin-top: 0;
    display: block;
    position: relative;
  }
}

.support-block__detail {
  margin: 1.063rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media (min-width: 64em) {
  .support-block__detail {
    margin: 1.25rem;
  }
}

.support-block__detail p {
  display: block;
  width: 100%;
}

@media (min-width: 64em) {
  .support-block__detail p {
    display: inline-block;
    width: auto;
  }
}

.support-block__detail img {
  display: block;
  width: 5rem;
  margin-left: 1.25rem;
  margin-bottom: 0.625rem;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media (min-width: 64em) {
  .support-block__detail img {
    display: inline-block;
    margin-bottom: -0.125rem;
  }
}

@media (min-width: 64em) {
  .support-block__detail {
    display: inline-block;
    margin-top: auto;
  }
  .support-block__detail:first-child {
    margin-left: auto;
  }
}

@media (min-width: 64em) {
  .support-block--detailed .support-block__details {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
  }
}

@media (min-width: 80em) {
  .support-block--detailed .support-block__details {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
  }
}

.support-block--detailed .support-block__image {
  display: none;
}

.support-block--detailed .support-block__bottom-content {
  margin-top: -0.312rem;
}

@media (min-width: 64em) {
  .support-block--detailed .support-block__bottom-content {
    margin-top: 12.5rem;
  }
}

@media (min-width: 80em) {
  .support-block--detailed .support-block__bottom-content {
    margin-top: 20vh;
  }
}

.support-block--detailed .support-block__content {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media (min-width: 64em) {
  .support-block--detailed .support-block__content {
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
  }
}

@media (min-width: 80em) {
  .support-block--detailed .support-block__content {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
}

@media (min-width: 64em) {
  .support-block--detailed .support-block__headline {
    width: 100%;
  }
}

.cart__order-reference {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  font-size: 0.875rem;
  padding-top: 0.313rem;
  padding-bottom: 0.938rem;
  margin-top: 1.25rem;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 64em) {
  .cart__order-reference {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .cart__order-reference {
    margin-top: 2.5rem;
  }
}

.cart__order-reference span {
  white-space: nowrap;
}

.cart__ghost-list {
  margin-top: 1.25rem;
}

@media (min-width: 59.375em) {
  .cart__ghost-list {
    margin-top: 2.5rem;
  }
}

.cart__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cart__bottom {
  padding: 1.063rem;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  clear: both;
}

@media (min-width: 64em) {
  .cart__bottom {
    padding: 1.25rem;
  }
}

@media (min-width: 48em) {
  .cart__bottom {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media (min-width: 71.875em) {
  .cart__bottom {
    clear: none;
  }
}

.cart__total {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 0.88;
  letter-spacing: -0.081rem;
  color: #282828;
}

@media (min-width: 48em) {
  .cart__total {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: calc(50% - 2.188rem);
  }
}

@media (min-width: 71.875em) {
  .cart__total {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    max-width: 35%;
    margin: 0;
  }
}

@media (min-width: 80em) {
  .cart__total {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
  }
}

.cart__total-price {
  float: right;
  font-weight: 500;
}

.cart__total-vat {
  margin-top: 0.313rem;
  font-size: 0.875rem;
  letter-spacing: -0.04em;
  text-align: right;
}

.cart__total .button {
  margin-top: 1.063rem;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  min-width: 0;
  width: 100%;
}

@media (min-width: 64em) {
  .cart__total .button {
    margin-top: 1.25rem;
  }
}

.cart__total-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cart__total-button--dual .button {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}

.cart__total-calc {
  border-bottom: 0.063rem solid #282828;
  margin-bottom: 1.25rem;
  letter-spacing: -0.02em;
}

.cart__total-calc .message-box {
  margin-bottom: 1.25rem;
}

.cart__total-calc p {
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.5rem;
}

.cart__total-calc p strong {
  font-weight: 500;
}

.cart__tools {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
}

@media (min-width: 48em) {
  .cart__tools {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

@media (min-width: 71.875em) {
  .cart__tools {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
  }
}

.cart__tools-list {
  list-style: none;
  margin-top: 1.25rem;
}

@media (min-width: 48em) {
  .cart__tools-list {
    margin-top: 0;
  }
}

.cart__tools-list li {
  display: inline-block;
  margin-right: 1.25rem;
  line-height: 1;
}

@media (min-width: 59.375em) {
  .cart__tools-list li {
    margin-right: 2.5rem;
  }
}

.cart__tools-list .link {
  line-height: 1.2;
}

.cart__comment-wrapper {
  display: none;
  max-width: 100%;
  margin-top: 1.25rem;
}

.cart__comment-wrapper.is-active {
  display: block;
}

.cart__comment-wrapper .form__field {
  width: 80%;
  height: 6.25rem;
  font-size: 1rem;
  padding: 0.125rem;
}

@media (min-width: 48em) {
  .cart__comment-wrapper .form__field {
    width: 50%;
  }
}

@media (min-width: 64em) {
  .cart__comment-wrapper .form__field {
    font-size: 0.875rem;
  }
}

.cart__comment-wrapper .form__field:focus {
  outline: 0;
  border: 0.063rem solid #282828;
}

.cart__empty {
  margin-top: 1.875rem;
  text-align: center;
}

.cart__empty-content {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.36;
  letter-spacing: -0.079rem;
  margin-bottom: 1.875rem;
}

.mini-cart {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 98;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform: translateY(-101%);
          transform: translateY(-101%);
  -webkit-transition: -webkit-transform 0.55s ease;
  transition: -webkit-transform 0.55s ease;
  transition: transform 0.55s ease;
  transition: transform 0.55s ease, -webkit-transform 0.55s ease;
}

.mini-cart:focus {
  outline: 0;
}

@media (min-width: 64em) {
  .mini-cart {
    height: auto;
    max-height: 70vh;
  }
}

.mini-cart.is-active {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  z-index: 105;
}

.mini-cart.is-active .cart__bottom {
  opacity: 1;
}

.mini-cart__inner {
  position: relative;
  width: 100%;
  padding-top: 3.75rem;
}

@media (min-width: 64em) {
  .mini-cart__inner {
    padding-top: 5rem;
  }
}

.mini-cart__scroll {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-bottom: 7.5rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.mini-cart__close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
}

.mini-cart .cart__bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  width: calc(100% - 0.938rem);
  background-color: #fff;
  z-index: 3;
  -webkit-transition: opacity 0.4s 0.1s ease;
  transition: opacity 0.4s 0.1s ease;
}

@media (min-width: 64em) {
  .mini-cart .cart__bottom {
    width: 100%;
    padding-right: 1.875rem;
  }
}

.mini-cart .cart__bottom .cart__tools {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
}

@media (min-width: 64em) {
  .mini-cart .product-line__inner {
    padding-right: 1.875rem;
  }
}

.product-line {
  position: relative;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.166667;
  clear: both;
  overflow: hidden;
}

.product-line__inner {
  padding: 1.063rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 64em) {
  .product-line__inner {
    padding: 1.25rem;
  }
}

.product-line__product-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  position: relative;
}

.product-line__product-image figure {
  position: relative;
  top: -1.062rem;
  right: -1.062rem;
}

.product-line__info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.product-line__title {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
}

.product-line__type {
  display: block;
}

.product-line__own-reference {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  font-weight: 500;
}

.product-line__own-reference button {
  font-weight: 500;
}

.product-line__price-section {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-top: -1.062rem;
}

.product-line__extra-info {
  font-size: 0.75rem;
}

.product-line__delivery {
  margin-top: 1em;
}

.product-line__delivery span {
  font-weight: 500;
}

.product-line__price-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.product-line__product-remove {
  position: absolute;
  text-align: right;
  z-index: 1;
  top: 1.063rem;
  right: 1.063rem;
}

.product-line__product-remove button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-line__product-remove svg {
  width: 0.938rem;
  height: 0.938rem;
}

.product-line .buy-section {
  width: 100%;
}

.product-line .buy-section__inner {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product-line .buy-section__price {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  text-align: left;
}

.product-line .buy-section__price div {
  margin-top: 0.313rem;
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: -0.04em;
  margin-bottom: 0.625rem;
}

.product-line .buy-section__quantity,
.product-line .buy-section__addtocart-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.product-line .quantity-selector__colli {
  text-align: left;
}

@media (min-width: 35.4375em) {
  .product-line {
    font-size: 0.875rem;
  }
  .product-line .product-line__product-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
  }
  .product-line .product-line__info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
  }
}

@media (min-width: 48em) {
  .product-line .product-line__product-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
  .product-line .product-line__info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }
  .product-line .product-line__sku {
    margin-top: 0.625rem;
  }
}

@media (min-width: 64em) {
  .product-line .product-line__product-remove {
    top: 1.25rem;
    right: 1.25rem;
  }
  .product-line .product-line__product-remove button {
    height: 1.625rem;
  }
  .product-line .product-line__product-remove svg {
    width: 1.375rem;
    height: 1.375rem;
  }
  .product-line .quantity-selector__colli {
    text-align: center;
  }
}

@media (min-width: 105em) {
  .product-line .product-line__extra-info,
  .product-line .product-line__product-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
            flex: 0 1 30%;
  }
}

.product-line.product-line--ghost span.ghost {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 4.063rem;
  height: 2rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.product-line.product-line--ghost span.ghost--large {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 5.938rem;
  height: 2rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.product-line.product-line--ghost span.ghost--small {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 1.25rem;
  margin-right: 0.188rem;
  height: 2rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.product-line.product-line--ghost .product-line__product-image {
  display: block;
  height: 100%;
}

.product-line.product-line--ghost .product-line__product-image img {
  margin: 2.5rem 1.25rem;
  max-width: 5rem;
  opacity: 0.1;
}

@media (max-width: 47.99em) {
  .product-line.product-line--ghost .product-line__product-image {
    width: 5rem;
  }
  .product-line.product-line--ghost .product-line__product-image img {
    opacity: 0.2;
    margin: 1.875rem 0.625rem 0;
  }
}

@media (min-width: 48em) {
  .product-line.product-line--ghost .product-line__product-image {
    width: 9.375rem;
  }
}

@media (max-width: 47.99em) {
  .product-line.product-line--ghost .product-line__info {
    margin-left: 6.25rem;
  }
}

.product-line.product-line--ghost .product-line__title span.ghost {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 5.938rem;
  height: 1.25rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.product-line.product-line--ghost .product-line__type span.ghost {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 4.063rem;
  height: 1.25rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.product-line.product-line--ghost .product-line__extra-info {
  display: none;
}

.product-line.product-line--ghost .product-line__extra-info .ghost {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 4.063rem;
  height: 1.25rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.product-line.product-line--ghost .product-line__extra-info li:first-child span.ghost {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 5.938rem;
  height: 1.25rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@media (min-width: 48em) {
  .product-line.product-line--ghost .product-line__extra-info {
    display: block;
  }
}

.product-line.product-line--ghost .product-line__price-section {
  display: none;
}

@media (min-width: 48em) {
  .product-line.product-line--ghost .product-line__price-section {
    display: block;
  }
}

.product-line.product-line--ghost .product-line__price-section .buy-section--ghost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.product-line.product-line--ghost .product-line__price-section .buy-section--ghost .quantity {
  margin-right: 0.625rem;
}

@media (min-width: 71.875em) {
  .product-line.product-line--ghost .product-line__price-section .buy-section--ghost {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 35.4375em) {
  .product-line--search .product-line__inner {
    min-height: 20vw;
  }
  .product-line--search .product-line__product-image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    position: relative;
  }
  .product-line--search .product-line__product-image figure {
    position: absolute;
    left: -1.062rem;
    right: auto;
    width: calc(20% - 1.063rem);
  }
  .product-line--search .product-line__product-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .product-line--search .product-line__extra-info {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18.75rem;
            flex: 0 0 18.75rem;
  }
  .product-line--search .product-line__info,
  .product-line--search .product-line__price-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(80% + 1.063rem);
            flex: 0 0 calc(80% + 1.063rem);
    margin-left: calc(20% - 1.063rem);
  }
  .product-line--search .product-line__price-section {
    margin-top: 1.063rem;
  }
  .product-line--search .buy-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .product-line--search .buy-section__price {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .product-line--search .buy-section__quantity,
  .product-line--search .buy-section__addtocart-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9.375rem;
            flex: 0 0 9.375rem;
  }
}

@media (min-width: 59.375em) {
  .product-line--search .buy-section__price {
    margin-right: 1.063rem;
    text-align: right;
  }
}

@media (min-width: 71.875em) {
  .product-line--search .product-line__inner {
    min-height: 8.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .product-line--search .product-line__product-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 6.25rem;
            flex: 0 0 6.25rem;
    margin-right: 1.25rem;
  }
  .product-line--search .product-line__product-image figure {
    width: auto;
    left: -1.25rem;
    top: -1.25rem;
  }
  .product-line--search .product-line__product-info {
    margin-right: 1.25rem;
  }
  .product-line--search .product-line__extra-info,
  .product-line--search .product-line__product-info {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
  .product-line--search .product-line__info,
  .product-line--search .product-line__price-section {
    margin-left: 0;
  }
  .product-line--search .product-line__info {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    margin-right: 1.25rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .product-line--search .product-line__price-section {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
  }
}

@media (min-width: 80em) {
  .product-line--search .product-line__price-section {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
}

@media (min-width: 90em) {
  .product-line--search .product-line__price-section {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
  }
}

.product-line--cart .buy-section__quantity, .product-line--minicart .buy-section__quantity {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.product-line--cart .buy-section__price, .product-line--minicart .buy-section__price {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.product-line--cart .product-line__info, .product-line--minicart .product-line__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product-line--cart .product-line__extra-info, .product-line--minicart .product-line__extra-info {
  margin-top: auto;
  padding-bottom: 1.688rem;
}

@media (min-width: 35.4375em) {
  .product-line--cart .product-line__inner, .product-line--minicart .product-line__inner {
    min-height: 20vw;
  }
  .product-line--cart .product-line__product-image, .product-line--minicart .product-line__product-image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    position: relative;
  }
  .product-line--cart .product-line__product-image figure, .product-line--minicart .product-line__product-image figure {
    position: absolute;
    left: -1.062rem;
    right: auto;
    width: calc(20% - 1.063rem);
  }
  .product-line--cart .product-line__info, .product-line--minicart .product-line__info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .product-line--cart .product-line__product-info, .product-line--minicart .product-line__product-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .product-line--cart .product-line__extra-info, .product-line--minicart .product-line__extra-info {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18.75rem;
            flex: 0 0 18.75rem;
  }
  .product-line--cart .product-line__info,
  .product-line--cart .product-line__price-section, .product-line--minicart .product-line__info,
  .product-line--minicart .product-line__price-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(80% + 1.063rem);
            flex: 0 0 calc(80% + 1.063rem);
    margin-left: calc(20% - 1.063rem);
  }
  .product-line--cart .product-line__price-section, .product-line--minicart .product-line__price-section {
    margin-top: 1.063rem;
  }
  .product-line--cart .buy-section__inner, .product-line--minicart .buy-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .product-line--cart .buy-section__price, .product-line--minicart .buy-section__price {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: right;
    display: block;
  }
  .product-line--cart .buy-section__quantity, .product-line--minicart .buy-section__quantity {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .product-line--cart .buy-section__quantity,
  .product-line--cart .buy-section__addtocart-wrapper, .product-line--minicart .buy-section__quantity,
  .product-line--minicart .buy-section__addtocart-wrapper {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
  .product-line--cart .quantity-selector__colli, .product-line--minicart .quantity-selector__colli {
    text-align: center;
  }
}

@media (min-width: 64em) {
  .product-line--cart .product-line__extra-info,
  .product-line--cart .product-line__product-info, .product-line--minicart .product-line__extra-info,
  .product-line--minicart .product-line__product-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
  .product-line--cart .product-line__extra-info, .product-line--minicart .product-line__extra-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
  }
}

@media (min-width: 71.875em) {
  .product-line--cart .product-line__inner, .product-line--minicart .product-line__inner {
    min-height: 8.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .product-line--cart .product-line__product-image, .product-line--minicart .product-line__product-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 6.25rem;
            flex: 0 0 6.25rem;
    margin-right: 1.25rem;
  }
  .product-line--cart .product-line__product-image figure, .product-line--minicart .product-line__product-image figure {
    width: auto;
    left: -1.25rem;
    top: -1.25rem;
  }
  .product-line--cart .product-line__product-info, .product-line--minicart .product-line__product-info {
    margin-right: 1.25rem;
  }
  .product-line--cart .product-line__extra-info,
  .product-line--cart .product-line__product-info, .product-line--minicart .product-line__extra-info,
  .product-line--minicart .product-line__product-info {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
  .product-line--cart .product-line__info,
  .product-line--cart .product-line__price-section, .product-line--minicart .product-line__info,
  .product-line--minicart .product-line__price-section {
    margin-left: 0;
  }
  .product-line--cart .product-line__price-section, .product-line--minicart .product-line__price-section {
    padding-right: 1.875rem;
  }
  .product-line--cart .product-line__info, .product-line--minicart .product-line__info {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    margin-right: 1.25rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .product-line--cart .product-line__price-section, .product-line--minicart .product-line__price-section {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
  }
}

@media (min-width: 80em) {
  .product-line--cart .product-line__price-section, .product-line--minicart .product-line__price-section {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
}

@media (min-width: 90em) {
  .product-line--cart .product-line__price-section, .product-line--minicart .product-line__price-section {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
  }
}

@media (min-width: 35.4375em) {
  .product-line--addons .product-line__inner {
    min-height: 20vw;
  }
  .product-line--addons .product-line__product-image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    position: relative;
  }
  .product-line--addons .product-line__product-image figure {
    position: absolute;
    left: -1.062rem;
    right: auto;
    width: calc(20% - 1.063rem);
  }
  .product-line--addons .product-line__product-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .product-line--addons .product-line__extra-info {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18.75rem;
            flex: 0 0 18.75rem;
  }
  .product-line--addons .product-line__info,
  .product-line--addons .product-line__price-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(80% + 1.063rem);
            flex: 0 0 calc(80% + 1.063rem);
    margin-left: calc(20% - 1.063rem);
  }
  .product-line--addons .product-line__price-section {
    margin-top: 1.063rem;
  }
  .product-line--addons .buy-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .product-line--addons .buy-section__price {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .product-line--addons .buy-section__quantity,
  .product-line--addons .buy-section__addtocart-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9.375rem;
            flex: 0 0 9.375rem;
  }
}

@media (min-width: 59.375em) {
  .product-line--addons .buy-section__price {
    margin-right: 1.063rem;
  }
}

@media (min-width: 71.875em) {
  .product-line--addons .product-line__inner {
    min-height: 8.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .product-line--addons .product-line__product-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 6.25rem;
            flex: 0 0 6.25rem;
    margin-right: 1.25rem;
  }
  .product-line--addons .product-line__product-image figure {
    width: auto;
    left: -1.25rem;
    top: -1.25rem;
  }
  .product-line--addons .product-line__product-info {
    margin-right: 1.25rem;
  }
  .product-line--addons .product-line__extra-info,
  .product-line--addons .product-line__product-info {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
  .product-line--addons .product-line__info,
  .product-line--addons .product-line__price-section {
    margin-left: 0;
  }
  .product-line--addons .product-line__info {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    margin-right: 1.25rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .product-line--addons .product-line__price-section {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
  }
}

@media (min-width: 80em) {
  .product-line--addons .product-line__price-section {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
}

@media (min-width: 90em) {
  .product-line--addons .product-line__price-section {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
  }
}

@media (min-width: 105em) {
  .product-line--addons .product-line__extra-info,
  .product-line--addons .product-line__product-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
            flex: 0 1 30%;
  }
}

.header-logo {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

.header-logo__container {
  margin: 1.063rem;
  display: block;
  width: 6.25rem;
  margin-bottom: 0;
  position: fixed;
}

@media (min-width: 64em) {
  .header-logo__container {
    margin: 1.25rem;
  }
}

.header-logo__container a,
.header-logo__container img {
  display: block;
  width: 100%;
}

@media (min-width: 64em) {
  .header-logo__container {
    width: 6.875rem;
  }
}

@media (min-width: 59.375em) {
  .checkout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 0.063rem solid #d9d9d9;
  }
}

.checkout__details {
  display: block;
  padding-top: 5.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  counter-reset: section;
}

@media (min-width: 59.375em) {
  .checkout__details {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
    border-bottom: none;
  }
}

@media (min-width: 64em) {
  .checkout__details {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
}

.checkout__details .checkout__block .checkout__headline > span:before {
  counter-increment: section;
  content: counter(section);
}

.checkout__block {
  padding: 1.063rem;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 64em) {
  .checkout__block {
    padding: 1.25rem;
  }
}

.checkout__block:last-child {
  border-bottom: none;
}

@media (min-width: 35.4375em) {
  .checkout__block {
    padding-right: 16.66667%;
  }
}

@media (min-width: 64em) {
  .checkout__block {
    padding: 0.938rem 0 3.125rem;
  }
}

.checkout__block__spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.checkout__block__spinner .spinner {
  margin: 0 1em;
}

@media (min-width: 64em) {
  .checkout__block-inner {
    margin-left: 8.33333%;
    width: 58.33333%;
  }
}

.checkout__headline {
  display: block;
  padding-bottom: 3.75rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: -0.062rem;
}

@media (min-width: 64em) {
  .checkout__headline {
    margin-left: 8.33333%;
  }
}

@media (min-width: 80em) {
  .checkout__headline {
    font-size: 1.75rem;
    font-weight: 400;
  }
}

.checkout__headline span {
  padding-right: 0.625rem;
}

@media (min-width: 64em) {
  .checkout__headline span {
    position: absolute;
    left: 1.063rem;
  }
}

.checkout__sub-headline {
  display: block;
  padding-bottom: 0.625rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: -0.037rem;
}

.checkout__scroll-to-top {
  display: none;
  margin: 1.875rem 0;
}

@media (min-width: 64em) {
  .checkout__scroll-to-top {
    display: block;
  }
}

.checkout .text {
  margin-bottom: 0.938rem;
  font-size: 0.875rem;
  letter-spacing: -0.031rem;
}

.checkout .text--small {
  font-size: 0.75rem;
}

.checkout form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.form__button {
  margin: 0.5rem 0;
}

.form__group-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form__group-flex--item {
  width: 100%;
}

.form__group-flex--item:first-child {
  margin-right: 0.5rem;
}

.form__group-flex--item:last-child {
  margin-left: 0.5rem;
}

.form__group-flex--item33 {
  max-width: 33%;
}

.section-header {
  position: relative;
}

.section-header--border {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.section-header__headline {
  padding: 1.063rem;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  display: block;
}

@media (min-width: 64em) {
  .section-header__headline {
    padding: 1.25rem;
  }
}

@media (min-width: 21.875em) {
  .section-header__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .section-header__headline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .section-header__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .section-header__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .section-header__headline {
    font-size: 2.6vw;
  }
}

@media (max-width: 63.99em) {
  .section-header__headline {
    font-size: 2rem;
  }
}

.section-header__headline a {
  letter-spacing: initial;
  font-size: 0.75rem;
  line-height: 1.875rem;
  vertical-align: top;
  text-decoration: underline;
  font-weight: normal;
  text-transform: none;
}

.section-header__body {
  margin-bottom: 1.063rem;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 64em) {
  .section-header__body {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 64em) {
  .section-header__body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .section-header__body {
    width: 66.66667%;
  }
}

@media (min-width: 71.875em) {
  .section-header__body {
    width: 50%;
  }
}

@media (min-width: 120.25em) {
  .section-header__body {
    width: 33.33333%;
  }
}

.section-header .button {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .section-header .button {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 35.4375em) {
  .section-header .button {
    margin: 0;
    position: absolute;
    top: 1.063rem;
    right: 1.063rem;
  }
}

@media (min-width: 59.375em) {
  .section-header .button {
    top: 1.25rem;
    right: 1.25rem;
  }
}

.section-header--small .section-header__headline {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
}

@media (min-width: 21.875em) {
  .section-header--small .section-header__headline {
    font-size: 1.5rem;
  }
}

@media (min-width: 48em) {
  .section-header--small .section-header__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  .section-header--small .section-header__headline {
    font-size: 2.188rem;
  }
}

@media (min-width: 90em) {
  .section-header--small .section-header__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .section-header--small .section-header__headline {
    font-size: 2.08vw;
  }
}

.accordion-flow {
  display: none;
}

.accordion-flow.is-mounted {
  display: block;
}

.text-to-input {
  position: relative;
  height: 1.25rem;
  width: 100%;
  overflow: hidden;
}

.text-to-input.is-active .text-to-input__trigger {
  opacity: 0;
  overflow: hidden;
}

.text-to-input.is-active .text-to-input__input-con {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.text-to-input__trigger {
  height: 1.25rem;
  max-height: 1.25rem;
  line-height: 1.25rem;
  overflow: hidden;
  text-align: left;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.text-to-input__input-con {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 1.25rem;
  overflow: hidden;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  z-index: 2;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.text-to-input__input {
  font-size: 1rem;
  padding: 0;
  width: 100%;
  height: 1.25rem;
  border: 0;
}

@media (min-width: 64em) {
  .text-to-input__input {
    font-size: 0.875rem;
  }
}

.text-to-input__input:focus {
  -webkit-box-shadow: 0 -1px #282828 inset;
          box-shadow: 0 -1px #282828 inset;
}

.text-to-input__cancel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 1.25rem;
  height: 1.25rem;
  text-align: center;
}

.text-to-input__cancel svg {
  width: 0.625rem;
  height: 0.625rem;
  display: block;
}

.text-to-input--large {
  height: 1.5rem;
  text-transform: uppercase;
}

.text-to-input--large .text-to-input__trigger {
  font-size: 0.75rem;
  height: 1.5rem;
  max-height: 1.5rem;
  line-height: 1.5rem;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.04em;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

@media (min-width: 48em) {
  .text-to-input--large .text-to-input__trigger {
    font-size: 0.875rem;
  }
}

.text-to-input--large .text-to-input__input-con {
  max-height: 1.5rem;
  -webkit-transform: translateY(-24px);
          transform: translateY(-24px);
}

.usp-banner {
  padding-top: 1.063rem;
  padding-bottom: 5.313rem;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 64em) {
  .usp-banner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 35.4375em) {
  .usp-banner {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 48em) {
  .usp-banner {
    padding-top: 1.25rem;
    padding-bottom: 3.75rem;
  }
}

@media (min-width: 35.4375em) {
  .usp-banner__list {
    margin-left: 8.33333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.usp-banner__list__item {
  position: relative;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
}

.usp-banner__list__item:last-child {
  padding-bottom: 0;
}

@media (min-width: 35.4375em) {
  .usp-banner__list__item {
    padding-right: 3.75rem;
  }
}

@media (min-width: 48em) {
  .usp-banner__list__item:nth-last-child(-n+2) {
    padding-bottom: 0;
  }
}

@media (min-width: 64em) {
  .usp-banner__list__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 25%;
            flex: 1 0 25%;
    padding-bottom: 0;
    padding-right: 6.25rem;
  }
}

@media (min-width: 48em) {
  .usp-banner__list__item:nth-last-child(3):first-child,
  .usp-banner__list__item:nth-last-child(3):first-child ~ * {
    padding-right: 5%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 80em) {
  .usp-banner__list__item:nth-last-child(3):first-child:after,
  .usp-banner__list__item:nth-last-child(3):first-child ~ *:after {
    right: 5.625rem;
  }
}

@media (min-width: 120.25em) {
  .usp-banner__list__item:nth-last-child(3):first-child,
  .usp-banner__list__item:nth-last-child(3):first-child ~ * {
    padding-right: 16.25rem;
  }
  .usp-banner__list__item:nth-last-child(3):first-child:after,
  .usp-banner__list__item:nth-last-child(3):first-child ~ *:after {
    right: 8.125rem;
  }
}

@media (min-width: 35.4375em) {
  .usp-banner__list__item:nth-last-child(4):first-child,
  .usp-banner__list__item:nth-last-child(4):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .usp-banner__list__item:nth-last-child(4):first-child:nth-last-child(-n+2),
  .usp-banner__list__item:nth-last-child(4):first-child ~ *:nth-last-child(-n+2) {
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .usp-banner__list__item:nth-last-child(4):first-child,
  .usp-banner__list__item:nth-last-child(4):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .usp-banner__list__item:nth-last-child(4):first-child:nth-last-child(-n+2),
  .usp-banner__list__item:nth-last-child(4):first-child ~ *:nth-last-child(-n+2) {
    padding-bottom: 0;
  }
}

.usp-banner__list__item .svg-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.usp-banner__list__item h4 {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .usp-banner__list__item h4 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .usp-banner__list__item h4 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .usp-banner__list__item h4 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .usp-banner__list__item h4 {
    font-size: 1.25vw;
  }
}

.usp-banner__list__item p {
  margin-top: 1.063rem;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 0.875rem;
  width: 83.33333%;
}

@media (min-width: 120.25em) {
  .usp-banner__list__item p {
    font-size: 1.063rem;
  }
}

.usp-banner__list__item p b, .usp-banner__list__item p strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.usp-banner__list__item p a {
  margin-top: 0.5em;
  text-decoration: underline;
  font-weight: 500;
}

.usp-banner__list__item > a {
  display: block;
  font-size: 0.75rem;
  line-height: 1.83;
  opacity: 0.4;
  text-decoration: underline;
}

@media (min-width: 120.25em) {
  .usp-banner__list__item > a {
    font-size: 1rem;
  }
}

.usp-banner--bordered .usp-banner__list__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

.usp-banner--bordered .usp-banner__list__item:after {
  position: absolute;
  top: -1.062rem;
  bottom: -2.125rem;
  right: 1.813rem;
  width: 0.063rem;
  background: rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 0;
}

@media (min-width: 48em) {
  .usp-banner--bordered .usp-banner__list__item:after {
    display: block;
    content: '';
    top: -1.25rem;
    bottom: -2.5rem;
  }
}

.usp-banner--bordered .usp-banner__list__item D {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 3.333333%;
          flex: 1 0 3.333333%;
  padding-bottom: 0;
}

.usp-banner--bordered .usp-banner__list__item D:after {
  right: 3.125rem;
}

.usp-banner--bordered .usp-banner__list__item:last-child:after {
  display: none;
}

:root {
  --explore-topic-text-color: #282828;
}

.explore-topic {
  color: #282828;
  color: var(--explore-topic-text-color);
}

.explore-topic__inner {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 64em) {
  .explore-topic__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 48em) {
  .explore-topic__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media (min-width: 64em) {
  .explore-topic__inner {
    padding: 0;
    margin-left: 8.33333%;
    margin-right: 8.33333%;
    width: 83.33333%;
  }
}

@media (min-width: 80em) {
  .explore-topic__inner {
    width: 66.66667%;
    margin-left: 16.66667%;
    margin-right: 16.66667%;
  }
}

.explore-topic__image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (min-width: 48em) {
  .explore-topic__image {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
  }
}

@media (min-width: 64em) {
  .explore-topic__image {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
  }
}

.explore-topic__image img,
.explore-topic__image video {
  display: block;
  width: 100%;
}

.explore-topic__content {
  margin-right: 16.66667%;
  margin-top: 1.25rem;
}

@media (min-width: 48em) {
  .explore-topic__content {
    margin: 0;
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    margin-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .explore-topic__content {
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
  }
}

.explore-topic__content h4 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  margin-bottom: 2.5rem;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

@media (min-width: 21.875em) {
  .explore-topic__content h4 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .explore-topic__content h4 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .explore-topic__content h4 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .explore-topic__content h4 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .explore-topic__content h4 {
    font-size: 2.6vw;
  }
}

@media (min-width: 48em) {
  .explore-topic__content h4 {
    margin-bottom: 1.063rem;
  }
}

.explore-topic__content p {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 90em) {
  .explore-topic__content p {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.explore-topic__content p b, .explore-topic__content p strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 64em) {
  .explore-topic__content p {
    font-size: 1rem;
  }
}

.explore-topic__content .button {
  min-width: 0;
  margin-top: 1.25rem;
}

@media (min-width: 120.25em) {
  .explore-topic__content .button {
    margin-top: 2.5rem;
  }
}

.explore-topic__content h4 + .button {
  margin: 0;
  margin-bottom: 2.5rem;
}

@media (min-width: 120.25em) {
  .explore-topic__content h4 + .button {
    margin-bottom: 3.75rem;
  }
}

@media (min-width: 48em) {
  .explore-topic--inverted .explore-topic__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.explore-topic--inverted .explore-topic__image {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (min-width: 48em) {
  .explore-topic--inverted .explore-topic__content {
    margin-right: 0;
    margin-left: 1.25rem;
  }
}

.contact-banner {
  display: block;
}

@media (min-width: 35.4375em) {
  .contact-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.contact-banner > div,
.contact-banner > .contact-banner-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 35.4375em) {
  .contact-banner > div,
  .contact-banner > .contact-banner-tile {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 48em) {
  .contact-banner > div:nth-last-child(3):first-child,
  .contact-banner > div:nth-last-child(3):first-child ~ *,
  .contact-banner > .contact-banner-tile:nth-last-child(3):first-child,
  .contact-banner > .contact-banner-tile:nth-last-child(3):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 35.4375em) {
  .contact-banner > div:nth-last-child(4):first-child,
  .contact-banner > div:nth-last-child(4):first-child ~ *,
  .contact-banner > .contact-banner-tile:nth-last-child(4):first-child,
  .contact-banner > .contact-banner-tile:nth-last-child(4):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 59.375em) {
  .contact-banner > div:nth-last-child(4):first-child,
  .contact-banner > div:nth-last-child(4):first-child ~ *,
  .contact-banner > .contact-banner-tile:nth-last-child(4):first-child,
  .contact-banner > .contact-banner-tile:nth-last-child(4):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 48em) {
  .contact-banner > div:nth-last-child(6):first-child,
  .contact-banner > div:nth-last-child(6):first-child ~ *,
  .contact-banner > .contact-banner-tile:nth-last-child(6):first-child,
  .contact-banner > .contact-banner-tile:nth-last-child(6):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 35.4375em) {
  .contact-banner > div:nth-last-child(8):first-child,
  .contact-banner > div:nth-last-child(8):first-child ~ *,
  .contact-banner > .contact-banner-tile:nth-last-child(8):first-child,
  .contact-banner > .contact-banner-tile:nth-last-child(8):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 59.375em) {
  .contact-banner > div:nth-last-child(8):first-child,
  .contact-banner > div:nth-last-child(8):first-child ~ *,
  .contact-banner > .contact-banner-tile:nth-last-child(8):first-child,
  .contact-banner > .contact-banner-tile:nth-last-child(8):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 35.4375em) {
  .contact-banner--two-cols > div:nth-last-child(4):first-child,
  .contact-banner--two-cols > div:nth-last-child(4):first-child ~ *,
  .contact-banner--two-cols > .contact-banner-tile:nth-last-child(4):first-child,
  .contact-banner--two-cols > .contact-banner-tile:nth-last-child(4):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 59.375em) {
  .contact-banner--two-cols > div:nth-last-child(4):first-child,
  .contact-banner--two-cols > div:nth-last-child(4):first-child ~ *,
  .contact-banner--two-cols > .contact-banner-tile:nth-last-child(4):first-child,
  .contact-banner--two-cols > .contact-banner-tile:nth-last-child(4):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 35.4375em) {
  .contact-banner--two-cols > div:nth-last-child(6):first-child,
  .contact-banner--two-cols > div:nth-last-child(6):first-child ~ *,
  .contact-banner--two-cols > .contact-banner-tile:nth-last-child(6):first-child,
  .contact-banner--two-cols > .contact-banner-tile:nth-last-child(6):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 35.4375em) {
  .contact-banner--two-cols > div:nth-last-child(8):first-child,
  .contact-banner--two-cols > div:nth-last-child(8):first-child ~ *,
  .contact-banner--two-cols > .contact-banner-tile:nth-last-child(8):first-child,
  .contact-banner--two-cols > .contact-banner-tile:nth-last-child(8):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 59.375em) {
  .contact-banner--two-cols > div:nth-last-child(8):first-child,
  .contact-banner--two-cols > div:nth-last-child(8):first-child ~ *,
  .contact-banner--two-cols > .contact-banner-tile:nth-last-child(8):first-child,
  .contact-banner--two-cols > .contact-banner-tile:nth-last-child(8):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

.contact-banner--gutters {
  margin: 0.531rem;
}

@media (min-width: 64em) {
  .contact-banner--gutters {
    margin: 0.625rem;
  }
}

.contact-banner--gutters .contact-banner-tile {
  padding: 1.594rem;
  -webkit-box-shadow: inset 0 0 0 0.531rem white;
          box-shadow: inset 0 0 0 0.531rem white;
}

@media (min-width: 64em) {
  .contact-banner--gutters .contact-banner-tile {
    padding: 1.875rem;
    -webkit-box-shadow: inset 0 0 0 0.625rem white;
            box-shadow: inset 0 0 0 0.625rem white;
  }
}

.contact-banner--bordered {
  border-top: 0.5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.2);
}

.contact-banner--bordered .contact-banner-tile {
  -webkit-box-shadow: 0 0 0 0.5px #d9d9d9;
          box-shadow: 0 0 0 0.5px #d9d9d9;
}

.contact-banner--short .contact-banner-tile {
  min-height: 30vh;
}

@media (min-width: 59.375em) {
  .contact-banner--short .contact-banner-tile {
    min-height: 25vh;
  }
}

@media (min-width: 71.875em) {
  .contact-banner--short .contact-banner-tile {
    min-height: 18.75rem;
  }
}

@media (min-width: 120.25em) {
  .contact-banner--short .contact-banner-tile {
    min-height: 18.75rem;
  }
}

:root {
  --contact-banner-tile-bg-color: transparent;
  --contact-banner-tile-text-color: #282828;
}

.contact-banner-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 30vh;
  padding: 1.063rem;
  color: #282828;
  color: var(--contact-banner-tile-text-color);
  background-color: transparent;
  background-color: var(--contact-banner-tile-bg-color);
}

@media (min-width: 59.375em) {
  .contact-banner-tile {
    min-height: 25vh;
  }
}

@media (min-width: 71.875em) {
  .contact-banner-tile {
    min-height: 18.75rem;
  }
}

@media (min-width: 120.25em) {
  .contact-banner-tile {
    min-height: 25rem;
  }
}

@media (min-width: 64em) {
  .contact-banner-tile {
    padding: 1.25rem;
  }
}

.contact-banner-tile__headline {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  margin-bottom: 1.063rem;
}

@media (min-width: 21.875em) {
  .contact-banner-tile__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .contact-banner-tile__headline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .contact-banner-tile__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .contact-banner-tile__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .contact-banner-tile__headline {
    font-size: 2.6vw;
  }
}

.contact-banner-tile__headline p {
  margin-top: 0.5em;
}

.contact-banner-tile__content {
  display: block;
  margin-top: auto;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.contact-banner-tile__content a:not(.button):not(.link) {
  color: currentColor;
  text-decoration: underline;
}

@media (min-width: 120.25em) {
  .contact-banner-tile__content {
    font-size: 1.25rem;
  }
}

.contact-banner-tile__content .button {
  min-width: 0;
  text-decoration: none;
  margin-top: 1.25rem;
}

.contact-banner-tile__read-more {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  font-weight: 500;
  margin-top: 0.625rem;
  z-index: 1;
}

@media (min-width: 64em) {
  .contact-banner-tile__read-more {
    opacity: 0;
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 1.25rem;
  }
}

.contact-banner-tile .byline {
  display: block;
  font-size: 0.75rem;
}

@media (min-width: 48em) {
  .contact-banner-tile .byline {
    font-size: 0.875rem;
  }
}

@media (min-width: 120.25em) {
  .contact-banner-tile .byline {
    font-size: 0.875rem;
  }
}

.contact-banner-tile .byline + .byline {
  margin-top: 1.25rem;
}

a.contact-banner-tile {
  position: relative;
}

a.contact-banner-tile:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 1;
}

a.contact-banner-tile:hover:after {
  opacity: 1;
}

a.contact-banner-tile .contact-banner-tile__content {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

a.contact-banner-tile:hover .contact-banner-tile__content {
  -webkit-transform: translateY(-1.875rem);
          transform: translateY(-1.875rem);
}

a.contact-banner-tile:hover .contact-banner-tile__read-more {
  bottom: 1.25rem;
  opacity: 1;
}

.date-picker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover, .date-picker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border-color: #77825a;
}

.date-picker .vdp-datepicker__calendar .cell.selected {
  background-color: #77825a;
}

.date-picker .vdp-datepicker__calendar .cell.selected:hover {
  background-color: #697350;
}

.receipt:not(.receipt--extended) {
  min-height: 50vh;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  text-align: center;
}

@media (min-width: 64em) {
  .receipt:not(.receipt--extended) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.receipt:not(.receipt--extended)__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 35.4375em) {
  .receipt:not(.receipt--extended) {
    margin: 0 auto;
    width: 83.33333%;
  }
}

@media (min-width: 48em) {
  .receipt:not(.receipt--extended) {
    width: 58.33333%;
  }
}

@media (min-width: 80em) {
  .receipt:not(.receipt--extended) {
    width: 41.66667%;
  }
}

.receipt p {
  line-height: 1.17;
}

.receipt .button {
  margin-top: 2.5rem;
}

.receipt__top {
  margin-bottom: 1.25rem;
}

@media (min-width: 48em) {
  .receipt__top {
    margin-bottom: 2.5rem;
  }
}

.receipt__top h3 {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .receipt__top h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .receipt__top h3 {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .receipt__top h3 {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .receipt__top h3 {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .receipt__top h3 {
    font-size: 5.2vw;
  }
}

.receipt__top h4 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .receipt__top h4 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .receipt__top h4 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .receipt__top h4 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .receipt__top h4 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .receipt__top h4 {
    font-size: 2.6vw;
  }
}

.receipt__top p {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  margin-top: 2.125rem;
}

@media (min-width: 90em) {
  .receipt__top p {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.receipt__top p b, .receipt__top p strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 48em) {
  .receipt__top p {
    margin-top: 2.5rem;
  }
}

.receipt__bylines {
  display: inline-block;
  padding: 1.063rem 1.25rem;
  background-repeat: repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAIUlEQVQYV2OcOb3vf3pmESMDGsAQgMkTJ4FsLHE6kO0HADi4CAe3+ifdAAAAAElFTkSuQmCC");
}

@media (min-width: 48em) {
  .receipt__bylines {
    padding: 1.25rem 2.5rem;
    margin-left: 1.063rem;
    margin-right: 1.063rem;
  }
}

@media (min-width: 48em) and (min-width: 64em) {
  .receipt__bylines {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.receipt__bylines .byline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  white-space: nowrap;
  gap: 2.5rem;
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
}

@media (min-width: 64em) {
  .receipt__bylines .byline {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .receipt__bylines .byline {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.receipt__bylines .byline b, .receipt__bylines .byline strong {
  font-weight: 500;
}

.receipt__bylines .byline > div {
  display: inline-block;
}

.receipt__bottom {
  margin-top: 1.25rem;
}

@media (min-width: 48em) {
  .receipt__bottom {
    margin-top: 2.5rem;
  }
}

.receipt__bottom p {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 90em) {
  .receipt__bottom p {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.receipt__bottom p b, .receipt__bottom p strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.receipt__bottom p + p {
  margin-top: 1.25rem;
}

.receipt__bottom a {
  font-weight: 500;
  text-decoration: underline;
}

.receipt__bottom p + .button {
  margin-top: 1.25rem;
}

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

.receipt--extended .receipt__top h3 {
  max-width: 15.625rem;
}

.receipt--extended .receipt__bottom {
  margin-top: 0;
}

@media (min-width: 59.375em) {
  .receipt--extended .receipt__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.receipt--extended .receipt__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 7.5rem 0 0;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 64em) {
  .receipt--extended .receipt__message {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .receipt--extended .receipt__message {
    padding-left: 8.33333%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 56%;
            flex: 1 0 56%;
    max-width: 56%;
  }
}

@media (min-width: 71.875em) {
  .receipt--extended .receipt__message {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(66.66667% - 1.25rem);
            flex: 0 0 calc(66.66667% - 1.25rem);
    max-width: 66%;
  }
}

.receipt--extended .receipt__message .button-more {
  margin-bottom: 1.25rem;
  text-align: left;
}

@media (min-width: 48em) {
  .receipt--extended .receipt__message .button-more {
    display: none;
  }
}

.receipt--extended .receipt__summary {
  position: relative;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  padding-top: 0;
  background-color: #c5a978;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (min-width: 64em) {
  .receipt--extended .receipt__summary {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.receipt--extended .receipt__summary.is-active {
  padding-top: 1.25rem;
  max-height: 62.5rem;
}

@media (min-width: 48em) {
  .receipt--extended .receipt__summary {
    overflow: visible;
    padding-top: 1.25rem;
    max-height: none;
  }
}

@media (min-width: 59.375em) {
  .receipt--extended .receipt__summary {
    padding-top: 7.5rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44%;
            flex: 0 0 44%;
    max-width: 44%;
  }
}

@media (min-width: 71.875em) {
  .receipt--extended .receipt__summary {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% + 1.25rem);
            flex: 0 0 calc(33.33333% + 1.25rem);
    max-width: 34%;
  }
}

.receipt--extended .receipt__summary h2 {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .receipt--extended .receipt__summary h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .receipt--extended .receipt__summary h2 {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .receipt--extended .receipt__summary h2 {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .receipt--extended .receipt__summary h2 {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .receipt--extended .receipt__summary h2 {
    font-size: 5.2vw;
  }
}

@media (min-width: 71.875em) {
  .receipt--extended .receipt__summary h2 {
    margin-bottom: 1.875rem;
  }
}

.receipt--extended .receipt__summary h2 + .link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 1.875rem;
}

@media (min-width: 71.875em) {
  .receipt--extended .receipt__summary h2 + .link {
    display: none;
  }
}

.receipt--extended .receipt__summary__table {
  width: 100%;
}

.receipt--extended .receipt__summary__table em {
  font-size: 0.75rem;
  letter-spacing: -0.037rem;
  text-transform: uppercase;
}

.receipt--extended .receipt__summary__table tr td:last-child {
  display: none;
}

@media (min-width: 71.875em) {
  .receipt--extended .receipt__summary__table tr td:last-child {
    display: block;
  }
}

.receipt--extended .receipt__summary .button-more {
  margin-top: 3.125rem;
  margin-bottom: 1.25rem;
  display: none;
}

@media (min-width: 59.375em) {
  .receipt--extended .receipt__summary .button-more {
    display: block;
  }
}

.receipt--extended .receipt__products {
  background-color: #c5a978;
  margin: 2.5rem -1.25rem 0;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.receipt--extended .receipt__products.is-active {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

@media (min-width: 59.375em) {
  .receipt--extended .receipt__products.is-active {
    overflow: hidden;
    overflow-y: auto;
    max-height: 60vh;
  }
}

.receipt--extended .receipt__products.is-active table {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease 0.2s;
  transition: opacity 0.2s ease 0.2s;
}

@media (min-width: 59.375em) {
  .receipt--extended .receipt__products {
    margin: 0;
    z-index: 1;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
}

.receipt--extended .receipt__products__table {
  width: 100%;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

@media (min-width: 64em) {
  .receipt--extended .receipt__products__table {
    opacity: 0;
  }
}

.receipt--extended .receipt__products__table tr {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.receipt--extended .receipt__products__table tr td {
  padding: 0.625rem 0.313rem;
  vertical-align: top;
}

.receipt--extended .receipt__products__table tr td:first-child, .receipt--extended .receipt__products__table tr td:last-child {
  padding: 0.625rem;
}

.receipt--extended .receipt__products__table tr td:last-child {
  padding-left: 0.313rem;
}

@media (min-width: 48em) {
  .receipt--extended .receipt__products__table tr td:last-child {
    padding-right: 1.25rem;
  }
}

@media (min-width: 71.875em) {
  .receipt--extended .receipt__products__table tr td:last-child {
    padding-right: 2.5rem;
  }
}

.receipt--extended .receipt__products__table tr td:first-child {
  width: 5rem;
  padding-right: 0.313rem;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

@media (min-width: 71.875em) {
  .receipt--extended .receipt__products__table tr td:first-child {
    padding-left: 2.5rem;
  }
}

.receipt--extended .receipt__products__table tr p {
  font-size: 0.75rem;
}

.receipt--extended .receipt__products__table tr p strong {
  text-transform: uppercase;
}

.receipt--extended .receipt__products__table tr p em {
  font-weight: 500;
  letter-spacing: 0.05em;
}

.receipt--extended .receipt__products__table tr h6 {
  display: block;
  font-size: 1.25rem;
  letter-spacing: -0.054rem;
  text-align: right;
  font-weight: 500;
}

@media (min-width: 64em) {
  .receipt--extended .receipt__products__table tr h6 {
    font-size: 0.875rem;
  }
}

.receipt--extended .receipt__products__table tr img {
  max-width: 4.375rem;
}

.receipt--extended .receipt__products__bottom {
  padding: 1.25rem;
  text-align: right;
}

@media (min-width: 48em) {
  .receipt--extended .receipt__products__bottom {
    margin-left: 60%;
  }
}

.receipt--extended .receipt__products__bottom h2 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .receipt--extended .receipt__products__bottom h2 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .receipt--extended .receipt__products__bottom h2 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .receipt--extended .receipt__products__bottom h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .receipt--extended .receipt__products__bottom h2 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .receipt--extended .receipt__products__bottom h2 {
    font-size: 2.6vw;
  }
}

.receipt--extended .receipt__products__bottom p {
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.receipt--extended .receipt__products__bottom p strong {
  text-transform: uppercase;
}

@media (min-width: 64em) {
  .receipt--extended .receipt__products__bottom p {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}

.receipt--extended .usp-banner {
  padding-top: 3.125rem;
  padding-bottom: 1.25rem;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 59.375em) {
  .receipt--extended .usp-banner {
    padding-top: 1.25rem;
    margin-top: auto;
  }
}

@media (min-width: 35.4375em) {
  .receipt--extended .usp-banner__list {
    margin: 0;
  }
}

:root {
  --guided-tour-text-color: #fff;
}

.guided-tour {
  visibility: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9000;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: visibility 0s 0.55s ease, -webkit-transform 0.55s ease;
  transition: visibility 0s 0.55s ease, -webkit-transform 0.55s ease;
  transition: transform 0.55s ease, visibility 0s 0.55s ease;
  transition: transform 0.55s ease, visibility 0s 0.55s ease, -webkit-transform 0.55s ease;
  background-color: #f9f8f2;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 59.375em) {
  .guided-tour {
    overflow: hidden;
  }
}

.guided-tour:focus {
  outline: 0;
}

.guided-tour.is-shown {
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: visibility 0s ease, -webkit-transform 0.55s ease;
  transition: visibility 0s ease, -webkit-transform 0.55s ease;
  transition: transform 0.55s ease, visibility 0s ease;
  transition: transform 0.55s ease, visibility 0s ease, -webkit-transform 0.55s ease;
}

.guided-tour.styleguide-only {
  position: static;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
}

.guided-tour__close {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.625rem;
}

@media (min-width: 64em) {
  .guided-tour__close {
    top: 1.25rem;
  }
}

.guided-tour__progress {
  padding: 1.25rem;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.75rem;
          flex: 0 0 3.75rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 64em) {
  .guided-tour__progress {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 5rem;
            flex: 0 0 5rem;
  }
}

.guided-tour__progress p {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .guided-tour__progress p {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .guided-tour__progress p {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.guided-tour__progress h4 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .guided-tour__progress h4 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .guided-tour__progress h4 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .guided-tour__progress h4 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .guided-tour__progress h4 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .guided-tour__progress h4 {
    font-size: 2.6vw;
  }
}

.guided-tour__progress.is-disabled p,
.guided-tour__progress.is-disabled h4 {
  display: none;
}

.guided-tour__container {
  position: relative;
  overflow: hidden;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.guided-tour .swiper-pagination {
  margin: 0;
}

.guided-tour .swiper-button-next,
.guided-tour .swiper-button-close,
.guided-tour .swiper-button-prev {
  z-index: 20;
  position: absolute;
  bottom: 5.625rem;
  color: #fff;
  color: var(--guided-tour-text-color);
}

@media (min-width: 48em) {
  .guided-tour .swiper-button-next,
  .guided-tour .swiper-button-close,
  .guided-tour .swiper-button-prev {
    bottom: 2.5rem;
  }
}

.guided-tour .swiper-button-next:hover, .guided-tour .swiper-button-next:focus, .guided-tour .swiper-button-next:active, .guided-tour .swiper-button-next:visited,
.guided-tour .swiper-button-close:hover,
.guided-tour .swiper-button-close:focus,
.guided-tour .swiper-button-close:active,
.guided-tour .swiper-button-close:visited,
.guided-tour .swiper-button-prev:hover,
.guided-tour .swiper-button-prev:focus,
.guided-tour .swiper-button-prev:active,
.guided-tour .swiper-button-prev:visited {
  color: var(--guided-tour-text-color) !important;
  outline: 0;
}

.guided-tour .swiper-button-next,
.guided-tour .swiper-button-close {
  border-color: #fff;
  border-color: var(--guided-tour-text-color);
  background-color: transparent !important;
}

.guided-tour .swiper-button-next:hover,
.guided-tour .swiper-button-close:hover {
  background-color: black !important;
  color: white !important;
  border-color: black !important;
}

.guided-tour .swiper-button-next,
.guided-tour .swiper-button-close {
  right: 1.25rem;
}

@media (min-width: 48em) {
  .guided-tour .swiper-button-next,
  .guided-tour .swiper-button-close {
    right: 2.5rem;
  }
}

.guided-tour .swiper-button-prev {
  left: 0.5rem;
}

@media (min-width: 48em) {
  .guided-tour .swiper-button-prev {
    left: 1.75rem;
  }
}

.guided-tour .swiper-slide {
  width: 100%;
}

@media (min-width: 48em) {
  .guided-tour .swiper-slide {
    padding-bottom: 0;
    height: 100vh;
    height: calc(100vh - 3.75rem);
  }
}

@media (min-width: 64em) {
  .guided-tour .swiper-slide {
    height: calc(100vh - 5rem);
  }
}

.guided-tour .swiper-button-disabled {
  display: none;
}

:root {
  --guided-tour-slide-bg-color: transparent;
  --guided-tour-slide-media-bg-color: #7d7b76;
  --guided-tour-slide-text-color: #282828;
  --guided-tour-slide-button-color-hover: #fff;
}

.guided-tour-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  color: #282828;
  color: var(--guided-tour-slide-text-color);
  background-color: transparent;
  background-color: var(--guided-tour-slide-bg-color);
}

.guided-tour-slide a.button,
.guided-tour-slide a.button--secondary {
  color: var(--guided-tour-slide-text-color);
  border-color: var(--guided-tour-slide-text-color);
}

.guided-tour-slide a.button:hover,
.guided-tour-slide a.button--secondary:hover {
  color: var(--guided-tour-slide-button-color-hover);
  border-color: var(--guided-tour-slide-bg-color);
  background-color: var(--guided-tour-slide-text-color);
}

.guided-tour-slide__image {
  background-color: #7d7b76;
  background-color: var(--guided-tour-slide-media-bg-color);
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  height: 30vh;
  display: block;
}

@media (min-width: 48em) {
  .guided-tour-slide__image {
    height: 40vh;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide__image {
    height: auto;
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: initial;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.guided-tour-slide__image img,
.guided-tour-slide__image video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.guided-tour-slide__image--animation {
  height: 30vh;
}

@media (min-width: 48em) {
  .guided-tour-slide__image--animation {
    padding: 5vw;
    height: 50vh;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide__image--animation {
    height: auto;
    position: relative;
  }
}

.guided-tour-slide__image--animation div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  z-index: 1;
}

@media (min-width: 48em) {
  .guided-tour-slide__image--animation div {
    width: 80%;
    padding-bottom: 45%;
  }
}

.guided-tour-slide__image--animation img,
.guided-tour-slide__image--animation video {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  z-index: -1;
}

@media (max-width: 47.99em) {
  .guided-tour-slide__image--animation + .guided-tour-slide__content {
    padding-top: 40vh;
  }
}

@media (min-width: 48em) and (max-width: 59.365em) {
  .guided-tour-slide__image--animation + .guided-tour-slide__content {
    padding-top: 50vh;
  }
}

.guided-tour-slide__content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 9.375rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  width: 100%;
  padding-top: 30vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 48em) {
  .guided-tour-slide__content {
    padding-top: 40vh;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide__content {
    padding-top: 2.5rem;
  }
}

.guided-tour-slide__content > h2 {
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  margin-left: 1.25rem;
  width: 83.33333%;
  margin-right: 16.66667%;
}

@media (min-width: 21.875em) {
  .guided-tour-slide__content > h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .guided-tour-slide__content > h2 {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .guided-tour-slide__content > h2 {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .guided-tour-slide__content > h2 {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .guided-tour-slide__content > h2 {
    font-size: 5.2vw;
  }
}

@media (max-width: 35.4275em) {
  .guided-tour-slide__content > h2 {
    font-size: 2rem;
  }
}

@media (min-width: 48em) {
  .guided-tour-slide__content > h2 {
    width: 66.66667%;
    -webkit-transform: translateY(-1.437rem);
            transform: translateY(-1.437rem);
    font-size: 2.875rem;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide__content > h2 {
    margin: 0;
    width: 83.33333%;
    -webkit-transform: translateX(-15vw);
            transform: translateX(-15vw);
  }
}

@media (min-width: 80em) {
  .guided-tour-slide__content > h2 {
    width: 100%;
    font-size: 3.75rem;
  }
}

@media (min-width: 120.25em) {
  .guided-tour-slide__content > h2 {
    font-size: 6.25rem;
    -webkit-transform: translateX(-7vw);
            transform: translateX(-7vw);
  }
}

.guided-tour-slide__content picture {
  text-align: right;
  margin: 0.625rem 0;
}

@media (min-width: 48em) {
  .guided-tour-slide__content picture {
    margin: 2.5rem 0;
  }
}

.guided-tour-slide__content picture img {
  display: inline-block;
  height: auto;
  width: 20%;
}

@media (min-width: 59.375em) {
  .guided-tour-slide__content picture img {
    width: 40%;
  }
}

.guided-tour-slide__content picture h6 {
  margin-bottom: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .guided-tour-slide__content picture h6 {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .guided-tour-slide__content picture h6 {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.guided-tour-slide__content .rich-text {
  text-align: right;
  margin-top: auto;
}

.guided-tour-slide__content .rich-text p {
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
}

@media (min-width: 64em) {
  .guided-tour-slide__content .rich-text p {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .guided-tour-slide__content .rich-text p {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.guided-tour-slide__content .rich-text p b, .guided-tour-slide__content .rich-text p strong {
  font-weight: 500;
}

@media (min-width: 71.875em) {
  .guided-tour-slide__content .rich-text {
    width: 25vw;
    max-width: 50vw;
  }
}

.guided-tour-slide__content .external-link {
  text-align: right;
  color: currentColor;
  margin-top: 1.25rem;
}

.guided-tour-slide__content .external-link a {
  color: currentColor;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  font-size: 1.75rem;
}

@media (min-width: 48em) {
  .guided-tour-slide__content .external-link a {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .guided-tour-slide__content .external-link a {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .guided-tour-slide__content .external-link a {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .guided-tour-slide__content .external-link a {
    font-size: 1.56vw;
  }
}

.guided-tour-slide__content .external-link a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.guided-tour-slide__content .external-link a:hover:after, .guided-tour-slide__content .external-link a:focus:after {
  right: 0;
}

.guided-tour-slide__content .external-link a.is-active:after {
  opacity: 1;
  width: 100%;
}

@media (max-width: 47.99em) {
  .guided-tour-slide__content .external-link a {
    font-size: 1.125rem;
  }
}

.guided-tour-slide__content .external-link a:hover, .guided-tour-slide__content .external-link a:focus, .guided-tour-slide__content .external-link a:active, .guided-tour-slide__content .external-link a:visited {
  color: currentColor;
}

@media (min-width: 48em) {
  .guided-tour-slide__content .external-link {
    width: 66.66667%;
    margin-left: 33.33333%;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide__content .external-link {
    width: auto;
    margin-top: 2.5rem;
  }
}

@media (max-width: 35.4275em) {
  .guided-tour-slide--simple .guided-tour-slide__image {
    display: none;
  }
  .guided-tour-slide--simple .guided-tour-slide__content {
    padding-top: 2.5rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide:not(.guided-tour-slide--reverse-image):not(.guided-tour-slide--reverse-text) .guided-tour-slide__content {
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
  }
}

@media (min-width: 80em) {
  .guided-tour-slide:not(.guided-tour-slide--reverse-image):not(.guided-tour-slide--reverse-text) .guided-tour-slide__content {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
}

.guided-tour-slide:not(.guided-tour-slide--reverse-image):not(.guided-tour-slide--reverse-text) .guided-tour-slide__content .rich-text {
  width: 100%;
}

@media (min-width: 48em) {
  .guided-tour-slide:not(.guided-tour-slide--reverse-image):not(.guided-tour-slide--reverse-text) .guided-tour-slide__content .rich-text {
    width: 66.66667%;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide:not(.guided-tour-slide--reverse-image):not(.guided-tour-slide--reverse-text) .guided-tour-slide__content .rich-text {
    margin: auto 0 0 auto;
  }
}

.guided-tour-slide:not(.guided-tour-slide--reverse-image):not(.guided-tour-slide--reverse-text) .guided-tour-slide__content .external-link {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media (min-width: 59.375em) {
  .guided-tour-slide:not(.guided-tour-slide--reverse-image):not(.guided-tour-slide--reverse-text) .guided-tour-slide__image {
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-right: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .guided-tour-slide:not(.guided-tour-slide--reverse-image):not(.guided-tour-slide--reverse-text) .guided-tour-slide__image {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
  }
}

@media (min-width: 120.25em) {
  .guided-tour-slide:not(.guided-tour-slide--reverse-image):not(.guided-tour-slide--reverse-text) .guided-tour-slide__image {
    margin: 0;
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__image {
    margin-right: 0;
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__image {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
  }
}

@media (min-width: 120.25em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__image {
    margin: 0;
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__content {
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
  }
}

@media (min-width: 80em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__content {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__content > h2 {
    -webkit-transform: translateX(20vw);
            transform: translateX(20vw);
  }
}

@media (min-width: 120.25em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__content > h2 {
    -webkit-transform: translateX(10vw);
            transform: translateX(10vw);
  }
}

.guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__content .rich-text {
  width: 100%;
}

@media (min-width: 48em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__content .rich-text {
    width: 66.66667%;
    margin-right: 33.33333%;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__content .rich-text {
    margin-right: 33.33333%;
  }
}

@media (min-width: 120.25em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__content .rich-text {
    margin-right: 33.33333%;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__content picture {
    text-align: left;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__content .external-link {
    text-align: left;
    margin-left: 0;
    margin-right: 16.66667%;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__content > h2 {
    text-align: right;
  }
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__content .rich-text {
    text-align: left;
  }
  .guided-tour-slide.guided-tour-slide--reverse-image:not(.guided-tour-slide--reverse-text) .guided-tour-slide__content .external-link {
    text-align: left;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-text:not(.guided-tour-slide--reverse-image) .guided-tour-slide__image {
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-right: 8.33333%;
    margin-right: 0;
  }
}

@media (min-width: 71.875em) {
  .guided-tour-slide.guided-tour-slide--reverse-text:not(.guided-tour-slide--reverse-image) .guided-tour-slide__image {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
  }
}

@media (min-width: 120.25em) {
  .guided-tour-slide.guided-tour-slide--reverse-text:not(.guided-tour-slide--reverse-image) .guided-tour-slide__image {
    margin: 0;
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-text:not(.guided-tour-slide--reverse-image) .guided-tour-slide__content {
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media (min-width: 80em) {
  .guided-tour-slide.guided-tour-slide--reverse-text:not(.guided-tour-slide--reverse-image) .guided-tour-slide__content {
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
  }
}

.guided-tour-slide.guided-tour-slide--reverse-text:not(.guided-tour-slide--reverse-image) .guided-tour-slide__content picture {
  text-align: left;
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-text:not(.guided-tour-slide--reverse-image) .guided-tour-slide__content > h2 {
    text-align: right;
    max-width: none !important;
    -webkit-transform: translate(0, 0) !important;
            transform: translate(0, 0) !important;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-text:not(.guided-tour-slide--reverse-image) .guided-tour-slide__content .rich-text {
    text-align: left;
  }
}

.guided-tour-slide.guided-tour-slide--reverse-text:not(.guided-tour-slide--reverse-image) .guided-tour-slide__content .external-link {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-text:not(.guided-tour-slide--reverse-image) .guided-tour-slide__content .external-link {
    text-align: left;
    margin-left: 0;
  }
}

.guided-tour-slide.guided-tour-slide--reverse-image.guided-tour-slide--reverse-text {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image.guided-tour-slide--reverse-text .guided-tour-slide__image {
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-right: 8.33333%;
    margin-right: 0;
  }
}

@media (min-width: 71.875em) {
  .guided-tour-slide.guided-tour-slide--reverse-image.guided-tour-slide--reverse-text .guided-tour-slide__image {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
  }
}

@media (min-width: 120.25em) {
  .guided-tour-slide.guided-tour-slide--reverse-image.guided-tour-slide--reverse-text .guided-tour-slide__image {
    margin: 0;
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image.guided-tour-slide--reverse-text .guided-tour-slide__content {
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media (min-width: 80em) {
  .guided-tour-slide.guided-tour-slide--reverse-image.guided-tour-slide--reverse-text .guided-tour-slide__content {
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image.guided-tour-slide--reverse-text .guided-tour-slide__content > h2 {
    text-align: left;
    max-width: none !important;
    -webkit-transform: translate(0, 0) !important;
            transform: translate(0, 0) !important;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image.guided-tour-slide--reverse-text .guided-tour-slide__content .rich-text {
    text-align: left;
    max-width: none !important;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image.guided-tour-slide--reverse-text .guided-tour-slide__content picture {
    text-align: left;
  }
}

@media (min-width: 59.375em) {
  .guided-tour-slide.guided-tour-slide--reverse-image.guided-tour-slide--reverse-text .guided-tour-slide__content .external-link {
    text-align: left;
    max-width: none !important;
    margin-left: 0;
  }
}

.guided-tour-slide--dual-images {
  display: block;
  padding: 1.875rem;
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.guided-tour-slide--dual-images .rich-text {
  color: currentColor;
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images .rich-text {
    max-width: 50vw;
  }
}

.guided-tour-slide--dual-images .rich-text p {
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
}

@media (min-width: 64em) {
  .guided-tour-slide--dual-images .rich-text p {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .guided-tour-slide--dual-images .rich-text p {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.guided-tour-slide--dual-images .rich-text p b, .guided-tour-slide--dual-images .rich-text p strong {
  font-weight: 500;
}

.guided-tour-slide--dual-images .rich-text p a {
  color: currentColor;
}

.guided-tour-slide--dual-images .rich-text p a:hover, .guided-tour-slide--dual-images .rich-text p a:focus, .guided-tour-slide--dual-images .rich-text p a:active, .guided-tour-slide--dual-images .rich-text p a:visited {
  color: currentColor;
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images .guided-tour-slide__image-1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.guided-tour-slide--dual-images .guided-tour-slide__image-1 img {
  max-height: 25vh;
  width: auto;
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images .guided-tour-slide__image-1 img {
    max-height: none;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       font-family: "object-fit:cover";
       object-fit: cover;
  }
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images .guided-tour-slide__image-1 .rich-text {
    position: absolute;
    bottom: 2.5rem;
  }
}

.guided-tour-slide--dual-images .guided-tour-slide__image-2 {
  margin-top: 1.25rem;
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images .guided-tour-slide__image-2 {
    margin-top: 3.75rem;
  }
}

.guided-tour-slide--dual-images .guided-tour-slide__image-2 img {
  max-height: 25vw;
  width: auto;
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images .guided-tour-slide__image-2 img {
    max-height: none;
    height: 10vw;
    width: auto;
  }
}

@media (min-width: 71.875em) {
  .guided-tour-slide--dual-images .guided-tour-slide__image-2 img {
    height: 15vw;
  }
}

@media (min-width: 90em) {
  .guided-tour-slide--dual-images .guided-tour-slide__image-2 img {
    height: 20vw;
  }
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images .guided-tour-slide__image-2 .rich-text {
    margin-top: 1.25rem;
  }
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images:not(.guided-tour-slide--reverse-image) .guided-tour-slide__image-1 {
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images:not(.guided-tour-slide--reverse-image) .guided-tour-slide__image-1 .rich-text {
    left: calc(100% + 20px * 2);
    width: 25vw;
  }
}

.guided-tour-slide--dual-images:not(.guided-tour-slide--reverse-image) .guided-tour-slide__image-2 {
  text-align: right;
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images:not(.guided-tour-slide--reverse-image) .guided-tour-slide__image-2 {
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    margin-right: 8.33333%;
  }
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images:not(.guided-tour-slide--reverse-image) .guided-tour-slide__image-2 .rich-text {
    text-align: right;
    padding-left: 25%;
  }
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images.guided-tour-slide--reverse-image {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.guided-tour-slide--dual-images.guided-tour-slide--reverse-image .guided-tour-slide__image-1 {
  text-align: right;
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images.guided-tour-slide--reverse-image .guided-tour-slide__image-1 {
    text-align: left;
    width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images.guided-tour-slide--reverse-image .guided-tour-slide__image-1 img {
    width: 100%;
  }
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images.guided-tour-slide--reverse-image .guided-tour-slide__image-1 .rich-text {
    right: calc(100% + 20px * 2);
    width: 25vw;
    text-align: right;
  }
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images.guided-tour-slide--reverse-image .guided-tour-slide__image-2 {
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
    margin-left: 8.33333%;
  }
}

@media (min-width: 48em) {
  .guided-tour-slide--dual-images.guided-tour-slide--reverse-image .guided-tour-slide__image-2 .rich-text {
    padding-right: 25%;
  }
}

@media (min-width: 90em) {
  .guided-tour-slide--dual-images.guided-tour-slide--reverse-image .guided-tour-slide__image-2 .rich-text {
    padding-right: 50%;
  }
}

:root {
  --invitation-banner-bg-color: #f9f8f2;
  --invitation-banner-text-color: #282828;
  --invitation-banner-button-color-hover: #fff;
}

.invitation-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1600;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: visibility 0s 0.55s ease, -webkit-transform .55s ease;
  transition: visibility 0s 0.55s ease, -webkit-transform .55s ease;
  transition: transform .55s ease, visibility 0s 0.55s ease;
  transition: transform .55s ease, visibility 0s 0.55s ease, -webkit-transform .55s ease;
  background-color: #f9f8f2;
  padding: 1.25rem;
  color: #282828;
  color: var(--invitation-banner-text-color);
  background-color: #f9f8f2;
  background-color: var(--invitation-banner-bg-color);
}

@media (min-width: 59.375em) {
  .invitation-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.invitation-banner .button,
.invitation-banner .button--secondary {
  color: var(--invitation-banner-text-color);
  border-color: var(--invitation-banner-text-color);
}

.invitation-banner .button:hover,
.invitation-banner .button--secondary:hover {
  color: var(--invitation-banner-button-color-hover);
  border-color: var(--invitation-banner-bg-color);
  background-color: var(--invitation-banner-text-color);
}

.invitation-banner__close {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.625rem;
}

.invitation-banner__close svg {
  fill: var(--invitation-banner-text-color);
}

.invitation-banner__headline {
  margin-right: 2.5rem;
}

@media (min-width: 59.375em) {
  .invitation-banner__headline {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    margin-right: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .invitation-banner__headline {
    width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

.invitation-banner__headline h3 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .invitation-banner__headline h3 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .invitation-banner__headline h3 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .invitation-banner__headline h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .invitation-banner__headline h3 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .invitation-banner__headline h3 {
    font-size: 2.6vw;
  }
}

.invitation-banner__headline p {
  margin-top: 1.063rem;
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .invitation-banner__headline p {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .invitation-banner__headline p {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.invitation-banner__body {
  margin-top: 1.25rem;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  width: 83.33333%;
}

@media (min-width: 90em) {
  .invitation-banner__body {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.invitation-banner__body b, .invitation-banner__body strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 35.4375em) {
  .invitation-banner__body {
    width: 66.66667%;
  }
}

@media (min-width: 59.375em) {
  .invitation-banner__body {
    margin-top: 0;
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    margin-right: auto;
  }
}

@media (min-width: 71.875em) {
  .invitation-banner__body {
    width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}

.invitation-banner__action {
  padding-top: 1.063rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -ms-flex-item-align: end;
      align-self: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.invitation-banner.is-shown {
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: visibility 0s ease, -webkit-transform .55s ease;
  transition: visibility 0s ease, -webkit-transform .55s ease;
  transition: transform .55s ease, visibility 0s ease;
  transition: transform .55s ease, visibility 0s ease, -webkit-transform .55s ease;
}

.claim-flow__list {
  padding-bottom: 0.625rem;
  counter-reset: section;
}

@media (min-width: 48em) {
  .claim-flow__list {
    border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
  }
}

.claim-flow__list .claim-flow__block .claim-flow__headline > span:before {
  counter-increment: section;
  content: counter(section);
}

.claim-flow__block {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

.claim-flow__block:first-child {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.claim-flow__block.is-active {
  opacity: 1;
  pointer-events: auto;
  background-color: #eae8dc;
}

.claim-flow__block.is-active .claim-flow__block-content {
  height: auto;
}

.claim-flow__block-content {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  height: 0;
  overflow: hidden;
}

@media (min-width: 64em) {
  .claim-flow__block-content {
    padding-left: 0;
    padding-right: 1.25rem;
    margin-left: 8.33333%;
  }
}

.claim-flow__block-content-inner {
  padding-bottom: 3.125rem;
}

.claim-flow__block-content-inner p {
  margin-bottom: 1.875rem;
}

.claim-flow__block-content--no-padding {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 59.375em) {
  .claim-flow__block-content--no-padding {
    padding: 0;
  }
}

@media (min-width: 64em) {
  .claim-flow__block-content--no-padding {
    margin-left: 0;
  }
}

.claim-flow__block-content--no-padding .claim-flow__button-wrapper {
  padding-top: 1.25rem;
  margin-left: 1.063rem;
}

@media (min-width: 64em) {
  .claim-flow__block-content--no-padding .claim-flow__button-wrapper {
    margin-left: 8.33333%;
  }
}

.claim-flow__headline {
  display: block;
  padding-top: 0.938rem;
  padding-bottom: 3.75rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: -0.062rem;
  text-transform: uppercase;
  margin-left: 2.5rem;
  margin-right: 0.625rem;
  pointer-events: none;
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
}

@media (min-width: 64em) {
  .claim-flow__headline {
    margin-left: 8.33333%;
  }
}

.claim-flow__headline.is-validated {
  pointer-events: auto;
  cursor: pointer;
}

.claim-flow__headline span {
  position: absolute;
  padding-right: 0.625rem;
  left: 1.063rem;
}

@media (min-width: 64em) {
  .claim-flow__headline span {
    padding-left: 0;
    left: 1.25rem;
  }
}

.claim-flow__headline--small {
  padding-bottom: 0;
  font-size: 1.25rem;
  font-weight: normal;
  text-transform: none;
}

@media (min-width: 64em) {
  .claim-flow__headline--small {
    margin-left: 0;
  }
}

.claim-flow__sub-headline {
  display: block;
  padding-bottom: 0.625rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: -0.037rem;
}

.claim-flow .text {
  margin-bottom: 0.938rem;
  font-size: 0.875rem;
}

.claim-flow .text--small {
  font-size: 0.75rem;
}

.claim-flow .form__field {
  margin-bottom: 1.25rem;
}

.claim-flow textarea {
  width: 100%;
  max-width: 31.25rem;
  height: 6.25rem;
  background-color: transparent;
  padding: 0.313rem;
}

.claim-flow .button--next {
  min-width: 9.375rem;
}

.claim-flow .button.is-disabled {
  opacity: 0.6;
}

.claim-flow__submit-wrapper {
  padding-top: 2.5rem;
  margin-left: 1.063rem;
}

@media (min-width: 64em) {
  .claim-flow__submit-wrapper {
    margin-left: 8.33333%;
  }
}

.claim-flow__button-wrapper .error-notification {
  display: none;
  font-size: 0.875rem;
  color: #ca8268;
}

.claim-flow__button-wrapper .error-notification.is-shown {
  margin-top: 0.75rem;
  display: block;
}

@media (min-width: 48em) {
  .claim-flow__button-wrapper .error-notification.is-shown {
    padding-left: 0.625rem;
    margin-top: 0;
    display: inline-block;
  }
}

.claim-flow .link.link--add {
  font-size: 0.875rem;
  line-height: 1.5rem;
  vertical-align: middle;
}

.claim-flow .link.link--add .icon {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 1rem;
}

.claim-flow .upload-guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2.5rem 0 3.75rem;
}

@media (min-width: 64em) {
  .claim-flow .upload-guide {
    -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
    padding: 3.75rem 0;
  }
}

@media (min-width: 71.875em) {
  .claim-flow .upload-guide {
    padding: 5rem 0;
  }
}

.claim-flow .upload-guide__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  margin-top: 2.5rem;
  padding: 0 0.313rem;
}

.claim-flow .upload-guide__item:nth-child(1), .claim-flow .upload-guide__item:nth-child(2) {
  margin-top: 0;
}

@media (min-width: 48em) {
  .claim-flow .upload-guide__item {
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
    margin-top: 0;
  }
}

.claim-flow .upload-guide__item button {
  display: block;
  margin-top: 0.625rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.83;
  color: rgba(40, 40, 40, 0.4);
  text-decoration: underline;
}

.claim-flow .upload-guide__item button:hover {
  text-decoration: none;
}

.claim-flow .upload-guide__item-content {
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
}

.claim-flow .upload-guide__item-image, .claim-flow .upload-guide__item-content {
  max-width: 100%;
}

@media (min-width: 48em) {
  .claim-flow .upload-guide__item-image, .claim-flow .upload-guide__item-content {
    max-width: 13.438rem;
  }
}

@media (min-width: 48em) {
  .claim-flow .upload-guide__item-image {
    margin: 0 0 1.25rem 10%;
  }
}

.claim-flow .width-restriction {
  max-width: 62.5rem;
}

@media (min-width: 48em) {
  .claim-flow .side-by-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .claim-flow .side-by-side > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding-right: 2.813rem;
  }
  .claim-flow .side-by-side > *:last-child {
    padding-right: 0;
  }
}

.claim-flow .product-list li {
  position: relative;
  display: block;
  margin-bottom: 1.25rem;
}

@media (min-width: 48em) {
  .claim-flow .product-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 47.99em) {
  .claim-flow .product-list li.is-removable .product-list__item {
    width: calc(100% - 45px);
  }
}

.claim-flow .product-list li:first-child .product-list__item:last-child {
  padding-right: 0;
}

.claim-flow .product-list li .form__field {
  margin-bottom: 0.313rem;
}

@media (min-width: 48em) {
  .claim-flow .product-list__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    padding-right: 2.813rem;
  }
}

.claim-flow .product-list__item-remove {
  position: absolute;
  top: 47%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  width: 2rem;
  height: 2rem;
  text-align: right;
}

.claim-flow .product-list__item-remove svg {
  width: 2rem;
  height: 2rem;
}

.claim-flow .product-list__add-wrapper {
  padding-bottom: 2.5rem;
}

.claim-flow .radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  margin-bottom: 1.25rem;
  border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
  border-left: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 48em) {
  .claim-flow .radio-group {
    border-left: 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.claim-flow .radio-group__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 0.063rem 0 0 0;
}

.claim-flow .radio-group__item:last-child {
  border-bottom-width: 0.063rem;
}

@media (min-width: 48em) {
  .claim-flow .radio-group__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33.3333333%;
            flex: 1 1 33.3333333%;
    border-width: 0.063rem 0 0.063rem 0.063rem;
  }
  .claim-flow .radio-group__item:last-child {
    border-right-width: 0;
    border-bottom-width: 0.063rem;
  }
}

.claim-flow .radio-group__item label {
  display: block;
  position: relative;
  width: 100%;
  min-height: 10rem;
  padding: 1.25rem;
  background-color: #eae8dc;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  cursor: pointer;
}

.claim-flow .radio-group__item label:hover {
  background-color: #d9d5be;
}

.claim-flow .radio-group__item label:hover .radio-group__item-status__choose:after {
  width: 100%;
  opacity: 1;
}

@media (min-width: 48em) {
  .claim-flow .radio-group__item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 64em) {
  .claim-flow .radio-group__item label {
    min-height: 18.75rem;
  }
}

.claim-flow .radio-group__item label .radio-group__item-status__choose {
  padding: 0;
}

.claim-flow .radio-group__item label .radio-group__item-status__choose:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.claim-flow .radio-group__item label .radio-group__item-status__choose:hover:after, .claim-flow .radio-group__item label .radio-group__item-status__choose:focus:after {
  right: 0;
}

.claim-flow .radio-group__item label .radio-group__item-status__choose.is-active:after {
  opacity: 1;
  width: 100%;
}

.claim-flow .radio-group__item span {
  display: block;
  padding-bottom: 1.25rem;
}

.claim-flow .radio-group__item .radio-group__item-title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.062rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

@media (min-width: 48em) {
  .claim-flow .radio-group__item .radio-group__item-title {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
  }
}

.claim-flow .radio-group__item .radio-group__item-text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.15;
  line-height: 1.43;
  letter-spacing: -0.031rem;
  margin-top: auto;
  width: 100%;
}

@media (min-width: 48em) and (max-width: 63.99em) {
  .claim-flow .radio-group__item .radio-group__item-text {
    margin-top: 2.5rem;
  }
}

@media (min-width: 48em) {
  .claim-flow .radio-group__item .radio-group__item-text {
    max-width: 18.75rem;
  }
}

@media all and (min-width: 48em) and (-ms-high-contrast: none), (min-width: 48em) and (-ms-high-contrast: active) {
  .claim-flow .radio-group__item .radio-group__item-text {
    margin-top: 2.5rem;
  }
}

.claim-flow .radio-group__item .radio-group__item-status {
  position: relative;
  width: 100%;
  height: 1.5rem;
  overflow: hidden;
  pointer-events: none;
  font-weight: 500;
}

.claim-flow .radio-group__item .radio-group__item-status__choose, .claim-flow .radio-group__item .radio-group__item-status__selected {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease;
}

.claim-flow .radio-group__item .radio-group__item-status__selected {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
}

.claim-flow .radio-group__item .radio-group__item-status__choose {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
}

.claim-flow .radio-group__item input:checked + label {
  background-color: #d9d5be;
}

.claim-flow .radio-group__item input:checked + label .radio-group__item-status__selected {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
}

.claim-flow .radio-group__item input:checked + label .radio-group__item-status__choose {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
}

:root {
  --gateway-bg: #fff;
}

@media (min-width: 48em) {
  .gateway {
    width: 100vw;
    height: 100vh;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.gateway__image {
  display: block;
}

.gateway__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (min-width: 48em) {
  .gateway__image {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 0;
  }
}

.gateway__content {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  z-index: 1;
  padding: 1.063rem;
  background-color: #fff;
  background-color: var(--gateway-bg);
}

@media (min-width: 64em) {
  .gateway__content {
    padding: 1.25rem;
  }
}

@media (min-width: 48em) {
  .gateway__content {
    max-height: 100vh;
    border: 0.063rem solid #d9d9d9;
    max-width: 31.25rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 31.25rem;
            flex: 0 1 31.25rem;
  }
}

@media (min-width: 59.375em) {
  .gateway__content {
    margin-top: 0;
    max-height: 80vh;
  }
}

.gateway__content > * + * {
  margin-top: 1.25rem;
}

@media (max-width: 59.365em) {
  .gateway--large .gateway__image {
    display: none;
  }
}

.gateway--large .gateway__content {
  padding-top: 3.75rem;
}

@media (min-width: 48em) {
  .gateway--large .gateway__content {
    max-width: 60.875rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 60.875rem;
            flex: 0 1 60.875rem;
  }
}

@media (min-width: 59.375em) {
  .gateway--large .gateway__content {
    padding-top: 1.25rem;
  }
}

.gateway--collapse-bottom .gateway__content {
  padding-bottom: 0;
}

.feedback-button {
  position: relative;
  height: 2.375rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  -webkit-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}

.feedback-button:focus {
  outline: 0;
}

.feedback-button.is-disabled, .feedback-button.is-inactive {
  pointer-events: none;
  cursor: default;
}

.feedback-button.is-disabled:hover, .feedback-button.is-inactive:hover {
  background-color: inherit;
}

.feedback-button span {
  display: block;
  text-align: center;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  opacity: 0;
}

.feedback-button span.spacer {
  position: relative;
  opacity: 0;
}

.feedback-button span.spinner-wrapper {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.feedback-button span.spinner-wrapper .spinner {
  display: inline-block;
  opacity: 1;
}

.feedback-button span.pre-title, .feedback-button span.post-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 2.375rem;
  line-height: 2.188rem;
  width: 100%;
}

.feedback-button span.pre-title {
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s 0.1s ease;
  transition: -webkit-transform 0.35s 0.1s ease;
  transition: transform 0.35s 0.1s ease;
  transition: transform 0.35s 0.1s ease, -webkit-transform 0.35s 0.1s ease;
}

.feedback-button span.pre-title.is-visible {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

.feedback-button span.post-title {
  -webkit-transform: translate(-50%, -150%);
          transform: translate(-50%, -150%);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

.feedback-button span.post-title.is-visible {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.feedback-button span.is-visible {
  opacity: 1;
}

.form__field--file .form__item,
.file-upload .form__item {
  width: 0.006rem;
  height: 0.006rem;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.form__field--file .form__label,
.file-upload .form__label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.25rem;
  border: 0.125rem dashed rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #282828;
}

@media (min-width: 48em) {
  .form__field--file .form__label,
  .file-upload .form__label {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.form__field--file .form__label__text,
.file-upload .form__label__text {
  color: currentColor;
  padding: 0;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 500;
}

.form__field--file .form__label__text .link,
.file-upload .form__label__text .link {
  -webkit-transition: none;
  transition: none;
}

.form__field--file .file-names,
.file-upload .file-names {
  margin-bottom: 2.5rem;
}

.form__field--file .file-names__item,
.file-upload .file-names__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-height: 3em;
  overflow: hidden;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  padding-top: 1.063rem;
  padding-bottom: 1.063rem;
}

.form__field--file .file-names__item:first-child,
.file-upload .file-names__item:first-child {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.form__field--file .file-names__item button,
.file-upload .file-names__item button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form__field--file .file-names__item button svg,
.file-upload .file-names__item button svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  fill: #282828;
}

.form__field--file .file-names__item .text,
.file-upload .file-names__item .text {
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 7.5rem);
  overflow: hidden;
}

.form__field--file .file-names__item .image,
.file-upload .file-names__item .image {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2em;
  width: 2em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 0.5em;
}

.form__field--file .file-names__item .image .svg-icon,
.file-upload .file-names__item .image .svg-icon {
  height: 2em;
  width: 2em;
  fill: #000000;
}

.form__field--file .file-names__item.is-removing,
.file-upload .file-names__item.is-removing {
  padding-top: 0;
  padding-bottom: 0;
  max-height: 0;
}

.form__field--file.is-valid .form__label__text,
.file-upload.is-valid .form__label__text {
  color: #000000;
}

.form__field--file.is-invalid .form__label__text,
.file-upload.is-invalid .form__label__text {
  color: #000000;
}

.form__field--file.is-over .form__label,
.file-upload.is-over .form__label {
  color: #77825a;
  border: 0.125rem dashed #77825a;
}

.file-upload-container {
  width: 100%;
}

.file-upload-container__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 725px) {
  .file-upload-container__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.file-upload-container__button {
  margin-bottom: 60px;
}

@media screen and (max-width: 425px) {
  .file-upload-container__button {
    margin: 0 auto;
    margin-bottom: 60px;
    display: block;
  }
}

.file-upload-field {
  position: relative;
  margin-bottom: 1.25rem;
  width: 100%;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 35.4275em) {
  .file-upload-field {
    padding-bottom: 20px;
    margin-bottom: 1.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: 0;
  }
}

.file-upload-field__delete {
  display: block;
  width: 1.25rem;
  position: absolute;
  top: 0;
  right: 0;
}

@media (min-width: 35.4375em) {
  .file-upload-field__delete {
    position: static;
  }
}

.file-upload-field__delete .svg-icon {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}

.file-upload-field__label {
  text-align: left;
  margin-left: 30px;
  display: inline-block;
  margin-right: auto;
}

@media (max-width: 35.4275em) {
  .file-upload-field__label {
    width: 100%;
    margin-left: 0;
    margin-top: 6px;
    display: block;
    text-align: center;
  }
}

.file-upload-field__file-container {
  overflow: hidden;
  position: relative;
}

.file-upload-field__file-container [type=file] {
  cursor: inherit;
  display: block;
  font-size: 999px;
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}

.order-summary {
  display: block;
  padding-top: 0.625rem;
  background-color: #eae8dc;
  padding-bottom: 3.75rem;
}

@media (min-width: 48em) {
  .order-summary {
    padding-bottom: 1.875rem;
  }
}

.checkout .order-summary {
  padding-bottom: 0;
}

@media (min-width: 48em) {
  .checkout .order-summary {
    padding-bottom: 0;
  }
}

.order-summary__spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.order-summary__spinner__message {
  margin-top: 1rem;
}

.order-summary__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.order-summary__row .order-summary__headline {
  padding: 0;
}

@media (min-width: 64em) {
  .order-summary .order-summary__headline {
    margin-left: 0%;
  }
}

@media (min-width: 48em) {
  .order-summary {
    position: relative;
  }
}

@media (min-width: 64em) {
  .order-summary {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
  .order-summary .order-summary__block {
    padding: 1.063rem;
  }
}

@media (min-width: 64em) and (min-width: 64em) {
  .order-summary .order-summary__block {
    padding: 1.25rem;
  }
}

.order-summary__details {
  padding-top: 5.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  counter-reset: section;
}

@media (min-width: 48em) {
  .order-summary__details {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
    border-bottom: none;
  }
}

@media (min-width: 64em) {
  .order-summary__details {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
  }
}

.order-summary__details .order-summary__block .order-summary__headline > span:before {
  counter-increment: section;
  content: counter(section);
}

.order-summary__block {
  padding: 1.063rem;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 64em) {
  .order-summary__block {
    padding: 1.25rem;
  }
}

.order-summary__block:first-child {
  border-bottom: none;
}

.order-summary__block:last-child {
  border-bottom: none;
}

@media (min-width: 64em) {
  .order-summary__block {
    padding: 0.938rem 0 3.125rem;
  }
}

.order-summary__block .form {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 0.5;
}

.order-summary__block.is-active .form {
  opacity: 1;
}

@media (min-width: 48em) {
  .order-summary__block--slim > * {
    max-width: 30rem;
  }
}

@media (min-width: 64em) {
  .order-summary__block-inner {
    margin-left: 8.33333%;
    width: 58.33333%;
  }
}

@media (min-width: 48em) {
  .order-summary__sticky {
    padding-top: 4.688rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
}

.order-summary__headline {
  display: block;
  padding: 1.063rem;
  padding-bottom: 3.75rem;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 64em) {
  .order-summary__headline {
    padding: 1.25rem;
  }
}

@media (min-width: 21.875em) {
  .order-summary__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .order-summary__headline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .order-summary__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .order-summary__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .order-summary__headline {
    font-size: 2.6vw;
  }
}

@media (min-width: 64em) {
  .order-summary__headline {
    margin-left: 8.33333%;
  }
}

.order-summary__headline span {
  padding-right: 0.625rem;
}

@media (min-width: 64em) {
  .order-summary__headline span {
    position: absolute;
    left: 1.063rem;
  }
}

.order-summary__headline--small {
  padding-bottom: 0;
  font-size: 1.25rem;
  font-weight: normal;
  text-transform: none;
}

@media (min-width: 64em) {
  .order-summary__headline--small {
    margin-left: 0;
  }
}

.order-summary__description {
  padding: 1.063rem;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 64em) {
  .order-summary__description {
    padding: 1.25rem;
  }
}

.order-summary__description table {
  width: 100%;
}

.order-summary__description em {
  font-size: 0.75rem;
  letter-spacing: -0.037rem;
  text-transform: uppercase;
}

.order-summary__description tr td:last-child {
  display: none;
}

@media (min-width: 71.875em) {
  .order-summary__description tr td:last-child {
    display: block;
  }
}

.order-summary__sub-headline {
  display: block;
  padding-bottom: 0.625rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: -0.037rem;
}

.order-summary__freight.text {
  width: 83.33333%;
  margin-bottom: 1.875rem;
}

.order-summary .text {
  max-width: 28.125rem;
  font-size: 0.875rem;
  letter-spacing: -0.031rem;
}

.order-summary .text--small {
  font-size: 0.75rem;
}

.order-summary .form__field {
  margin-bottom: 0.625rem;
}

.order-summary__sub-total {
  width: 100%;
  margin-bottom: 1.25rem;
}

.order-summary__sub-total tr:last-child td {
  padding-top: 0.313rem;
}

.order-summary__sub-total tr td {
  padding: 0.188rem 0;
  vertical-align: top;
}

.order-summary__sub-total tr td:last-child {
  text-align: right;
}

.order-summary__sub-total tr:nth-last-child(2) td {
  padding-bottom: 0.938rem;
}

.order-summary__sub-total tr:last-child {
  border-top: 0.125rem solid #282828;
}

.order-summary__sub-total tr:last-child td {
  padding: 0.625rem 0;
}

.order-summary__sub-total p {
  padding: 0.125rem 0;
  font-size: 0.875rem;
}

.order-summary__sub-total .remove-campaign {
  display: inline-block;
  width: 0.875rem;
  margin-top: 0.25rem;
  cursor: pointer;
}

.order-summary__sub-total .remove-campaign svg {
  width: 100%;
}

.order-summary p.order-summary__sub-medium {
  font-weight: 500;
}

.order-summary p.order-summary__sub-large {
  font-size: 1.625rem;
  line-height: 1.75rem;
  letter-spacing: -0.062rem;
  font-weight: 500;
}

.order-summary__campaign-code .form__field {
  margin-bottom: 0;
}

.order-summary__campaign-code--is-disabled {
  visibility: hidden;
}

.order-summary__campaign-code--is-disabled .form__col .form__label {
  visibility: hidden;
}

.order-summary__place-order {
  margin-bottom: 1.875rem;
}

@media (min-width: 64em) {
  .order-summary__place-order {
    margin-bottom: 4.375rem;
  }
}

.order-summary__place-order .button.button--primary, .order-summary__place-order .button.button--secondary {
  display: block;
  width: 100%;
}

.order-summary__products {
  width: 100%;
}

.order-summary__products tr {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.order-summary__products tr td {
  padding: 0.625rem 0.313rem;
  vertical-align: top;
}

.order-summary__products tr td:first-child, .order-summary__products tr td:last-child {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 64em) {
  .order-summary__products tr td:first-child, .order-summary__products tr td:last-child {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.order-summary__products tr td:first-child {
  width: 5rem;
  padding-right: 0.313rem;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.order-summary__products tr td:last-child {
  padding-left: 0.313rem;
}

.order-summary__products tr td p {
  font-size: 0.75rem;
}

.order-summary__products tr td p strong {
  text-transform: uppercase;
}

.order-summary__products tr td p em {
  font-weight: 500;
  letter-spacing: 0.05em;
}

.order-summary__products-image {
  display: block;
  width: 4.375rem;
}

.order-summary p.order-summary__products-price {
  display: block;
  font-size: 1.25rem;
  letter-spacing: -0.054rem;
  text-align: right;
  font-weight: 500;
}

@media (min-width: 64em) {
  .order-summary p.order-summary__products-price {
    font-size: 0.875rem;
  }
}

.order-summary .button--back-link {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: none;
}

@media (min-width: 48em) {
  .order-summary .button--back-link {
    display: inline-block;
  }
}

.data-table {
  display: block;
  width: 100%;
  max-width: 100vw;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 48em) {
  .data-table {
    display: table;
  }
}

@media (min-width: 48em) {
  .data-table__inner {
    display: block;
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
    padding: 0.438rem 0.625rem 1.875rem;
  }
}

@media (min-width: 59.375em) {
  .data-table__inner {
    padding: 0.438rem 1.063rem 1.875rem;
  }
}

@media (min-width: 48em) {
  .data-table__inner--right {
    text-align: right;
    white-space: nowrap;
  }
}

@media (min-width: 48em) {
  .data-table__inner--image {
    padding-left: 5rem;
  }
}

.data-table__inner a:not(.link) {
  display: inline-block;
  letter-spacing: 0.1em;
  font-weight: 600;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.data-table__inner a:not(.link):hover {
  opacity: 1;
}

@media (min-width: 48em) {
  .data-table__mobile-only {
    display: none !important;
  }
}

@media (max-width: 47.99em) {
  .data-table thead {
    display: none;
  }
}

@media (max-width: 47.99em) {
  .data-table tbody {
    display: block;
  }
}

.data-table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  padding: 1.063rem;
}

@media (min-width: 48em) {
  .data-table tr {
    display: table-row;
    padding: 0;
  }
}

.data-table th, .data-table td {
  text-align: left;
  display: block;
}

@media (min-width: 48em) {
  .data-table th, .data-table td {
    display: table-cell;
  }
}

.data-table th, .data-table th button {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
  white-space: nowrap;
}

@media (min-width: 64em) {
  .data-table th, .data-table th button {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .data-table th, .data-table th button {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.data-table td {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  margin-bottom: 0.75em;
  vertical-align: top;
  font-size: 0.75rem;
}

@media (min-width: 48em) {
  .data-table td {
    margin-bottom: 0;
  }
}

@media (min-width: 71.875em) {
  .data-table td {
    font-size: 0.875rem;
  }
}

.data-table td[data-label]:before {
  display: block;
  content: attr(data-label);
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .data-table td[data-label]:before {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .data-table td[data-label]:before {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

@media (min-width: 35.4375em) {
  .data-table td[data-label]:before {
    display: inline-block;
    margin-right: 1em;
  }
}

@media (min-width: 48em) {
  .data-table td[data-label]:before {
    display: none;
  }
}

.data-table td:last-child {
  margin-bottom: 0em;
}

.data-table td img {
  display: none;
  width: 3.125rem;
  height: 3.125rem;
  margin-right: 0.625rem;
}

@media (min-width: 48em) {
  .data-table td img {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.data-table .link {
  display: inline-block;
  margin-top: 1em;
  font-size: inherit;
}

@media (min-width: 48em) {
  .data-table .link {
    margin-top: 0;
  }
}

.data-table .link + .link {
  margin-left: 1em;
}

@media (min-width: 48em) {
  .data-table .link + .link {
    margin-left: 0;
  }
}

@media (min-width: 59.375em) {
  .data-table .link + .link {
    margin-left: 1em;
  }
}

.data-table--navigation tbody tr {
  -webkit-transition: -webkit-filter 0.2s ease;
  transition: -webkit-filter 0.2s ease;
  transition: filter 0.2s ease;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease;
}

.data-table--navigation tbody tr:hover {
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
}

@media (max-width: 47.99em) {
  .data-table--simple tbody tr td {
    margin-bottom: 0;
  }
  .data-table--simple tbody tr td:nth-child(n + 3) {
    display: none;
  }
}

.data-table--subtle {
  border-top-color: rgba(0, 0, 0, 0.1);
}

.data-table--fixed {
  table-layout: fixed;
}

.data-table--truncated td:not(:last-child) .data-table__inner,
.data-table--truncated td:not(:last-child) .data-table__inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (min-width: 48em) {
  .data-table--truncated td:not(:last-child) .data-table__inner,
  .data-table--truncated td:not(:last-child) .data-table__inner {
    max-width: 12vw;
  }
}

@media (min-width: 71.875em) {
  .data-table--truncated td:not(:last-child) .data-table__inner,
  .data-table--truncated td:not(:last-child) .data-table__inner {
    max-width: 8vw;
  }
}

.data-table--preset--60-30-10 tr td:first-child,
.data-table--preset--60-30-10 tr th:first-child {
  width: 60%;
}

.data-table--preset--60-30-10 tr td:nth-child(2),
.data-table--preset--60-30-10 tr th:nth-child(2) {
  width: 30%;
}

.data-table--preset--60-30-10 tr td:last-child,
.data-table--preset--60-30-10 tr th:last-child {
  width: 10%;
}

.data-table--preset--50-30-20 tr td:first-child,
.data-table--preset--50-30-20 tr th:first-child {
  width: 50%;
}

.data-table--preset--50-30-20 tr td:nth-child(2),
.data-table--preset--50-30-20 tr th:nth-child(2) {
  width: 30%;
}

.data-table--preset--50-30-20 tr td:last-child,
.data-table--preset--50-30-20 tr th:last-child {
  width: 20%;
}

.data-table--preset--40-40-20 tr td:first-child,
.data-table--preset--40-40-20 tr th:first-child {
  width: 50%;
}

.data-table--preset--40-40-20 tr td:nth-child(2),
.data-table--preset--40-40-20 tr th:nth-child(2) {
  width: 30%;
}

.data-table--preset--40-40-20 tr td:last-child,
.data-table--preset--40-40-20 tr th:last-child {
  width: 20%;
}

.data-table--scroll {
  display: block;
  width: 100%;
  max-width: 100vw;
  background: #F9F8F2;
  --fade-color: #F9F8F2;
  --offset-top: 0;
}

.data-table--scroll .data-table__container {
  position: relative;
  padding: 0;
}

.data-table--scroll .data-table__container a:not(.link) {
  letter-spacing: initial;
  font-weight: initial;
}

.data-table--scroll .data-table__scrollable {
  scroll-behavior: smooth;
}

@media (min-width: 48em) {
  .data-table--scroll .data-table__scrollable {
    overflow: auto;
  }
}

.data-table--scroll .data-table__scrollhelper {
  position: absolute;
  top: calc(var(--offset-top) * 1px + 3.75rem);
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  -webkit-transition: top 0.5s ease;
  transition: top 0.5s ease;
}

.data-table--scroll .data-table__scrollhelper button {
  position: absolute;
  top: 1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  background-color: #282828;
  border-radius: 50%;
  line-height: 1;
  pointer-events: all;
}

.data-table--scroll .data-table__scrollhelper button svg {
  width: 0.938rem;
  height: 0.938rem;
  fill: currentColor;
}

@media (min-width: 59.375em) {
  .data-table--scroll .data-table__scrollhelper button svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}

@media (min-width: 90em) {
  .data-table--scroll .data-table__scrollhelper button svg {
    width: 1.875rem;
    height: 1.875rem;
  }
}

@media (min-width: 59.375em) {
  .data-table--scroll .data-table__scrollhelper button {
    width: 3.75rem;
    height: 3.75rem;
  }
}

@media (min-width: 90em) {
  .data-table--scroll .data-table__scrollhelper button {
    width: 5rem;
    height: 5rem;
  }
}

.data-table--scroll .data-table__scrollhelper__left, .data-table--scroll .data-table__scrollhelper__right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6.25rem;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.data-table--scroll .data-table__scrollhelper__left.is-hidden, .data-table--scroll .data-table__scrollhelper__right.is-hidden {
  display: block;
  opacity: 0;
}

.data-table--scroll .data-table__scrollhelper__left.is-hidden button, .data-table--scroll .data-table__scrollhelper__right.is-hidden button {
  pointer-events: none;
}

.data-table--scroll .data-table__scrollhelper__left {
  left: 0;
  background: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--fade-color)));
  background: linear-gradient(to left, transparent, var(--fade-color));
}

.data-table--scroll .data-table__scrollhelper__left button {
  left: 1.25rem;
}

.data-table--scroll .data-table__scrollhelper__right {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--fade-color)));
  background: linear-gradient(to right, transparent, var(--fade-color));
}

.data-table--scroll .data-table__scrollhelper__right button {
  right: 1.25rem;
}

@media (min-width: 59.375em) {
  .data-table--scroll .table-component {
    min-width: 80rem;
  }
}

@media (min-width: 71.875em) {
  .data-table--scroll .table-component {
    min-width: 90rem;
  }
}

.data-table--scroll .data-table {
  max-width: none;
  border-top-color: #7f7f7f;
}

.data-table--scroll .data-table thead tr {
  border-bottom-color: #7f7f7f;
}

.data-table--border {
  border-left: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.data-table-entry {
  position: relative;
  padding-right: 1.25rem;
}

@media (max-width: 47.99em) {
  .data-table-entry {
    padding-right: 1.063rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-bottom: 0.75em;
  }
}

.data-table-entry[data-label]:before {
  display: block;
  content: attr(data-label);
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .data-table-entry[data-label]:before {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .data-table-entry[data-label]:before {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

@media (min-width: 35.4375em) {
  .data-table-entry[data-label]:before {
    display: inline-block;
    margin-right: 1em;
  }
}

@media (min-width: 48em) {
  .data-table-entry[data-label]:before {
    display: none;
  }
}

.data-table-entry__text {
  display: block;
}

.data-table-entry__text.is-long {
  min-width: 12.5rem;
}

@media (max-width: 47.99em) {
  .data-table-entry__text.is-long {
    line-height: 1.1;
  }
}

@media (min-width: 71.875em) {
  .data-table-entry__text.is-long {
    min-width: initial;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }
}

.data-table-entry__text .link {
  margin: 0;
}

.data-table-entry__text a:not(.link) {
  display: block;
}

.data-table-entry__info {
  position: absolute;
  top: -0.625rem;
  left: -0.937rem;
  right: 0.313rem;
  background-color: #A9B5D6;
  padding: 0.625rem 0.938rem;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 9997;
}

.search-with-sorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.search-with-sorting .search-bar {
  overflow: hidden;
  width: auto;
  margin: 0;
  border: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

@media (min-width: 48em) {
  .search-with-sorting .search-bar {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
  }
}

@media (min-width: 59.375em) {
  .search-with-sorting .search-bar {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
  }
}

@media (min-width: 64em) {
  .search-with-sorting .search-bar {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
  }
}

.search-with-sorting .form__field--select {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  width: auto;
  margin: 0;
  border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 48em) {
  .search-with-sorting .form__field--select {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
  }
}

@media (min-width: 59.375em) {
  .search-with-sorting .form__field--select {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
  }
}

@media (min-width: 64em) {
  .search-with-sorting .form__field--select {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
  }
}

.search-with-sorting .form__field--select .form__item {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
  border: 0;
  padding-left: 1.063rem;
}

@media (min-width: 64em) {
  .search-with-sorting .form__field--select .form__item {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .search-with-sorting .form__field--select .form__item {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.dashboard-header {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  position: relative;
}

.dashboard-header button {
  padding: 1.063rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

@media (min-width: 64em) {
  .dashboard-header button {
    padding: 1.25rem;
  }
}

.dashboard-header button:hover {
  background-color: #f9f9f8;
}

.dashboard-header button:hover .dashboard-header__title-text__cover {
  background-color: #f9f9f8;
}

.dashboard-header__title {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 80%;
          flex: 1 1 80%;
  text-align: left;
  font-size: var(--dashboard-header-text-height);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.035em;
}

.dashboard-header__title-text {
  display: inline-block;
  position: relative;
  z-index: 1;
  opacity: 0;
}

.dashboard-header__title-text.is-active {
  z-index: 2;
  opacity: 1;
}

.dashboard-header__title-text:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
}

.dashboard-header__title-text__cover {
  display: block;
  position: absolute;
  top: -0.125rem;
  right: 0;
  width: 0.01px;
  height: calc(100% + 0.313rem);
  background-color: #fff;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.dashboard-header__title-text__cover.is-active {
  width: 102%;
}

.dashboard-header__icon {
  width: 2rem;
  height: 2rem;
  margin-right: auto;
}

.dashboard-header__icon .icon {
  width: 2rem;
  height: 2rem;
  display: block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.account-menu {
  display: none;
  width: 100%;
  padding: 0.125rem 1.188rem 0.813rem;
  overflow: hidden;
  background-color: #ece8de;
}

.account-menu--viewing-as {
  background-color: #ca8268;
}

@media (min-width: 64em) {
  .account-menu {
    display: block;
  }
}

.account-menu__backdrop {
  background-color: #fff;
}

.account-menu__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.account-menu__navigation > li {
  font-size: 0.875rem;
  line-height: 1.64;
}

.account-menu__navigation > li:not(:first-child) {
  margin-left: 1.25rem;
}

.account-menu__sub {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  height: 0;
  opacity: 0;
  font-size: 1rem;
  max-width: 0;
}

.account-menu__sub > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.3;
}

.account-menu__sub > li:first-child {
  padding-top: 1.875rem;
}

@media (min-width: 48em) {
  .account-menu__sub {
    font-size: 1.25rem;
  }
}

.is-open .account-menu__sub {
  opacity: 1;
}

.account-menu__button {
  position: relative;
}

.account-menu__button > svg {
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  width: 1rem;
  height: 0.625rem;
  margin-left: 0.188rem;
  position: relative;
  top: 0;
}

.is-open .account-menu__button > svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.account-menu__button::before {
  content: '';
  width: 0.01px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: width .2s;
  transition: width .2s;
}

.is-open .account-menu__button::before {
  width: 100%;
}

.main-menu .account-menu {
  position: absolute;
  top: 100%;
  left: 0;
}

@media (min-width: 64em) {
  .account-menu__viewing-as {
    position: absolute;
    right: 1.25rem;
    top: 0.188rem;
  }
}

.dashboard-layout {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  position: relative;
  height: calc(100vh - 4.938rem);
  font-size: unset;
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}

.dashboard-layout::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}

.dashboard-layout__headline {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
}

@media (min-width: 21.875em) {
  .dashboard-layout__headline {
    font-size: 1.5rem;
  }
}

@media (min-width: 48em) {
  .dashboard-layout__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  .dashboard-layout__headline {
    font-size: 2.188rem;
  }
}

@media (min-width: 90em) {
  .dashboard-layout__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .dashboard-layout__headline {
    font-size: 2.08vw;
  }
}

.dashboard-layout .button-more-container {
  margin-bottom: 5rem;
}

.dashboard-layout .button-more-container:last-child {
  margin-bottom: 0;
  padding-bottom: 1.063rem;
}

.dashboard-layout--inline {
  overflow: visible;
}

.dashboard-layout--inline .dashboard-layout__left {
  padding-top: 0;
}

@media (min-width: 59.375em) {
  .dashboard-layout--inline .dashboard-layout__left {
    border-right: 0;
  }
}

.dashboard-layout--inline .dashboard-layout__right {
  position: absolute;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 59.375em) {
  .dashboard-layout--inline .dashboard-layout__right {
    border-left: 0.063rem solid rgba(0, 0, 0, 0.1);
    top: 0;
  }
}

.dashboard-layout__left {
  scroll-behavior: smooth;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10vh;
}

@media (min-width: 59.375em) {
  .dashboard-layout__left {
    width: 75%;
    padding-bottom: 0;
    border-bottom: 0;
    border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
    min-height: 100vh;
  }
}

.dashboard-layout__left .dashboard-layout__headline {
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .dashboard-layout__left .dashboard-layout__headline {
    padding: 1.25rem;
  }
}

@media (min-width: 64em) {
  .dashboard-layout__left .dashboard-layout__headline {
    padding-left: 1.063rem;
    padding-right: 1.063rem;
  }
}

.dashboard-layout__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 59.375em) {
  .dashboard-layout__right {
    margin: 0;
    top: 4.938rem;
    right: 0;
    bottom: 0;
    width: 25%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: calc(100vh - 4.5rem);
  }
}

@media (min-width: 59.375em) {
  .is-active .dashboard-layout__right {
    position: fixed;
  }
}

.dashboard-layout__right__inner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding: 1.063rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 64em) {
  .dashboard-layout__right__inner {
    padding: 1.25rem;
  }
}

.dashboard-layout__right__inner:first-child {
  border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 59.375em) {
  .dashboard-layout__right__inner:first-child {
    border-right: 0;
    border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  }
}

.dashboard-layout__right .dashboard-layout__headline {
  margin-bottom: 2.5rem;
}

@media (min-width: 48em) {
  .dashboard-layout__right .dashboard-layout__headline {
    margin-bottom: 5rem;
  }
}

@media (min-width: 59.375em) {
  .dashboard-layout__right .dashboard-layout__headline {
    margin-bottom: auto;
  }
}

.dashboard-layout__right .byline {
  margin: 0;
  font-size: 0.75rem;
}

@media (min-width: 48em) {
  .dashboard-layout__right .byline {
    font-size: 0.875rem;
  }
}

@media (min-width: 120.25em) {
  .dashboard-layout__right .byline {
    font-size: 0.875rem;
  }
}

.dashboard-layout__right .byline + .byline {
  margin-top: 1.063rem;
}

:root {
  --dashboard-header-text-height: 40px;
}

.dashboard {
  position: fixed;
  top: 100%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(calc(0% - var(--dashboard-header-text-height) - 2.5rem));
          transform: translateY(calc(0% - var(--dashboard-header-text-height) - 2.5rem));
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  z-index: 5;
  display: none;
}

.dashboard.is-active {
  z-index: 1500;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

@media (min-width: 64em) {
  .dashboard {
    display: block;
  }
}

@media (min-width: 90em) {
  .dashboard {
    --dashboard-header-text-height: 50px;
  }
}

@media (min-width: 120.25em) {
  .dashboard {
    --dashboard-header-text-height: 2.6vw;
  }
}

.dashboard .account-menu {
  position: absolute;
  top: calc(2.5rem + var(--dashboard-header-text-height));
  left: 0;
  right: 0;
  z-index: 1;
}

.dashboard .account-menu + .dashboard-layout {
  margin-top: 2.313rem;
  height: calc(100vh - 2.5rem - var(--dashboard-header-text-height) - 2.313rem);
}

@media (min-width: 59.375em) {
  .dashboard .account-menu + .dashboard-layout .dashboard-layout__right {
    top: calc(2.5rem + var(--dashboard-header-text-height) + 2.313rem);
    height: calc(100vh - 2.5rem - var(--dashboard-header-text-height) - 2.313rem);
  }
}

.order {
  min-height: 100vh;
}

@media (min-width: 59.375em) {
  .order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.order__headline {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  margin-bottom: 1.25rem;
}

@media (min-width: 21.875em) {
  .order__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .order__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .order__headline {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .order__headline {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .order__headline {
    font-size: 5.2vw;
  }
}

@media (min-width: 59.375em) {
  .order__headline {
    margin-bottom: 3.75rem;
  }
}

.order__subheadline {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media (min-width: 21.875em) {
  .order__subheadline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .order__subheadline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .order__subheadline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .order__subheadline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .order__subheadline {
    font-size: 2.6vw;
  }
}

.order__details {
  padding-top: 5.625rem;
  padding-bottom: 6.25rem;
}

@media (min-width: 59.375em) {
  .order__details {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
    border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
    border-bottom: none;
  }
}

@media (min-width: 64em) {
  .order__details {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
  }
}

.order__details__row {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .order__details__row {
    padding: 1.25rem;
  }
}

@media (min-width: 35.4375em) {
  .order__details__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.order__details__row .button {
  margin-bottom: 2.125rem;
}

.order-inline {
  min-height: 100vh;
}

@media (min-width: 59.375em) {
  .order-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.order-inline__headline {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  margin-bottom: 1.25rem;
}

@media (min-width: 21.875em) {
  .order-inline__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .order-inline__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .order-inline__headline {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .order-inline__headline {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .order-inline__headline {
    font-size: 5.2vw;
  }
}

@media (min-width: 59.375em) {
  .order-inline__headline {
    margin-bottom: 3.75rem;
  }
}

.order-inline__subheadline {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-top: 1.875rem;
}

@media (min-width: 21.875em) {
  .order-inline__subheadline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .order-inline__subheadline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .order-inline__subheadline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .order-inline__subheadline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .order-inline__subheadline {
    font-size: 2.6vw;
  }
}

.order-inline__container {
  width: 100%;
}

.order-inline__container .order-inline__details__row {
  padding-left: 8.33333%;
}

.order-inline__container .order-inline__details__row:first-child {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.order-inline__details {
  padding-top: 5.625rem;
}

@media (min-width: 59.375em) {
  .order-inline__details {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
  }
}

.order-inline__details-container {
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

.order-inline__details-container--success {
  background-color: rgba(164, 168, 150, 0.5);
}

.order-inline__details-container--warning {
  background-color: rgba(215, 198, 192, 0.5);
}

.order-inline__details-container .order-title {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  padding-top: 0.625rem;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 64em) {
  .order-inline__details-container .order-title {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.order-inline__details-container .order-title:first-child {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 59.375em) {
  .order-inline__details-container .order-title {
    padding-left: 8.33333%;
  }
}

.order-inline__details__row {
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .order-inline__details__row {
    padding: 1.25rem;
  }
}

@media (min-width: 35.4375em) {
  .order-inline__details__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.order-inline__details__row .accordion__title .title {
  display: block;
}

.order-inline__details__row--border {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.order-inline__details__row__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.938rem;
}

@media (min-width: 59.375em) {
  .order-inline__details__row__inner {
    gap: 2.5rem;
  }
}

.order-inline__details__row__inner div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.938rem;
}

@media (min-width: 59.375em) {
  .order-inline__details__row__inner div {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 28%;
            flex: 0 1 28%;
  }
}

@media (min-width: 105em) {
  .order-inline__details__row__inner div {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
  }
}

.order-inline__details__row__inner h6,
.order-inline__details__row__inner p {
  margin: 0;
}

.order-inline__details__row__inner h6 span,
.order-inline__details__row__inner p span {
  font-weight: 400;
  display: block;
}

.order-inline__details__row__inner p {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 40%;
          flex: 0 1 40%;
}

.order-inline__details__row__inner strong {
  display: block;
}

.order-inline__details__row__inner > span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media (min-width: 105em) {
  .order-inline__details__row__inner > span {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.order-inline__details__row__inner > span .link {
  display: inline-block;
  font-weight: 500;
  margin-bottom: 2.5rem;
  margin-right: 2.5rem;
}

@media (min-width: 59.375em) {
  .order-inline__details__row__inner > span .link {
    margin-bottom: 0;
  }
}

.order-inline__details__row__hashmap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order-inline__details__row__key {
  margin-right: 1em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.order-inline__overview {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 5.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
}

@media (min-width: 59.375em) {
  .order-inline__overview {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    height: 100vh;
  }
}

.order-inline__overview > .row > div {
  height: 100%;
}

.order-inline__overview > .row:first-of-type {
  height: 100%;
}

.order-inline__overview > .row:first-of-type .contact-banner-tile__content {
  margin-top: 0;
  margin-bottom: auto;
}

.order-inline__overview > .row:first-of-type .byline {
  max-width: 30em;
}

.order-item {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.order-item:first-of-type {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.order-item:last-of-type {
  border-bottom: none;
}

.order-item__content {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  padding: 1.313rem 1.875rem 1.563rem 5.313rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 64em) {
  .order-item__content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .order-item__content {
    padding: 1.313rem 1.875rem 1.563rem 0;
  }
}

@media (min-width: 59.375em) {
  .order-item__content {
    padding-left: 8.33333%;
  }
}

.order-item__row {
  width: 50%;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.order-item__row:nth-child(1), .order-item__row:nth-child(2) {
  margin-bottom: 1rem;
}

@media (min-width: 35.4375em) {
  .order-item__row {
    width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    margin-bottom: 0;
  }
  .order-item__row:last-of-type {
    text-align: right;
  }
}

.order-item .byline__title {
  white-space: initial;
}

@media (min-width: 35.4375em) {
  .order-item .byline {
    margin: 0;
  }
}

.order-item img {
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  margin-left: 0.625rem;
}

.order-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.order-title__item {
  margin-bottom: 1rem;
  width: 50%;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.order-title__item:nth-child(1), .order-title__item:nth-child(2) {
  margin-bottom: 1rem;
}

.order-title__item:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 35.4375em) {
  .order-title__item {
    width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    margin-bottom: 0;
  }
  .order-title__item:last-of-type {
    text-align: right;
  }
}

.order-title + .icon {
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

.ghost:not(:last-child) {
  margin-right: 0.313rem;
}

.ghost--wide {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 5.938rem;
  height: 2rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.ghost--normal {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 4.063rem;
  height: 2rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.ghost--slim {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 1.25rem;
  margin-right: 0.188rem;
  height: 2rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.ghost--short {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 4.063rem;
  height: 1.5rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.ghost--tiny {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 4.063rem;
  height: 1.25rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.ghost--wide.ghost--short {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 5.938rem;
  height: 1.5rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.ghost--slim.ghost--short {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 1.25rem;
  margin-right: 0.188rem;
  height: 1.5rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.ghost--wide.ghost--tiny {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 5.938rem;
  height: 1.25rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.ghost--slim.ghost--tiny {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 1.25rem;
  margin-right: 0.188rem;
  height: 1.25rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.ghost--square {
  display: inline-block;
  background-color: rgba(40, 40, 40, 0.2);
  width: 15.625rem;
  height: 15.625rem;
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background-size: 100%;
}

.ghost--image {
  background: #e9e7e4;
  width: 25rem;
  height: 25rem;
}

.guidance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 59.375em) {
  .guidance {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 15% 1.25rem 0 1.25rem;
  }
}

.accordion__content .guidance {
  padding-left: 0;
}

.guidance--presentation {
  padding: 0;
}

@media (min-width: 59.375em) {
  .accordion__content .guidance--presentation .guidance__image {
    margin-top: -3.75rem;
    margin-bottom: -0.375rem;
  }
}

.guidance__image {
  margin-top: 1.875rem;
  max-width: 18.75rem;
}

@media (min-width: 59.375em) {
  .guidance__image {
    margin-top: 0;
    width: 25rem;
    max-width: 100%;
    max-height: 80vh;
    width: auto;
    height: auto;
  }
}

@media (max-width: 63.99em) {
  .accordion__content .guidance__image {
    padding-left: 1.063rem;
  }
}

.guidance .rich-text {
  margin: 1.25rem 5% 0 0;
  padding-top: 0;
  padding-bottom: 0;
}

@media (min-width: 48em) {
  .guidance .rich-text {
    width: 75%;
  }
}

@media (min-width: 59.375em) {
  .guidance .rich-text {
    margin-top: 0;
    margin-right: 15%;
    width: 100%;
    max-width: 25rem;
  }
}

@media (min-width: 80em) {
  .guidance .rich-text {
    max-width: 40.625rem;
  }
}

@media (max-width: 63.99em) {
  .accordion__content .guidance .rich-text {
    padding-left: 1.063rem;
    padding-bottom: 0;
  }
}

.accordion__content .guidance {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.description-panel {
  padding: 1.063rem;
  padding-bottom: 2.125rem;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 64em) {
  .description-panel {
    padding: 1.25rem;
  }
}

@media (min-width: 35.4375em) {
  .description-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 59.375em) {
  .description-panel {
    padding-bottom: 2.5rem;
  }
}

.description-panel__title {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  margin-bottom: 1.25rem;
}

@media (min-width: 21.875em) {
  .description-panel__title {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .description-panel__title {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .description-panel__title {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .description-panel__title {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .description-panel__title {
    font-size: 2.6vw;
  }
}

@media (min-width: 35.4375em) {
  .description-panel__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    margin-bottom: 0;
  }
}

@media (min-width: 48em) {
  .description-panel__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media (min-width: 59.375em) {
  .description-panel__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}

.description-panel__label {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.625rem;
}

@media (min-width: 90em) {
  .description-panel__label {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.description-panel__label b, .description-panel__label strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 35.4375em) {
  .description-panel__label {
    font-weight: 400;
    margin-bottom: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
}

@media (min-width: 48em) {
  .description-panel__label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media (min-width: 59.375em) {
  .description-panel__label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}

@media (min-width: 35.4375em) {
  .description-panel__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
}

@media (min-width: 48em) {
  .description-panel__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media (min-width: 59.375em) {
  .description-panel__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
            flex: 0 1 40%;
  }
}

.description-panel__content h5 {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 90em) {
  .description-panel__content h5 {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.description-panel__content h5 b, .description-panel__content h5 strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.description-panel__content p a {
  font-weight: 500;
}

.description-panel__content p a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.description-panel__content p a:hover:after, .description-panel__content p a:focus:after {
  right: 0;
}

.description-panel__content p a.is-active:after {
  opacity: 1;
  width: 100%;
}

.description-panel__content p a:after {
  -webkit-transition: right 0s ease;
  transition: right 0s ease;
}

.description-panel__content p a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 0;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: left 0s ease;
  transition: left 0s ease;
}

.description-panel__content p a:hover:before, .description-panel__content p a:focus:before {
  opacity: 1;
  left: 100%;
  -webkit-transition: left 0.25s ease-in;
  transition: left 0.25s ease-in;
}

.description-panel__content p a:hover:after, .description-panel__content p a:focus:after {
  right: 0;
  -webkit-transition: right 0.25s ease-out 0.3s;
  transition: right 0.25s ease-out 0.3s;
}

.description-panel__content h5 + p {
  font-size: 0.875rem;
  margin-top: 0.313rem;
}

.description-panel__cta.button {
  margin-top: 1.875rem;
}

@media (min-width: 48em) {
  .description-panel__cta.button {
    margin-top: 0;
  }
}

@media (min-width: 59.375em) {
  .description-panel__cta.button {
    margin-left: auto;
  }
}

.description-panel--balanced {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 48em) {
  .description-panel--balanced {
    padding-bottom: 4.25rem;
  }
}

@media (min-width: 71.875em) {
  .description-panel--balanced {
    padding-bottom: 6.375rem;
  }
}

@media (min-width: 35.4375em) {
  .description-panel--balanced .description-panel__label,
  .description-panel--balanced .description-panel__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
}

@media (min-width: 48em) {
  .description-panel--balanced .description-panel__label,
  .description-panel--balanced .description-panel__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
}

@media (min-width: 59.375em) {
  .description-panel--balanced .description-panel__label,
  .description-panel--balanced .description-panel__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}

@media (min-width: 35.4375em) {
  .description-panel--balanced .description-panel__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
  }
}

@media (min-width: 48em) {
  .description-panel--balanced .description-panel__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
  }
}

@media (min-width: 59.375em) {
  .description-panel--balanced .description-panel__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media (min-width: 35.4375em) {
  .description-panel--balanced .description-panel__content__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .description-panel--balanced .description-panel__content__item div:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-right: 1.25rem;
  }
  .description-panel--balanced .description-panel__content__item div:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media (min-width: 48em) {
  .description-panel--balanced .description-panel__content__item div:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
  .description-panel--balanced .description-panel__content__item div:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
  }
}

@media (min-width: 71.875em) {
  .description-panel--balanced .description-panel__content__item div:first-child {
    margin-right: 2.5rem;
  }
}

@media (min-width: 71.875em) {
  .description-panel--balanced .description-panel__content__item div:first-child {
    margin-right: 3.75rem;
  }
}

.description-panel--balanced .description-panel__content__item + .description-panel__content__item {
  margin-top: 0.625rem;
}

.description-panel--bordered {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

:root {
  --page-header-text-color: #282828;
}

.page-header {
  --gradientColor: "";
  position: relative;
  overflow: hidden;
  color: #282828;
  color: var(--page-header-text-color);
  padding: 0 0 1.25rem;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 64em) {
  .page-header {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 24.375em) {
  .page-header {
    padding-top: 2.188rem;
  }
}

@media (min-width: 48em) {
  .page-header {
    padding-top: 3.125rem;
    padding-bottom: 1.875rem;
  }
}

@media (min-width: 59.375em) {
  .page-header {
    padding-bottom: 3.125rem;
  }
}

@media (min-width: 48em) {
  .section.sidebar .page-header {
    padding-left: 0;
  }
}

@media (min-width: 59.375em) {
  .section.sidebar .page-header {
    padding-left: 0;
  }
}

.page-header__headline {
  white-space: pre-line;
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .page-header__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .page-header__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .page-header__headline {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .page-header__headline {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .page-header__headline {
    font-size: 5.2vw;
  }
}

@media (min-width: 35.4375em) {
  .page-header__headline {
    -webkit-hyphens: initial;
        -ms-hyphens: initial;
            hyphens: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
  }
}

.page-header__headline__trumpet {
  display: block;
  margin-bottom: 0.938rem;
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.02em;
}

@media (min-width: 64em) {
  .page-header__headline__trumpet {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .page-header__headline__trumpet {
    font-size: 0.97vw;
  }
}

.page-header__headline small {
  display: block;
  line-height: 1.25;
  font-size: 2.375rem;
  letter-spacing: -0.06em;
}

@media (min-width: 120.25em) {
  .page-header__headline small {
    font-size: 2.625rem;
  }
}

.page-header__back {
  aspect-ratio: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: currentColor;
  width: 2.75rem;
  border-radius: 50%;
  margin-bottom: 1.063rem;
}

@media (min-width: 48em) {
  .page-header__back {
    width: 3.75rem;
  }
}

@media (min-width: 59.375em) {
  .page-header__back {
    margin-bottom: 0;
    position: absolute;
    left: 1.063rem;
    top: 3.125rem;
  }
}

@media (min-width: 90em) {
  .page-header__back {
    width: 5rem;
  }
}

@media (min-width: 120.25em) {
  .page-header__back {
    width: 6.25rem;
    top: 2.5vw;
  }
}

@media (min-width: 35.4375em) {
  .page-header__back--trumpet {
    margin-top: 1.563rem;
  }
}

@media (min-width: 48em) {
  .page-header__back--trumpet {
    margin-top: 2.188rem;
  }
}

.page-header__back svg {
  fill: #fff;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 0.938rem;
  height: 0.938rem;
}

@media (min-width: 48em) {
  .page-header__back svg {
    width: 1.25rem;
    height: 1.25rem;
  }
}

@media (min-width: 90em) {
  .page-header__back svg {
    width: 1.875rem;
    height: 1.875rem;
  }
}

.page-header__back:hover svg {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}

.page-header__body {
  margin-bottom: 1.063rem;
  margin-top: 2.125rem;
  line-height: 1.19;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 48em) {
  .page-header__body {
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 71.875em) {
  .page-header__body {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .page-header__body {
    margin-top: 3.75rem;
  }
}

@media (min-width: 35.4375em) {
  .page-header__body {
    width: 66.66667vw;
  }
}

@media (min-width: 48em) {
  .page-header__body {
    width: 50vw;
  }
}

@media (min-width: 71.875em) {
  .page-header__body {
    width: 33.33333vw;
  }
}

@media (min-width: 90em) {
  .page-header__body {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.page-header__body b, .page-header__body strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.page-header__body a {
  color: inherit;
  text-decoration: underline;
}

.page-header .expandable {
  margin-bottom: 1.063rem;
  margin-top: 1.063rem;
  max-width: 43.75rem;
}

@media (min-width: 59.375em) {
  .page-header .expandable {
    margin-bottom: 0;
    margin-top: 0;
  }
}

@media (min-width: 105em) {
  .page-header .expandable {
    max-width: 59.375rem;
  }
}

.page-header__cart-count {
  display: none;
}

.page-header__cart-count.is-active {
  display: inline-block;
}

.page-header__nav {
  position: relative;
  display: block;
}

.page-header__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  margin-left: -1.062rem;
  padding-right: 1.063rem;
  padding: 0.625rem 0 0;
}

@media (min-width: 64em) {
  .page-header__nav ul {
    margin: 0;
    padding: 2vw 0 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.page-header__nav ul::-webkit-scrollbar {
  display: none;
}

.page-header__nav ul li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  margin: 0 0.531rem 0 0;
  padding: 0 0.531rem 0 0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 48em) {
  .page-header__nav ul li {
    margin: 0 1.063rem 0 0;
    padding: 0 1.063rem 0 0;
  }
}

.page-header__nav ul li a {
  position: relative;
}

.page-header__nav ul li a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.page-header__nav ul li a:hover:after, .page-header__nav ul li a:focus:after {
  right: 0;
}

.page-header__nav ul li a.is-active:after {
  opacity: 1;
  width: 100%;
}

.page-header__nav ul li a.is-active {
  font-weight: 500;
}

.page-header__nav ul li:first-of-type {
  padding-left: 0;
}

.page-header__nav ul li:last-of-type {
  border-right: none;
}

@media (max-width: 63.99em) {
  .page-header__nav ul li:first-of-type {
    margin-left: 1.063rem;
  }
  .page-header__nav ul li:last-of-type a {
    margin-right: 0.531rem;
  }
}

@media (max-width: 63.99em) {
  .page-header__nav:before, .page-header__nav:after {
    content: "";
    position: absolute;
    width: 1.063rem;
    height: 1em;
    top: 50%;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, transparent), color-stop(85%, var(--gradientColor)));
    background: linear-gradient(to right, transparent 25%, var(--gradientColor) 85%);
    z-index: 1;
    pointer-events: none;
  }
  .page-header__nav:before {
    -webkit-transform: translateY(-50%) scaleX(-1);
            transform: translateY(-50%) scaleX(-1);
    left: -1.062rem;
  }
  .page-header__nav:after {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
  }
}

.page-header__form {
  color: currentColor;
  background-color: transparent;
  margin-top: 2.125rem;
}

@media (min-width: 59.375em) {
  .page-header__form {
    margin-top: 0;
  }
}

.page-header__form .form__label,
.page-header__form .form__label__text,
.page-header__form .form__field--text .form__item {
  color: currentColor;
  border-color: currentColor !important;
}

.page-header__form .form__header {
  margin-bottom: 1.563rem;
}

.page-header__form__bottom {
  padding-top: 0.625rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-header__form .button {
  color: currentColor;
  border-color: currentColor;
}

.page-header__form .form__row .link {
  opacity: 1;
}

.page-header__form .form__field--checkbox {
  margin-top: 0;
}

.page-header__form .form__field--checkbox .form__label {
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 1.25rem;
  color: currentColor;
}

.page-header__form .form__field--checkbox .form__label .icon {
  color: currentColor;
  border-color: currentColor;
}

.page-header__form .form__field--checkbox .form__label__text {
  padding-left: 0;
  padding-top: 0;
  font-size: 0.75rem;
  text-transform: none;
}

.page-header__form .form__field--checkbox .form__label__text .icon {
  width: 0.875rem;
  height: 0.875rem;
}

.page-header__form .form__field--checkbox .form__label__text .icon:after {
  width: 0.5rem;
  height: 0.5rem;
}

@media (min-width: 90em) {
  .page-header--indented {
    padding-left: 0;
  }
}

@media (min-width: 90em) {
  .page-header--indented .page-header__headline {
    margin-left: 16.66667vw;
    width: 50vw;
    padding-left: 1.25rem;
  }
}

@media (min-width: 35.4375em) {
  .page-header--indented .page-header__body,
  .page-header--indented .page-header__form {
    width: 41.66667vw;
    position: static;
    padding: 0;
  }
}

@media (min-width: 64em) {
  .page-header--indented .page-header__body,
  .page-header--indented .page-header__form {
    padding-left: 0.313rem;
  }
}

@media (min-width: 71.875em) {
  .page-header--indented .page-header__body,
  .page-header--indented .page-header__form {
    width: 33.33333vw;
  }
}

@media (min-width: 59.375em) {
  .page-header--indented:not(.page-header--flexible) .page-header__headline,
  .page-header--indented:not(.page-header--flexible) .page-header__body,
  .page-header--indented:not(.page-header--flexible) .page-header__form,
  .page-header--indented:not(.page-header--flexible) .page-header__nav {
    margin-left: 16.66667vw;
    padding-left: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .page-header--indented:not(.page-header--flexible) .page-header__form {
    margin-top: 2.125rem;
  }
}

@media (min-width: 90em) {
  .page-header--indented.page-header--flexible .page-header__form {
    width: 25vw;
  }
}

.page-header--flexible {
  overflow: visible;
}

@media (min-width: 59.375em) {
  .page-header--flexible {
    display: grid;
    grid-template-areas: "headline body";
    grid-template-columns: 8fr 4fr;
  }
}

@media (min-width: 59.375em) {
  .page-header--flexible:has(.page-header__nav) {
    grid-template-areas: "headline body" "nav body";
  }
}

.page-header--flexible .page-header__headline {
  grid-area: headline;
}

.page-header--flexible .page-header__nav {
  grid-area: nav;
}

.page-header--flexible .page-header__body,
.page-header--flexible .page-header__nav {
  -ms-flex-item-align: end;
      align-self: end;
}

@media (min-width: 59.375em) {
  .page-header--flexible .page-header__body,
  .page-header--flexible .page-header__nav {
    padding: 0;
    padding-right: 1.25rem;
  }
}

.page-header--flexible .page-header__body {
  justify-self: end;
  grid-area: body;
}

@media (min-width: 59.375em) {
  .page-header--flexible .page-header__body {
    margin: 0;
    width: 100%;
  }
}

@media (min-width: 59.375em) {
  .page-header--arrow {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em) {
  .page-header--arrow {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 59.375em) {
  .page-header--arrow:not(.page-header--flexible) .page-header__headline,
  .page-header--arrow:not(.page-header--flexible) .page-header__body,
  .page-header--arrow:not(.page-header--flexible) .page-header__form,
  .page-header--arrow:not(.page-header--flexible) .page-header__nav {
    margin-left: 16.66667vw;
    padding-left: 1.25rem;
  }
}

.page-header--arrow:not(.page-header--flexible) .page-header__form {
  margin-top: 2.125rem;
  max-width: 33.33333vw;
}

@media (min-width: 59.375em) {
  .page-header--arrow.page-header--flexible .page-header__nav,
  .page-header--arrow.page-header--flexible .page-header__headline {
    padding-left: 1.25rem;
    margin-left: 16.66667vw;
  }
}

:root {
  --search-bar-bg-color: #fff;
  --search-bar-text-color: #282828;
}

.search-bar {
  position: relative;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.search-bar svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1.25rem;
}

.search-bar__trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: #cfccc8;
  padding: 0.625rem 0;
}

@media (min-width: 64em) {
  .search-bar__trigger {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 48em) {
  .search-bar__trigger {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .search-bar__trigger {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .search-bar__trigger {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .search-bar__trigger {
    font-size: 1.25vw;
  }
}

.search-bar__form {
  padding: 0 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  background: #fff;
  color: #282828;
  color: var(--search-bar-text-color);
  background-color: transparent;
  background-color: var(--search-bar-bg-color);
}

.search-bar__form input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  padding: 0 0 0 0.625rem;
  margin: 0;
  width: 100%;
  background: transparent;
  font-weight: 500;
  line-height: 2;
  font-size: 1.25rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

@media (min-width: 59.375em) {
  .search-bar__form input:focus, .search-bar__form input.has-value {
    padding-left: 2.5rem;
  }
  .search-bar__form input:focus + button, .search-bar__form input.has-value + button {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.search-bar__form input::-webkit-input-placeholder, .search-bar__form input:-ms-input-placeholder, .search-bar__form input:-moz-placeholder {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 2;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.25rem;
}

.search-bar__form input:placeholder-shown {
  text-transform: uppercase;
}

.search-bar__form button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 59.375em) {
  .search-bar__form button {
    position: absolute;
    opacity: 0;
    top: 0.625rem;
    left: 0.938rem;
    -webkit-transform: translateX(-3.125rem);
            transform: translateX(-3.125rem);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
}

.search-bar__form button svg {
  margin: 0;
  fill: currentColor;
}

.search-bar--centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
}

.search-bar--centered .search-bar__trigger {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.625rem;
}

.search-bar--centered .search-bar__trigger svg {
  width: 1.625rem;
  height: 1.625rem;
}

@media (min-width: 120.25em) {
  .search-bar--centered .search-bar__trigger svg {
    width: 1.875rem;
    height: 1.875rem;
  }
}

.search-bar--no-border {
  border-bottom: 0;
}

.search-bar--no-borders {
  border-top: 0;
  border-bottom: 0;
}

.search-bar--tall input {
  line-height: 2.5;
  font-size: 1.625rem;
}

@media (min-width: 59.375em) {
  .search-bar--tall button {
    top: 1.438rem;
  }
}

.search-bar--transparent .search-bar__form {
  background-color: transparent;
}

:root {
  --category-tile-bg-color: transparent;
  --category-tile-text-color: #282828;
}

.category-tile {
  position: relative;
  color: #282828;
  color: var(--category-tile-text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.category-tile__inner {
  background-color: transparent;
  background-color: var(--category-tile-bg-color);
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  position: relative;
}

.category-tile__headline {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  white-space: pre-line;
}

@media (min-width: 21.875em) {
  .category-tile__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .category-tile__headline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .category-tile__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .category-tile__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .category-tile__headline {
    font-size: 2.6vw;
  }
}

@media (max-width: 21.865em) {
  .category-tile__headline {
    font-size: 1rem;
  }
}

@media (min-width: 21.875em) and (max-width: 35.4275em) {
  .category-tile__headline {
    font-size: 1.25rem;
  }
}

@media (min-width: 48em) {
  .category-tile__headline {
    max-width: 45%;
  }
}

@media (min-width: 59.375em) {
  .category-tile__headline {
    margin-left: 8.33333%;
  }
}

.category-tile__headline div {
  font-weight: 400;
}

.category-tile__body {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  margin-top: 1.25rem;
}

@media (min-width: 90em) {
  .category-tile__body {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.category-tile__body b, .category-tile__body strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 48em) {
  .category-tile__body {
    max-width: 45%;
  }
}

@media (min-width: 59.375em) {
  .category-tile__body {
    margin-top: 3.188rem;
    margin-left: 8.33333%;
    max-width: 18.75rem;
  }
}

@media (min-width: 90em) {
  .category-tile__body {
    max-width: 33%;
  }
}

.category-tile__label {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0;
}

@media (min-width: 59.375em) {
  .category-tile__label {
    display: block;
  }
}

.category-tile__label span {
  font-size: 0.75rem;
  display: block;
  -webkit-transform-origin: center;
          transform-origin: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  max-width: 18.75rem;
  width: 18.75rem;
  -webkit-transform: rotate(-90deg) translateY(-8.75rem);
          transform: rotate(-90deg) translateY(-8.75rem);
}

.category-tile__trumpet {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
  margin-top: 1.25rem;
}

@media (min-width: 64em) {
  .category-tile__trumpet {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .category-tile__trumpet {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

@media (min-width: 59.375em) {
  .category-tile__trumpet {
    margin-left: 8.33333%;
  }
}

.category-tile__list {
  margin-top: 2.5rem;
}

@media (min-width: 59.375em) {
  .category-tile__list {
    margin-left: 8.33333%;
    margin-right: 50%;
  }
}

.category-tile__list li + li {
  margin-top: 0.75rem;
}

.category-tile__list a {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1;
  pointer-events: all;
}

@media (min-width: 48em) {
  .category-tile__list a {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .category-tile__list a {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .category-tile__list a {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .category-tile__list a {
    font-size: 1.25vw;
  }
}

.category-tile__list a div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.313rem;
}

.category-tile__list a em {
  width: auto;
  max-width: none;
  position: absolute;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.category-tile__list a span {
  pointer-events: none;
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
}

@media (max-width: 59.365em) {
  .category-tile__list a small {
    display: block;
  }
}

@media (min-width: 59.375em) {
  .category-tile__list a:hover span {
    -webkit-transform: translateX(1.8rem) !important;
            transform: translateX(1.8rem) !important;
  }
}

@media (min-width: 48em) {
  .category-tile__list a {
    white-space: nowrap;
  }
}

.category-tile__gallery {
  position: relative;
  overflow: hidden;
}

@media (min-width: 48em) {
  .category-tile__gallery {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
  }
}

.category-tile__gallery img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit:cover;object-position:center", "object-fit: cover; object-position: center;";
  opacity: 0;
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.category-tile__gallery li {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.category-tile__gallery li.is-active img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
}

.category-tile:not(.category-tile--gallery) {
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .category-tile:not(.category-tile--gallery) {
    padding: 1.25rem;
  }
}

@media (hover: hover) {
  .category-tile:not(.category-tile--gallery) .category-tile__list a {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: currentColor;
  }
  .category-tile:not(.category-tile--gallery) .category-tile__list a em {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease 0.1s;
    transition: opacity 0.4s ease 0.1s;
  }
  .category-tile:not(.category-tile--gallery) .category-tile__list a span {
    position: relative;
    display: inline-block;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  }
  .category-tile:not(.category-tile--gallery) .category-tile__list a span small {
    font-size: 0.64286em;
  }
  .category-tile:not(.category-tile--gallery) .category-tile__list a span:after {
    content: "";
    display: block;
    width: 0.01px;
    height: 0.063rem;
    background-color: currentColor;
    position: absolute;
    bottom: 0.063rem;
    left: 0;
    opacity: 0;
    -webkit-transition: width 0.25s ease;
    transition: width 0.25s ease;
  }
}

@media (hover: hover) and (hover: hover) {
  .category-tile:not(.category-tile--gallery) .category-tile__list a:hover span {
    -webkit-transform: translateX(1em);
            transform: translateX(1em);
  }
  .category-tile:not(.category-tile--gallery) .category-tile__list a:hover span:after {
    opacity: 1;
    width: 100%;
  }
  .category-tile:not(.category-tile--gallery) .category-tile__list a:hover em {
    opacity: 1;
  }
}

@media (hover: none) {
  .category-tile:not(.category-tile--gallery) .category-tile__list a em {
    display: block;
    position: relative;
    margin-right: 0.25em;
  }
}

.category-tile--offset-top {
  position: relative;
}

.category-tile--offset-top .category-tile__inner {
  padding: 0;
}

.category-tile--offset-top .category-tile__headline {
  margin-top: calc(-0.5em);
}

.category-tile--offset-top.category-tile--gallery .category-tile__inner {
  padding: 0;
  padding-top: 0;
}

.category-tile--gallery .category-tile__inner {
  padding-top: 2.125rem;
}

@media (min-width: 59.375em) {
  .category-tile--gallery .category-tile__inner {
    padding-top: 1.25rem;
  }
}

.category-tile--gallery .category-tile__headline {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .category-tile--gallery .category-tile__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .category-tile--gallery .category-tile__headline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .category-tile--gallery .category-tile__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .category-tile--gallery .category-tile__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .category-tile--gallery .category-tile__headline {
    font-size: 2.6vw;
  }
}

@media (max-width: 59.365em) {
  .category-tile--gallery .category-tile__headline {
    padding-left: 1.063rem;
    padding-right: 1.063rem;
  }
}

@media (max-width: 59.365em) and (min-width: 64em) {
  .category-tile--gallery .category-tile__headline {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (max-width: 59.365em) {
  .category-tile--gallery .category-tile__body,
  .category-tile--gallery .category-tile__trumpet {
    padding-left: 1.063rem;
    padding-right: 1.063rem;
    max-width: 75%;
  }
}

@media (max-width: 59.365em) and (min-width: 64em) {
  .category-tile--gallery .category-tile__body,
  .category-tile--gallery .category-tile__trumpet {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.category-tile--gallery .category-tile__list {
  margin-top: 2.5rem;
}

@media (max-width: 59.365em) {
  .category-tile--gallery .category-tile__list {
    padding-left: 1.063rem;
    padding-right: 1.063rem;
  }
}

@media (max-width: 59.365em) and (min-width: 64em) {
  .category-tile--gallery .category-tile__list {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (hover: hover) and (min-width: 59.375em) {
  .category-tile--gallery .category-tile__list li a {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: currentColor;
  }
  .category-tile--gallery .category-tile__list li a em {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease 0.1s;
    transition: opacity 0.4s ease 0.1s;
  }
  .category-tile--gallery .category-tile__list li a span {
    position: relative;
    display: inline-block;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  }
  .category-tile--gallery .category-tile__list li a span small {
    font-size: 0.64286em;
  }
  .category-tile--gallery .category-tile__list li a span:after {
    content: "";
    display: block;
    width: 0.01px;
    height: 0.063rem;
    background-color: currentColor;
    position: absolute;
    bottom: 0.063rem;
    left: 0;
    opacity: 0;
    -webkit-transition: width 0.25s ease;
    transition: width 0.25s ease;
  }
}

@media (hover: hover) and (min-width: 59.375em) and (hover: hover) {
  .category-tile--gallery .category-tile__list li a:hover span {
    -webkit-transform: translateX(1em);
            transform: translateX(1em);
  }
  .category-tile--gallery .category-tile__list li a:hover span:after {
    opacity: 1;
    width: 100%;
  }
  .category-tile--gallery .category-tile__list li a:hover em {
    opacity: 1;
  }
}

@media (hover: none) {
  .category-tile--gallery .category-tile__list li a em {
    opacity: 1;
    position: static;
    margin-right: 0.25em;
  }
}

@media (max-width: 59.365em) {
  .category-tile--gallery .category-tile__list li a {
    display: block;
  }
  .category-tile--gallery .category-tile__list li a:hover span {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .category-tile--gallery .category-tile__list li a img {
    aspect-ratio: 8 / 9;
    -o-object-fit: cover;
       font-family: "object-fit:cover;object-position:center";
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .category-tile--gallery .category-tile__list li + li {
    margin-top: 0;
  }
  .category-tile--gallery .category-tile__list li:last-child {
    margin-right: 1.063rem;
  }
}

@media (min-width: 59.375em) {
  .category-tile--gallery .category-tile__list {
    padding-left: 0;
    margin-top: 15vw;
    margin-left: 8.33333%;
    padding-bottom: 1.063rem;
  }
}

@media (min-width: 59.375em) and (min-width: 59.375em) {
  .category-tile--gallery .category-tile__list {
    padding-bottom: 1.25rem;
  }
}

.category-tile--gallery .category-tile__list a div {
  margin-top: 0.625rem;
}

.category-tile--gallery .category-tile__trumpet {
  margin-top: 1.25rem;
}

@media (min-width: 48em) {
  .category-tile--gallery .category-tile__trumpet {
    margin-top: 25vw;
  }
}

.category-tile--gallery .category-tile__trumpet + .category-tile__list {
  margin-top: 0.625rem;
}

@media (min-width: 48em) {
  .category-tile--gallery .category-tile__trumpet + .category-tile__list {
    margin-top: 0.625rem;
  }
}

.category-tile .swiper-pagination {
  margin: 2.5rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  gap: 0;
  height: 0.063rem;
  background-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 2.125rem;
}

@media (min-width: 59.375em) {
  .category-tile .swiper-pagination {
    margin-bottom: 1.25rem;
  }
}

.category-tile .swiper-pagination .swiper-pagination-bullet {
  display: block;
  width: auto;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.063rem;
  background-color: #282828;
  opacity: 0 !important;
}

.category-tile .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
}

@media (min-width: 35.4375em) {
  .shop-front__container {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
  }
}

@media (min-width: 59.375em) {
  .shop-front__container {
    overflow: initial;
  }
}

.shop-front__tiles {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 59.375em) {
  .shop-front__tiles > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 35.4375em) and (max-width: 59.365em) {
  .shop-front__tiles {
    margin-left: 0;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .shop-front__tiles > * {
    width: 43%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 43%;
            flex: 1 0 43%;
    margin-right: 1.063rem;
    height: auto;
  }
  .shop-front__tiles > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 64em) {
  .shop-front__tiles {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (max-width: 59.365em) {
  .shop-front__tiles > * + * {
    margin-top: 1.063rem;
  }
}

@media (min-width: 59.375em) {
  .shop-front__tiles {
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns: repeat(3, 1fr);
  }
  .shop-front__tiles > * + * {
    margin-top: 0 !important;
  }
}

@media (min-width: 59.375em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .shop-front__tiles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .shop-front__tiles > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 31.33333%;
            flex: 0 0 31.33333%;
    width: 31.33333%;
    padding: 1% !important;
  }
}

.shop-front--spacious .shop-front__tiles > * + * {
  margin-top: 3.75rem;
}

.shop-front .inspiration-tile-v2 {
  min-height: 400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.shop-front .usp-spot {
  min-height: 0;
}

.shop-front .usp-spot a.usp-spot__inner {
  padding-bottom: 0;
  margin-bottom: 0;
}

.shop-front--no-crops .shop-front__tiles .usp-spot--image-tall .usp-spot__media {
  max-height: none;
}

.shop-front--no-crops .shop-front__tiles .inspiration-tile-v2:not(.inspiration-tile-v2--type-a) {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.shop-front--no-crops .shop-front__tiles .inspiration-tile-v2:not(.inspiration-tile-v2--type-a) figure {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.shop-front--no-crops .shop-front__tiles .inspiration-tile-v2:not(.inspiration-tile-v2--type-a) img {
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center top";
     object-fit: contain;
  -o-object-position: center top;
     object-position: center top;
}

.shop-front--no-crops .shop-front__tiles .inspiration-tile-v2:not(.inspiration-tile-v2--type-a).inspiration-tile-v2--reverse-order img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.shop-front--fixed-aspects .shop-front__tiles > * .inspiration-tile, .shop-front--fixed-aspects .shop-front__tiles > * .inspiration-tile-v2, .shop-front--fixed-aspects .shop-front__tiles > * .usp-spot, .shop-front--fixed-aspects .shop-front__tiles > * .category-tile {
  aspect-ratio: 5 / 7;
  min-height: 300px;
}

.shop-front--fixed-aspects .shop-front__tiles > * .inspiration-tile-v2 figure {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.shop-front--fixed-aspects .bordered-grid__item--type-2col {
  aspect-ratio: 10 / 7;
}

.shop-front--fixed-aspects-tall .shop-front__tiles > * .inspiration-tile, .shop-front--fixed-aspects-tall .shop-front__tiles > * .inspiration-tile-v2, .shop-front--fixed-aspects-tall .shop-front__tiles > * .usp-spot, .shop-front--fixed-aspects-tall .shop-front__tiles > * .category-tile {
  aspect-ratio: 4 / 7;
  min-height: 300px;
}

.shop-front--fixed-aspects-tall .shop-front__tiles > * .inspiration-tile-v2 figure {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 47.99em) {
  .shop-front .inspiration-tile__inner {
    min-height: 50vh;
  }
}

@media (min-width: 48em) {
  .shop-front .inspiration-tile__content--bottom {
    padding-top: 0;
  }
}

@media (max-width: 47.99em) {
  .shop-front .category-tile {
    padding: 0;
  }
}

.shop-front .category-tile__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media (min-width: 35.4375em) {
  .shop-front .category-tile__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.shop-front .category-tile__headline {
  margin-bottom: 1.25rem;
}

@media (max-width: 35.4275em) {
  .shop-front .category-tile__headline {
    width: 50%;
    padding-right: 1.875rem;
  }
}

@media (min-width: 90em) {
  .shop-front .category-tile__headline {
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.03em;
  }
}

@media (min-width: 90em) and (min-width: 48em) {
  .shop-front .category-tile__headline {
    font-size: 1.25rem;
  }
}

@media (min-width: 90em) and (min-width: 64em) {
  .shop-front .category-tile__headline {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) and (min-width: 90em) {
  .shop-front .category-tile__headline {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) and (min-width: 120.25em) {
  .shop-front .category-tile__headline {
    font-size: 1.25vw;
  }
}

.shop-front .category-tile__label {
  left: -1.25rem;
}

.shop-front .category-tile__list {
  margin-top: 0;
  width: 50%;
}

@media (min-width: 35.4375em) {
  .shop-front .category-tile__list {
    width: 100%;
    margin-top: auto;
  }
}

.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.063rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (min-width: 59.375em) {
  .paging {
    padding: 1.25rem;
  }
}

.paging__element--hidden {
  visibility: hidden;
}

.paging div,
.paging .button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
}

.paging div {
  letter-spacing: 0.05em;
}

.paging .button {
  width: auto;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
  border: 0;
  min-width: 1.875rem;
  margin: 0 0.125rem;
  padding: 0 0.313rem;
  background: transparent;
  color: currentColor;
}

.paging .button span {
  border-bottom: 0.125rem solid transparent;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease;
}

.paging .button:hover {
  background: transparent;
  color: currentColor;
}

.paging .button:hover span {
  border-bottom: 0.125rem solid currentColor;
}

.paging .button:focus {
  color: currentColor;
}

.paging .button.is-active {
  font-weight: 500;
}

.paging .button.is-active span {
  border-bottom: 0.125rem solid currentColor;
}

.paging__previous, .paging__next {
  background-color: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.paging__previous svg, .paging__next svg {
  width: 0.875rem;
  height: 0.875rem;
}

.paging__next {
  margin-left: 0.938rem;
}

.paging__previous {
  margin-right: 0.938rem;
}

.viewing-as {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ca8268;
  height: 2.5rem;
}

@media (min-width: 64em) {
  .viewing-as {
    top: 100%;
  }
}

.viewing-as__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.viewing-as__button strong {
  margin: 0 0.313rem;
}

.viewing-as__button svg {
  width: 0.75rem;
  height: 0.75rem;
}

.viewing-as__button strong, .viewing-as__button svg {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.viewing-as__button:hover strong,
.viewing-as__button:hover svg {
  opacity: 0.6;
}

:root {
  --setting-tile-bg-color: transparent;
  --setting-tile-bg-color-hover: #cfccc8;
  --setting-tile-text-color: #282828;
}

.setting-tile {
  height: 100%;
}

.setting-tile__inner {
  color: #282828;
  color: var(--setting-tile-text-color);
  background-color: transparent;
  background-color: var(--setting-tile-bg-color);
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding: 2.5vw;
}

@media (min-width: 59.375em) {
  .setting-tile__inner {
    padding: 1vw;
    min-height: 25rem;
  }
}

@media (min-width: 120.25em) {
  .setting-tile__inner {
    padding: 0.75vw;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .setting-tile__inner {
    display: block;
  }
}

@supports (-ms-ime-align: auto) {
  .setting-tile__inner {
    display: block;
  }
}

.setting-tile a.setting-tile__inner:hover {
  background-color: #cfccc8;
  background-color: var(--setting-tile-bg-color-hover);
}

.setting-tile a.setting-tile__inner:hover img {
  -webkit-transform: scale(1.01) translateZ(0);
          transform: scale(1.01) translateZ(0);
}

.setting-tile__image-wrapper {
  overflow: hidden;
}

.setting-tile__image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.55s ease;
  transition: -webkit-transform 0.55s ease;
  transition: transform 0.55s ease;
  transition: transform 0.55s ease, -webkit-transform 0.55s ease;
  will-change: transform;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .setting-tile__image-wrapper {
    display: block;
  }
}

@supports (-ms-ime-align: auto) {
  .setting-tile__image-wrapper {
    display: block;
  }
}

.setting-tile__content {
  margin-top: auto;
  padding-top: 2.5rem;
}

.setting-tile__name {
  font-weight: 500;
  text-transform: uppercase;
}

@media (min-width: 71.875em) {
  .setting-tile__name {
    font-size: 1.1vw;
  }
}

@media (min-width: 80em) {
  .setting-tile__name {
    font-size: 1vw;
  }
}

@media (min-width: 90em) {
  .setting-tile__name {
    font-size: 1rem;
  }
}

.setting-tile__name span {
  display: block;
  font-weight: 400;
  text-transform: none;
}

.setting-tile__price {
  margin-top: 0.625rem;
  font-weight: 500;
  opacity: 1;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

@media (min-width: 71.875em) {
  .setting-tile__price {
    font-size: 1.1vw;
  }
}

@media (min-width: 80em) {
  .setting-tile__price {
    font-size: 1vw;
  }
}

@media (min-width: 90em) {
  .setting-tile__price {
    font-size: 1rem;
  }
}

:root {
  --product-teaser-background-color: #ca8268;
}

.product-teaser {
  background-color: #ca8268;
  background-color: var(--product-teaser-background-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 59.365em) {
  .product-teaser {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.product-teaser--flip {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media (min-width: 59.375em) {
  .product-teaser--flip {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.product-teaser--flip .product-teaser__aside .inner {
  padding-top: 6vh;
}

@media (min-width: 59.375em) {
  .product-teaser--flip .product-teaser__aside .inner {
    padding-left: 2.5rem;
    width: calc(30vw);
  }
}

.product-teaser__aside {
  width: 100%;
}

@media (min-width: 59.375em) {
  .product-teaser__aside {
    width: 41.66667%;
  }
}

.product-teaser__aside .inner {
  padding: 1.063rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

@media (min-width: 64em) {
  .product-teaser__aside .inner {
    padding: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .product-teaser__aside .inner {
    width: calc(20vw + 100px);
  }
}

.product-teaser__aside .rich-text {
  margin-top: 1.25rem;
  margin-bottom: 3.125rem;
  max-width: 70%;
}

.product-teaser__aside .rich-text .button {
  margin-top: 10vh;
}

.product-teaser__aside .product-tile__price {
  display: block;
}

.product-teaser__title {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .product-teaser__title {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .product-teaser__title {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .product-teaser__title {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .product-teaser__title {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .product-teaser__title {
    font-size: 5.2vw;
  }
}

.product-teaser__manchet {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .product-teaser__manchet {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .product-teaser__manchet {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .product-teaser__manchet {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .product-teaser__manchet {
    font-size: 1.56vw;
  }
}

.product-teaser .trumpet {
  margin-top: 1.063rem;
}

.product-teaser__footer {
  margin-top: auto;
}

.product-teaser__cta {
  margin-top: 1.25rem;
}

.product-teaser__cta .link {
  margin-left: 0.938rem;
}

.product-teaser__price {
  font-size: 1.25rem;
  font-weight: 500;
}

@media (min-width: 59.375em) {
  .product-teaser__price {
    font-size: 1.4vw;
  }
}

.product-teaser__price-note {
  display: block;
}

.product-teaser__image {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0;
}

@media (max-width: 59.365em) {
  .product-teaser__image {
    width: 100%;
  }
}

@media (min-width: 59.375em) {
  .product-teaser__image {
    margin-top: 10%;
  }
}

@media (min-width: 71.875em) {
  .product-teaser__image {
    margin-top: 6vh;
  }
}

.product-teaser__image video {
  display: block;
  width: 100%;
}

.notification-panel-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9100;
}

.notification-panel-wrapper.is-ready {
  display: block;
}

.notification-panel {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  width: 100%;
  max-height: 6.25rem;
  -webkit-transition: height 0.4s ease, max-height 0.4s ease, padding 0.4s ease;
  transition: height 0.4s ease, max-height 0.4s ease, padding 0.4s ease;
  overflow: hidden;
  font-size: 0.875rem;
  letter-spacing: -0.036rem;
}

@media (min-width: 64em) {
  .notification-panel {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .notification-panel {
    font-size: 1rem;
    max-height: 7.5rem;
  }
}

@media (min-width: 64em) {
  .notification-panel {
    max-height: 5rem;
  }
}

.notification-panel.is-collapsed {
  max-height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.notification-panel--atc {
  background-color: #77825a;
}

@media (max-width: 24.365em) {
  .notification-panel--atc .notification-panel__title {
    width: 0;
    overflow: hidden;
    opacity: 0;
    height: 0px;
  }
}

@media (max-width: 35.4275em) {
  .notification-panel--atc .notification-panel__message {
    width: 0;
    overflow: hidden;
    opacity: 0;
    height: 0px;
  }
}

.notification-panel--info {
  background-color: #cebe89;
}

.notification-panel--error {
  background-color: #ca8268;
}

.notification-panel--warning {
  background-color: #cebe89;
}

.notification-panel--with-close .notification-panel__inner {
  padding-right: 1.875rem;
}

.notification-panel__inner {
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.notification-panel__inner > div {
  display: inline-block;
}

.notification-panel__close {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 1.25rem;
}

.notification-panel__close svg {
  width: 100%;
}

.notification-panel__atc-title {
  float: right;
  text-align: right;
}

.notification-panel__atc-link {
  float: right;
  text-align: right;
}

.notification-panel__atc-link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.notification-panel__atc-link:hover:after, .notification-panel__atc-link:focus:after {
  right: 0;
}

.notification-panel__atc-link.is-active:after {
  opacity: 1;
  width: 100%;
}

.notification-panel__atc-link:after {
  -webkit-transition: right 0s ease;
  transition: right 0s ease;
}

.notification-panel__atc-link:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 0;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: left 0s ease;
  transition: left 0s ease;
}

.notification-panel__atc-link:hover:before, .notification-panel__atc-link:focus:before {
  opacity: 1;
  left: 100%;
  -webkit-transition: left 0.25s ease-in;
  transition: left 0.25s ease-in;
}

.notification-panel__atc-link:hover:after, .notification-panel__atc-link:focus:after {
  right: 0;
  -webkit-transition: right 0.25s ease-out 0.3s;
  transition: right 0.25s ease-out 0.3s;
}

.notification-panel__title {
  font-size: 0.875rem;
  font-weight: 500;
}

@media (min-width: 59.375em) {
  .notification-panel__title {
    font-size: 1rem;
  }
}

.notification-panel__message {
  font-size: 0.875rem;
}

@media (min-width: 59.375em) {
  .notification-panel__message {
    font-size: 1rem;
  }
}

.notification-panel--max-width .notification-panel__message {
  max-width: 21.875rem;
}

@media (min-width: 64em) {
  .notification-panel--max-width .notification-panel__message {
    max-width: 50%;
  }
}

@media (min-width: 64em) {
  .seo-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.seo-text__headline {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  margin-bottom: 1.063rem;
}

@media (min-width: 64em) {
  .seo-text__headline {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 21.875em) {
  .seo-text__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .seo-text__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .seo-text__headline {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .seo-text__headline {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .seo-text__headline {
    font-size: 5.2vw;
  }
}

@media (min-width: 64em) {
  .seo-text__headline {
    padding: 0;
    margin-left: 25%;
    width: 25%;
  }
}

@media (min-width: 120.25em) {
  .seo-text__headline {
    margin-left: 16.66667%;
    width: 16.66667%;
  }
}

.seo-text__text {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 64em) {
  .seo-text__text {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 90em) {
  .seo-text__text {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.seo-text__text b, .seo-text__text strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 64em) {
  .seo-text__text {
    width: 50%;
    padding-right: 3.75rem;
  }
}

:root {
  --video-player-text-color: #fff;
}

.video-player {
  color: #fff;
  color: var(--video-player-text-color);
  display: block;
}

.video-player__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(249, 248, 242, 0.8);
}

.video-player__inner {
  position: relative;
  overflow: visible;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.video-player__inner > *,
.video-player__inner object,
.video-player__inner embed,
.video-player__inner video,
.video-player__inner iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.video-player__start {
  color: currentColor;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 1.25rem;
  padding-left: 1.063rem;
}

@media (min-width: 48em) {
  .video-player__start {
    padding-left: 8.33333%;
  }
}

@media (min-width: 64em) {
  .video-player__start {
    padding-left: 16.66667%;
  }
}

@media (min-width: 120.25em) {
  .video-player__start {
    padding-left: 12.5rem;
  }
}

.video-player__start img,
.video-player__start video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: 1;
}

.video-player__start h5 {
  font-size: 1.25rem;
  font-weight: 500;
  position: relative;
  z-index: 2;
  color: currentColor;
}

@media (min-width: 48em) {
  .video-player__start h5 {
    margin-top: 1.063rem;
  }
}

@media (min-width: 64em) {
  .video-player__start h5 {
    margin-top: 0;
    position: absolute;
    left: 1.063rem;
    top: 7.313rem;
    font-size: 1.625rem;
  }
}

.video-player__start .icon {
  display: block;
  width: 1px;
  height: 1px;
  border: 1.25rem solid transparent;
  border-left-color: currentColor;
  -webkit-transform: scaleY(0.75);
          transform: scaleY(0.75);
  position: relative;
  z-index: 2;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  margin-bottom: 0.625rem;
}

@media (min-width: 59.375em) {
  .video-player__start .icon {
    margin-bottom: 2.5rem;
    border-width: 1.875rem;
  }
}

.video-player__start .byline {
  display: block;
  position: relative;
  z-index: 2;
  color: currentColor;
}

.video-player__start:hover .icon {
  opacity: 0.8;
}

.video-player--global {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
}

.video-player--global .video-player__inner {
  overflow: visible;
  padding: 0;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 59.375em) {
  .video-player--global .video-player__inner {
    width: auto;
  }
}

.video-player--global .video-player__inner > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.video-player--global .video-player__inner div {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
}

.video-player--global.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fade-in-item 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
          animation: fade-in-item 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

@-webkit-keyframes fade-in-item {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in-item {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.loading {
  --loading-dot-color: #7d7b76;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
}

.loading__dot {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.25rem;
  background: var(--loading-dot-color);
  opacity: 0;
  -webkit-box-shadow: 0 0 2px black;
          box-shadow: 0 0 2px black;
  -webkit-animation: loadingFade 1s infinite;
          animation: loadingFade 1s infinite;
}

.loading__dot:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.loading__dot:nth-child(1n+2) {
  -webkit-animation-delay: .1s;
          animation-delay: .1s;
}

@-webkit-keyframes loadingFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}

@keyframes loadingFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}

.product-list {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.product-list[v-cloak] {
  display: block;
  opacity: 0;
}

.product-list .bordered-grid {
  -webkit-transition: opacity .24s;
  transition: opacity .24s;
}

.product-list .bordered-grid.no-border {
  border: 0;
}

.product-list .bordered-grid.is-loading {
  opacity: .2;
  pointer-events: none;
}

.product-list-component__no-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  padding: 1rem 0;
}

.list-enter-active {
  -webkit-transition: opacity .45s ease;
  transition: opacity .45s ease;
  -webkit-transition-delay: calc( .1s * var(--i));
          transition-delay: calc( .1s * var(--i));
}

.list-enter {
  opacity: 0;
}

.recommendation {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.recommendation[v-cloak] {
  display: block;
}

.recommendation[v-cloak] .bordered-grid {
  opacity: 0;
}

@media (max-width: 59.365em) {
  .recommendation__grid-container {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  }
  .recommendation__grid-container .bordered-grid {
    border-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 47.99em) {
  .recommendation__grid-container .bordered-grid .bordered-grid__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 75%;
            flex: 1 0 75%;
    width: 75%;
  }
}

@media (min-width: 48em) and (max-width: 59.365em) {
  .recommendation__grid-container .bordered-grid .bordered-grid__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 43%;
            flex: 1 0 43%;
    width: 43%;
  }
}

.search-bar:not(.search-bar--no-border) + .recommendation .bordered-grid {
  border-top: 0;
}

:root {
  --message-box-bg-color: #ebf0e8;
  --message-box-text-color: #282828;
}

.message-box {
  padding: 0.938rem 0.625rem;
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #282828;
  color: var(--message-box-text-color);
  background-color: #ebf0e8;
  background-color: var(--message-box-bg-color);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.message-box h6 {
  font-weight: 500;
  text-transform: uppercase;
  padding-right: 1.25rem;
  font-size: 0.75rem;
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
  line-height: 1.25;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

@media (min-width: 48em) {
  .message-box h6 {
    -webkit-hyphens: initial;
        -ms-hyphens: initial;
            hyphens: initial;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
    font-size: 0.875rem;
  }
}

.message-box small {
  color: inherit;
  font-size: inherit;
  display: block;
  line-height: 1.25;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

@media (min-width: 48em) {
  .message-box small {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
            flex: 0 1 75%;
  }
}

.message-box small a {
  color: inherit;
  text-decoration: underline;
}

.usp-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.usp-item .svg-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
}

.usp-item__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.875rem;
          flex: 0 0 1.875rem;
}

.usp-item__inner {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.usp-item h6 {
  font-size: 1rem;
  margin-bottom: 0;
  line-height: 1.25;
  font-weight: 400;
}

.usp-item a {
  display: block;
  font-size: 0.75rem;
  color: inherit;
  text-decoration: underline;
}

.country-selector {
  position: relative;
  z-index: 1501;
  display: none;
}

.country-selector.is-shown {
  display: block;
}

.country-selector:after {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  z-index: 0;
}

.country-selector__inner {
  position: fixed;
  top: 10%;
  right: 0;
  left: 1em;
  z-index: 1;
  margin: 0 auto;
  width: 100%;
  height: 385px;
  max-width: 420px;
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #252525;
  border-radius: 0px;
  border: 0px;
  background: #eeecea;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media only screen and (min-width: 426px) and (max-width: 896px) {
  .country-selector__inner {
    left: 0;
    top: 15%;
    -webkit-transform: translateY(-13%);
            transform: translateY(-13%);
    width: 95%;
  }
}

@media only screen and (max-width: 425px) {
  .country-selector__inner {
    left: 0;
    width: 95%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.country-selector__inner h6 {
  margin-top: auto;
  margin-bottom: 0.75rem;
  padding: 0 1.25rem;
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
  width: 100%;
}

@media (min-width: 64em) {
  .country-selector__inner h6 {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .country-selector__inner h6 {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.country-selector__inner h3 {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  justify-self: flex-start;
  margin-bottom: 0.75rem;
  padding: 0.938rem 1.25rem 0;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 0.95;
  letter-spacing: -0.03em;
}

@media (min-width: 64em) {
  .country-selector__inner h3 {
    padding: 0.938rem 4.375rem 0.938rem 1.25rem;
  }
}

.country-selector__inner__dropdown {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.375rem;
          flex: 0 0 2.375rem;
  padding: 0 1.25rem 1.25rem;
  width: 100%;
}

.country-selector__inner__dropdown .variation-dropdown__group__item, .country-selector__inner__dropdown__group__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.5rem;
}

.country-selector__inner__dropdown .variation-dropdown__group__item > div, .country-selector__inner__dropdown__group__item > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 2.5rem;
}

.country-selector__inner__dropdown .variation-dropdown__group__item .image, .country-selector__inner__dropdown__group__item .image {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
  width: 1.25rem;
  height: 0.625rem;
  padding: 0;
  margin-left: 0.625rem;
}

.country-selector__inner__dropdown .variation-dropdown__group__item .text, .country-selector__inner__dropdown__group__item .text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
  padding: 0;
}

.country-selector__inner__dropdown .button.button--secondary {
  min-width: 6.25rem;
}

.country-selector__inner .vs__dropdown-menu {
  width: calc(100vw - 2 * 1.063rem);
  max-width: calc(22.5rem + 1px);
}

.store-locator {
  background-color: #f6f4ed;
}

.store-locator__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

@media (min-width: 48em) {
  .store-locator__inner {
    overflow: visible;
    max-height: 80vh;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.store-locator__left {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

@media (min-width: 48em) {
  .store-locator__left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    height: 70vh;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 0;
  }
}

@media (min-width: 64em) {
  .store-locator__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 120.25em) {
  .store-locator__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

.store-locator__right {
  background-color: #ddd;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media (min-width: 48em) {
  .store-locator__right {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    height: 70vh;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media (min-width: 64em) {
  .store-locator__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
  }
}

@media (min-width: 120.25em) {
  .store-locator__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }
}

.store-locator__filters {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 1.063rem;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  position: relative;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 35.4375em) {
  .store-locator__filters {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media (min-width: 48em) {
  .store-locator__filters {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0.313rem 1.25rem;
    height: 2.313rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.store-locator__filters h4 {
  margin-top: 1.25rem;
  font-size: 1.25rem;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: 500;
  white-space: nowrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 9.375rem;
          flex: 0 0 9.375rem;
  display: none;
}

@media (min-width: 48em) {
  .store-locator__filters h4 {
    display: block;
    position: absolute;
    line-height: 2.5rem;
    right: 1.25rem;
    bottom: 100%;
  }
}

.store-locator__filters .form__field {
  margin-bottom: 0;
}

.store-locator__filters .form__field--select {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 8.125rem;
          flex: 0 1 8.125rem;
  margin-bottom: 0;
}

@media (min-width: 24.375em) {
  .store-locator__filters .form__field--select {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 8.438rem;
            flex: 0 1 8.438rem;
    margin-right: 0.625rem;
  }
}

@media (min-width: 35.4375em) {
  .store-locator__filters .form__field--select {
    margin-right: 2.5rem;
  }
}

@media (min-width: 48em) {
  .store-locator__filters .form__field--select {
    margin-right: 3.75rem;
  }
}

.store-locator__filters .form__field--select:before, .store-locator__filters .form__field--select:after {
  display: none;
}

.store-locator__filters .form__field--select .form__item {
  font-family: EuclidFlex;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  border: 0;
  height: 2em;
  padding-left: 0;
  padding-right: 1.25rem;
  background-position: 100% 80%;
  height: 1em;
}

@media (min-width: 24.375em) {
  .store-locator__filters .form__field--select .form__item {
    font-size: 0.875rem;
  }
}

.store-locator__filters .form__field--checkbox {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 8.75rem;
          flex: 0 1 8.75rem;
}

@media (min-width: 24.375em) {
  .store-locator__filters .form__field--checkbox {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 10rem;
            flex: 0 1 10rem;
  }
}

@media (min-width: 35.4375em) {
  .store-locator__filters .form__field--checkbox {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 10.625rem;
            flex: 0 1 10.625rem;
  }
}

.store-locator__filters .form__field--checkbox .form__label__text {
  white-space: nowrap;
  font-size: 0.75rem;
}

@media (min-width: 24.375em) {
  .store-locator__filters .form__field--checkbox .form__label__text {
    font-size: 0.875rem;
  }
}

@media (max-width: 35.4275em) {
  .store-locator__filters .form__field--checkbox .form__label__text {
    padding-left: 1.563rem;
  }
}

.store-locator__list {
  height: 50vh;
  overflow: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media (max-width: 59.365em) {
  .store-locator__list {
    scrollbar-width: thin;
    scrollbar-color: #000000 #eeeeee;
  }
}

@media (max-width: 59.365em) {
  .store-locator__list::-webkit-scrollbar {
    width: 0.688rem;
    margin: 1.875rem 0;
  }
}

@media (max-width: 59.365em) {
  .store-locator__list::-webkit-scrollbar-track {
    background: #eeeeee;
  }
}

@media (max-width: 59.365em) {
  .store-locator__list::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 0.688rem;
    border: 0.125rem solid #eeeeee;
  }
}

@media (min-width: 48em) {
  .store-locator__list {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: auto;
    max-height: calc(100% - 3.813rem);
    min-height: 50vh;
  }
}

.store-locator__list__item {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .store-locator__list__item {
    padding: 1.25rem;
  }
}

.store-locator__list__item.is-highlighted {
  background-color: #eeecea;
}

.store-locator__list__item.is-active {
  background-color: #f3eed7;
}

.store-locator__list__item.is-active button {
  cursor: default;
}

.store-locator__list__item:not(.is-active):hover {
  background-color: #eeecea;
}

.store-locator__list__item:not(.is-active):hover .activator p span:after {
  opacity: 1;
  width: 100%;
}

.store-locator__list__item .activator {
  overflow: hidden;
  display: block;
  max-width: 100%;
  width: 100%;
  text-align: left;
}

.store-locator__list__item .activator h3 {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
  max-width: 100%;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 21.875em) {
  .store-locator__list__item .activator h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 48em) {
  .store-locator__list__item .activator h3 {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  .store-locator__list__item .activator h3 {
    font-size: 2.188rem;
  }
}

@media (min-width: 90em) {
  .store-locator__list__item .activator h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .store-locator__list__item .activator h3 {
    font-size: 2.08vw;
  }
}

.store-locator__list__item .activator h3 span {
  text-transform: none;
  font-size: 0.75rem;
  font-weight: 400;
}

.store-locator__list__item .activator h6 {
  margin-top: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
  font-size: 0.75rem !important;
}

@media (min-width: 64em) {
  .store-locator__list__item .activator h6 {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .store-locator__list__item .activator h6 {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.store-locator__list__item .activator strong {
  float: left;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 20px;
  background-color: #e1dabb;
  padding: 0.188rem;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.625rem;
  margin-top: 0.313rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.store-locator__list__item .activator strong img {
  width: 6.5rem;
  height: 0.75rem;
}

.store-locator__list__item .activator p {
  float: left;
  clear: left;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 3.125rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.store-locator__list__item .activator p span {
  position: relative;
}

.store-locator__list__item .activator p span:after {
  content: "";
  display: block;
  width: 0.01px;
  height: 0.063rem;
  background-color: currentColor;
  position: absolute;
  bottom: 0.063rem;
  left: 0;
  opacity: 0;
  -webkit-transition: width 0.25s ease;
  transition: width 0.25s ease;
}

.store-locator__list__item footer {
  margin-top: 3.125rem;
  max-height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.store-locator__list__item footer > p,
.store-locator__list__item footer > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  font-size: 0.875rem;
  line-height: 1.25;
}

.store-locator__list__item footer > p a,
.store-locator__list__item footer > div a {
  font-weight: 500;
  text-decoration: none;
}

.store-locator__list__item footer > p a:hover span.link-title,
.store-locator__list__item footer > div a:hover span.link-title {
  text-decoration: underline;
}

.store-locator__list__item footer > p .link-wrapper,
.store-locator__list__item footer > div .link-wrapper {
  display: block;
  padding: 0;
}

.store-locator__list__item.store-locator__list__item--grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

.store-locator__list__item.store-locator__list__item--grid > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  max-width: 100%;
}

.store-locator__list__item.store-locator__list__item--grid .activator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 9rem;
}

.store-locator__list__item.store-locator__list__item--grid .activator strong {
  max-width: 6.063rem;
}

.store-locator__list__item.store-locator__list__item--grid .activator p {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: currentColor;
  font-size: inherit;
  float: none;
  margin-top: auto;
}

.store-locator__list__item.store-locator__list__item--grid .activator p em {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.4s ease 0.1s;
  transition: opacity 0.4s ease 0.1s;
}

.store-locator__list__item.store-locator__list__item--grid .activator p span {
  position: relative;
  display: inline-block;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.store-locator__list__item.store-locator__list__item--grid .activator p span small {
  font-size: 0.64286em;
}

.store-locator__list__item.store-locator__list__item--grid .activator p span:after {
  content: "";
  display: block;
  width: 0.01px;
  height: 0.063rem;
  background-color: currentColor;
  position: absolute;
  bottom: 0.063rem;
  left: 0;
  opacity: 0;
  -webkit-transition: width 0.25s ease;
  transition: width 0.25s ease;
}

.store-locator__list__item.store-locator__list__item--grid .activator:hover span {
  -webkit-transform: translateX(1em);
          transform: translateX(1em);
}

.store-locator__list__item.store-locator__list__item--grid .activator:hover span:after {
  opacity: 1;
  width: 100%;
}

.store-locator__list__item.store-locator__list__item--grid .activator:hover em {
  opacity: 1;
}

.store-locator__search {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100%;
}

.store-locator__search input {
  background-color: transparent;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: calc(100% - 4.375rem);
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 700;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.75rem;
  padding: 0.625rem 1.25rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.store-locator__search button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.75rem;
          flex: 0 0 3.75rem;
  max-width: 3.75rem;
  height: 3.75rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.store-locator__search button:hover {
  background-color: #eeeeee;
}

.store-locator__search button svg {
  width: 1.5rem;
  height: 1.5rem;
}

.store-locator__map {
  width: 100%;
  display: block;
  height: 50vh;
}

@media (min-width: 48em) {
  .store-locator__map {
    height: 100%;
  }
}

.store-locator .fade-enter-active,
.store-locator .fade-leave-active {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.store-locator .fade-enter,
.store-locator .fade-leave-to {
  opacity: 0;
  max-height: 0;
  margin-top: 0;
}

.filter-tabs {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  -webkit-overflow-scrolling: touch;
}

.filter-tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filter-tabs__list__item {
  margin-left: 0;
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
  max-width: 40%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
}

@media (min-width: 35.4375em) {
  .filter-tabs__list__item {
    max-width: 22%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 22%;
            flex: 1 0 22%;
  }
}

@media (min-width: 64em) {
  .filter-tabs__list__item {
    max-width: 16.66667%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 16.66667%;
            flex: 1 0 16.66667%;
  }
}

.filter-tabs__list__item:last-child {
  border-right: 0;
}

.filter-tabs__list__item:nth-last-child(-n + 5):first-child,
.filter-tabs__list__item:nth-last-child(-n + 5):first-child ~ * {
  border-right: 0.063rem solid rgba(0, 0, 0, 0.1) !important;
}

.filter-tabs__button {
  padding: 0.938rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  min-height: 5rem;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

@media (min-width: 48em) {
  .filter-tabs__button {
    padding: 1.875rem 0;
  }
}

@media (min-width: 80em) {
  .filter-tabs__button {
    min-height: 6.25rem;
  }
}

.filter-tabs__button .svg-icon {
  width: 1.875rem;
  height: 1.875rem;
}

@media (min-width: 80em) {
  .filter-tabs__button .svg-icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.filter-tabs__button h5 {
  position: relative;
  margin-top: 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 2.38;
  text-transform: uppercase;
  letter-spacing: -0.05em;
  line-height: 1.25;
}

@media (min-width: 80em) {
  .filter-tabs__button h5 {
    margin-top: 1.25rem;
    font-size: 1rem;
  }
}

.filter-tabs__button h5:after {
  content: '';
  display: block;
  width: 0.01px;
  height: 0.063rem;
  background-color: currentColor;
  position: absolute;
  bottom: 0.063rem;
  left: 0;
  opacity: 0;
  -webkit-transition: width 0.25s ease;
  transition: width 0.25s ease;
}

.filter-tabs__button:hover, .filter-tabs__button.is-active {
  background-color: rgba(0, 0, 0, 0.05);
}

.filter-tabs__button:hover h5:after, .filter-tabs__button.is-active h5:after {
  opacity: 1;
  width: 100%;
}

.room-explorer {
  position: relative;
}

@media (min-width: 90em) {
  .room-explorer {
    max-width: 90vw;
    margin: 0 5vw;
  }
}

.room-explorer__close {
  position: absolute;
  bottom: calc(100% + 1.25rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50% 50%;
  z-index: 2;
  background-color: #f9f8f2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.room-explorer__close svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
}

@media (min-width: 59.375em) {
  .room-explorer__close {
    display: none;
  }
}

.room-explorer .swiper-slide {
  overflow: hidden;
}

.room-explorer .slider__container {
  padding-top: 3.125rem;
  width: 100%;
}

@media (min-width: 59.375em) {
  .room-explorer .slider__container {
    padding-top: 0;
  }
}

.room-explorer .slider__navigation {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 1.063rem;
}

@media (min-width: 59.375em) {
  .room-explorer .slider__navigation {
    margin-left: 0;
    position: absolute;
    top: 18.75rem;
    left: calc(75% + 1.063rem);
  }
}

@media (min-width: 90em) {
  .room-explorer .slider__navigation {
    left: calc(66.66666% + 1.063rem);
  }
}

@media (min-width: 120.25em) {
  .room-explorer .slider__navigation {
    top: 21.25rem;
  }
}

.room-explorer .slider__navigation .swiper-button-prev,
.room-explorer .slider__navigation .swiper-button-next {
  cursor: pointer !important;
  font-size: 1.875rem;
  font-weight: 300;
  position: static;
  width: 1.875rem;
  height: auto;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.room-explorer .slider__navigation .swiper-button-prev:hover,
.room-explorer .slider__navigation .swiper-button-next:hover {
  opacity: 0.7;
}

.room-explorer .slider__navigation .swiper-button-prev:focus,
.room-explorer .slider__navigation .swiper-button-next:focus {
  opacity: 1;
}

.room-explorer .slider__navigation .swiper-button-prev.swiper-button-disabled,
.room-explorer .slider__navigation .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
  cursor: default;
}

@media (min-width: 120.25em) {
  .room-explorer .slider__navigation .swiper-button-prev,
  .room-explorer .slider__navigation .swiper-button-next {
    font-size: 2.5rem;
    width: 2.5rem;
  }
}

@media (min-width: 59.375em) {
  .room-explorer .slider__navigation .swiper-button-next {
    margin-left: 1.25rem;
  }
}

.room-explorer__product {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}

.room-explorer__product__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  background-color: rgba(40, 40, 40, 0.1);
  cursor: url(/static/svg/32x32-close.svg) 12 12, auto;
}

.room-explorer__product-container {
  background-color: #f9f8f2;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 5;
}

@media (max-width: 47.99em) {
  .room-explorer__product-container {
    bottom: 0;
  }
}

@media (min-width: 48em) {
  .room-explorer__product-container {
    top: 10%;
    left: 50%;
    right: auto;
    max-width: 23.313rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: auto;
  }
}

@media (min-width: 59.375em) {
  .room-explorer__product-container {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.room-explorer__product .product-tile {
  cursor: pointer;
  background-color: #f9f8f2 !important;
}

.room-explorer__product .product-tile__image {
  padding-top: 60%;
  margin: 0;
}

.room-explorer__product .product-tile__image img {
  width: 60%;
}

@media (max-width: 47.99em) {
  .room-explorer__product .product-tile__bottom {
    padding-bottom: 0;
  }
}

.room-explorer__product .product-tile__quickview {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  border: 0;
  width: auto;
}

.room-explorer__product .product-tile__master-label {
  opacity: 1;
}

.room-explorer__product .product-tile__quickview {
  background: none !important;
  opacity: 1;
  visibility: visible;
}

.room-explorer__product .product-tile__quickview__inner {
  margin: 0;
}

.room-explorer__product .product-tile__price {
  display: none;
}

.room-explorer__product .product-tile .buy-section {
  margin-top: 0.625rem;
}

@media (min-width: 59.375em) {
  .room-explorer__product .product-tile.is-ready:not(.product-tile--master-product):hover {
    background-color: #f9f8f2 !important;
  }
}

.room {
  position: relative;
}

@media (min-width: 59.375em) {
  .room {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.room__content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .room__content {
    padding: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .room__content {
    padding-top: 0;
    width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
}

@media (min-width: 90em) {
  .room__content {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
}

.room__content h3 {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  white-space: pre-line;
  margin-bottom: 1.25rem;
}

@media (min-width: 21.875em) {
  .room__content h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .room__content h3 {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .room__content h3 {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .room__content h3 {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .room__content h3 {
    font-size: 5.2vw;
  }
}

.room__content h3,
.room__content p {
  max-width: 16.875rem;
}

@media (min-width: 120.25em) {
  .room__content h3,
  .room__content p {
    max-width: 31.25rem;
  }
}

.room__content p {
  margin-top: 2.5rem;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

.room__content p strong {
  text-transform: uppercase;
}

@media (min-width: 90em) {
  .room__content p {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.room__content p b, .room__content p strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.room__image {
  max-width: 100%;
  position: relative;
  display: block;
}

@media (min-width: 59.375em) {
  .room__image {
    width: 75%;
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
}

@media (min-width: 90em) {
  .room__image {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
}

.room__image__container {
  display: block;
}

.room__image__container .no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: move;
  cursor: -webkit-grab;
}

.room__image__container .no-select:active {
  cursor: move;
  cursor: -webkit-grabbing;
}

.room__image__container .image {
  position: relative;
}

.room__markers {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.room__markers .marker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  border-radius: 50% 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 1.875rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.room__markers .marker svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.313rem;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 50% 50%;
  fill: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.room__markers .marker:hover svg {
  -webkit-transform: translate(-50%, -50%) scale(1.25);
          transform: translate(-50%, -50%) scale(1.25);
  background-color: rgba(255, 255, 255, 0.3);
}

.room--portrait .room__image {
  max-width: 18.75rem;
}

@media (min-width: 48em) {
  .room--portrait .room__image {
    max-width: 31.25rem;
  }
}

@media (min-width: 59.375em) {
  .room--portrait .room__image {
    min-width: 0;
    max-width: none;
    max-height: 75vh;
  }
}

@media (min-width: 71.875em) {
  .room--portrait .room__image {
    max-height: 80vh;
  }
}

.room--portrait .room__image__container {
  height: 100%;
  width: auto;
}

@media (min-width: 59.375em) {
  .room--portrait .room__image__container {
    float: right;
  }
}

.room--portrait .image {
  width: 100%;
  height: auto;
}

@media (min-width: 59.375em) {
  .room--portrait .image {
    height: 100%;
    width: auto;
  }
}

.room--portrait .image img {
  display: inline-block;
}

@media (min-width: 59.375em) {
  .room--portrait .image img {
    height: 100%;
    width: auto;
    max-width: none;
  }
}

.room--landscape .room__image__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 90em) {
  .room--landscape .room__image__container {
    max-width: 60vw;
  }
}

.room--landscape .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
}

@media (min-width: 59.375em) {
  .room--landscape .image {
    float: right;
  }
}

.room--landscape .image img {
  width: 100%;
  height: auto;
  display: inline-block;
}

.address-tile .activator {
  min-height: 13.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .address-tile .activator {
    padding: 1.25rem;
  }
}

.address-tile h3 {
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
}

.address-tile h6 {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
  color: #77825a;
}

@media (min-width: 64em) {
  .address-tile h6 {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .address-tile h6 {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

@media (min-width: 64em) {
  .address-tile h6 {
    font-size: 0.75rem;
  }
}

.address-tile p {
  font-size: 0.875rem;
  line-height: 1.14;
  margin-top: auto;
}

.expandable p {
  overflow: hidden;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 90em) {
  .expandable p {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.expandable p b, .expandable p strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 120.25em) {
  .expandable p {
    font-size: 1rem;
    line-height: 1.19;
  }
}

.expandable p + p {
  margin-top: 0.625rem;
}

.expandable button {
  margin-top: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
}

.expandable--large p {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .expandable--large p {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .expandable--large p {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .expandable--large p {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .expandable--large p {
    font-size: 1.56vw;
  }
}

.expandable__extra {
  display: none;
  opacity: 0;
  height: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.expandable__extra.is-animating {
  display: inline;
}

.expandable__extra.is-active {
  opacity: 1;
  height: auto;
}

#epi-quickNavigator {
  margin-top: 55px !important;
}

.virtual-showroom {
  margin-right: 8.33333%;
}

.virtual-showroom iframe {
  min-height: 80vh;
}

.newsletter__title {
  text-align: left;
  margin-bottom: 0.625rem;
  white-space: pre-line;
  font-size: 0.875rem;
  line-height: 1.2;
}

@media (min-width: 48em) {
  .newsletter__title {
    max-width: 78%;
  }
}

.newsletter .variation-dropdown {
  margin-top: -1px;
}

.newsletter .variation-dropdown__group__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.5rem;
}

.newsletter .variation-dropdown__group__item > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 2.5rem;
}

.newsletter .variation-dropdown__group__item .image {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
  width: 1.25rem;
  height: 0.625rem;
  padding: 0;
  margin-left: 0.625rem;
}

.newsletter .variation-dropdown__group__item .text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
  padding: 0;
}

.newsletter .form--padded {
  border: 1px solid;
  margin-top: -1px;
}

.newsletter .form p {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.17;
  color: currentColor;
  text-align: left;
  text-align: left;
  text-transform: uppercase;
}

@media (min-width: 48em) {
  .newsletter .form p {
    font-size: 0.75rem;
  }
}

@media (min-width: 64em) {
  .newsletter .form p {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .newsletter .form p {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.newsletter .form__row.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.newsletter .form__row .half {
  width: 50%;
}

.newsletter .form__col--action {
  margin-top: -1px;
}

.newsletter .form__col--action .button {
  width: 100%;
}

.newsletter .form__field {
  margin-bottom: 0;
}

.newsletter .form__field--text {
  margin-top: -1px;
}

.newsletter-sign-up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 63.99em) {
  .newsletter-sign-up {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.newsletter-sign-up h1 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  max-width: 8em;
}

@media (min-width: 21.875em) {
  .newsletter-sign-up h1 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .newsletter-sign-up h1 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .newsletter-sign-up h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .newsletter-sign-up h1 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .newsletter-sign-up h1 {
    font-size: 2.6vw;
  }
}

.newsletter-sign-up__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  max-height: 56.25rem;
}

@media (min-width: 64em) {
  .newsletter-sign-up__image {
    width: 40%;
  }
}

.newsletter-sign-up__image__tagline {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.17;
  color: currentColor;
  text-align: left;
  margin: auto;
  margin-left: 0.75rem;
  white-space: nowrap;
  -webkit-writing-mode: tb;
      -ms-writing-mode: tb;
          writing-mode: tb;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  text-align: center;
  font-weight: 500;
}

@media (min-width: 48em) {
  .newsletter-sign-up__image__tagline {
    font-size: 0.75rem;
  }
}

@media (min-width: 64em) {
  .newsletter-sign-up__image__tagline {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .newsletter-sign-up__image__tagline {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.newsletter-sign-up__image > img {
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}

.newsletter-sign-up__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 64em) {
  .newsletter-sign-up__content {
    width: 60%;
  }
}

.newsletter-sign-up__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 28.125rem;
  height: 100%;
  padding: 0 1rem;
}

@media (max-width: 63.99em) {
  .newsletter-sign-up__form {
    margin-bottom: 3.125rem;
  }
}

.newsletter-sign-up__manchet {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  margin-top: 1rem;
  text-transform: uppercase;
  font-weight: 500;
}

@media (min-width: 90em) {
  .newsletter-sign-up__manchet {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.newsletter-sign-up__manchet b, .newsletter-sign-up__manchet strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.newsletter-sign-up .newsletter {
  margin-top: auto;
  padding-top: 1rem;
}

.v-select {
  position: relative;
  border: 1px solid;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
  cursor: pointer;
}

.vs__dropdown-toggle {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  font-size: 0.875rem;
  letter-spacing: -0.031rem;
}

.vs__dropdown-menu {
  height: auto;
  max-height: 15rem;
  overflow: auto;
  position: absolute;
  z-index: 100;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none;
  width: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-left: -2px;
  margin-top: 1px;
}

.vs__dropdown-menu > *:hover {
  background-color: #e6e6e6;
}

.vs__dropdown-menu img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.25rem;
  height: 0.625rem;
  margin-right: 0.75rem;
}

.vs__dropdown-option--selected {
  background-color: #f2f2f2;
}

.vs__dropdown-option--highlight {
  background-color: #cccccc;
}

.vs__selected-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 0.625rem;
  width: 100%;
  height: 2.25rem;
}

.vs__selected-options img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.25rem;
  height: 0.625rem;
  margin-right: 0.75rem;
}

.vs__selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: inherit;
}

.vs__selected .image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.vs__selected .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 1.875rem;
}

.vs__search {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  width: 0;
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.vs__search::-webkit-clear-button, .vs__search::-webkit-search-cancel-button {
  display: none;
}

.vs__clear {
  display: none;
}

.vs__actions {
  display: block;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  fill: #282828;
  height: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.vs__actions svg {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  margin-left: 0.625rem;
  width: 0.75rem;
}

.vs-enter, .vs-leave-to {
  opacity: 0;
}

.vs-enter-active, .vs-leave-active {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.vs--open .vs__dropdown-toggle {
  background: #282828;
  color: #fff;
}

.vs--open svg {
  fill: #fff;
}

:root {
  --sticky-scroll-bg-color: #ffffff;
}

.sticky-scroll {
  position: relative;
  --section-offset-y: 0;
  --section-z: 0;
}

.sticky-scroll .section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background-color: #ffffff;
  background-color: var(--sticky-scroll-bg-color);
}

.sticky-scroll .section > * {
  padding: 6.25rem 0 3.75rem;
}

@media (min-width: 48em) {
  .sticky-scroll .section > * {
    padding: 9.375rem 0 6.25rem;
  }
}

@media (min-width: 71.875em) {
  .sticky-scroll .section > * {
    padding: 15.625rem 0 9.375rem;
  }
}

@media (min-width: 64em) {
  .sticky-scroll .section:first-child > * {
    padding: 9.375rem 0;
  }
}

@media (min-width: 71.875em) {
  .sticky-scroll .section:first-child > * {
    padding: 12.5rem 0 9.375rem;
  }
}

.sticky-scroll .section:last-child > * {
  padding-bottom: 1.875rem;
}

@media (min-width: 64em) {
  .sticky-scroll .section:last-child > * {
    padding-bottom: 1.875rem;
  }
}

@media (min-width: 71.875em) {
  .sticky-scroll .section:last-child > * {
    padding-bottom: 1.875rem;
  }
}

.sticky-scroll.is-ready .section {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.sticky-scroll.is-ready .section.is-active {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

.sticky-scroll.is-ready .section.is-past {
  z-index: 0 !important;
}

.sticky-scroll.is-ready .section.is-measuring {
  position: static !important;
}

:root {
  --mega-links-text-color: #282828;
  --mega-links-bg-color: transparent;
}

.mega-links {
  position: relative;
  min-height: 100vh;
  color: #282828;
  color: var(--mega-links-text-color);
  background-color: transparent;
  background-color: var(--mega-links-bg-color);
}

@media (min-width: 48em) {
  .mega-links {
    min-height: 0;
  }
}

.mega-links.is-hovering li {
  opacity: 0.6;
}

.mega-links__image-container {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 2;
}

.mega-links__image {
  position: absolute;
  top: var(--mega-links-image-y);
  left: var(--mega-links-image-x);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 1;
}

.mega-links__image img,
.mega-links__image video {
  display: block;
  width: 25rem;
  height: auto;
  max-width: none;
}

.mega-links__list li {
  position: relative;
  z-index: 1;
  display: block;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.mega-links__list li.is-active {
  opacity: 1;
  z-index: 4;
}

.mega-links__list li a {
  position: relative;
  color: currentColor;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem 1.063rem 0.625rem 0;
}

@media (min-width: 48em) {
  .mega-links__list li a {
    padding: 0.625rem 1.875rem 3.125rem;
  }
}

.mega-links__list li a:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0.063rem;
  left: 0.063rem;
  right: 0.063rem;
  height: 0.063rem;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

@media (hover: hover) {
  .mega-links__list li a:visited, .mega-links__list li a:hover {
    color: currentColor !important;
  }
  .mega-links__list li a:visited:after, .mega-links__list li a:hover:after {
    background-color: currentColor !important;
  }
}

.mega-links__list li a div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 48em) {
  .mega-links__list li a div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.mega-links__list li a figure {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33%;
          flex: 0 1 33%;
  max-width: 33%;
  margin-right: 1.25rem;
  aspect-ratio: 1;
}

@media (min-width: 48em) {
  .mega-links__list li a figure {
    display: none;
  }
}

.mega-links__list li a figure img,
.mega-links__list li a figure video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  display: block;
  -o-object-position: center;
     object-position: center;
}

.mega-links__list li a h5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .mega-links__list li a h5 {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .mega-links__list li a h5 {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

@media (min-width: 48em) {
  .mega-links__list li a h5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    margin-bottom: 0;
    margin-right: 1.25rem;
  }
}

.mega-links__list li a h3 {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .mega-links__list li a h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .mega-links__list li a h3 {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .mega-links__list li a h3 {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .mega-links__list li a h3 {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .mega-links__list li a h3 {
    font-size: 5.2vw;
  }
}

@media (min-width: 35.4375em) {
  .mega-links__list li a h3 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
  }
}

.mega-links__list li a h3 span {
  display: none;
}

@media (min-width: 35.4375em) {
  .mega-links__list li a h3 span {
    display: inline;
  }
}

.mega-links__list li a h6 {
  margin-top: auto;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
}

@media (min-width: 21.875em) {
  .mega-links__list li a h6 {
    font-size: 1.5rem;
  }
}

@media (min-width: 48em) {
  .mega-links__list li a h6 {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  .mega-links__list li a h6 {
    font-size: 2.188rem;
  }
}

@media (min-width: 90em) {
  .mega-links__list li a h6 {
    font-size: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .mega-links__list li a h6 {
    font-size: 2.08vw;
  }
}

@media (min-width: 48em) {
  .mega-links__list li a h6 {
    display: none;
  }
}

.mega-links__list li a .svg-icon {
  margin-left: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  fill: currentColor;
  margin-top: 1.25rem;
  width: 1.563rem;
  height: 1.563rem;
}

@media (min-width: 48em) {
  .mega-links__list li a .svg-icon {
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3.75rem;
            flex: 0 0 3.75rem;
    width: 3.75rem;
    height: 3.75rem;
  }
}

.mega-links .fade-enter-active {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.mega-links .fade-enter-to {
  opacity: 1;
}

.mega-links .fade-enter {
  opacity: 0;
}

.micro-footer {
  padding-top: 8.75rem;
}

.micro-footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.micro-footer a {
  font-size: 0.875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.micro-footer a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.micro-footer a:hover:after, .micro-footer a:focus:after {
  right: 0;
}

.micro-footer a.is-active:after {
  opacity: 1;
  width: 100%;
}

.micro-footer a .svg-icon {
  margin-left: 0.625rem;
  fill: currentColor;
  width: 1em;
  height: 1em;
}

.table-component__searchbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.313rem;
  height: 2.5rem;
  width: 100%;
  padding: 0 1.063rem;
  background: var(--body-bg);
  border-top: 0.063rem solid;
  border-bottom: 0.063rem solid #282828;
}

.table-component__searchbar input {
  background: none;
  border: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  letter-spacing: -0.5px;
}

.table-component__searchbar + .data-table {
  border-top-color: rgba(0, 0, 0, 0.1);
}

@media (min-width: 59.375em) {
  .table-component__searchbar {
    padding: 0 1.25rem;
  }
}

.table-component__searchbar.is-above-table {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.063rem solid #282828;
}

@media (min-width: 59.375em) {
  .table-component__searchbar.is-above-table {
    padding: 0;
    border: 0;
    z-index: 100;
    position: absolute;
    top: -2.5rem;
    right: 0;
    width: 33vw;
  }
}

.table-component__searchbar .svg-icon {
  width: 1rem;
  height: 1rem;
}

.table-component__noresults {
  padding: 0.33em 0.75em;
  text-transform: uppercase;
  letter-spacing: -0.9px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sliding-presentation {
  --video-width: calc(50vw + 10vh);
  --video-height: calc(var(--video-width) * 4 / 3);
  --video-top-pos: 33vh;
  --component-height: calc(var(--video-height) * 2 + var(--video-top-pos) * 2);
  --video-start-scale: 1.2;
  --left-text-bottom: 20vh;
  --right-text-bottom: 30vh;
  --trumpet-delay: 10vmax;
  --dur: 2.5s;
  --easing: cubic-bezier(0.8, 0, 0.2, 1);
  position: relative;
  height: var(--component-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  font-weight: 500;
}

@media (min-width: 64em) {
  .sliding-presentation {
    --left-text-bottom: 2vh;
    --right-text-bottom: 2vh;
    --trumpet-delay: 10vh;
  }
}

.sliding-presentation * {
  opacity: 0;
}

.sliding-presentation__media {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100vw;
  height: calc(100vh - var(--video-top-pos));
  bottom: calc(0vh + var(--component-height) - 100vh);
  overflow: hidden;
}

.sliding-presentation__media video,
.sliding-presentation__media img {
  position: absolute;
  width: var(--video-width);
  height: var(--video-height);
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  top: 0;
}

.sliding-presentation__text {
  position: absolute;
  z-index: 1;
  font-size: 9.5vw;
  line-height: 0.8;
  text-transform: uppercase;
}

.sliding-presentation__text--left {
  bottom: calc(var(--component-height) - 100vh + var(--left-text-bottom));
  left: 10px;
  opacity: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
}

.sliding-presentation__text--right {
  bottom: calc(var(--component-height) - 100vh + var(--right-text-bottom));
  right: 10px;
  -webkit-transform-origin: right;
          transform-origin: right;
}

.sliding-presentation__trumpet {
  position: absolute;
  left: calc(100% + var(--trumpet-delay));
  bottom: calc(var(--component-height) - 100vh + 10vh);
  z-index: 1;
  font-size: 18vw;
  line-height: 0.8;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (min-width: 64em) {
  .sliding-presentation__trumpet {
    bottom: calc(var(--component-height) - 100vh + 2vh);
  }
}

@-webkit-keyframes videoContainer {
  from {
    -webkit-transform: translateY(calc(100vh * var(--video-start-scale) - var(--video-top-pos))) scale(var(--video-start-scale));
            transform: translateY(calc(100vh * var(--video-start-scale) - var(--video-top-pos))) scale(var(--video-start-scale));
  }
}

@keyframes videoContainer {
  from {
    -webkit-transform: translateY(calc(100vh * var(--video-start-scale) - var(--video-top-pos))) scale(var(--video-start-scale));
            transform: translateY(calc(100vh * var(--video-start-scale) - var(--video-top-pos))) scale(var(--video-start-scale));
  }
}

@-webkit-keyframes video {
  from {
    -webkit-transform: translateY(calc((100vh - var(--video-top-pos)) * -1));
            transform: translateY(calc((100vh - var(--video-top-pos)) * -1));
  }
}

@keyframes video {
  from {
    -webkit-transform: translateY(calc((100vh - var(--video-top-pos)) * -1));
            transform: translateY(calc((100vh - var(--video-top-pos)) * -1));
  }
}

@-webkit-keyframes textLeft {
  from {
    -webkit-transform: translateY(calc(var(--left-text-bottom) + 100%)) scale(0.8);
            transform: translateY(calc(var(--left-text-bottom) + 100%)) scale(0.8);
  }
}

@keyframes textLeft {
  from {
    -webkit-transform: translateY(calc(var(--left-text-bottom) + 100%)) scale(0.8);
            transform: translateY(calc(var(--left-text-bottom) + 100%)) scale(0.8);
  }
}

@-webkit-keyframes textRight {
  from {
    -webkit-transform: translateY(calc(var(--right-text-bottom) + 100%)) scale(0.8);
            transform: translateY(calc(var(--right-text-bottom) + 100%)) scale(0.8);
  }
}

@keyframes textRight {
  from {
    -webkit-transform: translateY(calc(var(--right-text-bottom) + 100%)) scale(0.8);
            transform: translateY(calc(var(--right-text-bottom) + 100%)) scale(0.8);
  }
}

.sliding-presentation.is-animating * {
  opacity: 1;
}

.sliding-presentation.is-animating .sliding-presentation__media {
  -webkit-animation: videoContainer calc(var(--dur) * 1.1) forwards var(--easing);
          animation: videoContainer calc(var(--dur) * 1.1) forwards var(--easing);
  /**
			* after animation, make the overflow container go all the way to the bottom
			* so the video isn't cropped
			*/
  -webkit-transition-property: height, top, bottom;
  transition-property: height, top, bottom;
  -webkit-transition-delay: calc(var(--dur) * 1.1);
          transition-delay: calc(var(--dur) * 1.1);
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  height: calc(100% - var(--video-top-pos));
  top: auto;
  bottom: 0;
}

.sliding-presentation.is-animating .sliding-presentation__media video,
.sliding-presentation.is-animating .sliding-presentation__media img {
  -webkit-animation: video calc(var(--dur) * 1.1) forwards var(--easing);
          animation: video calc(var(--dur) * 1.1) forwards var(--easing);
}

.sliding-presentation.is-animating .sliding-presentation__text--left {
  --delay: 0.1s;
  opacity: 1;
  -webkit-transition: opacity 0s var(--delay);
  transition: opacity 0s var(--delay);
  -webkit-animation: textLeft var(--dur) var(--delay) forwards var(--easing);
          animation: textLeft var(--dur) var(--delay) forwards var(--easing);
}

.sliding-presentation.is-animating .sliding-presentation__text--right {
  -webkit-animation: textRight var(--dur) forwards var(--easing);
          animation: textRight var(--dur) forwards var(--easing);
}

:root {
  --sticky-gallery-text-color: #282828;
  --sticky-gallery-bg-color: #f9f8f2;
}

.sticky-gallery__header {
  height: 5rem;
  color: #282828;
  color: var(--sticky-gallery-text-color);
  background-color: transparent;
  background-color: var(--sticky-gallery-bg-color);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 6;
}

@media (min-width: 48em) {
  .sticky-gallery__header {
    height: 6.25rem;
  }
}

@media (min-width: 90em) {
  .sticky-gallery__header {
    height: 7.5rem;
  }
}

.sticky-gallery__text {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  top: 2.5rem;
}

@media (min-width: 48em) {
  .sticky-gallery__text {
    top: 2.813rem;
  }
}

.sticky-gallery__title {
  grid-column: 1 / span 6;
  margin-left: 1.063rem;
}

@media (min-width: 64em) {
  .sticky-gallery__title {
    margin-left: 0;
    grid-column: 2 / span 5;
  }
}

.sticky-gallery__title h1 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  white-space: pre-line;
}

@media (min-width: 21.875em) {
  .sticky-gallery__title h1 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .sticky-gallery__title h1 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .sticky-gallery__title h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .sticky-gallery__title h1 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .sticky-gallery__title h1 {
    font-size: 2.6vw;
  }
}

.sticky-gallery__copy {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.17;
  color: currentColor;
  text-align: left;
  margin-bottom: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-column: 8 / span 6;
}

@media (min-width: 48em) {
  .sticky-gallery__copy {
    font-size: 0.75rem;
  }
}

@media (min-width: 64em) {
  .sticky-gallery__copy {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .sticky-gallery__copy {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.sticky-gallery__copy > * {
  width: 100%;
}

@media (min-width: 48em) {
  .sticky-gallery__copy {
    margin-right: 1.063rem;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .sticky-gallery__copy > * {
    width: 50%;
  }
}

@media (min-width: 59.375em) {
  .sticky-gallery__copy {
    grid-column: 9 / span 4;
    margin-bottom: 1rem;
  }
}

.sticky-gallery__copy .byline {
  white-space: pre-line;
}

.sticky-gallery__list {
  position: relative;
}

.sticky-gallery__item {
  position: relative;
  padding-bottom: calc(100% / 1.33333);
  min-height: 100vh;
}

.sticky-gallery__item:nth-child(1) {
  z-index: 4;
}

.sticky-gallery__item:nth-child(2) {
  z-index: 3;
}

.sticky-gallery__item:nth-child(3) {
  z-index: 2;
}

.sticky-gallery__item:nth-child(4) {
  z-index: 1;
}

.sticky-gallery__item:nth-child(5) {
  z-index: 0;
}

.sticky-gallery__image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  will-change: transform;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  margin-top: -1px;
}

@media (prefers-reduced-motion) {
  .sticky-gallery__image {
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
  }
}

:root {
  --toolbox-hero-text-color: #fff;
  --toolbox-item-visual-height: 7.5rem;
  --toolbox-item-padding: 0.625rem;
}

.toolbox-hero {
  color: #fff;
  color: var(--toolbox-hero-text-color);
  margin-bottom: calc(var(--parallax) * -1px);
}

@media (min-width: 71.875em) {
  .toolbox-hero {
    --toolbox-item-visual-height: 8.75rem;
  }
}

@media (min-width: 105em) {
  .toolbox-hero {
    --toolbox-item-visual-height: 8.4vw;
    --toolbox-item-padding: 0.75vw;
  }
}

.toolbox-hero__banner {
  overflow: hidden;
  position: relative;
  height: 100vh;
  width: 100%;
  display: block;
  z-index: 1;
}

@supports (--custom: property) {
  .toolbox-hero__banner {
    height: calc(var(--vh) * 100 * 1px);
  }
}

.toolbox-hero__banner img,
.toolbox-hero__banner video {
  display: block;
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: translateY(var(--video-offset));
          transform: translateY(var(--video-offset));
}

.toolbox-hero__banner__headline {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 24vh;
  z-index: 3;
  font-size: 4.375rem;
  font-weight: 500;
  line-height: 0.85;
  letter-spacing: -0.03em;
  font-size: clamp(70px, 18vw, 118px);
  line-height: 1;
  color: currentColor;
}

@media (min-width: 35.4375em) {
  .toolbox-hero__banner__headline {
    font-size: 11vw;
  }
}

@media (min-width: 35.4375em) {
  .toolbox-hero__banner__headline {
    font-size: clamp(70px, 15vw, 118px);
    line-height: 1;
  }
}

@media (min-width: 64em) {
  .toolbox-hero__banner__headline {
    font-size: clamp(118px, 11vw, 270px);
  }
}

.toolbox-hero__banner__headline__part1, .toolbox-hero__banner__headline__part2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.toolbox-hero__banner__headline__part1 span, .toolbox-hero__banner__headline__part2 span {
  position: absolute;
}

.toolbox-hero__banner__headline__part1 {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.toolbox-hero__banner__headline__part1 span {
  top: 50%;
  left: 1.063rem;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

@media (min-width: 35.4375em) {
  .toolbox-hero__banner__headline__part1 span {
    left: 16.66667%;
  }
}

.toolbox-hero__banner__headline__part2 {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.toolbox-hero__banner__headline__part2 span {
  bottom: 50%;
  right: 1.063rem;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

@media (min-width: 35.4375em) {
  .toolbox-hero__banner__headline__part2 span {
    right: 52%;
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
  }
}

.toolbox-hero__navigation {
  position: relative;
  z-index: 2;
  margin-top: calc(-1 * (var(--toolbox-item-visual-height) + var(--toolbox-item-padding) * 2 + 2px));
  -webkit-transition: margin-top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: margin-top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}

.toolbox-hero.is-scrolled-into .toolbox-hero__navigation {
  -webkit-transform: translateY(calc(var(--parallax) * -1px));
          transform: translateY(calc(var(--parallax) * -1px));
}

.toolbox-hero.is-scrolled-into .toolbox-hero__banner__headline__part1, .toolbox-hero.is-scrolled-into .toolbox-hero__banner__headline__part2 {
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
}

.toolbox-hero.is-scrolled-into .toolbox-hero__banner__headline__part1 {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.toolbox-hero.is-scrolled-into .toolbox-hero__banner__headline__part2 {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.toolbox-hero.is-scrolled-past .toolbox-hero__navigation {
  -webkit-transform: translateY(calc(var(--parallax) * -1px));
          transform: translateY(calc(var(--parallax) * -1px));
}

.toolbox-hero.is-scrolled-past .toolbox-hero__banner__headline__part1 {
  -webkit-transform: translateX(calc(var(--parallax) * -5px));
          transform: translateX(calc(var(--parallax) * -5px));
}

.toolbox-hero.is-scrolled-past .toolbox-hero__banner__headline__part2 {
  -webkit-transform: translateX(calc(var(--parallax) * 5px));
          transform: translateX(calc(var(--parallax) * 5px));
}

@-webkit-keyframes slideInFromLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInFromLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes slideInFromRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInFromRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

:root {
  --toolbox-border-color: #d9d9d9;
  --toolbox-label-color: #114477;
  --toolbox-item-visual-height: 7.5rem;
  --toolbox-item-padding: 0.625rem;
}

.toolbox {
  --toolbox-item-visual-height: 7.5rem;
  --toolbox-item-padding: 0.625rem;
}

@media (min-width: 71.875em) {
  .toolbox {
    --toolbox-item-visual-height: 8.75rem;
  }
}

@media (min-width: 105em) {
  .toolbox {
    --toolbox-item-visual-height: 8.4vw;
    --toolbox-item-padding: 0.75vw;
  }
}

.toolbox__label {
  position: -webkit-sticky;
  position: sticky;
  top: 1.688rem;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  text-align: right;
  color: var(--toolbox-label-color);
  width: 0;
}

@media (min-width: 48em) {
  .toolbox__label {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .toolbox__label {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .toolbox__label {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .toolbox__label {
    font-size: 1.25vw;
  }
}

.toolbox__label span {
  position: absolute;
  top: 0;
  left: 1.063rem;
  display: block;
  -webkit-transform: rotate(-90deg) translateX(-100%);
          transform: rotate(-90deg) translateX(-100%);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.toolbox footer {
  margin-top: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 59.375em) {
  .toolbox footer {
    display: none;
  }
}

.toolbox__expand-button {
  color: #282828;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}

@media (min-width: 59.375em) {
  .toolbox__expand-button {
    display: none;
  }
}

.toolbox__expand-button .svg-icon {
  width: 0.625rem;
  height: 0.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.toolbox__list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-top: 0.063rem solid black;
  border-right: 0.063rem solid black;
  border-color: var(--toolbox-border-color);
  margin-left: 16.66667%;
}

@media (min-width: 59.375em) {
  .toolbox__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 59.365em) {
  .toolbox__list.is-expanded .toolbox__list__item.is-hidden {
    opacity: 1;
    height: auto;
    max-height: 8.813rem;
    overflow: hidden;
  }
}

.toolbox__list__item {
  --toolbox-item-text-color: #282828;
  --toolbox-item-text-hover-color: #282828;
  --toolbox-item-bg-color: #fff;
  --toolbox-item-bg-hover-color: #fff;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  border-left: 0.063rem solid black;
  border-bottom: 0.063rem solid black;
  padding: var(--toolbox-item-padding);
  color: var(--toolbox-item-text-color);
  background-color: var(--toolbox-item-bg-color);
  border-color: var(--toolbox-border-color);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media (min-width: 59.375em) {
  .toolbox__list__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}

@media (min-width: 71.875em) {
  .toolbox__list__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33333%;
            flex: 0 1 33.33333%;
  }
}

@media (max-width: 59.365em) {
  .toolbox__list__item.is-hidden {
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    height: 0;
    max-height: 0;
    overflow: hidden;
  }
}

.toolbox__list__item:hover {
  color: #282828;
  color: var(--toolbox-item-text-hover-color);
  background-color: var(--toolbox-item-bg-hover-color);
}

.toolbox__list__item:hover .text ul {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.toolbox__list__item:hover:after {
  right: 0%;
}

.toolbox__list__item .visual {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.625rem;
          flex: 0 0 5.625rem;
  height: var(--toolbox-item-visual-height);
  margin-right: 0.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 71.875em) {
  .toolbox__list__item .visual {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 7.25rem;
            flex: 0 0 7.25rem;
    height: 8.75rem;
  }
}

@media (min-width: 105em) {
  .toolbox__list__item .visual {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 6.9vw;
            flex: 0 0 6.9vw;
    height: 8.4vw;
    margin-right: 0.75vw;
  }
}

.toolbox__list__item .visual .media {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 100%;
}

.toolbox__list__item .visual .media img,
.toolbox__list__item .visual .media video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.toolbox__list__item .visual .icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.toolbox__list__item .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  white-space: pre-line;
  max-width: calc(100% - 5.625rem - 0.625rem);
}

@media (min-width: 71.875em) {
  .toolbox__list__item .text {
    max-width: calc(100% - 7.25rem - 0.625rem);
  }
}

@media (min-width: 105em) {
  .toolbox__list__item .text {
    max-width: calc(100% - 8.4vw - 0.75vw);
  }
}

.toolbox__list__item .text h5 {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

@media (min-width: 48em) {
  .toolbox__list__item .text h5 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .toolbox__list__item .text h5 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .toolbox__list__item .text h5 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .toolbox__list__item .text h5 {
    font-size: 1.25vw;
  }
}

.toolbox__list__item .text h5 a {
  display: block;
  height: 100%;
  color: currentColor;
}

.toolbox__list__item .text ul {
  font-size: 0.875rem;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  margin-top: auto;
}

@media (min-width: 59.375em) {
  .toolbox__list__item .text ul {
    -webkit-transform: translateY(1.25rem);
            transform: translateY(1.25rem);
    opacity: 0;
  }
}

@media (min-width: 64em) {
  .toolbox__list__item .text ul {
    font-size: 0.75rem;
  }
}

@media (min-width: 71.875em) {
  .toolbox__list__item .text ul {
    font-size: 0.875rem;
  }
}

@media (min-width: 105em) {
  .toolbox__list__item .text ul {
    font-size: 0.8vw;
  }
}

.toolbox__list__item .text ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  color: currentColor;
}

@media (max-width: 47.99em) {
  .toolbox__list__item .text ul li a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0.063rem;
    right: 100%;
    height: 0.063rem;
    background-color: currentColor;
    -webkit-transition: right 0.25s ease;
    transition: right 0.25s ease;
  }
  .toolbox__list__item .text ul li a:hover:after, .toolbox__list__item .text ul li a:focus:after {
    right: 0;
  }
  .toolbox__list__item .text ul li a.is-active:after {
    opacity: 1;
    width: 100%;
  }
  .toolbox__list__item .text ul li a:after {
    -webkit-transition: right 0s ease;
    transition: right 0s ease;
  }
  .toolbox__list__item .text ul li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0.063rem;
    right: 0;
    height: 0.063rem;
    background-color: currentColor;
    -webkit-transition: left 0s ease;
    transition: left 0s ease;
  }
  .toolbox__list__item .text ul li a:hover:before, .toolbox__list__item .text ul li a:focus:before {
    opacity: 1;
    left: 100%;
    -webkit-transition: left 0.25s ease-in;
    transition: left 0.25s ease-in;
  }
  .toolbox__list__item .text ul li a:hover:after, .toolbox__list__item .text ul li a:focus:after {
    right: 0;
    -webkit-transition: right 0.25s ease-out 0.3s;
    transition: right 0.25s ease-out 0.3s;
  }
}

.toolbox__list__item .text ul li a span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 71.875em) {
  .toolbox__list__item:nth-last-child(2):first-child,
  .toolbox__list__item:nth-last-child(2):first-child ~ * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}

:root {
  --stores-navigation-text-color: #282828;
  --stores-navigation-text-hover-color: #282828;
}

.stores-navigation {
  color: #282828;
  color: var(--stores-navigation-text-color);
  position: relative;
}

@media (min-width: 71.875em) {
  .stores-navigation {
    width: auto;
    height: auto;
    min-height: 0;
    padding: 10vh 0;
    padding-left: 8.33333%;
    padding-right: 1.25rem;
  }
}

@media (min-width: 80em) {
  .stores-navigation {
    padding-left: 16.66667%;
  }
}

.stores-navigation.is-hovering {
  color: var(--stores-navigation-text-hover-color);
}

.stores-navigation.is-hovering .stores-navigation__list li {
  opacity: 0.6;
}

@media (min-width: 71.875em) {
  .stores-navigation.is-hovering .stores-navigation__list li {
    opacity: 0.1;
  }
}

.stores-navigation.is-hovering .stores-navigation__list li.is-active {
  opacity: 1;
}

.stores-navigation.is-hovering .stores-navigation__list li.is-active a {
  color: currentColor;
}

.stores-navigation__label {
  padding: 1.063rem 1.063rem 1.063rem 0;
  margin-left: 1.063rem;
}

@media (min-width: 64em) {
  .stores-navigation__label {
    margin-left: 8.33333%;
  }
}

.stores-navigation__label span {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .stores-navigation__label span {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .stores-navigation__label span {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

@media (min-width: 71.875em) {
  .stores-navigation__label {
    z-index: 10;
    position: absolute;
    left: 1.25rem;
    padding: 0;
    margin: 0;
    top: calc(10vh + 3vw);
  }
  .stores-navigation__label span {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: rotate(-90deg) translateX(-100%);
            transform: rotate(-90deg) translateX(-100%);
  }
}

.stores-navigation__image-container {
  display: none;
}

@media (min-width: 71.875em) {
  .stores-navigation__image-container {
    display: block;
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    pointer-events: none;
  }
}

.stores-navigation__image {
  position: absolute;
  opacity: 1;
  right: 10vw;
  top: 0;
  -webkit-transform: translateY(calc(var(--stores-navigation-image-y) * 1px - 50%));
          transform: translateY(calc(var(--stores-navigation-image-y) * 1px - 50%));
  width: 50vw;
}

@media (max-width: 71.865em) {
  .stores-navigation__image {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
}

@media (min-width: 71.875em) {
  .stores-navigation__image {
    right: auto;
    top: calc(var(--stores-navigation-image-y) * 1px);
    left: calc(var(--stores-navigation-image-x) * 1px);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media (min-width: 35.4375em) {
  .stores-navigation__image {
    width: 40vw;
  }
}

@media (min-width: 59.375em) {
  .stores-navigation__image {
    width: 30vw;
  }
}

@media (min-width: 71.875em) {
  .stores-navigation__image {
    width: 25rem;
  }
}

@media (min-width: 80em) {
  .stores-navigation__image {
    width: 31.25rem;
  }
}

.stores-navigation__image img {
  display: block;
  height: auto;
  max-width: none;
  width: 100%;
}

.stores-navigation__image img + div,
.stores-navigation__image p + p {
  margin-top: 1.25rem;
}

.stores-navigation__info {
  position: -webkit-sticky;
  position: sticky;
  bottom: 1.063rem;
  margin-right: 1.063rem;
  text-align: right;
  z-index: 10;
  min-height: 8.438rem;
  min-width: 12.5rem;
}

.stores-navigation__info p + p {
  margin-top: 1.25rem;
}

@media (min-width: 71.875em) {
  .stores-navigation__info {
    display: none;
  }
}

.stores-navigation__list {
  margin-left: 1.063rem;
}

@media (min-width: 64em) {
  .stores-navigation__list {
    margin-left: 8.33333%;
  }
}

@media (min-width: 71.875em) {
  .stores-navigation__list {
    margin-left: 0;
    padding: 0;
    -ms-scroll-snap-type: initial;
        scroll-snap-type: initial;
    overflow: visible;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-mask-size: initial;
            mask-size: initial;
    -webkit-mask-image: initial;
            mask-image: initial;
  }
}

.stores-navigation__list li {
  position: relative;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  scroll-snap-align: center;
}

@media (min-width: 71.875em) {
  .stores-navigation__list li {
    display: inline;
  }
}

.stores-navigation__list li.is-active {
  z-index: 4;
}

.stores-navigation__list li a {
  position: relative;
  color: currentColor;
  display: block;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (min-width: 71.875em) {
  .stores-navigation__list li a {
    display: inline;
  }
}

.stores-navigation__list li a.is-hovering div {
  display: block;
}

.stores-navigation__list li a.is-hovering .svg-icon {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity 0.5s ease 0.5s, -webkit-transform 0.5s ease 0.5s;
  transition: opacity 0.5s ease 0.5s, -webkit-transform 0.5s ease 0.5s;
  transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
  transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s, -webkit-transform 0.5s ease 0.5s;
}

@media (min-width: 71.875em) {
  .stores-navigation__list li a:visited div, .stores-navigation__list li a:hover div {
    display: block;
  }
  .stores-navigation__list li a:visited .svg-icon, .stores-navigation__list li a:hover .svg-icon {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: opacity 0.5s ease 0.5s, -webkit-transform 0.5s ease 0.5s;
    transition: opacity 0.5s ease 0.5s, -webkit-transform 0.5s ease 0.5s;
    transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
    transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s, -webkit-transform 0.5s ease 0.5s;
  }
}

.stores-navigation__list li a h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  font-size: 4.375rem;
  font-weight: 500;
  line-height: 0.85;
  letter-spacing: -0.03em;
  font-size: clamp(70px, 18vw, 118px);
  text-transform: lowercase;
  font-size: 13vw;
  line-height: 1.111;
  letter-spacing: -0.2vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 35.4375em) {
  .stores-navigation__list li a h3 {
    font-size: clamp(70px, 15vw, 118px);
    line-height: 1;
  }
}

@media (min-width: 64em) {
  .stores-navigation__list li a h3 {
    font-size: clamp(118px, 11vw, 270px);
  }
}

@media (min-width: 48em) {
  .stores-navigation__list li a h3 {
    line-height: 1.111;
    font-size: 11vw;
  }
}

@media (min-width: 59.375em) {
  .stores-navigation__list li a h3 {
    line-height: 1.111;
    font-size: 9vw;
  }
}

@media (min-width: 64em) {
  .stores-navigation__list li a h3 {
    line-height: 1.111;
    font-size: 8vw;
  }
}

@media (min-width: 71.875em) {
  .stores-navigation__list li a h3 {
    display: inline;
    font-size: 7vw;
    line-height: 7vw;
  }
}

@media (max-width: 71.865em) {
  .stores-navigation__list li a h3 span {
    opacity: 0;
  }
}

.stores-navigation__list li a h3 .svg-icon {
  display: none;
  opacity: 0;
  margin-left: auto;
  fill: currentColor;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
  width: 0.6em;
  height: 0.6em;
  position: relative;
  top: 0.313rem;
  -webkit-transform: translateX(-1.25rem);
          transform: translateX(-1.25rem);
}

@media (min-width: 71.875em) {
  .stores-navigation__list li a h3 .svg-icon {
    display: none;
  }
}

.stores-navigation .fade-enter-active {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.stores-navigation .fade-enter-to {
  opacity: 1;
}

.stores-navigation .fade-enter {
  opacity: 0;
}

.user-type-selector {
  position: relative;
  z-index: 2147483647;
}

.user-type-selector:after {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 3s ease;
  transition: opacity 3s ease;
  content: "";
  z-index: 0;
  display: block;
}

.user-type-selector__inner {
  position: fixed;
  top: 10%;
  right: 0;
  left: 1em;
  z-index: 1;
  margin: 0 auto;
  width: 100%;
  height: 385px;
  max-width: 420px;
  overflow-x: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #252525;
  border-radius: 0px;
  border: 0px;
  background: #eeecea;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-animation: show 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2s;
          animation: show 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2s;
}

@media only screen and (min-width: 426px) and (max-width: 896px) {
  .user-type-selector__inner {
    left: 0;
    top: 15%;
    -webkit-transform: translateY(-13%);
            transform: translateY(-13%);
    width: 95%;
  }
}

@media only screen and (max-width: 425px) {
  .user-type-selector__inner {
    left: 0;
    width: 95%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.user-type-selector__inner__text {
  padding: 0.938rem 0.625rem 0;
}

@media (min-width: 21.875em) {
  .user-type-selector__inner__text {
    padding: 0.938rem 1.25rem 0;
  }
}

@media (min-width: 64em) {
  .user-type-selector__inner__text {
    padding: 0.938rem 4.375rem 0.938rem 1.25rem;
  }
}

.user-type-selector__inner__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: auto;
  padding: 0.938rem 0.625rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 21.875em) {
  .user-type-selector__inner__buttons {
    padding: 0.938rem 1.25rem;
  }
}

.user-type-selector__inner h6 {
  margin-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (min-width: 64em) {
  .user-type-selector__inner h6 {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .user-type-selector__inner h6 {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.user-type-selector__inner h3 {
  margin-bottom: 1.125rem;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 0.95;
  letter-spacing: -0.03em;
}

.user-type-selector__inner p {
  padding-right: 1.25rem;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 0.875rem;
}

@media (min-width: 120.25em) {
  .user-type-selector__inner p {
    font-size: 1.063rem;
  }
}

.user-type-selector__inner p b, .user-type-selector__inner p strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.user-type-selector__inner .button {
  display: none;
  width: auto;
  margin-top: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

@media (min-width: 64em) {
  .user-type-selector__inner .button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.user-type-selector__inner .svg-icon {
  display: none;
}

.user-type-selector__type {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 0.625rem 0;
  font-size: 0.75rem;
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  white-space: nowrap;
  border: 0.063rem solid #282828;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

@media (min-width: 21.875em) {
  .user-type-selector__type {
    padding: 0.625rem 0.313rem;
  }
}

@media (min-width: 24.375em) {
  .user-type-selector__type {
    font-size: 0.875rem;
  }
}

.user-type-selector__type:hover {
  background-color: #282828;
  color: #fff;
}

.user-type-selector__type:not(:last-child) {
  border-right: 0;
}

.user-type-selector__type span {
  display: inline-block;
  width: 100%;
}

@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes show {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.step-guide {
  position: relative;
  background-color: #fff;
  background-color: var(--step-guide-bg-color);
  color: #282828;
  color: var(--step-guide-text-color);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.step-guide__inner {
  margin-left: calc(2 / 12 * 100vw);
  padding: 3.125rem 0;
}

@media (min-width: 48em) {
  .step-guide__inner {
    padding: 6.25rem 0 3.125rem;
    margin-left: calc(1 / 12 * 100vw);
    margin-right: calc(1 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .step-guide__inner {
    padding: 8.75rem 0 4.375rem;
    margin-right: 0;
  }
}

.step-guide__label {
  position: absolute;
  top: 50%;
  left: 1.25rem;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: rotate(-90deg) translate(-50%, -50%);
          transform: rotate(-90deg) translate(-50%, -50%);
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .step-guide__label {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .step-guide__label {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.step-guide__container {
  margin-bottom: 3.125rem;
}

.step-guide__slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: currentColor;
}

@media (min-width: 64em) {
  .step-guide__slide {
    display: grid;
    grid-template-columns: fit-content(55%) fit-content(45%);
    grid-template-areas: "text media";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }
}

@media (min-width: 90em) {
  .step-guide__slide {
    grid-template-columns: 45% fit-content(55%);
    -webkit-column-gap: 6.25rem;
       -moz-column-gap: 6.25rem;
            column-gap: 6.25rem;
  }
}

.step-guide__slide__text {
  grid-area: text;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .step-guide__slide__text {
    margin-right: 0;
  }
}

.step-guide__slide__text h2 {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  margin-bottom: 1.875rem;
  line-height: 0.8 !important;
}

@media (min-width: 21.875em) {
  .step-guide__slide__text h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .step-guide__slide__text h2 {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .step-guide__slide__text h2 {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .step-guide__slide__text h2 {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .step-guide__slide__text h2 {
    font-size: 5.2vw;
  }
}

.step-guide__slide__text p {
  margin-top: auto;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  font-family: "Spectral", serif;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}

@media (min-width: 48em) {
  .step-guide__slide__text p {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .step-guide__slide__text p {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .step-guide__slide__text p {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .step-guide__slide__text p {
    font-size: 1.56vw;
  }
}

.step-guide__slide__text p + div {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.step-guide__slide__text .svg-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.625rem;
}

.step-guide__slide__text a, .step-guide__slide__text button {
  min-width: 0;
}

.step-guide__slide__text a.ar-link, .step-guide__slide__text button.ar-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -ms-flex-item-align: center;
      align-self: center;
}

.step-guide__slide__text a.ar-link:after, .step-guide__slide__text button.ar-link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.step-guide__slide__text a.ar-link:hover:after, .step-guide__slide__text a.ar-link:focus:after, .step-guide__slide__text button.ar-link:hover:after, .step-guide__slide__text button.ar-link:focus:after {
  right: 0;
}

.step-guide__slide__text a.ar-link.is-active:after, .step-guide__slide__text button.ar-link.is-active:after {
  opacity: 1;
  width: 100%;
}

.step-guide__slide__text a.ar-link:after, .step-guide__slide__text button.ar-link:after {
  -webkit-transition: right 0s ease;
  transition: right 0s ease;
}

.step-guide__slide__text a.ar-link:before, .step-guide__slide__text button.ar-link:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 0;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: left 0s ease;
  transition: left 0s ease;
}

.step-guide__slide__text a.ar-link:hover:before, .step-guide__slide__text a.ar-link:focus:before, .step-guide__slide__text button.ar-link:hover:before, .step-guide__slide__text button.ar-link:focus:before {
  opacity: 1;
  left: 100%;
  -webkit-transition: left 0.25s ease-in;
  transition: left 0.25s ease-in;
}

.step-guide__slide__text a.ar-link:hover:after, .step-guide__slide__text a.ar-link:focus:after, .step-guide__slide__text button.ar-link:hover:after, .step-guide__slide__text button.ar-link:focus:after {
  right: 0;
  -webkit-transition: right 0.25s ease-out 0.3s;
  transition: right 0.25s ease-out 0.3s;
}

.step-guide__slide__text a.button.button--secondary, .step-guide__slide__text button.button.button--secondary {
  color: currentColor;
  border-color: currentColor;
}

.step-guide__slide__text a.button.button--secondary.has-colors, .step-guide__slide__text button.button.button--secondary.has-colors {
  border-color: var(--text-color);
  color: var(--text-color);
  background-color: transparent !important;
}

.step-guide__slide__text a.button.button--secondary.has-colors:hover, .step-guide__slide__text button.button.button--secondary.has-colors:hover {
  border-color: var(--text-color);
  color: var(--text-color);
  background-color: #282828;
  background-color: var(--background-color) !important;
}

.step-guide__slide__text a.button.button--primary.has-colors, .step-guide__slide__text button.button.button--primary.has-colors {
  background-color: var(--background-color);
  color: var(--text-color);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.step-guide__slide__text a.button.button--primary.has-colors span, .step-guide__slide__text button.button.button--primary.has-colors span {
  color: currentColor;
}

.step-guide__slide__text a.button.button--primary.has-colors:hover, .step-guide__slide__text button.button.button--primary.has-colors:hover {
  opacity: 0.8;
  background-color: var(--background-color);
}

.step-guide__slide__media {
  grid-area: media;
  aspect-ratio: 7 / 6;
  margin-top: 1.875rem;
}

@media (min-width: 64em) {
  .step-guide__slide__media {
    margin-top: 0;
  }
}

.step-guide__slide__media img, .step-guide__slide__media video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: left top;
     object-position: left top;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:left top";
     object-fit: contain;
}

@media (min-width: 64em) {
  .step-guide__slide__media img, .step-guide__slide__media video {
    -o-object-position: center;
       object-position: center;
  }
}

.step-guide .swiper-slide {
  visibility: hidden;
}

.step-guide .swiper-slide.swiper-slide-active {
  visibility: visible;
}

.step-guide .swiper-pagination {
  margin: 0 0 1.875rem;
  text-transform: uppercase;
  font-size: 1rem;
}

.step-guide .swiper-pagination strong {
  margin-right: 1.25rem;
  font-weight: 500;
}

.step-guide .swiper-button-prev,
.step-guide .swiper-button-next {
  cursor: pointer !important;
  font-size: 2.5rem;
  font-weight: 300;
  position: static;
  width: 2.5rem;
  height: auto;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.step-guide .swiper-button-prev:hover,
.step-guide .swiper-button-next:hover {
  opacity: 0.7;
}

.step-guide .swiper-button-prev:focus,
.step-guide .swiper-button-next:focus {
  opacity: 1;
}

.step-guide .swiper-button-prev.swiper-button-disabled,
.step-guide .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
  cursor: default;
}

@media (min-width: 120.25em) {
  .step-guide .swiper-button-prev,
  .step-guide .swiper-button-next {
    font-size: 3.75rem;
    width: 3.75rem;
  }
}

:root {
  --fragmented-hero-text-color: #282828;
  --fragmented-hero-background-color: transparent;
}

.hero-fragmented {
  color: #282828;
  color: var(--fragmented-hero-text-color);
  position: relative;
  background-color: transparent;
  background-color: var(--fragmented-hero-background-color);
}

.hero-fragmented.has-hoverlabel a:hover {
  cursor: none;
}

.hero-fragmented__inner {
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: currentColor;
}

.hero-fragmented__label {
  grid-area: label;
  position: relative;
  z-index: 1;
}

.hero-fragmented__label__inner {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.02em;
}

@media (min-width: 64em) {
  .hero-fragmented__label__inner {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .hero-fragmented__label__inner {
    font-size: 0.97vw;
  }
}

.hero-fragmented__headline {
  grid-area: headline;
  position: relative;
  z-index: 1;
}

.hero-fragmented__headline strong {
  display: block;
}

.hero-fragmented__headline strong + strong {
  text-align: right;
}

.hero-fragmented__body {
  position: relative;
  grid-area: body;
}

.hero-fragmented__body span {
  display: block;
}

@media (min-width: 48em) {
  .hero-fragmented__body p {
    -webkit-line-clamp: 14;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    max-height: 40vh;
    overflow: hidden;
  }
}

@media (min-width: 64em) {
  .hero-fragmented__body p {
    max-height: 60vh;
  }
}

@media (min-width: 120.25em) {
  .hero-fragmented__body p {
    max-height: 80vh;
  }
}

.hero-fragmented__body .link {
  display: inline-block;
  margin-top: 1.25rem;
  color: currentColor;
}

.hero-fragmented__body p strong {
  display: block;
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif !important;
}

@media (min-width: 64em) {
  .hero-fragmented__body p strong {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .hero-fragmented__body p strong {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

@media (min-width: 90em) {
  .hero-fragmented__body p strong {
    font-size: 1vw;
  }
}

.hero-fragmented__media {
  display: block;
  position: relative;
}

.hero-fragmented__media img,
.hero-fragmented__media video {
  display: block;
  width: 100%;
  max-width: 100%;
}

.hero-fragmented__media video {
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  aspect-ratio: 4 / 5;
}

.hero-fragmented__media--1 {
  grid-area: media1;
}

.hero-fragmented__media--2 {
  grid-area: media2;
}

.hero-fragmented__hover {
  position: fixed;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  color: currentColor;
  pointer-events: none;
}

.hero-fragmented--default .hero-fragmented__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "media1 media1"
 "label label"
 "headline headline"
 "body media2";
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

@media (min-width: 35.4375em) {
  .hero-fragmented--default .hero-fragmented__inner {
    display: block;
    padding-bottom: 20%;
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--default .hero-fragmented__inner {
    padding-bottom: 0;
  }
}

.hero-fragmented--default.hero-fragmented--no-body {
  grid-template-areas: "media1 media1"
 "label label"
 "headline headline"
 "media2 media2";
}

.hero-fragmented--default.hero-fragmented--no-body .hero-fragmented__media--2 {
  margin: -1.25rem 16.66667vw 0 0;
}

@media (min-width: 35.4375em) {
  .hero-fragmented--default.hero-fragmented--no-body .hero-fragmented__media--2 {
    margin: 0;
  }
}

.hero-fragmented--default .hero-fragmented__label {
  margin-top: 1.25rem;
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .hero-fragmented--default .hero-fragmented__label {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 48em) {
  .hero-fragmented--default .hero-fragmented__label {
    margin-top: 0;
  }
}

@media (min-width: 35.4375em) {
  .hero-fragmented--default .hero-fragmented__label span {
    display: block;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: mixed;
  }
}

@media (min-width: 35.4375em) {
  .hero-fragmented--default .hero-fragmented__label {
    margin: 0;
    position: absolute;
    top: 0.625rem;
    right: 1.25rem;
    margin: 0;
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--default .hero-fragmented__label {
    top: calc(8.33333vw + 1.25rem);
  }
}

.hero-fragmented--default .hero-fragmented__headline {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  margin-bottom: -1.25rem;
}

@media (min-width: 64em) {
  .hero-fragmented--default .hero-fragmented__headline {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 35.4375em) {
  .hero-fragmented--default .hero-fragmented__headline {
    top: auto;
    margin-bottom: -8.33333vw;
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--default .hero-fragmented__headline {
    margin: 0;
    position: absolute;
    display: block;
    top: 8.33333vw;
    left: 0;
    right: 0;
    padding-left: 33.33333vw;
    padding-right: 8.33333vw;
  }
}

@media (min-width: 90em) {
  .hero-fragmented--default .hero-fragmented__headline {
    padding-left: 33.33333vw;
  }
}

.hero-fragmented--default .hero-fragmented__headline strong {
  display: block;
  text-align: right;
  font-size: 4.375rem;
  font-weight: 500;
  line-height: 0.85;
  letter-spacing: -0.03em;
  font-size: clamp(70px, 18vw, 118px);
}

@media (min-width: 35.4375em) {
  .hero-fragmented--default .hero-fragmented__headline strong {
    font-size: clamp(70px, 15vw, 118px);
    line-height: 1;
  }
}

@media (min-width: 64em) {
  .hero-fragmented--default .hero-fragmented__headline strong {
    font-size: clamp(118px, 11vw, 270px);
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--default .hero-fragmented__headline strong {
    white-space: nowrap;
  }
}

.hero-fragmented--default .hero-fragmented__headline strong:first-child {
  text-align: left;
}

@media (min-width: 59.375em) {
  .hero-fragmented--default .hero-fragmented__headline strong:first-child {
    padding-left: 0;
    padding-right: 8.33333vw;
  }
}

@media (min-width: 35.4375em) {
  .hero-fragmented--default .hero-fragmented__headline strong:last-child {
    text-align: left;
    padding-left: 25vw;
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--default .hero-fragmented__headline strong:last-child {
    padding-left: 8.33333vw;
    text-align: right;
  }
}

@media (min-width: 90em) {
  .hero-fragmented--default .hero-fragmented__headline strong:last-child {
    padding-left: 16.66667vw;
  }
}

@media (min-width: 120.25em) {
  .hero-fragmented--default .hero-fragmented__headline strong:last-child {
    padding-left: 0;
  }
}

.hero-fragmented--default .hero-fragmented__headline strong:first-of-type:last-of-type {
  text-align: left;
}

@media (min-width: 59.375em) {
  .hero-fragmented--default .hero-fragmented__headline strong:first-of-type:last-of-type {
    text-align: right;
    white-space: initial;
    padding-left: 8.33333vw !important;
    padding-right: 8.33333vw !important;
  }
}

.hero-fragmented--default .hero-fragmented__headline--full {
  margin-top: 1.25rem;
  padding: 0 !important;
}

@media (max-width: 59.365em) {
  .hero-fragmented--default .hero-fragmented__headline .hero-fragmented__label {
    margin-left: 0;
    margin-right: 0;
  }
}

.hero-fragmented--default .hero-fragmented__body {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  margin-top: 2.125rem;
}

@media (min-width: 90em) {
  .hero-fragmented--default .hero-fragmented__body {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.hero-fragmented--default .hero-fragmented__body b, .hero-fragmented--default .hero-fragmented__body strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 35.4375em) {
  .hero-fragmented--default .hero-fragmented__body {
    position: absolute;
    bottom: 30%;
    right: 0;
    max-width: 33.33333vw;
    margin: 0 0 1.875rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--default .hero-fragmented__body {
    position: static;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-top: 2.5rem;
    max-width: 58.33333vw;
  }
}

@media (min-width: 90em) {
  .hero-fragmented--default .hero-fragmented__body {
    max-width: 66.66667vw;
    padding-left: 16.66667vw;
  }
}

@media (min-width: 120.25em) {
  .hero-fragmented--default .hero-fragmented__body {
    max-width: 58.33333vw;
  }
}

.hero-fragmented--default .hero-fragmented__media--1 {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media (min-width: 35.4375em) {
  .hero-fragmented--default .hero-fragmented__media--1 {
    max-width: 58.33333vw;
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--default .hero-fragmented__media--1 {
    max-width: 41.66667vw;
  }
}

@media (min-width: 35.4375em) {
  .hero-fragmented--default .hero-fragmented__media--2 {
    position: absolute;
    top: 70%;
    right: 0;
    max-width: 33.33333vw;
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--default .hero-fragmented__media--2 {
    max-width: 16.66667vw;
    top: 25vw;
    right: 7vw;
    margin-right: -1.25rem;
  }
}

@media (min-width: 71.875em) {
  .hero-fragmented--default .hero-fragmented__media--2 {
    right: 6vw;
  }
}

.hero-fragmented--verbose .hero-fragmented__inner {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "media1 media1"
 "headline headline"
 "body media2";
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

@media (min-width: 21.875em) {
  .hero-fragmented--verbose .hero-fragmented__inner {
    grid-template-columns: 3fr 2fr;
  }
}

@media (min-width: 35.4375em) {
  .hero-fragmented--verbose .hero-fragmented__inner {
    display: block;
    padding-top: 8.33333vw;
    padding-bottom: 20%;
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--verbose .hero-fragmented__inner {
    padding-top: 0;
    padding-bottom: 0;
    grid-template-columns: fit-content(37.5%) auto;
    grid-template-areas: "media1 media1"
 "headline headline"
 "media2 body";
  }
}

.hero-fragmented--verbose .hero-fragmented__headline {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  margin-bottom: -0.75rem;
  margin-top: 1.25rem;
}

@media (min-width: 64em) {
  .hero-fragmented--verbose .hero-fragmented__headline {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.hero-fragmented--verbose .hero-fragmented__headline strong {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .hero-fragmented--verbose .hero-fragmented__headline strong {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .hero-fragmented--verbose .hero-fragmented__headline strong {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .hero-fragmented--verbose .hero-fragmented__headline strong {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .hero-fragmented--verbose .hero-fragmented__headline strong {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .hero-fragmented--verbose .hero-fragmented__headline strong {
    font-size: 5.2vw;
  }
}

@media (min-width: 35.4375em) {
  .hero-fragmented--verbose .hero-fragmented__headline {
    margin-top: 0;
    top: 0;
  }
}

@media (min-width: 48em) {
  .hero-fragmented--verbose .hero-fragmented__headline {
    margin: 0;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 4.16667vw;
    padding-left: 58.33333vw;
    padding-right: 1.063rem;
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--verbose .hero-fragmented__headline {
    left: 0;
    padding-left: 45.83333vw;
    padding-right: 12.5vw;
    top: 8.33333vw;
  }
}

@media (min-width: 150em) {
  .hero-fragmented--verbose .hero-fragmented__headline {
    padding-right: 16.66667vw;
  }
}

.hero-fragmented--verbose .hero-fragmented__body {
  font-size: 1.25rem;
  line-height: 1.25;
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  margin-top: 3.125rem;
}

@media (min-width: 35.4375em) {
  .hero-fragmented--verbose .hero-fragmented__body {
    position: absolute;
    bottom: 40%;
    right: 0;
    max-width: 33.33333vw;
    margin: 0 0 1.875rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--verbose .hero-fragmented__body {
    font-size: 1.375rem;
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    max-width: none;
    margin: 0;
    padding-left: 66.66667vw;
  }
}

@media (min-width: 90em) {
  .hero-fragmented--verbose .hero-fragmented__body {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .hero-fragmented--verbose .hero-fragmented__body {
    padding-right: 8.33333vw;
    font-size: 1.25vw;
  }
}

.hero-fragmented--verbose .hero-fragmented__media--1 {
  margin-top: 8.33333vw;
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media (min-width: 35.4375em) {
  .hero-fragmented--verbose .hero-fragmented__media--1 {
    max-width: 58.33333vw;
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--verbose .hero-fragmented__media--1 {
    max-width: 41.66667vw;
  }
}

.hero-fragmented--verbose .hero-fragmented__media--2 {
  margin-top: 3.125rem;
}

@media (min-width: 35.4375em) {
  .hero-fragmented--verbose .hero-fragmented__media--2 {
    margin-top: 0;
    position: absolute;
    top: 60%;
    right: 0;
    max-width: 33.33333vw;
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--verbose .hero-fragmented__media--2 {
    max-width: 16.66667vw;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -1.25rem;
  }
}

@media (min-width: 48em) {
  .hero-fragmented--verbose.hero-fragmented--overlap {
    padding-top: 0;
  }
}

@media (min-width: 48em) {
  .hero-fragmented--verbose.hero-fragmented--overlap .hero-fragmented__media--1 {
    margin-top: calc((7.4/2) * 1vw + 1.563rem);
  }
}

@media (min-width: 90em) {
  .hero-fragmented--verbose.hero-fragmented--overlap .hero-fragmented__media--1 {
    margin-top: calc((6.15/2) * 1vw + 1.875rem);
  }
}

@media (min-width: 48em) {
  .hero-fragmented--verbose.hero-fragmented--overlap .hero-fragmented__headline {
    padding-left: 33.33333vw;
  }
}

@media (min-width: 59.375em) {
  .hero-fragmented--verbose.hero-fragmented--overlap .hero-fragmented__headline {
    top: 0;
    padding-left: 35.41667vw;
    padding-right: 16.66667vw;
  }
}

@media (min-width: 90em) {
  .hero-fragmented--verbose.hero-fragmented--overlap .hero-fragmented__headline {
    padding-right: 25vw;
  }
}

:root {
  --image-products-overlay-bg-color: #fff;
  --image-products-button-bg-color: #fff;
}

.image-products {
  position: relative;
}

.image-products__button {
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  z-index: 40;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  color: #282828;
  height: 1.875rem;
  border: none;
  padding: 0 0.625rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  font-weight: 500;
}

.image-products__button span {
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  font-size: 0.875rem;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  pointer-events: none;
  display: none;
}

@media (hover: hover) {
  .image-products__button span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.image-products__button svg {
  position: relative;
  z-index: 1;
  width: 0.625rem;
  height: 0.625rem;
  pointer-events: none;
}

.image-products__button:before {
  content: '';
  display: block;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  background-color: var(--image-products-button-bg-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 0.938rem;
  width: 100%;
  -webkit-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s;
}

.image-products__button--block {
  position: static;
  display: inline-block;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  margin: 1.063rem 0;
}

.image-products__button--block:after {
  content: '';
  display: block;
}

@media (min-width: 59.375em) {
  .image-products__button--block {
    margin: 1.25rem 0;
  }
}

.image-products__button--block:before {
  -webkit-box-shadow: 0 0 0.125rem #7f7f7f;
          box-shadow: 0 0 0.125rem #7f7f7f;
}

.image-products__button--block:hover:before {
  background-color: #eeecea;
}

@media (min-width: 59.375em) {
  .image-products__button--block span, .image-products__button.in-view span {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .image-products__button--block:before, .image-products__button.in-view:before {
    width: 100%;
  }
}

@media (min-width: 59.375em) {
  .image-products__button--block.is-animated:not(.image-products__button--block) span, .image-products__button.in-view.is-animated:not(.image-products__button--block) span {
    opacity: 0;
    -webkit-transform: translateX(-0.312rem);
            transform: translateX(-0.312rem);
  }
  .image-products__button--block.is-animated:not(.image-products__button--block):before, .image-products__button.in-view.is-animated:not(.image-products__button--block):before {
    width: 1.875rem;
  }
}

@media (min-width: 59.375em) {
  .image-products__button--block:hover:not(.image-products__button--block) span, .image-products__button.in-view:hover:not(.image-products__button--block) span {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;
  }
  .image-products__button--block:hover:not(.image-products__button--block):before, .image-products__button.in-view:hover:not(.image-products__button--block):before {
    width: 100%;
    -webkit-transition: width 0.2s ease-out;
    transition: width 0.2s ease-out;
  }
}

@-webkit-keyframes spanHide {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-0.312rem);
            transform: translateX(-0.312rem);
  }
}

@keyframes spanHide {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-0.312rem);
            transform: translateX(-0.312rem);
  }
}

@-webkit-keyframes bgHide {
  0% {
    width: 100%;
  }
  100% {
    width: 1.875rem;
  }
}

@keyframes bgHide {
  0% {
    width: 100%;
  }
  100% {
    width: 1.875rem;
  }
}

.image-products__overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1103;
  -webkit-transition: -webkit-transform 0.55s ease;
  transition: -webkit-transform 0.55s ease;
  transition: transform 0.55s ease;
  transition: transform 0.55s ease, -webkit-transform 0.55s ease;
  -webkit-transform: translateY(120%);
          transform: translateY(120%);
}

@media (min-width: 48em) {
  .image-products__overlay {
    left: auto;
    top: 0;
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
    width: 31.25rem;
  }
}

@media (min-width: 120.25em) {
  .image-products__overlay {
    width: 25vw;
  }
}

.image-products__overlay.is-active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.image-products__overlay__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3.75rem;
}

.image-products__overlay__close > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50% 50%;
  z-index: 2;
  background-color: #f9f8f2;
}

.image-products__overlay__close > span svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
}

@media (min-width: 48em) {
  .image-products__overlay__close {
    display: none;
  }
}

.image-products__overlay__inner {
  background-color: #fff;
  background-color: var(--image-products-overlay-bg-color);
  color: #282828;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  height: calc(100vh - 3.75rem);
  overflow-x: hidden;
  overflow-y: auto;
}

@supports (--custom: property) {
  .image-products__overlay__inner {
    height: calc(var(--vh) * 100px - 3.75rem);
  }
}

@media (min-width: 48em) {
  .image-products__overlay__inner {
    height: 100vh;
  }
  @supports (--custom: property) {
    .image-products__overlay__inner {
      height: calc(var(--vh) * 100px);
    }
  }
}

.image-products__overlay__inner h4 {
  padding: 1.25rem;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  margin-bottom: 3.125rem;
  max-width: 50%;
}

@media (min-width: 21.875em) {
  .image-products__overlay__inner h4 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .image-products__overlay__inner h4 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .image-products__overlay__inner h4 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .image-products__overlay__inner h4 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .image-products__overlay__inner h4 {
    font-size: 2.6vw;
  }
}

.image-products__overlay__inner p {
  padding: 1.25rem;
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
}

@media (min-width: 64em) {
  .image-products__overlay__inner p {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .image-products__overlay__inner p {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.image-products__overlay__inner p b, .image-products__overlay__inner p strong {
  font-weight: 500;
}

.image-products__overlay__grid {
  border-top: 0.063rem solid #282828;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.063rem;
}

.image-products__overlay__grid__item {
  outline: 0.063rem solid #d9d9d9;
}

.switch-mode-notice {
  display: block;
  font-size: 0.75rem;
  line-height: 1.27;
}

.switch-mode-notice a {
  text-decoration: underline;
}

.switch-mode-notice__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 1em;
}

.switch-mode-notice__icon svg {
  height: 1em;
  width: 1em;
}

.tooltip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.313rem 2.5rem 0.5rem 0.625rem;
  width: 12.5rem;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.75rem;
  line-height: 1.5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: lightsteelblue;
  position: fixed;
  z-index: 9997;
  top: -100%;
  left: -100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.tooltip.is-active {
  top: var(--pos-y);
  left: var(--pos-x);
  opacity: 1;
  display: block !important;
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
}

.tooltip__close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 0.938rem;
  height: 0.938rem;
}

.tooltip-button {
  margin-left: 0.25em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
}

.tooltip-button svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 0.625rem;
  height: 0.625rem;
}

:root {
  --usp-spot-bg-color: grey;
  --usp-spot-text-color: currentColor;
  --padding-unit: 1.063rem;
}

.usp-spot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  min-height: 100vw;
}

@media (min-width: 64em) {
  .usp-spot {
    --padding-unit: 1.25rem;
  }
}

@media (min-width: 150em) {
  .usp-spot {
    --padding-unit: 2.5rem;
  }
}

@media (min-width: 35.4375em) {
  .usp-spot {
    min-height: 60vw;
  }
}

@media (min-width: 59.375em) {
  .usp-spot {
    min-height: 40vw;
  }
}

@media (min-width: 120.25em) {
  .usp-spot {
    min-height: 35vw;
  }
}

@media (min-width: 150em) {
  .usp-spot {
    min-height: 32vw;
  }
}

.usp-spot__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--usp-spot-text-color);
  background-color: #e2e0dd;
  background-color: var(--usp-spot-bg-color);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (hover: hover) {
  .usp-spot a.usp-spot__inner {
    cursor: pointer;
  }
  .usp-spot a.usp-spot__inner .usp-spot__hovertext {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (hover: hover) and (min-width: 59.375em) {
  .usp-spot a.usp-spot__inner .usp-spot__hovertext span {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@media (hover: hover) {
  .usp-spot a.usp-spot__inner:hover .usp-spot__description {
    padding-top: 0;
    padding-bottom: 0;
  }
  .usp-spot a.usp-spot__inner:hover .usp-spot__hovertext {
    margin-bottom: var(--padding-unit);
    padding-top: var(--padding-unit);
  }
  .usp-spot a.usp-spot__inner:hover .usp-spot__hovertext span {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@media (max-width: 59.365em) {
  .usp-spot a.usp-spot__inner {
    padding-bottom: var(--padding-unit);
    margin-bottom: calc(-1 * var(--padding-unit));
  }
}

.usp-spot__media {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
}

.usp-spot__media img,
.usp-spot__media video {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.usp-spot__name {
  margin-top: 0;
  position: static;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .usp-spot__name {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .usp-spot__name {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .usp-spot__name {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .usp-spot__name {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .usp-spot__name {
    font-size: 2.6vw;
  }
}

@media (min-width: 120.25em) {
  .usp-spot__name {
    max-width: 80%;
  }
}

@media (min-width: 150em) {
  .usp-spot__name {
    max-width: 70%;
  }
}

.usp-spot__description {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  text-align: left;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (min-width: 90em) {
  .usp-spot__description {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.usp-spot__description b, .usp-spot__description strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 59.375em) {
  .usp-spot__description {
    max-width: 80%;
  }
}

@media (min-width: 120.25em) {
  .usp-spot__description {
    max-width: 66.66667%;
  }
}

.usp-spot__inner p:last-child {
  padding-bottom: calc(1 * var(--padding-unit));
}

.usp-spot__hovertext {
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-top: calc(1 * var(--padding-unit));
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  padding-left: var(--padding-unit);
  padding-bottom: var(--padding-unit);
}

@media (min-width: 90em) {
  .usp-spot__hovertext {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.usp-spot__hovertext b, .usp-spot__hovertext strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.usp-spot__hovertext span {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  text-decoration: underline;
}

@media (min-width: 150em) {
  .usp-spot {
    --padding-unit: 1.25rem;
  }
}

.usp-spot--image-icon .usp-spot__media {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding-left: var(--padding-unit);
  padding-top: var(--padding-unit);
  padding-bottom: 0.625rem;
  width: clamp(3.125rem, 4vw, 6.25rem);
}

@media (min-width: 64em) {
  .usp-spot--image-icon .usp-spot__media {
    width: clamp(4.375rem, 4vw, 7.5rem);
  }
}

.usp-spot--image-icon .usp-spot__media img {
  height: auto;
  -o-object-fit: initial;
     font-family: "object-fit:initial;object-position:initial";
     object-fit: initial;
  -o-object-position: initial;
     object-position: initial;
}

.usp-spot--image-icon .usp-spot__name {
  margin-top: auto;
  margin-bottom: var(--padding-unit);
  padding: 0 var(--padding-unit);
}

.usp-spot--image-icon .usp-spot__description {
  padding: 0 var(--padding-unit);
}

.usp-spot--image-full .usp-spot__media {
  width: 100%;
  aspect-ratio: 16 / 10;
}

@media (min-width: 59.375em) {
  .usp-spot--image-full .usp-spot__media {
    aspect-ratio: 4 / 3;
  }
}

@media (min-width: 120.25em) {
  .usp-spot--image-full .usp-spot__media {
    aspect-ratio: 16 / 9;
  }
}

.usp-spot--image-full .usp-spot__name {
  margin-bottom: auto;
  padding: var(--padding-unit) var(--padding-unit) var(--padding-unit);
}

.usp-spot--image-full .usp-spot__description {
  margin-top: auto;
  padding: calc(2 * var(--padding-unit)) var(--padding-unit) 0;
}

@media (hover: hover) {
  .usp-spot--image-full a.usp-spot__inner:hover .usp-spot__media img {
    -webkit-transform: scale(1.025);
            transform: scale(1.025);
  }
}

.usp-spot--image-tall .usp-spot__media {
  max-height: 60%;
  margin-bottom: auto;
  padding: 1.063rem 2.125rem;
}

@media (min-width: 59.375em) {
  .usp-spot--image-tall .usp-spot__media {
    padding: 1.25rem 2.5rem;
  }
}

.usp-spot--image-tall .usp-spot__media img,
.usp-spot--image-tall .usp-spot__media video {
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.usp-spot--image-tall .usp-spot__name {
  padding: var(--padding-unit) var(--padding-unit) 0;
}

.usp-spot--image-tall .usp-spot__description {
  padding: var(--padding-unit) var(--padding-unit) 0;
}

@media (hover: hover) {
  .usp-spot--image-tall a.usp-spot__inner:hover .usp-spot__media img {
    -webkit-transform: scale(1.025);
            transform: scale(1.025);
  }
  .usp-spot--image-tall a.usp-spot__inner:hover .usp-spot__name {
    margin-top: calc(-2 * var(--padding-unit));
  }
  .usp-spot--image-tall a.usp-spot__inner:hover .usp-spot__description {
    padding: var(--padding-unit) var(--padding-unit) 0;
  }
}

.usp-spot--image-corner .usp-spot__name {
  margin-bottom: var(--padding-unit);
  padding: var(--padding-unit) var(--padding-unit) 0;
}

.usp-spot--image-corner .usp-spot__description {
  margin-top: auto;
  padding: 0 var(--padding-unit);
}

.usp-spot--image-corner .usp-spot__media {
  margin-top: var(--padding-unit);
  margin-left: 30%;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

@media (min-width: 59.375em) {
  .usp-spot--image-corner .usp-spot__media {
    margin-left: 6.25rem;
    aspect-ratio: 1 / 1;
  }
}

@media (min-width: 120.25em) {
  .usp-spot--image-corner .usp-spot__media {
    margin-left: 25%;
    aspect-ratio: 4 / 3;
  }
}

.usp-spot--image-corner .usp-spot__media img {
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

@media (hover: hover) {
  .usp-spot--image-corner a.usp-spot__inner .usp-spot__description {
    margin-top: auto;
    padding-top: calc(1 * var(--padding-unit));
  }
  .usp-spot--image-corner a.usp-spot__inner:hover .usp-spot__media img {
    -webkit-transform: scale(1.025);
            transform: scale(1.025);
  }
  .usp-spot--image-corner a.usp-spot__inner:hover .usp-spot__hovertext {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 59.365em) {
  .usp-spot--image-corner a.usp-spot__inner {
    padding-bottom: 0;
  }
}

@media (min-width: 59.375em) {
  .bordered-grid .usp-spot {
    min-height: 0 !important;
  }
}

.bordered-grid .usp-spot.usp-spot--image-full .usp-spot__media, .bordered-grid .usp-spot.usp-spot--image-corner .usp-spot__media, .bordered-grid .usp-spot.usp-spot--image-tall .usp-spot__media {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 10vw;
      flex-basis: 10vw;
}

.bordered-grid .usp-spot.usp-spot--image-corner .usp-spot__media {
  aspect-ratio: 1 / 1;
}

.bordered-grid :not(.bordered-grid__item--type-2col.bordered-grid__item--type-2row) .usp-spot {
  min-height: 0 !important;
}

.bordered-grid :not(.bordered-grid__item--type-2col.bordered-grid__item--type-2row) .usp-spot .usp-spot__name {
  font-size: 1.875rem !important;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

@media (min-width: 64em) {
  .bordered-grid :not(.bordered-grid__item--type-2col.bordered-grid__item--type-2row) .usp-spot .usp-spot__name {
    -webkit-hyphens: initial;
        -ms-hyphens: initial;
            hyphens: initial;
    font-size: 2.188rem !important;
  }
}

.bordered-grid :not(.bordered-grid__item--type-2col.bordered-grid__item--type-2row) .usp-spot .usp-spot__description {
  font-size: 0.75rem !important;
}

@media (min-width: 64em) {
  .bordered-grid :not(.bordered-grid__item--type-2col.bordered-grid__item--type-2row) .usp-spot .usp-spot__description {
    max-width: none;
    font-size: 0.875rem !important;
  }
}

@media (min-width: 90em) {
  .bordered-grid :not(.bordered-grid__item--type-2col.bordered-grid__item--type-2row) .usp-spot .usp-spot__description {
    max-width: 80%;
  }
}

.bordered-grid :not(.bordered-grid__item--type-2col.bordered-grid__item--type-2row) .usp-spot .usp-spot__hovertext {
  font-size: 0.875rem !important;
}

@media (min-width: 64em) {
  .bordered-grid :not(.bordered-grid__item--type-2col.bordered-grid__item--type-2row) .usp-spot .usp-spot__hovertext {
    font-size: 1rem !important;
  }
}

:root {
  --usp-spot-banner-text-color: #282828;
}

.usp-spot-banner {
  color: #282828;
  color: var(--usp-spot-banner-text-color);
  max-width: 100%;
}

@media (min-width: 59.375em) {
  .usp-spot-banner {
    margin-left: 1.063rem;
    margin-right: 1.063rem;
  }
}

@media (min-width: 59.375em) and (min-width: 64em) {
  .usp-spot-banner {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 105em) {
  .usp-spot-banner {
    margin-right: 1.875rem;
  }
}

@media (min-width: 150em) {
  .usp-spot-banner {
    margin-right: 2.5rem;
  }
}

.usp-spot-banner__inner {
  position: relative;
  padding-bottom: 0.938rem;
}

@media (min-width: 59.375em) {
  .usp-spot-banner__inner {
    padding-bottom: 0;
    min-width: 0;
  }
}

.usp-spot-banner__spots {
  overflow-y: hidden;
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  overflow: auto;
  scroll-padding: 1.063rem;
  padding: 0 1.063rem;
  display: grid;
  grid-template-columns: 80vw 80vw 80vw;
  grid-column-gap: 1.063rem;
  grid-template-rows: repeat(7, 1fr);
}

.usp-spot-banner__spots::-webkit-scrollbar {
  display: none;
}

@media (min-width: 48em) {
  .usp-spot-banner__spots {
    grid-template-columns: 70vw 70vw 70vw;
  }
}

@media (min-width: 59.375em) {
  .usp-spot-banner__spots {
    grid-template-rows: repeat(7, 1fr);
    padding: 0;
    max-width: none;
    overflow: visible;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 90em) {
  .usp-spot-banner__spots {
    margin-left: 8.33333vw;
  }
}

@media (min-width: 105em) {
  .usp-spot-banner__spots {
    grid-column-gap: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .usp-spot-banner__spots {
    grid-column-gap: 2.5rem;
  }
}

@media (min-width: 150em) {
  .usp-spot-banner__spots {
    margin-left: 16.66667vw;
  }
}

.usp-spot-banner__spots > * {
  height: auto;
  scroll-snap-align: start;
}

@media (min-width: 59.375em) {
  .usp-spot-banner__spots > * {
    width: auto;
  }
}

.usp-spot-banner__spots > * .usp-spot__inner {
  height: 100%;
}

.usp-spot-banner__spots > *:first-child {
  grid-column: 1 / 2;
  grid-row: 2 / 8;
}

@media (min-width: 59.375em) {
  .usp-spot-banner__spots > *:first-child {
    grid-row: 2 / 7;
  }
}

.usp-spot-banner__spots > *:nth-child(2) {
  grid-column: 2 / 3;
  grid-row: 1 / 7;
}

@media (min-width: 59.375em) {
  .usp-spot-banner__spots > *:nth-child(2) {
    grid-row: 1 / 6;
  }
}

.usp-spot-banner__spots > *:last-child {
  grid-column: 3 / 4;
  grid-row: 2 / 8;
}

@media (min-width: 59.375em) {
  .usp-spot-banner__spots > *:last-child {
    grid-row: 3 / 8;
  }
}

.usp-spot-banner__headline {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
  margin: 0 1.063rem -1.875rem;
  max-width: 80%;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
}

@media (min-width: 21.875em) {
  .usp-spot-banner__headline {
    font-size: 1.5rem;
  }
}

@media (min-width: 48em) {
  .usp-spot-banner__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 64em) {
  .usp-spot-banner__headline {
    font-size: 2.188rem;
  }
}

@media (min-width: 90em) {
  .usp-spot-banner__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .usp-spot-banner__headline {
    font-size: 2.08vw;
  }
}

@media (min-width: 59.375em) {
  .usp-spot-banner__headline {
    margin-left: 0;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 30%;
  }
}

.usp-spot-banner__headline.is-active {
  opacity: 1;
}

.usp-spot-banner__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.188rem;
  margin: 0.625rem 1.063rem 0;
  padding-top: 1.25rem;
}

@media (min-width: 59.375em) {
  .usp-spot-banner__progress {
    display: none;
  }
}

.usp-spot-banner__progress li {
  display: block;
  height: 0.125rem;
  width: 1.375rem;
  opacity: 0.3;
  background-color: currentColor;
}

.usp-spot-banner__progress li.is-active {
  opacity: 1;
}

.usp-spot-banner__nav {
  position: absolute;
  bottom: 0;
  right: 1.063rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.938rem;
}

@media (min-width: 59.375em) {
  .usp-spot-banner__nav {
    display: none;
  }
}

.usp-spot-banner__nav button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50% 50%;
  border: 0.063rem solid #282828;
}

.usp-spot-banner__nav button .svg-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1rem;
          flex: 0 0 1rem;
  height: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.usp-spot-banner--two-spots .usp-spot-banner__spots {
  grid-template-columns: 80vw 80vw;
}

@media (min-width: 59.375em) {
  .usp-spot-banner--two-spots .usp-spot-banner__spots {
    grid-template-columns: 2fr 5fr 5fr;
    grid-template-rows: repeat(7, 1fr);
  }
}

.usp-spot-banner--two-spots .usp-spot-banner__spots > *:first-child {
  grid-column: 1 / 2;
  grid-row: 2 / 8;
}

.usp-spot-banner--two-spots .usp-spot-banner__spots > *:last-child {
  grid-column: 2 / 3;
  grid-row: 1 / 7;
}

@media (min-width: 59.375em) {
  .usp-spot-banner--two-spots .usp-spot-banner__spots > *:first-child {
    grid-column: 2 / 3;
  }
  .usp-spot-banner--two-spots .usp-spot-banner__spots > *:last-child {
    grid-column: 3 / 4;
  }
}

:root {
  --inspiration-tile-v2-bg-color: transparent;
  --inspiration-tile-v2-text-color: #282828;
  --headline-size: 1.875rem;
}

.inspiration-tile-v2 {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: var(--inspiration-tile-v2-bg-color);
  color: var(--inspiration-tile-v2-text-color);
  text-align: left;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2 {
    --headline-size: 2.188rem;
    min-height: 18.75rem;
  }
}

@media (min-width: 90em) {
  .inspiration-tile-v2 {
    min-height: 25rem;
  }
}

@media (min-width: 120.25em) {
  .inspiration-tile-v2 {
    min-height: 31.25rem;
  }
}

@media (min-width: 59.375em) {
  .bordered-grid .inspiration-tile-v2 {
    min-height: 0;
  }
}

@media (min-width: 90em) {
  .bordered-grid .inspiration-tile-v2 {
    min-height: 0;
  }
}

@media (min-width: 120.25em) {
  .bordered-grid .inspiration-tile-v2 {
    min-height: 0;
  }
}

.bordered-grid__item--type-2col .inspiration-tile-v2 {
  aspect-ratio: 1.0;
}

@media (min-width: 24.375em) {
  .bordered-grid__item--type-2col .inspiration-tile-v2 {
    aspect-ratio: 1.3;
  }
}

@media (min-width: 35.4375em) {
  .bordered-grid__item--type-2col .inspiration-tile-v2 {
    aspect-ratio: 1.6;
  }
}

@media (min-width: 59.375em) {
  .bordered-grid__item--type-2col .inspiration-tile-v2 {
    aspect-ratio: initial;
  }
}

.bordered-grid__item--type-2col.bordered-grid__item--type-2row .inspiration-tile-v2 {
  aspect-ratio: 0.7;
}

@media (min-width: 24.375em) {
  .bordered-grid__item--type-2col.bordered-grid__item--type-2row .inspiration-tile-v2 {
    aspect-ratio: 0.75;
  }
}

@media (min-width: 59.375em) {
  .bordered-grid__item--type-2col.bordered-grid__item--type-2row .inspiration-tile-v2 {
    aspect-ratio: initial;
  }
}

.inspiration-tile-v2__trumpet, .inspiration-tile-v2__headline, .inspiration-tile-v2__cta, .inspiration-tile-v2__bodytext {
  position: relative;
  z-index: 1;
}

.inspiration-tile-v2__trumpet {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.015em;
}

@media (min-width: 64em) {
  .inspiration-tile-v2__trumpet {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .inspiration-tile-v2__trumpet {
    font-size: clamp(14px, 0.97vw, 16px);
  }
}

.inspiration-tile-v2__trumpet + .inspiration-tile-v2__headline {
  margin-top: 0.313rem;
}

.inspiration-tile-v2__headline {
  font-size: var(--headline-size);
  line-height: 1;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  max-width: 100%;
}

.inspiration-tile-v2__bodytext {
  max-width: 100%;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 0.875rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

@media (min-width: 120.25em) {
  .inspiration-tile-v2__bodytext {
    font-size: 1.063rem;
  }
}

.inspiration-tile-v2__bodytext b, .inspiration-tile-v2__bodytext strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

h6 + .inspiration-tile-v2__bodytext,
h4 + .inspiration-tile-v2__bodytext {
  margin-top: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2__bodytext {
    -webkit-line-clamp: 10;
  }
}

.inspiration-tile-v2__media {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inspiration-tile-v2__media img,
.inspiration-tile-v2__media video {
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.inspiration-tile-v2__cta {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

* + .inspiration-tile-v2__cta {
  margin-top: 1.063rem;
}

@media (max-width: 47.99em) {
  a.inspiration-tile-v2:hover .inspiration-tile-v2__cta.button {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    height: auto;
    text-align: center;
  }
}

a.inspiration-tile-v2:hover .inspiration-tile-v2__cta.button--primary {
  background-color: #5b5b5b;
  color: #fff;
}

a.inspiration-tile-v2:hover .inspiration-tile-v2__cta.button--secondary {
  background-color: #282828;
  color: #fff;
}

a.inspiration-tile-v2:hover .inspiration-tile-v2__cta.button--custom-colors.button--primary {
  color: var(--custom-color-3);
  background-color: var(--custom-color-4);
}

a.inspiration-tile-v2:hover .inspiration-tile-v2__cta.button--custom-colors.button--secondary {
  color: var(--custom-color-2);
  border-color: var(--custom-color-3);
  background-color: var(--custom-color-4);
}

a.inspiration-tile-v2:hover .inspiration-tile-v2__cta.link--persistent:after {
  bottom: -0.125rem;
}

a.inspiration-tile-v2:active, a.inspiration-tile-v2:focus, a.inspiration-tile-v2:visited {
  color: var(--inspiration-tile-v2-text-color);
}

.inspiration-tile-v2--type-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-a {
    padding: 1.25rem;
  }
}

.inspiration-tile-v2--type-a .inspiration-tile-v2__media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.inspiration-tile-v2--type-a.inspiration-tile-v2--split-content .inspiration-tile-v2__bodytext {
  margin-top: auto;
}

.inspiration-tile-v2--type-a.inspiration-tile-v2--align-bottom {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.inspiration-tile-v2--type-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 1.063rem;
  max-height: 100%;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-b {
    padding-bottom: 1.25rem;
  }
}

.inspiration-tile-v2--type-b .inspiration-tile-v2__media {
  justify-self: flex-start;
  width: calc(100% - 3.75rem);
  margin-bottom: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-b .inspiration-tile-v2__media {
    width: calc(100% - 7.5rem);
    margin-bottom: 1.25rem;
  }
}

.inspiration-tile-v2--type-b .inspiration-tile-v2__trumpet {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.063rem;
  left: calc(100% - 1.063rem);
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-b .inspiration-tile-v2__trumpet {
    top: 1.25rem;
    left: calc(100% - 1.25rem);
  }
}

.inspiration-tile-v2--type-b .inspiration-tile-v2__trumpet span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.inspiration-tile-v2--type-b .inspiration-tile-v2__trumpet + .inspiration-tile-v2__headline {
  margin-top: 0;
}

h6 + .inspiration-tile-v2--type-b .inspiration-tile-v2__bodytext {
  margin-top: 0;
}

.inspiration-tile-v2--type-b .inspiration-tile-v2__headline,
.inspiration-tile-v2--type-b .inspiration-tile-v2__bodytext,
.inspiration-tile-v2--type-b .inspiration-tile-v2__cta {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-b .inspiration-tile-v2__headline,
  .inspiration-tile-v2--type-b .inspiration-tile-v2__bodytext,
  .inspiration-tile-v2--type-b .inspiration-tile-v2__cta {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.inspiration-tile-v2--type-b.inspiration-tile-v2--overlap-header:not(.inspiration-tile-v2--reverse-order) .inspiration-tile-v2__headline {
  margin-top: calc(-0.6 * var(--headline-size) - 1.063rem);
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-b.inspiration-tile-v2--overlap-header:not(.inspiration-tile-v2--reverse-order) .inspiration-tile-v2__headline {
    margin-top: calc(-0.6 * var(--headline-size) - 1.25rem);
  }
}

.inspiration-tile-v2--type-b.inspiration-tile-v2--reverse-order {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 0;
  padding-top: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-b.inspiration-tile-v2--reverse-order {
    padding-bottom: 0;
    padding-top: 1.25rem;
  }
}

.inspiration-tile-v2--type-b.inspiration-tile-v2--reverse-order .inspiration-tile-v2__headline {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.inspiration-tile-v2--type-b.inspiration-tile-v2--reverse-order .inspiration-tile-v2__bodytext {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.inspiration-tile-v2--type-b.inspiration-tile-v2--reverse-order .inspiration-tile-v2__cta {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.inspiration-tile-v2--type-b.inspiration-tile-v2--reverse-order .inspiration-tile-v2__media {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin-bottom: 0;
  margin-top: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-b.inspiration-tile-v2--reverse-order .inspiration-tile-v2__media {
    margin-bottom: 0;
    margin-top: 1.25rem;
  }
}

.inspiration-tile-v2--type-b.inspiration-tile-v2--reverse-order .inspiration-tile-v2__trumpet {
  top: calc(100% - 1.063rem);
  left: calc(100% - 1.063rem);
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-b.inspiration-tile-v2--reverse-order .inspiration-tile-v2__trumpet {
    top: calc(100% - 1.25rem);
    left: calc(100% - 1.25rem);
  }
}

.inspiration-tile-v2--type-b.inspiration-tile-v2--reverse-order .inspiration-tile-v2__trumpet span {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.inspiration-tile-v2--type-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-c {
    padding: 1.25rem;
  }
}

.inspiration-tile-v2--type-c .inspiration-tile-v2__media {
  margin-bottom: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-c .inspiration-tile-v2__media {
    margin-bottom: 1.25rem;
  }
}

.inspiration-tile-v2--type-c.inspiration-tile-v2--reverse-order .inspiration-tile-v2__headline {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.inspiration-tile-v2--type-c.inspiration-tile-v2--reverse-order .inspiration-tile-v2__bodytext {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.inspiration-tile-v2--type-c.inspiration-tile-v2--reverse-order .inspiration-tile-v2__cta {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.inspiration-tile-v2--type-c.inspiration-tile-v2--reverse-order .inspiration-tile-v2__media {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin-bottom: 0;
  margin-top: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-c.inspiration-tile-v2--reverse-order .inspiration-tile-v2__media {
    margin-bottom: 0;
    margin-top: 1.25rem;
  }
}

.inspiration-tile-v2--type-d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 1.063rem;
  max-height: 100%;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-d {
    padding-bottom: 1.25rem;
  }
}

.inspiration-tile-v2--type-d:not(:has(figure)) {
  padding-top: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-d:not(:has(figure)) {
    padding-top: 1.25rem;
  }
}

.inspiration-tile-v2--type-d .inspiration-tile-v2__media {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 6.25rem;
          flex: 1 1 6.25rem;
  margin-bottom: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-d .inspiration-tile-v2__media {
    margin-bottom: 1.25rem;
  }
}

.inspiration-tile-v2--type-d .inspiration-tile-v2__trumpet,
.inspiration-tile-v2--type-d .inspiration-tile-v2__headline,
.inspiration-tile-v2--type-d .inspiration-tile-v2__bodytext,
.inspiration-tile-v2--type-d .inspiration-tile-v2__cta {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-d .inspiration-tile-v2__trumpet,
  .inspiration-tile-v2--type-d .inspiration-tile-v2__headline,
  .inspiration-tile-v2--type-d .inspiration-tile-v2__bodytext,
  .inspiration-tile-v2--type-d .inspiration-tile-v2__cta {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.inspiration-tile-v2--type-d.inspiration-tile-v2--overlap-header:not(.inspiration-tile-v2--reverse-order):not(:has(h6)) .inspiration-tile-v2__headline {
  margin-top: calc(-0.6 * var(--headline-size) - 1.063rem);
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-d.inspiration-tile-v2--overlap-header:not(.inspiration-tile-v2--reverse-order):not(:has(h6)) .inspiration-tile-v2__headline {
    margin-top: calc(-0.6 * var(--headline-size) - 1.25rem);
  }
}

.inspiration-tile-v2--type-d.inspiration-tile-v2--overlap-header:not(.inspiration-tile-v2--reverse-order):has(h6) .inspiration-tile-v2__trumpet {
  margin-top: calc(-0.6 * var(--headline-size) - 0.75rem - 0.313rem - 1.063rem);
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-d.inspiration-tile-v2--overlap-header:not(.inspiration-tile-v2--reverse-order):has(h6) .inspiration-tile-v2__trumpet {
    margin-top: calc(-0.6 * var(--headline-size) - 0.875rem - 0.313rem - 1.25rem);
  }
}

.inspiration-tile-v2--type-d.inspiration-tile-v2--reverse-order {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 0;
  padding-top: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-d.inspiration-tile-v2--reverse-order {
    padding-bottom: 0;
    padding-top: 1.25rem;
  }
}

.inspiration-tile-v2--type-d.inspiration-tile-v2--reverse-order:not(:has(figure)) {
  padding-bottom: 1.063rem;
  padding-top: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-d.inspiration-tile-v2--reverse-order:not(:has(figure)) {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
}

.inspiration-tile-v2--type-d.inspiration-tile-v2--reverse-order .inspiration-tile-v2__headline {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.inspiration-tile-v2--type-d.inspiration-tile-v2--reverse-order .inspiration-tile-v2__bodytext {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.inspiration-tile-v2--type-d.inspiration-tile-v2--reverse-order .inspiration-tile-v2__cta {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.inspiration-tile-v2--type-d.inspiration-tile-v2--reverse-order .inspiration-tile-v2__media {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin-bottom: 0;
  margin-top: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-d.inspiration-tile-v2--reverse-order .inspiration-tile-v2__media {
    margin-bottom: 0;
    margin-top: 1.25rem;
  }
}

.inspiration-tile-v2--type-e {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.063rem;
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-e {
    width: auto;
  }
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-e {
    padding: 1.25rem;
  }
}

.inspiration-tile-v2--type-e .inspiration-tile-v2__media {
  position: absolute;
  z-index: 0;
  width: 50%;
  right: 0;
  bottom: 0;
  top: 0;
}

.inspiration-tile-v2--type-e .inspiration-tile-v2__trumpet,
.inspiration-tile-v2--type-e .inspiration-tile-v2__headline,
.inspiration-tile-v2--type-e .inspiration-tile-v2__bodytext,
.inspiration-tile-v2--type-e .inspiration-tile-v2__cta {
  margin-right: calc(50% + 1.063rem);
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-e .inspiration-tile-v2__trumpet,
  .inspiration-tile-v2--type-e .inspiration-tile-v2__headline,
  .inspiration-tile-v2--type-e .inspiration-tile-v2__bodytext,
  .inspiration-tile-v2--type-e .inspiration-tile-v2__cta {
    margin-right: calc(50% + 1.25rem);
  }
}

.inspiration-tile-v2--type-e.inspiration-tile-v2--split-content .inspiration-tile-v2__bodytext {
  margin-top: auto;
}

.inspiration-tile-v2--type-e.inspiration-tile-v2--align-bottom {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.inspiration-tile-v2--type-e.inspiration-tile-v2--reverse-order .inspiration-tile-v2__media {
  left: 0;
  right: auto;
}

.inspiration-tile-v2--type-e.inspiration-tile-v2--reverse-order .inspiration-tile-v2__trumpet,
.inspiration-tile-v2--type-e.inspiration-tile-v2--reverse-order .inspiration-tile-v2__headline,
.inspiration-tile-v2--type-e.inspiration-tile-v2--reverse-order .inspiration-tile-v2__bodytext,
.inspiration-tile-v2--type-e.inspiration-tile-v2--reverse-order .inspiration-tile-v2__cta {
  margin-right: 0;
  margin-left: calc(50% + 1.063rem);
}

@media (min-width: 59.375em) {
  .inspiration-tile-v2--type-e.inspiration-tile-v2--reverse-order .inspiration-tile-v2__trumpet,
  .inspiration-tile-v2--type-e.inspiration-tile-v2--reverse-order .inspiration-tile-v2__headline,
  .inspiration-tile-v2--type-e.inspiration-tile-v2--reverse-order .inspiration-tile-v2__bodytext,
  .inspiration-tile-v2--type-e.inspiration-tile-v2--reverse-order .inspiration-tile-v2__cta {
    margin-right: 0;
    margin-left: calc(50% + 1.25rem);
  }
}

:root {
  --hero-minimal-bg-color: transparent;
  --hero-minimal-text-color: #282828;
}

.hero-minimal {
  background-color: var(--hero-minimal-bg-color);
  color: var(--hero-minimal-text-color);
}

@media (min-width: 59.375em) {
  .hero-minimal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.063rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.hero-minimal__media {
  position: relative;
  display: block;
  width: auto;
}

.hero-minimal__media img,
.hero-minimal__media video {
  display: block;
  width: auto;
  height: 100%;
  max-width: 70vw;
  max-height: 60vh;
}

@media (min-width: 90em) {
  .hero-minimal__media img,
  .hero-minimal__media video {
    min-height: 33vw;
  }
}

@media (min-width: 150em) {
  .hero-minimal__media img,
  .hero-minimal__media video {
    max-height: 75vh;
  }
}

.hero-minimal__media div {
  position: relative;
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  top: -1.25rem;
}

@media (min-width: 59.375em) {
  .hero-minimal__media div {
    margin: 0;
    position: absolute;
    top: 4.16667vw;
    left: calc(100% - 4.16667vw);
    width: 33.33333vw;
  }
}

.hero-minimal__media div:has(h6) {
  top: -2.625rem;
}

@media (min-width: 59.375em) {
  .hero-minimal__media div:has(h6) {
    top: 4.16667vw;
  }
}

.hero-minimal__trumpet {
  font-size: 0.75rem;
  line-height: 1.17;
  color: currentColor;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-bottom: 0.625rem;
}

@media (min-width: 64em) {
  .hero-minimal__trumpet {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .hero-minimal__trumpet {
    font-size: 0.97vw;
  }
}

.hero-minimal__headline {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

@media (min-width: 21.875em) {
  .hero-minimal__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .hero-minimal__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .hero-minimal__headline {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .hero-minimal__headline {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .hero-minimal__headline {
    font-size: 5.2vw;
  }
}

.hero-minimal__bodytext {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  padding-bottom: 1.063rem;
  margin-top: 3.125rem;
  max-width: 66vh;
}

@media (min-width: 90em) {
  .hero-minimal__bodytext {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.hero-minimal__bodytext b, .hero-minimal__bodytext strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 64em) {
  .hero-minimal__bodytext {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .hero-minimal__bodytext {
    max-width: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333vw;
            flex: 0 0 33.33333vw;
    margin-top: 0;
    margin-left: 0;
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding-bottom: 1.25rem;
  }
}

:root {
  --experience-scroll-bg-color: #ffffff;
}

.experience-scroll {
  position: relative;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}

.experience-scroll p {
  white-space: pre-line;
}

.tabs-bar {
  color: currentColor;
}

.experience-scroll .tabs-bar {
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.tabs-bar__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tabs-bar__button {
  padding: 0 1rem;
  height: 1.813rem !important;
  width: auto !important;
}

.tabs-bar__button:first-child {
  padding-left: 0;
}

.tabs-bar__button:last-child {
  padding-right: 0;
}

.tabs-bar__button:not(:last-child) {
  border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.tabs-bar__button span {
  pointer-events: none;
  border-bottom: 0.063rem solid transparent;
  padding-bottom: 0.375rem;
}

@media (min-width: 105em) {
  .tabs-bar__button span {
    font-size: 1.125rem;
    padding-bottom: 0.313rem;
  }
}

.tabs-bar__button.is-active {
  font-weight: 500;
}

.tabs-bar__button.is-active span {
  border-bottom: 0.125rem solid currentColor;
}

.tabs-bar--block {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0.875rem;
}

.tabs-bar--block .tabs-bar__inner {
  position: relative;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (min-width: 64em) {
  .tabs-bar--block {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .tabs-bar--block {
    margin-bottom: 1.875rem;
    padding-left: 8.33333%;
    padding-right: 8.33333%;
  }
}

.tabs-bar--block .tabs-bar__button {
  border-bottom-width: 0.125rem;
}

.tabs-bar--block .tabs-bar__button span {
  padding-bottom: 1rem;
}

@media (min-width: 105em) {
  .tabs-bar--block .tabs-bar__button span {
    padding-bottom: 0.875rem;
  }
}

.tabs-bar--block:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.063rem;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}

.experience-scroll .is-active .tabs-bar,
.experience-scroll .is-past .tabs-bar {
  opacity: 1;
}

:root {
  --animated-hero-text-color: #fff;
}

.animated-hero {
  color: #fff;
  color: var(--animated-hero-text-color);
  position: relative;
  background-color: #282828;
}

.animated-hero__inner {
  min-height: 100vh;
  height: 100vh;
  color: currentColor;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: block;
  z-index: 1;
}

@supports (--custom: property) {
  .animated-hero__inner {
    min-height: calc(var(--vh) * 100px);
    height: calc(var(--vh) * 100px);
  }
}

.animated-hero__inner figure {
  display: block;
  width: 100%;
  height: 100%;
}

.experience-scroll .animated-hero__inner figure {
  opacity: 0;
  -webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
  transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}

.animated-hero__inner figure img,
.animated-hero__inner figure video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: translateY(var(--video-offset));
          transform: translateY(var(--video-offset));
}

.animated-hero__headline {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 5.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 3;
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.7s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.7s ease-out;
  transition: transform 0.7s ease-out, opacity 0.3s ease-out;
  transition: transform 0.7s ease-out, opacity 0.3s ease-out, -webkit-transform 0.7s ease-out;
  -webkit-transition-timing-function: cubic-bezier(0, 0.61, 0.24, 1.04);
          transition-timing-function: cubic-bezier(0, 0.61, 0.24, 1.04);
}

@media (min-width: 59.375em) {
  .animated-hero__headline {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.animated-hero__headline span {
  white-space: nowrap;
  display: block;
  font-size: 4.375rem;
  font-weight: 500;
  line-height: 0.85;
  letter-spacing: -0.03em;
  font-size: clamp(70px, 18vw, 118px);
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 35.4375em) {
  .animated-hero__headline span {
    font-size: clamp(70px, 15vw, 118px);
    line-height: 1;
  }
}

@media (min-width: 64em) {
  .animated-hero__headline span {
    font-size: clamp(118px, 11vw, 270px);
  }
}

@media (min-width: 64em) {
  .animated-hero__headline span {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.animated-hero__headline__part1 {
  padding-left: 8.33333%;
}

@media (min-width: 59.375em) {
  .animated-hero__headline__part1 {
    padding-left: 16.66667%;
  }
}

@media (min-width: 105em) {
  .animated-hero__headline__part1 {
    text-align: right;
    padding: 0;
    padding-right: 45.83333%;
  }
}

@media (min-width: 150em) {
  .animated-hero__headline__part1 {
    padding-right: 50%;
  }
}

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

@media (min-width: 59.375em) {
  .animated-hero__headline__part2 {
    padding-right: 8.33333%;
  }
}

@media (min-width: 105em) {
  .animated-hero__headline__part2 {
    text-align: left;
    padding: 0;
    padding-left: 50%;
  }
}

@media (min-width: 150em) {
  .animated-hero__headline__part2 {
    padding-left: 54.16667%;
  }
}

@media (min-width: 59.375em) {
  .animated-hero__headline__part3 {
    padding-left: 8.33333%;
  }
}

@media (min-width: 105em) {
  .animated-hero__headline__part3 {
    text-align: right;
    padding: 0;
    padding-right: 41.66667%;
  }
}

@media (min-width: 150em) {
  .animated-hero__headline__part3 {
    padding-right: 45.83333%;
  }
}

.animated-hero__scroll-helper {
  position: absolute;
  bottom: calc(4.5rem + 1.563rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  z-index: 4;
  display: none;
}

@media (min-width: 59.375em) {
  .animated-hero__scroll-helper {
    display: block;
  }
}

.animated-hero__scroll-helper span {
  display: block;
}

.animated-hero__scroll-helper .icon {
  position: relative;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (min-width: 59.375em) {
  .animated-hero__scroll-helper {
    bottom: 1.563rem;
  }
}

.animated-hero__scroll-helper:hover .icon {
  -webkit-transform: translateY(0.313rem);
          transform: translateY(0.313rem);
}

.animated-hero__label {
  position: absolute;
  -webkit-transform-origin: center left;
          transform-origin: center left;
  -webkit-transform: rotate(90deg) translate(100%, -50%);
          transform: rotate(90deg) translate(100%, -50%);
  left: 2.188rem;
  top: 50%;
  z-index: 1;
}

.experience-scroll .is-active .animated-hero .animated-hero__inner figure {
  opacity: 1;
}

.experience-scroll .animated-hero.is-scrolled-past .animated-hero__scroll-helper {
  -webkit-transform: translate(-50%, calc(var(--parallax) * 7px));
          transform: translate(-50%, calc(var(--parallax) * 7px));
}

.experience-scroll .is-active .animated-hero--main .animated-hero__headline__part1, .experience-scroll .is-active .animated-hero--main .animated-hero__headline__part2, .experience-scroll .is-active .animated-hero--main .animated-hero__headline__part3 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.experience-scroll .animated-hero--main.is-scrolled-past .animated-hero__headline {
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
}

@media (min-width: 35.4375em) {
  .experience-scroll .animated-hero--main.is-scrolled-past .animated-hero__headline span:nth-child(1),
  .experience-scroll .animated-hero--main.is-scrolled-past .animated-hero__headline span:nth-child(3) {
    -webkit-transform: translateX(calc(var(--parallax) * -5px));
            transform: translateX(calc(var(--parallax) * -5px));
  }
  .experience-scroll .animated-hero--main.is-scrolled-past .animated-hero__headline span:nth-child(2) {
    -webkit-transform: translateX(calc(var(--parallax) * 5px));
            transform: translateX(calc(var(--parallax) * 5px));
  }
}

.experience-scroll .is-active .animated-hero--subpage .animated-hero__headline span {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.experience-scroll .is-active .animated-hero--subpage .animated-hero__label {
  -webkit-transform: rotate(-90deg) translate(0, -50%);
          transform: rotate(-90deg) translate(0, -50%);
}

.experience-scroll .animated-hero--subpage.is-scrolled-past .animated-hero__headline {
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
}

@media (min-width: 35.4375em) {
  .experience-scroll .animated-hero--subpage.is-scrolled-past .animated-hero__headline span:nth-child(1) {
    -webkit-transform: translateX(calc(var(--parallax) * -5px));
            transform: translateX(calc(var(--parallax) * -5px));
  }
}

@media (min-width: 35.4375em) {
  .experience-scroll .animated-hero--subpage.is-scrolled-past .animated-hero__headline span:nth-child(2) {
    -webkit-transform: translateX(calc(var(--parallax) * 5px));
            transform: translateX(calc(var(--parallax) * 5px));
  }
}

.experience-scroll .animated-hero--subpage.is-scrolled-past .animated-hero__label {
  right: calc(1.438rem - (0.5 * var(--parallax) * 1px));
}

.introduction-block {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.188rem 0;
  min-height: 40vh;
  height: 100%;
}

@media (min-width: 35.4375em) {
  .introduction-block {
    padding: 3.75rem 0;
  }
}

@media (min-width: 64em) {
  .introduction-block {
    min-height: 60vh;
  }
}

@media (min-width: 105em) {
  .introduction-block {
    min-height: 80vh;
  }
}

.introduction-block__text {
  margin-bottom: 2.5rem;
  margin-right: 3.75rem;
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

.experience-scroll .introduction-block__text {
  opacity: 0;
  -webkit-transform: translateY(1.25rem);
          transform: translateY(1.25rem);
  -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (min-width: 64em) {
  .introduction-block__text {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 35.4375em) {
  .introduction-block__text {
    max-width: 50vw;
  }
}

@media (min-width: 48em) {
  .introduction-block__text {
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-left: 0;
    margin-right: 0;
    padding-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .introduction-block__text {
    width: calc(5 / 12 * 100vw);
    padding-right: calc(1 / 12 * 100vw);
  }
}

.introduction-block__text h2 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
}

@media (min-width: 21.875em) {
  .introduction-block__text h2 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .introduction-block__text h2 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .introduction-block__text h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .introduction-block__text h2 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .introduction-block__text h2 {
    font-size: 2.6vw;
  }
}

@media (min-width: 35.4375em) {
  .introduction-block__text h2 {
    -webkit-hyphens: initial;
        -ms-hyphens: initial;
            hyphens: initial;
  }
}

.introduction-block__text p {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  margin-top: 1.25rem;
}

@media (min-width: 48em) {
  .introduction-block__text p {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .introduction-block__text p {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .introduction-block__text p {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .introduction-block__text p {
    font-size: 1.56vw;
  }
}

.introduction-block__media {
  position: relative;
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  margin-top: auto;
}

.experience-scroll .introduction-block__media {
  -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
}

@media (min-width: 48em) {
  .introduction-block__media {
    margin-right: auto;
    width: calc(5 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .introduction-block__media {
    position: absolute;
    margin-left: 0;
    left: calc(1 / 12 * 100vw);
    bottom: 3.75rem;
    width: calc(4 / 12 * 100vw);
  }
}

@media (min-width: 120.25em) {
  .introduction-block__media {
    width: calc(3 / 12 * 100vw);
  }
}

.introduction-block__media img {
  width: 100%;
}

.experience-scroll .is-active .introduction-block .introduction-block__text,
.experience-scroll .is-active .introduction-block .introduction-block__media,
.experience-scroll .is-past .introduction-block .introduction-block__text,
.experience-scroll .is-past .introduction-block .introduction-block__media {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

:root {
  --design-explorer-bg-color: #fff;
  --design-explorer-text-color: #282828;
}

.design-explorer {
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #fff;
  background-color: var(--design-explorer-bg-color);
  color: #282828;
  color: var(--design-explorer-text-color);
  max-width: 100vw;
}

.design-explorer__top {
  margin-bottom: 3.75rem;
  padding: 0 1.063rem;
}

@media (min-width: 48em) {
  .design-explorer__top {
    margin-bottom: 4vmin;
  }
}

@media (min-width: 64em) {
  .design-explorer__top {
    padding: 0;
    padding-left: 8.33333%;
    padding-right: 8.33333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 2.5rem;
  }
}

.design-explorer__top p {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  position: relative;
  margin-left: calc(2 / 12 * 100vw);
  max-width: calc(8 / 12 * 100vw);
  padding-right: 1.25rem;
}

@media (min-width: 48em) {
  .design-explorer__top p {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .design-explorer__top p {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .design-explorer__top p {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .design-explorer__top p {
    font-size: 1.56vw;
  }
}

.experience-scroll .design-explorer__top p {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .design-explorer__top p,
html.is-fixed .experience-scroll .is-past .design-explorer__top p,
.experience-scroll .is-active .design-explorer__top p,
.experience-scroll .is-past .design-explorer__top p {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media (min-width: 35.4375em) {
  .design-explorer__top p {
    margin-left: calc(1 / 12 * 100vw);
    max-width: calc(6 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .design-explorer__top p {
    margin-top: -2em;
    margin-left: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(4 / 12 * 100vw);
            flex: 0 0 calc(4 / 12 * 100vw);
  }
}

.design-explorer__inner {
  padding-bottom: 5.625rem;
}

.design-explorer__slider {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 64em) {
  .design-explorer__slider {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .design-explorer__slider {
    padding-left: 8.33333%;
  }
}

.design-explorer__slide {
  width: 100%;
  position: relative;
  color: #fff;
  display: block;
}

.experience-scroll .design-explorer__slide {
  opacity: 0;
}

.design-explorer__slide:not(.design-explorer__slide--usp-spot) h3 {
  color: currentColor;
  position: absolute;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  top: 1.25rem;
  left: 1.25rem;
  z-index: 1;
}

@media (min-width: 48em) {
  .design-explorer__slide:not(.design-explorer__slide--usp-spot) h3 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .design-explorer__slide:not(.design-explorer__slide--usp-spot) h3 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .design-explorer__slide:not(.design-explorer__slide--usp-spot) h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .design-explorer__slide:not(.design-explorer__slide--usp-spot) h3 {
    font-size: 1.25vw;
  }
}

.design-explorer__slide:not(.design-explorer__slide--usp-spot) p {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 90em) {
  .design-explorer__slide:not(.design-explorer__slide--usp-spot) p {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.design-explorer__slide:not(.design-explorer__slide--usp-spot) p b, .design-explorer__slide:not(.design-explorer__slide--usp-spot) p strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

@media (min-width: 48em) {
  .design-explorer__slide:not(.design-explorer__slide--usp-spot) p {
    max-width: 75%;
  }
}

@media (max-width: 47.99em) {
  .design-explorer__slide:not(.design-explorer__slide--usp-spot) p {
    font-size: 0.875rem;
  }
}

.design-explorer__slide:not(.design-explorer__slide--usp-spot) img {
  width: 100%;
  display: block;
  max-width: 100%;
}

.design-explorer__slide .usp-spot {
  height: 50vh;
}

@media (min-width: 59.375em) {
  .design-explorer__slide .usp-spot {
    height: 60vh;
  }
}

@media (min-width: 90em) {
  .design-explorer__slide .usp-spot {
    height: 50vh;
  }
}

.experience-scroll .is-active .design-explorer .swiper-slide .design-explorer__slide {
  -webkit-transform: translateY(-1.875rem);
          transform: translateY(-1.875rem);
  -webkit-animation: fade-in-slide 0.5s ease forwards;
          animation: fade-in-slide 0.5s ease forwards;
}

.experience-scroll .is-active .design-explorer .swiper-slide:nth-child(2) .design-explorer__slide {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.experience-scroll .is-active .design-explorer .swiper-slide:nth-child(3) .design-explorer__slide {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.experience-scroll .is-active .design-explorer .swiper-slide:nth-child(4) .design-explorer__slide {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.experience-scroll .is-active .design-explorer .swiper-slide:nth-child(5) .design-explorer__slide {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.experience-scroll .is-active .design-explorer .swiper-slide:nth-child(6) .design-explorer__slide {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

@-webkit-keyframes fade-in-slide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1.875rem);
            transform: translateY(-1.875rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fade-in-slide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1.875rem);
            transform: translateY(-1.875rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

:root {
  --property-explorer-bg-color: #f9f8f2;
  --property-explorer-text-color: #282828;
  --property-explorer-text2-color: #f9f8f2;
}

.property-explorer {
  color: #282828;
  color: var(--property-explorer-text-color);
}

.property-explorer__top {
  margin-bottom: 3.75rem;
  padding: 0 1.063rem;
}

@media (min-width: 48em) {
  .property-explorer__top {
    margin-bottom: 4vmin;
  }
}

@media (min-width: 48em) {
  .property-explorer__top {
    padding: 0;
    padding-left: 8.33333%;
    padding-right: 8.33333%;
  }
}

@media (min-width: 64em) {
  .property-explorer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 2.5rem;
  }
}

.property-explorer__top p {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  position: relative;
  margin-left: calc(2 / 12 * 100vw);
  max-width: calc(8 / 12 * 100vw);
  padding-right: 1.25rem;
}

@media (min-width: 48em) {
  .property-explorer__top p {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .property-explorer__top p {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .property-explorer__top p {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .property-explorer__top p {
    font-size: 1.56vw;
  }
}

.experience-scroll .property-explorer__top p {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .property-explorer__top p,
html.is-fixed .experience-scroll .is-past .property-explorer__top p,
.experience-scroll .is-active .property-explorer__top p,
.experience-scroll .is-past .property-explorer__top p {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media (min-width: 35.4375em) {
  .property-explorer__top p {
    margin-left: calc(1 / 12 * 100vw);
    max-width: calc(6 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .property-explorer__top p {
    margin-top: -2em;
    margin-left: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(4 / 12 * 100vw);
            flex: 0 0 calc(4 / 12 * 100vw);
  }
}

.property-explorer__inner {
  position: relative;
  margin: 1.063rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 64em) {
  .property-explorer__inner {
    margin: 1.25rem;
  }
}

@media (min-width: 64em) {
  .property-explorer__inner {
    margin-left: 8.33333%;
    margin-right: 8.33333%;
    padding-bottom: 0;
    display: grid;
    grid-template-areas: "info tabs"
 "info models"
 "info range";
    grid-template-columns: 33% 67%;
  }
}

.property-explorer__inner:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  background-color: #f9f8f2;
  background-color: var(--property-explorer-bg-color);
}

.experience-scroll .property-explorer__inner:before {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center top;
          mask-position: center top;
  line-height: 120%;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-size: 100% 0%;
          mask-size: 100% 0%;
  -webkit-transition: -webkit-mask-size 1s linear 0s;
  transition: -webkit-mask-size 1s linear 0s;
  transition: mask-size 1s linear 0s;
  transition: mask-size 1s linear 0s, -webkit-mask-size 1s linear 0s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

.experience-scroll .experience-scroll .property-explorer__inner:before {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black));
  -webkit-mask-image: linear-gradient(black);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(black));
          mask-image: linear-gradient(black);
}

.in-view .experience-scroll .property-explorer__inner:before,
html.is-fixed .experience-scroll .is-active .experience-scroll .property-explorer__inner:before,
html.is-fixed .experience-scroll .is-past .experience-scroll .property-explorer__inner:before,
.experience-scroll .is-active .experience-scroll .property-explorer__inner:before,
.experience-scroll .is-past .experience-scroll .property-explorer__inner:before {
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.property-explorer .tabs-bar {
  display: block;
  padding-top: 3.125rem;
  padding-bottom: 1.25rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media (min-width: 64em) {
  .property-explorer .tabs-bar {
    grid-area: tabs;
  }
}

.experience-scroll .property-explorer__models {
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
}

@media (min-width: 64em) {
  .property-explorer__models {
    grid-area: models;
    max-width: 100%;
  }
}

.property-explorer__model {
  width: 100%;
  max-width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  min-height: 25vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media (min-width: 64em) {
  .property-explorer__model {
    min-height: 0;
    height: 40vh;
  }
}

.property-explorer__model img {
  -webkit-transform: translateY(-1.25rem);
          transform: translateY(-1.25rem);
  opacity: 0;
  -webkit-transition: all 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  height: 100%;
  margin: 0 auto;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

@media (min-width: 48em) {
  .property-explorer__model img {
    max-width: 80%;
  }
}

@media (min-width: 80em) {
  .property-explorer__model img {
    max-width: none;
    width: 100%;
  }
}

.property-explorer__model.swiper-slide-active img {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.property-explorer__info {
  height: 20vmax;
  text-align: center;
  position: absolute;
  width: 100%;
  max-width: 100%;
}

.experience-scroll .property-explorer__info {
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}

.property-explorer__info__category, .property-explorer__info__category__model, .property-explorer__info__category__model__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@media (min-width: 64em) {
  .property-explorer__info__category, .property-explorer__info__category__model, .property-explorer__info__category__model__inner {
    display: block;
    bottom: 0;
    right: 0;
    max-width: 100%;
  }
}

.property-explorer__info__category {
  z-index: 1;
}

@media (min-width: 48em) {
  .property-explorer__info__category {
    top: 1.875rem;
  }
}

@media (min-width: 64em) {
  .property-explorer__info__category {
    top: 0;
    bottom: 0;
  }
}

.property-explorer__info__category.is-active {
  z-index: 3;
}

.property-explorer__info__category__model {
  z-index: 1;
}

@media (min-width: 64em) {
  .property-explorer__info__category__model {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.property-explorer__info__category__model.is-active {
  z-index: 3;
}

.property-explorer__info__category__model__inner {
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .property-explorer__info__category__model__inner {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 1.875rem;
  }
}

@media (min-width: 90em) {
  .property-explorer__info__category__model__inner {
    padding: 0 6.563rem;
  }
}

@media (min-width: 64em) {
  .property-explorer__info {
    max-width: 100%;
    height: 100%;
    text-align: left;
    z-index: 1;
    position: relative;
    grid-area: info;
    background-color: var(--property-explorer-text-color);
    color: var(--property-explorer-text2-color);
  }
}

.property-explorer__info h3 {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  margin-bottom: 0.75rem;
}

@media (min-width: 48em) {
  .property-explorer__info h3 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .property-explorer__info h3 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .property-explorer__info h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .property-explorer__info h3 {
    font-size: 1.25vw;
  }
}

@media (min-width: 64em) {
  .property-explorer__info h3 {
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 90em) {
  .property-explorer__info h3 {
    margin-bottom: 5.625rem;
  }
}

.property-explorer__info p {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  margin-bottom: 0.75rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0 1.875rem;
}

@media (min-width: 48em) {
  .property-explorer__info p {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .property-explorer__info p {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .property-explorer__info p {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .property-explorer__info p {
    font-size: 1.56vw;
  }
}

@media (min-width: 48em) {
  .property-explorer__info p {
    padding: 0;
    max-width: 90%;
    margin: 0 auto 1.25rem;
  }
}

@media (min-width: 64em) {
  .property-explorer__info p {
    margin: 0 0 1.25rem;
    max-width: 95%;
    display: block;
    overflow: visible;
    font-size: 1.125rem !important;
    line-height: 1.444;
  }
}

.property-explorer__info .button.button--secondary {
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
  margin-top: 0.313rem;
  background-color: var(--property-explorer-text-color);
  color: var(--property-explorer-text2-color);
  border-color: var(--property-explorer-text2-color);
  font-size: 0.875rem;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

@media (min-width: 64em) {
  .property-explorer__info .button.button--secondary {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .property-explorer__info .button.button--secondary {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.property-explorer__info .button.button--secondary b, .property-explorer__info .button.button--secondary strong {
  font-weight: 500;
}

@media (min-width: 64em) {
  .property-explorer__info .button.button--secondary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: auto;
    font-size: 0.875rem;
  }
}

.property-explorer__info .button.button--secondary:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
  background-color: var(--property-explorer-text2-color);
  color: var(--property-explorer-text-color);
  border-color: var(--property-explorer-text-color);
}

.property-explorer__range {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40vw;
          flex: 1 0 40vw;
  min-width: 12.5rem;
  margin: 11.25rem auto 0;
  padding: 0 0.625rem;
  height: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.experience-scroll .property-explorer__range {
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2s;
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2s;
}

@media (min-width: 48em) {
  .property-explorer__range {
    margin: 30vmax auto 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50vw;
            flex: 1 0 50vw;
    max-width: 50vw;
  }
}

@media (min-width: 64em) {
  .property-explorer__range {
    grid-area: range;
    margin-top: 1.25rem;
    width: 100%;
    margin-bottom: 3.125rem;
    max-width: 80vmin;
  }
}

.property-explorer__range__steps {
  position: absolute;
  top: 1.563rem;
  left: 10%;
  right: 10%;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.property-explorer__range__steps li {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 0.375rem;
  height: 0.188rem;
  top: -0.062rem;
  background-color: #f9f8f2;
  background-color: var(--property-explorer-bg-color);
  z-index: 2;
}

.property-explorer__range__steps:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.063rem;
  background-color: var(--property-explorer-text-color);
  z-index: 1;
}

.property-explorer__range__start, .property-explorer__range__end {
  position: relative;
  width: 0;
  height: 0;
  color: var(--property-explorer-text-color);
}

.property-explorer__range__start span, .property-explorer__range__end span {
  -webkit-transform-origin: center;
          transform-origin: center;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.property-explorer__range__start span {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}

.property-explorer__range__end span {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.property-explorer__range__slider {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  margin: 0 1.25rem;
  position: relative;
  z-index: 1;
}

.property-explorer__range input[type="range"] {
  -webkit-appearance: none;
  height: 0;
  z-index: 3;
}

.property-explorer__range input[type="range"]::-ms-thumb {
  appearance: none;
  height: 3.125rem;
  width: 3.125rem;
  border-radius: 50%;
  background: none;
  cursor: ew-resize;
  background-color: #282828;
  background-image: url(/static/svg/handle-arrows.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.313rem 0.688rem;
  box-shadow: 0 0.313rem 0.625rem rgba(0, 0, 0, 0.1);
}

@media (min-width: 48em) {
  .property-explorer__range input[type="range"]::-ms-thumb {
    height: 3.125rem;
    width: 3.125rem;
    background-size: 1.313rem 0.688rem;
  }
}

.property-explorer__range input[type="range"]::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  height: 3.125rem;
  width: 3.125rem;
  border-radius: 50%;
  background: none;
  cursor: ew-resize;
  background-color: #282828;
  background-image: url(/static/svg/handle-arrows.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.313rem 0.688rem;
  box-shadow: 0 0.313rem 0.625rem rgba(0, 0, 0, 0.1);
}

@media (min-width: 48em) {
  .property-explorer__range input[type="range"]::-moz-range-thumb {
    height: 3.125rem;
    width: 3.125rem;
    background-size: 1.313rem 0.688rem;
  }
}

.property-explorer__range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  height: 3.125rem;
  width: 3.125rem;
  border-radius: 50%;
  background: none;
  cursor: ew-resize;
  background-color: #282828;
  background-image: url(/static/svg/handle-arrows.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.313rem 0.688rem;
  -webkit-box-shadow: 0 0.313rem 0.625rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.313rem 0.625rem rgba(0, 0, 0, 0.1);
}

@media (min-width: 48em) {
  .property-explorer__range input[type="range"]::-webkit-slider-thumb {
    height: 3.125rem;
    width: 3.125rem;
    background-size: 1.313rem 0.688rem;
  }
}

.property-explorer__range input[type="range"]::-ms-track {
  appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.property-explorer__range input[type="range"]::-moz-range-track {
  -moz-appearance: none;
       appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.property-explorer__range input[type="range"]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
          appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background: transparent;
}

.experience-scroll .is-active .property-explorer .property-explorer__info,
.experience-scroll .is-active .property-explorer .property-explorer__models,
.experience-scroll .is-active .property-explorer .property-explorer__range {
  opacity: 1;
}

.property-explorer .fade-enter-active {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.property-explorer .fade-enter-to {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.property-explorer .fade-enter {
  opacity: 0;
  -webkit-transform: translateY(-0.625rem);
          transform: translateY(-0.625rem);
}

:root {
  --material-explorer-text-color: #282828;
  --material-explorer-bg-color: #fff;
}

.material-explorer {
  color: #282828;
  color: var(--material-explorer-text-color);
  background-color: transparent;
  background-color: var(--material-explorer-bg-color);
  margin-top: 20vmin;
}

.material-explorer__top {
  margin-bottom: 3.75rem;
  padding: 0 1.063rem;
}

@media (min-width: 48em) {
  .material-explorer__top {
    margin-bottom: 4vmin;
  }
}

@media (min-width: 64em) {
  .material-explorer__top {
    padding: 0;
    padding-left: 8.33333%;
    padding-right: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 2.5rem;
  }
}

@media (min-width: 71.875em) {
  .material-explorer__top {
    padding-right: 8.33333%;
  }
}

.material-explorer__top p {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  position: relative;
  margin-left: calc(2 / 12 * 100vw);
  max-width: calc(8 / 12 * 100vw);
}

@media (min-width: 48em) {
  .material-explorer__top p {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .material-explorer__top p {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .material-explorer__top p {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .material-explorer__top p {
    font-size: 1.56vw;
  }
}

.experience-scroll .material-explorer__top p {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.experience-scroll .experience-scroll .material-explorer__top p {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .experience-scroll .material-explorer__top p,
html.is-fixed .experience-scroll .is-past .experience-scroll .material-explorer__top p,
.experience-scroll .is-active .experience-scroll .material-explorer__top p,
.experience-scroll .is-past .experience-scroll .material-explorer__top p {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media (min-width: 35.4375em) {
  .material-explorer__top p {
    margin-left: calc(1 / 12 * 100vw);
    max-width: calc(6 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .material-explorer__top p {
    margin-left: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(4 / 12 * 100vw);
            flex: 0 0 calc(4 / 12 * 100vw);
  }
}

.material-explorer__features {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  position: relative;
  border-top: 1px solid rgba(62, 86, 89, 0.2);
}

.experience-scroll .material-explorer__features {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .material-explorer__features,
html.is-fixed .experience-scroll .is-past .material-explorer__features,
.experience-scroll .is-active .material-explorer__features,
.experience-scroll .is-past .material-explorer__features {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media (min-width: 48em) {
  .material-explorer__features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
  }
}

.material-explorer__features .swiper-slide:last-child .features-item span {
  padding-right: 0;
}

.material-explorer__features .swiper-slide:last-child .features-item span .features-item__text-wrapper {
  border-right: none;
}

.material-explorer__features .features-item__text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-right: 1px solid rgba(62, 86, 89, 0.2);
}

.material-explorer__features .features-item__headline-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: top;
}

.material-explorer__features .features-item__headline-wrapper p {
  margin-top: 0;
  padding-top: 0;
  padding-right: 0.5rem;
  font-family: inherit;
}

.material-explorer__features h5 {
  text-transform: lowercase;
}

.material-explorer__features__slider {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  padding: 1.063rem;
}

.experience-scroll .material-explorer__features__slider {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .material-explorer__features__slider,
html.is-fixed .experience-scroll .is-past .material-explorer__features__slider,
.experience-scroll .is-active .material-explorer__features__slider,
.experience-scroll .is-past .material-explorer__features__slider {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media (min-width: 48em) {
  .material-explorer__features__slider {
    padding: 1.25rem;
  }
}

.material-explorer__features__slider li .features-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}

.material-explorer__features__slider li a:hover,
.material-explorer__features__slider li button:hover {
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0.9;
}

.material-explorer__features__slider li figure {
  display: block;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  min-width: 40%;
}

.material-explorer__features__slider li figure video,
.material-explorer__features__slider li figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.material-explorer__features__slider li span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  padding: 0 3%;
}

@media (min-width: 35.4375em) {
  .material-explorer__features__slider li span {
    padding: 0 1.25rem;
  }
}

.material-explorer__features__slider li figure,
.material-explorer__features__slider li .features-item__text-wrapper,
.material-explorer__features__slider li span {
  height: 15.625rem;
}

@media (min-width: 48em) {
  .material-explorer__features__slider li figure,
  .material-explorer__features__slider li .features-item__text-wrapper,
  .material-explorer__features__slider li span {
    height: 15.625rem;
  }
}

@media (min-width: 64em) {
  .material-explorer__features__slider li figure,
  .material-explorer__features__slider li .features-item__text-wrapper,
  .material-explorer__features__slider li span {
    height: 18.75rem;
  }
}

@media (min-width: 80em) {
  .material-explorer__features__slider li figure,
  .material-explorer__features__slider li .features-item__text-wrapper,
  .material-explorer__features__slider li span {
    height: 21.875rem;
  }
}

.material-explorer__features__slider li h5 {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .material-explorer__features__slider li h5 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .material-explorer__features__slider li h5 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .material-explorer__features__slider li h5 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .material-explorer__features__slider li h5 {
    font-size: 1.25vw;
  }
}

.material-explorer__features__slider li p {
  margin-top: auto;
  padding-top: 1.25rem;
  font-family: "Spectral", serif;
  font-size: 0.75rem;
  max-width: 80%;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 48em) {
  .material-explorer__features__slider li p {
    -webkit-line-clamp: 10;
    font-size: 0.875rem;
  }
}

@media (min-width: 71.875em) {
  .material-explorer__features__slider li p {
    font-size: 1rem;
  }
}

@media (min-width: 120.25em) {
  .material-explorer__features__slider li p {
    font-size: 1.125rem;
  }
}

.material-explorer__features__slider li .features-item__button-wrapper {
  margin-top: 0.625rem;
}

@media (min-width: 48em) {
  .material-explorer__features__slider li .features-item__button-wrapper {
    margin-top: 1.25rem;
  }
}

.material-explorer__features__slider li .features-item__button-wrapper a, .material-explorer__features__slider li .features-item__button-wrapper button {
  font-size: 0.75rem;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: currentColor;
}

@media (min-width: 48em) {
  .material-explorer__features__slider li .features-item__button-wrapper a, .material-explorer__features__slider li .features-item__button-wrapper button {
    font-size: 0.875rem;
  }
}

@media (min-width: 71.875em) {
  .material-explorer__features__slider li .features-item__button-wrapper a, .material-explorer__features__slider li .features-item__button-wrapper button {
    font-size: 1rem;
  }
}

@media (min-width: 120.25em) {
  .material-explorer__features__slider li .features-item__button-wrapper a, .material-explorer__features__slider li .features-item__button-wrapper button {
    font-size: 1.125rem;
  }
}

.material-explorer__features__slider li .features-item__button-wrapper a:after, .material-explorer__features__slider li .features-item__button-wrapper button:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.material-explorer__features__slider li .features-item__button-wrapper a:hover:after, .material-explorer__features__slider li .features-item__button-wrapper a:focus:after, .material-explorer__features__slider li .features-item__button-wrapper button:hover:after, .material-explorer__features__slider li .features-item__button-wrapper button:focus:after {
  right: 0;
}

.material-explorer__features__slider li .features-item__button-wrapper a.is-active:after, .material-explorer__features__slider li .features-item__button-wrapper button.is-active:after {
  opacity: 1;
  width: 100%;
}

.material-explorer__features__slider li .features-item__button-wrapper a:after, .material-explorer__features__slider li .features-item__button-wrapper button:after {
  -webkit-transition: right 0s ease;
  transition: right 0s ease;
}

.material-explorer__features__slider li .features-item__button-wrapper a:before, .material-explorer__features__slider li .features-item__button-wrapper button:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 0;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: left 0s ease;
  transition: left 0s ease;
}

.material-explorer__features__slider li .features-item__button-wrapper a:hover:before, .material-explorer__features__slider li .features-item__button-wrapper a:focus:before, .material-explorer__features__slider li .features-item__button-wrapper button:hover:before, .material-explorer__features__slider li .features-item__button-wrapper button:focus:before {
  opacity: 1;
  left: 100%;
  -webkit-transition: left 0.25s ease-in;
  transition: left 0.25s ease-in;
}

.material-explorer__features__slider li .features-item__button-wrapper a:hover:after, .material-explorer__features__slider li .features-item__button-wrapper a:focus:after, .material-explorer__features__slider li .features-item__button-wrapper button:hover:after, .material-explorer__features__slider li .features-item__button-wrapper button:focus:after {
  right: 0;
  -webkit-transition: right 0.25s ease-out 0.3s;
  transition: right 0.25s ease-out 0.3s;
}

@media (min-width: 71.875em) {
  .material-explorer__features .swiper-container {
    margin: 0;
    width: 100%;
  }
}

.material-explorer__features .swiper-button-prev,
.material-explorer__features .swiper-button-next {
  display: none;
}

@media (min-width: 64em) {
  .material-explorer__features .swiper-button-prev,
  .material-explorer__features .swiper-button-next {
    display: block;
    width: 6.25rem;
    height: 100%;
    background-color: transparent;
    outline: none;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
  }
}

.material-explorer__features .swiper-button-prev.swiper-button-disabled,
.material-explorer__features .swiper-button-next.swiper-button-disabled {
  display: none;
}

.material-explorer__features .button-disabled {
  display: none;
}

.material-explorer__features .swiper-button-prev:not(.swiper-button-disabled) {
  cursor: auto;
  cursor: url("/static/svg/28x28_left.svg") 28 28, auto;
}

.material-explorer__features .swiper-button-next:not(.swiper-button-disabled) {
  cursor: auto;
  cursor: url("/static/svg/28x28_right.svg") 28 28, auto;
}

@media (min-width: 64em) {
  .material-explorer__features .swiper-button-next:not(.swiper-button-disabled) {
    left: auto;
    right: 0;
  }
}

.material-explorer__description {
  margin-top: 1.063rem;
  padding-top: 1.25rem;
}

.experience-scroll .material-explorer__description {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .material-explorer__description,
html.is-fixed .experience-scroll .is-past .material-explorer__description,
.experience-scroll .is-active .material-explorer__description,
.experience-scroll .is-past .material-explorer__description {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media (min-width: 64em) {
  .material-explorer__description {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(4 / 12 * 100vw);
            flex: 0 0 calc(4 / 12 * 100vw);
    margin-top: 0;
    padding-top: 0;
  }
}

.material-explorer__descrtop {
  font-weight: bold;
  margin-bottom: 1rem;
  margin-top: -2em;
}

.material-explorer__categories {
  margin-top: 3.75rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 35.4375em) {
  .material-explorer__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 48em) {
  .material-explorer__categories {
    display: block;
  }
}

@media (min-width: 64em) {
  .material-explorer__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    padding-bottom: 5rem;
  }
}

.material-explorer__category {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center top;
          mask-position: center top;
  line-height: 120%;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-size: 100% 0%;
          mask-size: 100% 0%;
  -webkit-transition: -webkit-mask-size 1s linear 0s;
  transition: -webkit-mask-size 1s linear 0s;
  transition: mask-size 1s linear 0s;
  transition: mask-size 1s linear 0s, -webkit-mask-size 1s linear 0s;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.experience-scroll .material-explorer__category {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black));
  -webkit-mask-image: linear-gradient(black);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(black));
          mask-image: linear-gradient(black);
}

.in-view .material-explorer__category,
html.is-fixed .experience-scroll .is-active .material-explorer__category,
html.is-fixed .experience-scroll .is-past .material-explorer__category,
.experience-scroll .is-active .material-explorer__category,
.experience-scroll .is-past .material-explorer__category {
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.material-explorer__category:nth-child(1) {
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
}

.material-explorer__category:nth-child(2) {
  -webkit-transition-delay: 0.1s !important;
          transition-delay: 0.1s !important;
}

.material-explorer__category:nth-child(3) {
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
}

.material-explorer__category:nth-child(4) {
  -webkit-transition-delay: 0.3s !important;
          transition-delay: 0.3s !important;
}

.material-explorer__category:nth-child(5) {
  -webkit-transition-delay: 0.4s !important;
          transition-delay: 0.4s !important;
}

.material-explorer__category:nth-child(6) {
  -webkit-transition-delay: 0.5s !important;
          transition-delay: 0.5s !important;
}

.material-explorer__category:nth-child(7) {
  -webkit-transition-delay: 0.6s !important;
          transition-delay: 0.6s !important;
}

.material-explorer__category:nth-child(8) {
  -webkit-transition-delay: 0.7s !important;
          transition-delay: 0.7s !important;
}

.material-explorer__category:nth-child(9) {
  -webkit-transition-delay: 0.8s !important;
          transition-delay: 0.8s !important;
}

.material-explorer__category:nth-child(10) {
  -webkit-transition-delay: 0.9s !important;
          transition-delay: 0.9s !important;
}

.material-explorer__category:nth-child(11) {
  -webkit-transition-delay: 1s !important;
          transition-delay: 1s !important;
}

.material-explorer__category:nth-child(12) {
  -webkit-transition-delay: 1.1s !important;
          transition-delay: 1.1s !important;
}

.material-explorer__category:nth-child(13) {
  -webkit-transition-delay: 1.2s !important;
          transition-delay: 1.2s !important;
}

.material-explorer__category:nth-child(14) {
  -webkit-transition-delay: 1.3s !important;
          transition-delay: 1.3s !important;
}

.material-explorer__category:nth-child(15) {
  -webkit-transition-delay: 1.4s !important;
          transition-delay: 1.4s !important;
}

.material-explorer__category:nth-child(16) {
  -webkit-transition-delay: 1.5s !important;
          transition-delay: 1.5s !important;
}

.material-explorer__category:nth-child(17) {
  -webkit-transition-delay: 1.6s !important;
          transition-delay: 1.6s !important;
}

.material-explorer__category:nth-child(18) {
  -webkit-transition-delay: 1.7s !important;
          transition-delay: 1.7s !important;
}

.material-explorer__category:nth-child(19) {
  -webkit-transition-delay: 1.8s !important;
          transition-delay: 1.8s !important;
}

@media (min-width: 35.4375em) {
  .material-explorer__category {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
  }
}

@media (min-width: 64em) {
  .material-explorer__category {
    padding: 0 1px;
  }
}

.material-explorer__category button {
  position: relative;
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1.063rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #282828;
  word-wrap: break-word;
  text-align: left;
  min-height: 20vh;
}

@media (min-width: 35.4375em) {
  .material-explorer__category button {
    min-height: 50vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (min-width: 48em) {
  .material-explorer__category button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    min-height: 20vh;
  }
}

@media (min-width: 64em) {
  .material-explorer__category button {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    min-height: 40vh;
  }
}

@media (min-width: 71.875em) {
  .material-explorer__category button {
    padding: 1.25rem;
  }
}

@media (min-width: 105em) {
  .material-explorer__category button {
    min-height: 50vh;
  }
}

.material-explorer__category button img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: 0;
  opacity: 0.9;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.material-explorer__category button div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 2.5rem;
  position: relative;
  text-transform: lowercase;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (min-width: 59.375em) {
  .material-explorer__category button div {
    -webkit-transform: translateX(-3.75rem);
            transform: translateX(-3.75rem);
  }
}

@media (min-width: 64em) {
  .material-explorer__category button div {
    min-height: 3.438rem;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 0.938rem;
  }
}

.material-explorer__category button h3 {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1;
  position: relative;
  z-index: 1;
}

@media (min-width: 48em) {
  .material-explorer__category button h3 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .material-explorer__category button h3 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .material-explorer__category button h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .material-explorer__category button h3 {
    font-size: 1.25vw;
  }
}

.material-explorer__category button h5 {
  position: relative;
  z-index: 1;
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
  font-family: "Spectral", serif;
  line-height: 1 !important;
  margin-top: 0.313rem;
}

@media (min-width: 64em) {
  .material-explorer__category button h5 {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .material-explorer__category button h5 {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.material-explorer__category button h5 b, .material-explorer__category button h5 strong {
  font-weight: 500;
}

.material-explorer__category button span {
  position: relative;
  z-index: 1;
  width: 2.5rem;
  aspect-ratio: 1 / 1;
  min-width: 2.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 600;
  -webkit-transform: translateX(-5rem);
          transform: translateX(-5rem);
}

@media (min-width: 64em) {
  .material-explorer__category button span {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (min-width: 90em) {
  .material-explorer__category button span {
    width: 3.125rem;
    min-width: 3.125rem;
    font-size: 1.5rem;
  }
}

.material-explorer__category button:hover div {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.material-explorer__category button:hover span {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.material-explorer__category button:hover img {
  opacity: 1;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

:root {
  --material-overlay-bg-color: #fff;
  --material-overlay-text-color: #282828;
}

.material-overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1101;
  -webkit-transition: -webkit-transform 0.55s ease;
  transition: -webkit-transform 0.55s ease;
  transition: transform 0.55s ease;
  transition: transform 0.55s ease, -webkit-transform 0.55s ease;
  -webkit-transform: translateY(120%);
          transform: translateY(120%);
}

@media (min-width: 48em) {
  .material-overlay {
    left: auto;
    top: 0;
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
    width: calc(6 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .material-overlay {
    width: calc(5 / 12 * 100vw);
  }
}

@media (min-width: 90em) {
  .material-overlay {
    width: calc(4 / 12 * 100vw);
  }
}

.material-overlay.is-active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.material-overlay__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3.75rem;
}

.material-overlay__close > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50% 50%;
  z-index: 2;
  background-color: #f9f8f2;
}

.material-overlay__close > span svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
}

@media (min-width: 48em) {
  .material-overlay__close {
    display: none;
  }
}

.material-overlay__inner {
  background-color: #fff;
  background-color: var(--material-overlay-bg-color);
  color: #282828;
  color: var(--material-overlay-text-color);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  height: calc(100vh - 3.75rem);
  overflow-x: hidden;
  overflow-y: auto;
}

@supports (--custom: property) {
  .material-overlay__inner {
    height: calc(var(--vh) * 100px - 3.75rem);
  }
}

@media (min-width: 48em) {
  .material-overlay__inner {
    height: 100vh;
  }
  @supports (--custom: property) {
    .material-overlay__inner {
      height: calc(var(--vh) * 100px);
    }
  }
}

.material-overlay .tabs-bar {
  z-index: 4;
  padding-top: 1.25rem;
  background-color: #fff;
  background-color: var(--material-overlay-bg-color);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.material-overlay .tabs-bar--block {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 64em) {
  .material-overlay .tabs-bar--block {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.material-overlay__top {
  position: relative;
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .material-overlay__top {
    padding: 1.25rem;
  }
}

.material-overlay__top h3 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  margin-bottom: 1.25rem;
  max-width: calc(8 / 12 * 100vw);
}

@media (min-width: 21.875em) {
  .material-overlay__top h3 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .material-overlay__top h3 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .material-overlay__top h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .material-overlay__top h3 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .material-overlay__top h3 {
    font-size: 2.6vw;
  }
}

@media (min-width: 48em) {
  .material-overlay__top h3 {
    max-width: calc(3 / 12 * 100vw);
  }
}

.material-overlay__top p {
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
  font-family: "Spectral", serif !important;
  max-width: calc(9 / 12 * 100vw);
}

@media (min-width: 64em) {
  .material-overlay__top p {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .material-overlay__top p {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.material-overlay__top p b, .material-overlay__top p strong {
  font-weight: 500;
}

@media (min-width: 48em) {
  .material-overlay__top p {
    max-width: calc(3 / 12 * 100vw);
  }
}

.material-overlay__top h5 {
  position: absolute;
  top: 50%;
  right: 1.063rem;
  -webkit-transform: translate(-0.5em, 50%);
          transform: translate(-0.5em, 50%);
  display: inline-block;
}

.material-overlay__top h5 span {
  display: inline-block;
  -webkit-transform-origin: center right;
          transform-origin: center right;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.material-overlay__subcategories {
  margin-top: 5.313rem;
}

.material-overlay__subcategories h4 {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  font-size: 1.25rem !important;
}

@media (min-width: 64em) {
  .material-overlay__subcategories h4 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 48em) {
  .material-overlay__subcategories h4 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .material-overlay__subcategories h4 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .material-overlay__subcategories h4 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .material-overlay__subcategories h4 {
    font-size: 1.25vw;
  }
}

.material-overlay__subcategories ul {
  margin-top: 1.563rem;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.material-overlay__accordion {
  position: relative;
  padding: 1.063rem;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  height: 8.125rem;
}

@media (min-width: 64em) {
  .material-overlay__accordion {
    padding: 1.25rem;
  }
}

@media (min-width: 90em) {
  .material-overlay__accordion {
    height: 9.375rem;
  }
}

@media (min-width: 120.25em) {
  .material-overlay__accordion {
    height: 11.25rem;
  }
}

.material-overlay__accordion__image {
  position: absolute;
  top: 0.625rem;
  bottom: 0.625rem;
  right: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 40%;
  cursor: pointer;
  height: 6.875rem;
}

@media (min-width: 90em) {
  .material-overlay__accordion__image {
    height: 8.125rem;
  }
}

@media (min-width: 120.25em) {
  .material-overlay__accordion__image {
    height: 10rem;
  }
}

.material-overlay__accordion__headline {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  font-size: 1.25rem !important;
  padding-right: 50%;
}

@media (min-width: 48em) {
  .material-overlay__accordion__headline {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .material-overlay__accordion__headline {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .material-overlay__accordion__headline {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .material-overlay__accordion__headline {
    font-size: 1.25vw;
  }
}

.material-overlay__accordion__bodytext {
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
  font-family: "Spectral", serif !important;
  font-size: 0.75rem !important;
  padding-top: 0.375rem;
  padding-right: 50%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 64em) {
  .material-overlay__accordion__bodytext {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .material-overlay__accordion__bodytext {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.material-overlay__accordion__bodytext b, .material-overlay__accordion__bodytext strong {
  font-weight: 500;
}

.material-overlay__accordion__close {
  position: absolute;
  top: 1.875rem;
  right: 1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  border-radius: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: scale(0) translateZ(0);
          transform: scale(0) translateZ(0);
  opacity: 0;
}

.material-overlay__accordion__close:hover {
  -webkit-transform: scale(1.25) translateZ(0);
          transform: scale(1.25) translateZ(0);
}

.material-overlay__accordion__cta {
  padding-top: 1.063rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  font-size: 0.875rem !important;
}

@media (min-width: 48em) {
  .material-overlay__accordion__cta {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .material-overlay__accordion__cta {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .material-overlay__accordion__cta {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .material-overlay__accordion__cta {
    font-size: 1.25vw;
  }
}

.material-overlay__accordion__open {
  text-align: left;
  margin-top: auto;
  display: block;
  padding-top: 0.625rem;
  font-size: 0.875rem;
  font-weight: 500;
  padding-right: 50%;
  cursor: default;
}

.material-overlay__accordion__cta, .material-overlay__accordion__content {
  display: none;
}

.material-overlay__accordion__content {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
}

.material-overlay__accordion__content p {
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
  font-family: "Spectral", serif !important;
  font-size: 0.75rem !important;
}

@media (min-width: 64em) {
  .material-overlay__accordion__content p {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .material-overlay__accordion__content p {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.material-overlay__accordion__content p b, .material-overlay__accordion__content p strong {
  font-weight: 500;
}

.material-overlay__accordion__content table {
  font-size: 0.75rem !important;
  margin-top: 1.875rem;
  width: 100% !important;
  table-layout: fixed;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.2);
}

.material-overlay__accordion__content table tr {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.2);
}

.material-overlay__accordion__content table th,
.material-overlay__accordion__content table td {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.material-overlay__accordion__content table th {
  font-weight: 500;
}

.material-overlay__accordion__content table td {
  font-family: "Spectral", serif;
}

.material-overlay__accordion__content tbody,
.material-overlay__accordion__content tr,
.material-overlay__accordion__content td,
.material-overlay__accordion__content th {
  height: auto !important;
  width: auto !important;
}

.material-overlay__accordion.is-active {
  padding-top: 18.75rem;
  border-bottom: 0.063rem solid #282828;
  height: auto;
  display: block;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.material-overlay__accordion.is-active .material-overlay__accordion__image {
  height: 18.75rem;
  width: 100%;
  bottom: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.material-overlay__accordion.is-active .material-overlay__accordion__headline {
  padding-top: 2.5rem;
}

.material-overlay__accordion.is-active .material-overlay__accordion__bodytext,
.material-overlay__accordion.is-active .material-overlay__accordion__open {
  display: none;
}

.material-overlay__accordion.is-active .material-overlay__accordion__close {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}

.material-overlay__accordion.is-active .material-overlay__accordion__close,
.material-overlay__accordion.is-active .material-overlay__accordion__content {
  display: block;
}

.material-overlay__accordion.is-active .material-overlay__accordion__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.material-overlay__accordion:not(.is-active) .material-overlay__accordion__headline,
.material-overlay__accordion:not(.is-active) .material-overlay__accordion__bodytext,
.material-overlay__accordion:not(.is-active) .material-overlay__accordion__open {
  cursor: pointer;
}

.material-overlay__accordion:not(.is-active):hover {
  background: rgba(0, 0, 0, 0.03);
}

.material-overlay__gallery {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
}

@media (min-width: 64em) {
  .material-overlay__gallery {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.material-overlay__gallery h4 {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  font-size: 1.25rem !important;
  margin-bottom: 1.875rem;
}

@media (min-width: 48em) {
  .material-overlay__gallery h4 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .material-overlay__gallery h4 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .material-overlay__gallery h4 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .material-overlay__gallery h4 {
    font-size: 1.25vw;
  }
}

.material-overlay__gallery li img {
  display: block;
  width: 100%;
  margin-bottom: 1.25rem;
  height: 50vh;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
}

@media (min-width: 48em) {
  .material-overlay__gallery li img {
    height: 30vh;
  }
}

@media (min-width: 64em) {
  .material-overlay__gallery li img {
    height: 40vh;
  }
}

@media (min-width: 120.25em) {
  .material-overlay__gallery li img {
    height: 50vh;
  }
}

.material-overlay__gallery li h5 {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  font-size: 1.25rem !important;
  margin-bottom: 0.625rem;
  padding-right: 1.875rem;
}

@media (min-width: 48em) {
  .material-overlay__gallery li h5 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .material-overlay__gallery li h5 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .material-overlay__gallery li h5 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .material-overlay__gallery li h5 {
    font-size: 1.25vw;
  }
}

.material-overlay__gallery li p {
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
  font-family: "Spectral", serif !important;
  font-size: 0.75rem !important;
  padding-right: 1.875rem;
}

@media (min-width: 64em) {
  .material-overlay__gallery li p {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .material-overlay__gallery li p {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.material-overlay__gallery li p b, .material-overlay__gallery li p strong {
  font-weight: 500;
}

.material-overlay__gallery .swiper-button-prev,
.material-overlay__gallery .swiper-button-next {
  display: none;
}

@media (min-width: 64em) {
  .material-overlay__gallery .swiper-button-prev,
  .material-overlay__gallery .swiper-button-next {
    display: block;
    width: 50%;
    height: 100%;
    background-color: transparent;
    outline: none;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
  }
}

.material-overlay__gallery .swiper-button-prev.swiper-button-disabled,
.material-overlay__gallery .swiper-button-next.swiper-button-disabled {
  display: none;
}

.material-overlay__gallery .swiper-button-prev:not(.swiper-button-disabled) {
  cursor: auto;
  cursor: url("/static/svg/28x28_left.svg") 28 28, auto;
}

.material-overlay__gallery .swiper-button-next:not(.swiper-button-disabled) {
  cursor: auto;
  cursor: url("/static/svg/28x28_right.svg") 28 28, auto;
}

@media (min-width: 64em) {
  .material-overlay__gallery .swiper-button-next:not(.swiper-button-disabled) {
    left: auto;
    right: 0;
  }
}

.material-overlay .fade-enter-active {
  -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.material-overlay .fade-enter-to {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.material-overlay .fade-enter {
  opacity: 0;
  -webkit-transform: translateX(1.875rem);
          transform: translateX(1.875rem);
}

.material-overlay .fade-leave-from,
.material-overlay .fade-leave-active,
.material-overlay .fade-leave-to {
  opacity: 0;
  display: none;
}

:root {
  --inspiration-slider-bg-color: #f9f8f2;
  --inspiration-slider-text-color: #282828;
}

.inspiration-slider {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background: #f9f8f2;
  background: var(--inspiration-slider-bg-color);
  color: #282828;
  color: var(--inspiration-slider-text-color);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-height: 90vh;
}

@media (min-width: 64em) {
  .inspiration-slider {
    height: 100vh;
  }
}

.inspiration-slider__label {
  position: absolute;
  top: 50%;
  left: -1.062rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.inspiration-slider__slides {
  z-index: 2;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.inspiration-slider__slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100vw;
  color: currentColor;
  padding: 0 1.063rem;
  min-height: 90vh;
}

@media (min-width: 64em) {
  .inspiration-slider__slide {
    height: 100vh;
  }
}

@media (min-width: 64em) {
  .inspiration-slider__slide {
    height: 100vh;
    padding: calc(1 / 12 * 100vw);
  }
}

.inspiration-slider__slide h2 {
  position: relative;
  z-index: 2;
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  margin-top: 8vh;
  min-height: calc(50vh - 8vh + 8.125rem + 1.25rem);
  line-height: 0.8 !important;
  max-width: calc(7 / 12 * 100vw);
}

@media (min-width: 21.875em) {
  .inspiration-slider__slide h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .inspiration-slider__slide h2 {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .inspiration-slider__slide h2 {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .inspiration-slider__slide h2 {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .inspiration-slider__slide h2 {
    font-size: 5.2vw;
  }
}

.experience-scroll .inspiration-slider__slide h2 {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .inspiration-slider__slide h2,
html.is-fixed .experience-scroll .is-past .inspiration-slider__slide h2,
.experience-scroll .is-active .inspiration-slider__slide h2,
.experience-scroll .is-past .inspiration-slider__slide h2 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media (min-width: 48em) {
  .inspiration-slider__slide h2 {
    min-height: 0;
    margin-top: calc(1 / 12 * 100vw);
    left: calc(4 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .inspiration-slider__slide h2 {
    left: auto;
    margin-top: 0;
    margin-left: calc(3 / 12 * 100vw);
    margin-right: calc(3 / 12 * 100vw);
  }
}

@media (min-width: 90em) {
  .inspiration-slider__slide h2 {
    margin-top: 3.125rem;
  }
}

.inspiration-slider__slide p {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  z-index: 2;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  max-width: calc(9 / 12 * 100vw);
  margin-bottom: 3.125rem;
}

@media (min-width: 48em) {
  .inspiration-slider__slide p {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .inspiration-slider__slide p {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .inspiration-slider__slide p {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .inspiration-slider__slide p {
    font-size: 1.56vw;
  }
}

.experience-scroll .inspiration-slider__slide p {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .inspiration-slider__slide p,
html.is-fixed .experience-scroll .is-past .inspiration-slider__slide p,
.experience-scroll .is-active .inspiration-slider__slide p,
.experience-scroll .is-past .inspiration-slider__slide p {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media (min-width: 48em) {
  .inspiration-slider__slide p {
    margin-bottom: 0;
    bottom: auto;
    position: relative;
    max-width: calc(7 / 12 * 100vw);
    left: calc(1 / 12 * 100vw - 1.063rem);
    margin-top: calc(1.33333 * 6 / 12 * 100vw + 1.25rem - 2.188rem);
  }
}

@media (min-width: 64em) {
  .inspiration-slider__slide p {
    margin: 0;
    position: absolute;
    left: auto;
    top: auto;
    bottom: 1.875rem;
    right: 1.875rem;
    width: calc(4 / 12 * 100vw);
  }
}

.inspiration-slider__image-wrapper {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center top;
          mask-position: center top;
  line-height: 120%;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-size: 100% 0%;
          mask-size: 100% 0%;
  -webkit-transition: -webkit-mask-size 1s linear 0s;
  transition: -webkit-mask-size 1s linear 0s;
  transition: mask-size 1s linear 0s;
  transition: mask-size 1s linear 0s, -webkit-mask-size 1s linear 0s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
  position: absolute;
  overflow: hidden;
}

.experience-scroll .inspiration-slider__image-wrapper {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black));
  -webkit-mask-image: linear-gradient(black);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(black));
          mask-image: linear-gradient(black);
}

.in-view .inspiration-slider__image-wrapper,
html.is-fixed .experience-scroll .is-active .inspiration-slider__image-wrapper,
html.is-fixed .experience-scroll .is-past .inspiration-slider__image-wrapper,
.experience-scroll .is-active .inspiration-slider__image-wrapper,
.experience-scroll .is-past .inspiration-slider__image-wrapper {
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.inspiration-slider__image-wrapper .inspiration-slider__images {
  position: absolute;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.inspiration-slider__image-wrapper li {
  display: block;
}

.inspiration-slider__image-wrapper li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.inspiration-slider__image-wrapper--image1 {
  top: 8.125rem;
  right: 1.25rem;
  width: calc(9 / 12 * 100vw);
  height: 50vh;
}

@media (min-width: 35.4375em) {
  .inspiration-slider__image-wrapper--image1 {
    height: 60vh;
    width: calc(7 / 12 * 100vw);
    right: calc(1 / 12 * 100vw);
  }
}

@media (min-width: 48em) {
  .inspiration-slider__image-wrapper--image1 {
    top: calc(2 / 12 * 100vw);
    width: calc(6 / 12 * 100vw);
    height: calc(1.33333 * 6 / 12 * 100vw);
    left: calc(1 / 12 * 100vw);
    right: auto;
  }
}

@media (min-width: 64em) {
  .inspiration-slider__image-wrapper--image1 {
    top: 10vh;
    width: calc(4 / 12 * 100vw);
    height: calc(1.33333 * 4 / 12 * 100vw);
    max-height: 80vh;
  }
}

.inspiration-slider__image-wrapper--image1 li {
  width: calc(9 / 12 * 100vw);
}

@media (min-width: 64em) {
  .inspiration-slider__image-wrapper--image1 li {
    width: calc(5 / 12 * 100vw);
  }
}

@media (min-width: 71.875em) {
  .inspiration-slider__image-wrapper--image1 li {
    width: calc(4 / 12 * 100vw);
  }
}

.inspiration-slider__image-wrapper--image1 .inspiration-slider__images {
  -webkit-transform: translateX(calc(0vw - (var(--active-slide-index) * (9 / 12 * 100vw))));
          transform: translateX(calc(0vw - (var(--active-slide-index) * (9 / 12 * 100vw))));
}

@media (min-width: 64em) {
  .inspiration-slider__image-wrapper--image1 .inspiration-slider__images {
    -webkit-transform: translateX(calc(0vw - (var(--active-slide-index) * (5 / 12 * 100vw))));
            transform: translateX(calc(0vw - (var(--active-slide-index) * (5 / 12 * 100vw))));
  }
}

@media (min-width: 71.875em) {
  .inspiration-slider__image-wrapper--image1 .inspiration-slider__images {
    -webkit-transform: translateX(calc(0vw - (var(--active-slide-index) * (4 / 12 * 100vw))));
            transform: translateX(calc(0vw - (var(--active-slide-index) * (4 / 12 * 100vw))));
  }
}

.inspiration-slider__image-wrapper--image2 {
  display: none;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

@media (min-width: 48em) {
  .inspiration-slider__image-wrapper--image2 {
    display: block;
    right: 0;
    top: calc(8 / 12 * 100vw);
    width: calc(3 / 12 * 100vw);
    height: calc(1.33333 * 3 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .inspiration-slider__image-wrapper--image2 {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: calc(2 / 12 * 100vw);
    height: calc(1.33333 * 2 / 12 * 100vw);
  }
}

.inspiration-slider__image-wrapper--image2 .inspiration-slider__images {
  -webkit-transform: translateX(calc(0vw - (var(--active-slide-index) * (2 / 12 * 100vw))));
          transform: translateX(calc(0vw - (var(--active-slide-index) * (2 / 12 * 100vw))));
}

.inspiration-slider__image-wrapper--image2 li {
  width: calc(3 / 12 * 100vw);
}

@media (min-width: 64em) {
  .inspiration-slider__image-wrapper--image2 li {
    width: calc(2 / 12 * 100vw);
  }
}

.inspiration-slider .swiper-pagination {
  position: absolute;
  bottom: 1.063rem;
  left: 1.063rem;
  z-index: 5;
  margin: 0;
}

@media (min-width: 48em) {
  .inspiration-slider .swiper-pagination {
    left: calc(1 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .inspiration-slider .swiper-pagination {
    left: 0;
    margin-left: 8.33333%;
    bottom: 4vh;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.inspiration-slider .swiper-pagination .swiper-pagination-bullet {
  background-color: currentColor !important;
  opacity: 0.2 !important;
}

.inspiration-slider .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
}

.inspiration-slider .swiper-button-prev,
.inspiration-slider .swiper-button-next {
  display: none;
}

@media (min-width: 64em) {
  .inspiration-slider .swiper-button-prev,
  .inspiration-slider .swiper-button-next {
    display: block;
    width: 50%;
    height: 100%;
    background-color: transparent;
    outline: none;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
  }
}

.inspiration-slider .swiper-button-prev.swiper-button-disabled,
.inspiration-slider .swiper-button-next.swiper-button-disabled {
  display: none;
}

.inspiration-slider .swiper-button-prev:not(.swiper-button-disabled) {
  cursor: auto;
  cursor: url("/static/svg/28x28_left.svg") 28 28, auto;
}

.inspiration-slider .swiper-button-next:not(.swiper-button-disabled) {
  cursor: auto;
  cursor: url("/static/svg/28x28_right.svg") 28 28, auto;
}

@media (min-width: 64em) {
  .inspiration-slider .swiper-button-next:not(.swiper-button-disabled) {
    left: auto;
    right: 0;
  }
}

.series-overview__top {
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  margin-bottom: 1.875rem;
}

@media (min-width: 64em) {
  .series-overview__top {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.series-overview__top h2 {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  margin-bottom: 3.75rem;
  max-width: calc(7 / 12 * 100vw);
}

@media (min-width: 21.875em) {
  .series-overview__top h2 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .series-overview__top h2 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .series-overview__top h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .series-overview__top h2 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .series-overview__top h2 {
    font-size: 2.6vw;
  }
}

@media (min-width: 48em) {
  .series-overview__top h2 {
    max-width: calc(5 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .series-overview__top h2 {
    max-width: calc(3 / 12 * 100vw);
  }
}

.series-overview__toggler {
  position: relative;
  display: block;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  padding-left: 5rem;
  padding-top: 0.188rem;
  padding-bottom: 0.188rem;
}

.series-overview__toggler:before, .series-overview__toggler:after {
  content: "";
  display: block;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.series-overview__toggler:before {
  width: 3.375rem;
  height: 1.5rem;
  background-color: #d8d7d5;
  border-radius: 0.75rem;
  top: 0.188rem;
  left: 0.188rem;
  -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.series-overview__toggler:after {
  width: 1.875rem;
  height: 1.875rem;
  background-color: #fff;
  border: 0.063rem solid #e4e3de;
  border-radius: 50%;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%, -50%);
          transform: translateY(-50%, -50%);
  -webkit-transition: left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.series-overview__list {
  margin-bottom: -0.062rem;
}

@media (min-width: 48em) {
  .series-overview__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 90em) {
  .series-overview__list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.series-overview__item {
  height: 70vw;
  max-height: 70vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 35.4375em) {
  .series-overview__item {
    height: 50vw;
    max-height: 50vw;
  }
}

@media (min-width: 59.375em) {
  .series-overview__item {
    height: 40vw;
    max-height: 40vw;
  }
}

@media (min-width: 90em) {
  .series-overview__item {
    height: 30vw;
    max-height: 30vw;
  }
}

.series-overview__item:nth-child(2) img {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.series-overview__item:nth-child(3) img {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.series-overview__item:nth-child(4) img {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.series-overview__item:nth-child(5) img {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.series-overview__item:nth-child(6) img {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.series-overview__item:nth-child(7) img {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.series-overview__item:nth-child(8) img {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.series-overview__item:nth-child(9) img {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.series-overview__item a {
  position: relative;
  height: 100%;
  width: 100%;
  color: currentColor;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.938rem;
}

@media (min-width: 35.4375em) {
  .series-overview__item a {
    padding: 1.25rem;
  }
}

.series-overview__item a:active, .series-overview__item a:hover {
  color: currentColor;
}

.series-overview__item a:hover {
  opacity: 0.7;
}

.series-overview__item a:hover h3 {
  bottom: 1.375rem;
}

.series-overview__item a img {
  width: 100%;
  height: calc(100% - 1.688rem);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: inherit;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (min-width: 35.4375em) {
  .series-overview__item a img {
    height: calc(100% - 2rem);
  }
}

.series-overview__item a h3 {
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
  font-size: 1.125rem;
  font-weight: 500;
  -webkit-transition: bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  margin-top: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding-left: inherit;
  padding-right: inherit;
  padding-bottom: inherit;
}

@media (min-width: 64em) {
  .series-overview__item a h3 {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .series-overview__item a h3 {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.series-overview__item a h3 b, .series-overview__item a h3 strong {
  font-weight: 500;
}

.series-overview.is-toggled .series-overview__toggler:before {
  background-color: #282828;
}

.series-overview.is-toggled .series-overview__toggler:after {
  border-color: #282828;
  left: 1.688rem;
}

.series-overview .fade-enter-active {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.series-overview .fade-enter-to {
  opacity: 1;
}

.series-overview .fade-enter {
  opacity: 0;
}

.scroll-rotator {
  position: relative;
  overflow: hidden;
  height: calc(var(--message-count) * var(--vh) * 100px);
}

.scroll-rotator__product {
  position: absolute;
  top: 40vh;
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100vw;
  width: 100vw;
}

@media (min-width: 64em) {
  .scroll-rotator__product {
    height: 80vh;
    width: 80vh;
  }
}

@media (min-width: 90em) {
  .scroll-rotator__product {
    height: 100vh;
    width: 100vh;
  }
}

@media (min-width: 150em) {
  .scroll-rotator__product {
    left: 20vmin;
    top: 30vh;
    height: 120vh;
    width: 120vh;
  }
}

.scroll-rotator__product .cylindo-threesixty-list > li > img,
.scroll-rotator__product .cylindo-custom-list > li > img,
.scroll-rotator__product .cylindo-threesixty-list > li > div:not(.cylindo-dismiss-on-zoom),
.scroll-rotator__product .cylindo-custom-list > li > div:not(.cylindo-dismiss-on-zoom) {
  width: 100%;
  height: 100%;
}

.scroll-rotator.is-scrolled-into .scroll-rotator__product,
.scroll-rotator.is-scrolled-into .scroll-rotator__messages {
  position: fixed;
}

.scroll-rotator.is-scrolled-into .scroll-rotator__progress {
  opacity: 1;
}

.scroll-rotator.is-scrolled-past .scroll-rotator__product {
  position: absolute;
  top: auto;
  bottom: 60vh;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

@media (min-width: 150em) {
  .scroll-rotator.is-scrolled-past .scroll-rotator__product {
    top: auto;
    bottom: 70vh;
  }
}

.scroll-rotator.is-scrolled-past .scroll-rotator__messages {
  position: absolute;
}

.scroll-rotator.is-scrolled-past .scroll-rotator__progress {
  opacity: 0;
}

.scroll-rotator__messages {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.scroll-rotator__progress {
  opacity: 0;
  position: fixed;
  right: 1.063rem;
  top: 50%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: rotate(90deg) translate(50%, 100%);
          transform: rotate(90deg) translate(50%, 100%);
  z-index: 3;
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.scroll-rotator__message {
  position: absolute;
}

.experience-scroll .scroll-rotator__message {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .scroll-rotator__message,
html.is-fixed .experience-scroll .is-past .scroll-rotator__message,
.experience-scroll .is-active .scroll-rotator__message,
.experience-scroll .is-past .scroll-rotator__message {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.scroll-rotator__message--top-right {
  top: 1.875rem;
  right: 1.063rem;
  text-align: right;
}

.scroll-rotator__message--top-right p + div {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (min-width: 48em) {
  .scroll-rotator__message--top-right {
    text-align: left;
    top: calc(1 / 12 * 100vw);
    right: calc(1 / 12 * 100vw);
  }
  .scroll-rotator__message--top-right p + div {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.scroll-rotator__message--bottom-left {
  bottom: calc(4.5rem + 1.063rem);
  left: 1.063rem;
}

@media (min-width: 48em) {
  .scroll-rotator__message--bottom-left {
    left: calc(1 / 12 * 100vw);
    bottom: calc(1 / 12 * 100vw + 4.5rem);
  }
}

@media (min-width: 64em) {
  .scroll-rotator__message--bottom-left {
    right: calc(1 / 12 * 100vw);
    left: auto;
  }
}

.scroll-rotator__message h3 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  margin-bottom: 1.25rem;
  max-width: calc(9 / 12 * 100vw);
}

@media (min-width: 21.875em) {
  .scroll-rotator__message h3 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .scroll-rotator__message h3 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .scroll-rotator__message h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .scroll-rotator__message h3 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .scroll-rotator__message h3 {
    font-size: 2.6vw;
  }
}

@media (min-width: 48em) {
  .scroll-rotator__message h3 {
    max-width: calc(6 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .scroll-rotator__message h3 {
    max-width: calc(3 / 12 * 100vw);
  }
}

.scroll-rotator__message p {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  max-width: calc(9 / 12 * 100vw);
}

@media (min-width: 48em) {
  .scroll-rotator__message p {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .scroll-rotator__message p {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .scroll-rotator__message p {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .scroll-rotator__message p {
    font-size: 1.56vw;
  }
}

@media (min-width: 48em) {
  .scroll-rotator__message p {
    max-width: calc(6 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .scroll-rotator__message p {
    max-width: calc(3 / 12 * 100vw);
  }
}

.scroll-rotator__message p + div {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.scroll-rotator__message .svg-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.625rem;
}

.scroll-rotator__message a {
  min-width: 0;
}

.scroll-rotator__message a.ar-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -ms-flex-item-align: center;
      align-self: center;
}

.scroll-rotator__message a.ar-link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.scroll-rotator__message a.ar-link:hover:after, .scroll-rotator__message a.ar-link:focus:after {
  right: 0;
}

.scroll-rotator__message a.ar-link.is-active:after {
  opacity: 1;
  width: 100%;
}

.scroll-rotator__message a.ar-link:after {
  -webkit-transition: right 0s ease;
  transition: right 0s ease;
}

.scroll-rotator__message a.ar-link:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 0;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: left 0s ease;
  transition: left 0s ease;
}

.scroll-rotator__message a.ar-link:hover:before, .scroll-rotator__message a.ar-link:focus:before {
  opacity: 1;
  left: 100%;
  -webkit-transition: left 0.25s ease-in;
  transition: left 0.25s ease-in;
}

.scroll-rotator__message a.ar-link:hover:after, .scroll-rotator__message a.ar-link:focus:after {
  right: 0;
  -webkit-transition: right 0.25s ease-out 0.3s;
  transition: right 0.25s ease-out 0.3s;
}

.scroll-rotator .cylindo-viewer-container {
  height: 100%;
  pointer-events: none;
}

.scroll-rotator .fade-enter-active {
  -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.scroll-rotator .fade-enter-to {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.scroll-rotator .fade-enter {
  opacity: 0;
  -webkit-transform: translateY(1.25rem);
          transform: translateY(1.25rem);
}

:root {
  --model-explorer-bg-color: #fff;
  --model-explorer-text-color: #282828;
}

.model-explorer {
  background-color: #fff;
  background-color: var(--model-explorer-bg-color);
  color: #282828;
  color: var(--model-explorer-text-color);
}

.model-explorer__top {
  margin-bottom: 3.75rem;
  padding: 0 1.063rem;
}

@media (min-width: 48em) {
  .model-explorer__top {
    margin-bottom: 4vmin;
  }
}

@media (min-width: 48em) {
  .model-explorer__top {
    padding: 0;
    padding-left: 8.33333%;
  }
}

@media (min-width: 64em) {
  .model-explorer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.model-explorer__top div {
  position: relative;
  max-width: calc(8 / 12 * 100vw);
  padding-right: 1.25rem;
}

@media (min-width: 64em) {
  .model-explorer__top div {
    margin-top: -2em;
    margin-left: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(4 / 12 * 100vw);
            flex: 0 0 calc(4 / 12 * 100vw);
  }
}

.model-explorer__top div p {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .model-explorer__top div p {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .model-explorer__top div p {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .model-explorer__top div p {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .model-explorer__top div p {
    font-size: 1.56vw;
  }
}

.experience-scroll .model-explorer__top div p {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.experience-scroll .experience-scroll .model-explorer__top div p {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .experience-scroll .model-explorer__top div p,
html.is-fixed .experience-scroll .is-past .experience-scroll .model-explorer__top div p,
.experience-scroll .is-active .experience-scroll .model-explorer__top div p,
.experience-scroll .is-past .experience-scroll .model-explorer__top div p {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.model-explorer__top div .button.button--secondary {
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
  margin-top: 1.25rem;
  color: currentColor;
  border-color: currentColor;
  font-size: 0.875rem;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

@media (min-width: 64em) {
  .model-explorer__top div .button.button--secondary {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .model-explorer__top div .button.button--secondary {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.model-explorer__top div .button.button--secondary b, .model-explorer__top div .button.button--secondary strong {
  font-weight: 500;
}

@media (min-width: 64em) {
  .model-explorer__top div .button.button--secondary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: auto;
    font-size: 0.875rem;
  }
}

.model-explorer__top div .button.button--secondary:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
  background: transparent;
  color: currentColor;
  border-color: currentColor;
}

.model-explorer__slider {
  position: relative;
  padding-right: 12%;
  padding-left: 1.063rem;
}

@media (min-width: 48em) {
  .model-explorer__slider {
    padding-left: 8.33333%;
  }
}

.model-explorer__slider:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.063rem;
  left: 0;
  right: 0;
  height: 0.063rem;
  background-color: rgba(0, 0, 0, 0.1);
}

.model-explorer__slide {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 1.063rem;
  border-bottom: 0.125rem solid transparent;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center top;
          mask-position: center top;
  line-height: 120%;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-size: 100% 0%;
          mask-size: 100% 0%;
  -webkit-transition: -webkit-mask-size 1s linear 0s;
  transition: -webkit-mask-size 1s linear 0s;
  transition: mask-size 1s linear 0s;
  transition: mask-size 1s linear 0s, -webkit-mask-size 1s linear 0s;
  -webkit-transition-duration: 1.3s;
          transition-duration: 1.3s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) !important;
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) !important;
}

@media (min-width: 48em) {
  .model-explorer__slide {
    padding-bottom: 1.875rem;
  }
}

@media (min-width: 64em) {
  .model-explorer__slide {
    padding-bottom: 3.125rem;
  }
}

.experience-scroll .model-explorer__slide {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black));
  -webkit-mask-image: linear-gradient(black);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(black));
          mask-image: linear-gradient(black);
}

.in-view .model-explorer__slide,
html.is-fixed .experience-scroll .is-active .model-explorer__slide,
html.is-fixed .experience-scroll .is-past .model-explorer__slide,
.experience-scroll .is-active .model-explorer__slide,
.experience-scroll .is-past .model-explorer__slide {
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.model-explorer__slide:nth-child(1) {
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
}

.model-explorer__slide:nth-child(2) {
  -webkit-transition-delay: 0.1s !important;
          transition-delay: 0.1s !important;
}

.model-explorer__slide:nth-child(3) {
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
}

.model-explorer__slide:nth-child(4) {
  -webkit-transition-delay: 0.3s !important;
          transition-delay: 0.3s !important;
}

.model-explorer__slide:nth-child(5) {
  -webkit-transition-delay: 0.4s !important;
          transition-delay: 0.4s !important;
}

.model-explorer__slide:nth-child(6) {
  -webkit-transition-delay: 0.5s !important;
          transition-delay: 0.5s !important;
}

.model-explorer__slide:nth-child(7) {
  -webkit-transition-delay: 0.6s !important;
          transition-delay: 0.6s !important;
}

.model-explorer__slide:nth-child(8) {
  -webkit-transition-delay: 0.7s !important;
          transition-delay: 0.7s !important;
}

.model-explorer__slide:nth-child(9) {
  -webkit-transition-delay: 0.8s !important;
          transition-delay: 0.8s !important;
}

.model-explorer__slide:nth-child(10) {
  -webkit-transition-delay: 0.9s !important;
          transition-delay: 0.9s !important;
}

.model-explorer__slide:nth-child(11) {
  -webkit-transition-delay: 1s !important;
          transition-delay: 1s !important;
}

.model-explorer__slide:nth-child(12) {
  -webkit-transition-delay: 1.1s !important;
          transition-delay: 1.1s !important;
}

.model-explorer__slide:nth-child(13) {
  -webkit-transition-delay: 1.2s !important;
          transition-delay: 1.2s !important;
}

.model-explorer__slide:nth-child(14) {
  -webkit-transition-delay: 1.3s !important;
          transition-delay: 1.3s !important;
}

.model-explorer__slide:nth-child(15) {
  -webkit-transition-delay: 1.4s !important;
          transition-delay: 1.4s !important;
}

.model-explorer__slide:nth-child(16) {
  -webkit-transition-delay: 1.5s !important;
          transition-delay: 1.5s !important;
}

.model-explorer__slide:nth-child(17) {
  -webkit-transition-delay: 1.6s !important;
          transition-delay: 1.6s !important;
}

.model-explorer__slide:nth-child(18) {
  -webkit-transition-delay: 1.7s !important;
          transition-delay: 1.7s !important;
}

.model-explorer__slide:nth-child(19) {
  -webkit-transition-delay: 1.8s !important;
          transition-delay: 1.8s !important;
}

.model-explorer__slide div {
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  margin-top: 5vh;
  height: 25vh;
  padding: 0 1.25rem;
  position: relative;
  background-color: #f9f8f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 64em) {
  .model-explorer__slide div {
    height: 45vh;
  }
}

.model-explorer__slide div img {
  display: block;
  margin-top: auto;
  width: 100%;
  height: 90%;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.model-explorer__slide div.is-planner {
  padding: 0;
  background-color: #f9f8f2;
  color: #b1b6a7;
  color: var(--planner-item-color);
}

.model-explorer__slide div.is-planner img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
}

.model-explorer__slide h4 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif !important;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: center left;
          transform-origin: center left;
  -webkit-transform: rotate(-90deg) translate(-100%, 50%);
          transform: rotate(-90deg) translate(-100%, 50%);
}

@media (min-width: 48em) {
  .model-explorer__slide h4 {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .model-explorer__slide h4 {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .model-explorer__slide h4 {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .model-explorer__slide h4 {
    font-size: 1.56vw;
  }
}

.model-explorer__slide.swiper-slide-active {
  border-bottom-color: currentColor;
}

.model-explorer__slide.swiper-slide-active div {
  margin-top: 0;
  height: 30vh;
}

@media (min-width: 64em) {
  .model-explorer__slide.swiper-slide-active div {
    height: 50vh;
  }
}

.model-explorer__slide--dummy:nth-last-child(2) {
  display: none;
}

@media (min-width: 64em) {
  .model-explorer__slide--dummy:nth-last-child(2) {
    display: block;
  }
}

.model-explorer__slide--dummy:last-child {
  display: none;
}

@media (min-width: 80em) {
  .model-explorer__slide--dummy:last-child {
    display: block;
  }
}

.model-explorer .swiper-button-prev,
.model-explorer .swiper-button-next {
  display: none;
}

@media (min-width: 64em) {
  .model-explorer .swiper-button-prev,
  .model-explorer .swiper-button-next {
    display: block;
    width: 50%;
    height: 100%;
    background-color: transparent;
    outline: none;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
  }
}

.model-explorer .swiper-button-prev.swiper-button-disabled,
.model-explorer .swiper-button-next.swiper-button-disabled {
  display: none;
}

.model-explorer .swiper-button-prev:not(.swiper-button-disabled) {
  cursor: auto;
  cursor: url("/static/svg/28x28_left.svg") 28 28, auto;
}

.model-explorer .swiper-button-next:not(.swiper-button-disabled) {
  cursor: auto;
  cursor: url("/static/svg/28x28_right.svg") 28 28, auto;
}

@media (min-width: 64em) {
  .model-explorer .swiper-button-next:not(.swiper-button-disabled) {
    left: auto;
    right: 0;
  }
}

.model-explorer__details {
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  margin-top: 1.063rem;
}

@media (min-width: 64em) {
  .model-explorer__details {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 48em) {
  .model-explorer__details {
    margin-top: 1.25rem;
    padding-left: 8.33333%;
  }
}

.model-explorer__details p {
  font-family: "Spectral", serif;
  font-size: 1rem;
  font-weight: 500;
  min-height: 4.313rem;
}

@media (min-width: 48em) {
  .model-explorer__details p {
    min-height: 5.75rem;
    max-width: calc(4 / 12 * 100vw);
  }
}

.model-explorer__details dl {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.model-explorer__details dl div {
  position: relative;
  display: inline-block;
  padding-right: 0.625rem;
  padding-bottom: 0.625rem;
  opacity: 0;
  -webkit-animation: slide-dd 0.5s ease forwards;
          animation: slide-dd 0.5s ease forwards;
}

@media (min-width: 48em) {
  .model-explorer__details dl div {
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.model-explorer__details dl div:nth-child(1) {
  -webkit-animation-delay: 0s !important;
          animation-delay: 0s !important;
}

.model-explorer__details dl div:nth-child(2) {
  -webkit-animation-delay: 0.1s !important;
          animation-delay: 0.1s !important;
}

.model-explorer__details dl div:nth-child(3) {
  -webkit-animation-delay: 0.2s !important;
          animation-delay: 0.2s !important;
}

.model-explorer__details dl div:nth-child(4) {
  -webkit-animation-delay: 0.3s !important;
          animation-delay: 0.3s !important;
}

.model-explorer__details dl div:nth-child(5) {
  -webkit-animation-delay: 0.4s !important;
          animation-delay: 0.4s !important;
}

.model-explorer__details dl div:nth-child(6) {
  -webkit-animation-delay: 0.5s !important;
          animation-delay: 0.5s !important;
}

.model-explorer__details dl div:nth-child(7) {
  -webkit-animation-delay: 0.6s !important;
          animation-delay: 0.6s !important;
}

.model-explorer__details dl div:nth-child(8) {
  -webkit-animation-delay: 0.7s !important;
          animation-delay: 0.7s !important;
}

.model-explorer__details dl div:nth-child(9) {
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}

.model-explorer__details dl div:nth-child(10) {
  -webkit-animation-delay: 0.9s !important;
          animation-delay: 0.9s !important;
}

.model-explorer__details dl div:nth-child(11) {
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}

.model-explorer__details dl div:nth-child(12) {
  -webkit-animation-delay: 1.1s !important;
          animation-delay: 1.1s !important;
}

.model-explorer__details dl div:nth-child(13) {
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
}

.model-explorer__details dl div:nth-child(14) {
  -webkit-animation-delay: 1.3s !important;
          animation-delay: 1.3s !important;
}

.model-explorer__details dl div:nth-child(15) {
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
}

.model-explorer__details dl div:nth-child(16) {
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}

.model-explorer__details dl div:nth-child(17) {
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important;
}

.model-explorer__details dl div:nth-child(18) {
  -webkit-animation-delay: 1.7s !important;
          animation-delay: 1.7s !important;
}

.model-explorer__details dl div:nth-child(19) {
  -webkit-animation-delay: 1.8s !important;
          animation-delay: 1.8s !important;
}

.model-explorer__details dl dt {
  text-transform: uppercase;
  font-size: 0.688rem;
  font-weight: 500;
  margin-bottom: 0.313rem;
}

@media (min-width: 48em) {
  .model-explorer__details dl dt {
    font-size: 0.75rem;
    margin-bottom: 1.25rem;
  }
}

.model-explorer__details dl dd {
  line-height: 1;
  font-size: 1.5rem;
  font-weight: 500;
}

.model-explorer__details dl dd small {
  font-size: 0.688rem;
}

@media (min-width: 48em) {
  .model-explorer__details dl dd small {
    font-size: 0.75rem;
  }
}

@media (min-width: 48em) {
  .model-explorer__details dl dd {
    font-size: 1.875rem;
  }
}

.model-explorer__link {
  display: inline-block;
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  font-weight: 500;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

@media (min-width: 64em) {
  .model-explorer__link {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 48em) {
  .model-explorer__link {
    margin-top: 3.125rem;
    margin-left: 8.33333%;
  }
}

@-webkit-keyframes slide-dd {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-0.625rem);
            transform: translateY(-0.625rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes slide-dd {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-0.625rem);
            transform: translateY(-0.625rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

:root {
  --inspiration-gallery-bg-color: transparent;
  --inspiration-gallery-text-color: #282828;
}

.inspiration-gallery {
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: transparent;
  background-color: var(--inspiration-gallery-bg-color);
  color: #282828;
  color: var(--inspiration-gallery-text-color);
  max-width: 100vw;
}

.inspiration-gallery__top {
  margin-bottom: 0;
  margin-left: 1.063rem;
  margin-right: 1.063rem;
}

@media (min-width: 64em) {
  .inspiration-gallery__top {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media (min-width: 64em) {
  .inspiration-gallery__top {
    margin: 0;
    padding-left: 8.33333%;
    padding-right: 8.33333%;
  }
}

.inspiration-gallery__inner {
  position: relative;
  overflow: hidden;
}

.inspiration-gallery .tabs-bar {
  padding-top: 2.5rem;
  margin-bottom: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 50;
  background-color: #fff;
}

.inspiration-gallery__text {
  position: relative;
  margin: 1.875rem 1.063rem 3.125rem;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.experience-scroll .inspiration-gallery__text {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .inspiration-gallery__text,
html.is-fixed .experience-scroll .is-past .inspiration-gallery__text,
.experience-scroll .is-active .inspiration-gallery__text,
.experience-scroll .is-past .inspiration-gallery__text {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media (min-width: 35.4375em) {
  .inspiration-gallery__text {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (min-width: 64em) {
  .inspiration-gallery__text {
    margin: 2.25rem 0 0;
  }
}

.inspiration-gallery__text > div {
  -webkit-animation: slide-bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: slide-bottom 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  margin: 0;
}

@media (min-width: 35.4375em) {
  .inspiration-gallery__text > div {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (min-width: 64em) {
  .inspiration-gallery__text > div {
    left: calc(1 / 12 * 100vw);
  }
}

.inspiration-gallery__text p {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
  max-width: calc(10 / 12 * 100vw);
  margin-bottom: 1.25rem;
}

@media (min-width: 48em) {
  .inspiration-gallery__text p {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .inspiration-gallery__text p {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .inspiration-gallery__text p {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .inspiration-gallery__text p {
    font-size: 1.56vw;
  }
}

@media (min-width: 35.4375em) {
  .inspiration-gallery__text p {
    width: calc(5 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .inspiration-gallery__text p {
    width: calc(3 / 12 * 100vw);
  }
}

.inspiration-gallery__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}

.experience-scroll .inspiration-gallery__grid li {
  opacity: 0;
  position: relative;
}

.inspiration-gallery__grid li figure {
  position: relative;
  width: 100%;
  margin-bottom: 1.875rem;
}

.inspiration-gallery__grid li figure img {
  width: 100%;
  max-width: 100%;
  display: block;
}

.inspiration-gallery__grid li h3 {
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .inspiration-gallery__grid li h3 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .inspiration-gallery__grid li h3 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .inspiration-gallery__grid li h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .inspiration-gallery__grid li h3 {
    font-size: 1.25vw;
  }
}

.inspiration-gallery__grid li p {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  max-width: calc(6 / 12 * 100vw);
  padding-right: 1.25rem;
}

@media (min-width: 90em) {
  .inspiration-gallery__grid li p {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.inspiration-gallery__grid li p b, .inspiration-gallery__grid li p strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.inspiration-gallery__grid li:nth-child(6n + 1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  margin-left: 30%;
  margin-bottom: 2.5rem;
}

.experience-scroll .is-active .inspiration-gallery__grid li:nth-child(6n + 1) {
  -webkit-animation: slide-top 0.32s ease forwards;
          animation: slide-top 0.32s ease forwards;
  -webkit-animation-delay: 0.1s !important;
          animation-delay: 0.1s !important;
}

@media (min-width: 35.4375em) {
  .inspiration-gallery__grid li:nth-child(6n + 1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.125rem);
            flex: 0 0 calc(50% - 1.125rem);
    margin-left: calc(50% + 1.063rem);
  }
}

@media (min-width: 64em) {
  .inspiration-gallery__grid li:nth-child(6n + 1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(4 / 12 * 100%);
            flex: 0 0 calc(4 / 12 * 100%);
    margin-left: 0;
    margin-right: calc(1 / 12 * 100%);
    margin-top: calc(4 / 12 * 100%);
    margin-bottom: 0;
  }
  .inspiration-gallery__grid li:nth-child(6n + 1) h3,
  .inspiration-gallery__grid li:nth-child(6n + 1) p {
    margin-left: 1.25rem;
  }
}

@media (min-width: 90em) {
  .inspiration-gallery__grid li:nth-child(6n + 1) {
    margin-right: calc(2 / 12 * 100%);
  }
}

.inspiration-gallery__grid li:nth-child(6n + 2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 2.063rem);
          flex: 0 0 calc(50% - 2.063rem);
  margin-left: 1.063rem;
  margin-right: 0.938rem;
}

.experience-scroll .is-active .inspiration-gallery__grid li:nth-child(6n + 2) {
  -webkit-animation: slide-top 0.32s ease forwards;
          animation: slide-top 0.32s ease forwards;
}

@media (min-width: 35.4375em) {
  .inspiration-gallery__grid li:nth-child(6n + 2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(35% - 1.063rem);
            flex: 0 0 calc(35% - 1.063rem);
    margin-left: 1.063rem;
    margin-top: -30vh;
  }
}

@media (min-width: 64em) {
  .inspiration-gallery__grid li:nth-child(6n + 2) {
    margin-left: 0;
    margin-right: calc(1 / 12 * 100%);
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(3 / 12 * 100%);
            flex: 0 0 calc(3 / 12 * 100%);
  }
  .experience-scroll .is-active .inspiration-gallery__grid li:nth-child(6n + 2) {
    -webkit-animation: slide-top 0.32s ease forwards;
            animation: slide-top 0.32s ease forwards;
  }
}

@media (min-width: 90em) {
  .inspiration-gallery__grid li:nth-child(6n + 2) {
    margin-right: 0;
  }
}

.inspiration-gallery__grid li:nth-child(6n + 3) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 1.125rem);
          flex: 0 0 calc(50% - 1.125rem);
  margin-right: 1.063rem;
  margin-top: 10vh;
  margin-bottom: 2.5rem;
}

.experience-scroll .is-active .inspiration-gallery__grid li:nth-child(6n + 3) {
  -webkit-animation: slide-top 0.32s ease forwards;
          animation: slide-top 0.32s ease forwards;
  -webkit-animation-delay: 0.2s !important;
          animation-delay: 0.2s !important;
}

@media (min-width: 35.4375em) {
  .inspiration-gallery__grid li:nth-child(6n + 3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(35% - 1.063rem);
            flex: 0 0 calc(35% - 1.063rem);
    margin-right: 1.063rem;
    margin-bottom: 0;
  }
}

@media (min-width: 64em) {
  .inspiration-gallery__grid li:nth-child(6n + 3) {
    margin-left: 0;
    margin-right: 0;
    margin-top: calc(5 / 12 * 100%);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(3 / 12 * 100%);
            flex: 0 0 calc(3 / 12 * 100%);
  }
}

.inspiration-gallery__grid li:nth-child(6n + 4) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  margin-right: 30%;
  margin-bottom: 2.5rem;
}

.experience-scroll .is-active .inspiration-gallery__grid li:nth-child(6n + 4) {
  -webkit-animation: slide-top 0.32s ease forwards;
          animation: slide-top 0.32s ease forwards;
}

.inspiration-gallery__grid li:nth-child(6n + 4) h3,
.inspiration-gallery__grid li:nth-child(6n + 4) p {
  margin-left: 1.063rem;
}

@media (min-width: 35.4375em) {
  .inspiration-gallery__grid li:nth-child(6n + 4) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.125rem);
            flex: 0 0 calc(50% - 1.125rem);
    margin-right: calc(50% + 1.063rem);
    margin-top: -10vh;
    margin-bottom: 0;
  }
}

@media (min-width: 64em) {
  .inspiration-gallery__grid li:nth-child(6n + 4) {
    margin-right: calc(1 / 12 * 100%);
    margin-left: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(3 / 12 * 100%);
            flex: 0 0 calc(3 / 12 * 100%);
    margin-top: calc(5 / 12 * 100%);
  }
}

@media (min-width: 64em) {
  .inspiration-gallery__grid li:nth-last-child(4):first-child:nth-child(6n + 4),
  .inspiration-gallery__grid li:nth-last-child(4):first-child ~ *:nth-child(6n + 4) {
    margin-top: calc(1 / 12 * 100%);
  }
}

.inspiration-gallery__grid li:nth-child(6n + 5) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 2.063rem);
          flex: 0 0 calc(50% - 2.063rem);
  margin-left: 1.063rem;
  margin-right: 0.938rem;
  margin-bottom: 2.5rem;
}

.experience-scroll .is-active .inspiration-gallery__grid li:nth-child(6n + 5) {
  -webkit-animation: slide-top 0.32s ease forwards;
          animation: slide-top 0.32s ease forwards;
}

@media (min-width: 35.4375em) {
  .inspiration-gallery__grid li:nth-child(6n + 5) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(35% - 1.063rem);
            flex: 0 0 calc(35% - 1.063rem);
    margin-left: 65%;
    margin-right: 1.063rem;
    margin-top: -30vh;
    margin-bottom: 0;
  }
}

@media (min-width: 64em) {
  .inspiration-gallery__grid li:nth-child(6n + 5) {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(3 / 12 * 100%);
            flex: 0 0 calc(3 / 12 * 100%);
  }
  .is-active .inspiration-gallery__grid li:nth-child(6n + 5) {
    -webkit-animation: slide-top 0.32s ease forwards;
            animation: slide-top 0.32s ease forwards;
  }
}

.inspiration-gallery__grid li:nth-child(6n + 6) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 1.125rem);
          flex: 0 0 calc(50% - 1.125rem);
  margin-right: 1.063rem;
  margin-top: -5vh;
}

.experience-scroll .is-active .inspiration-gallery__grid li:nth-child(6n + 6) {
  -webkit-animation: slide-top 0.32s ease forwards;
          animation: slide-top 0.32s ease forwards;
}

@media (min-width: 35.4375em) {
  .inspiration-gallery__grid li:nth-child(6n + 6) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(35% - 1.125rem);
            flex: 0 0 calc(35% - 1.125rem);
    margin-left: 1.063rem;
    margin-top: -10vh;
  }
}

@media (min-width: 64em) {
  .inspiration-gallery__grid li:nth-child(6n + 6) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(4 / 12 * 100%);
            flex: 0 0 calc(4 / 12 * 100%);
    margin-right: 0;
    margin-left: calc(1 / 12 * 100%);
    margin-top: calc(2 / 12 * 100%);
    margin-bottom: 0;
  }
  .inspiration-gallery__grid li:nth-child(6n + 6) h3,
  .inspiration-gallery__grid li:nth-child(6n + 6) p {
    margin-left: 0;
  }
}

.inspiration-gallery__grid li:nth-child(n + 3) {
  -webkit-animation-delay: 1.33s !important;
          animation-delay: 1.33s !important;
}

html.is-fixed .experience-scroll .is-active .inspiration-gallery .inspiration-gallery__grid li,
html.is-fixed .experience-scroll .is-past .inspiration-gallery .inspiration-gallery__grid li {
  opacity: 1 !important;
}

@-webkit-keyframes slide-left {
  0% {
    opacity: 0;
    left: -1.875rem;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes slide-left {
  0% {
    opacity: 0;
    left: -1.875rem;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@-webkit-keyframes slide-bottom {
  0% {
    opacity: 0;
    top: 1.875rem;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}

@keyframes slide-bottom {
  0% {
    opacity: 0;
    top: 1.875rem;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}

@-webkit-keyframes slide-top {
  0% {
    opacity: 0;
    top: -1.875rem;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}

@keyframes slide-top {
  0% {
    opacity: 0;
    top: -1.875rem;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}

@-webkit-keyframes slide-right {
  0% {
    opacity: 0;
    right: -1.875rem;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}

@keyframes slide-right {
  0% {
    opacity: 0;
    right: -1.875rem;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}

:root {
  --designer-presentation-bg-color: #fff;
  --designer-presentation-text-color: #282828;
}

.designer-presentation {
  background-color: #fff;
  background-color: var(--designer-presentation-bg-color);
  color: #282828;
  color: var(--designer-presentation-text-color);
  position: relative;
  overflow: hidden;
}

.designer-presentation__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 70vmin;
}

@media (min-width: 64em) {
  .designer-presentation__inner {
    min-height: 80vmin;
  }
}

@media (min-width: 120.25em) {
  .designer-presentation__inner {
    min-height: 100vmin;
  }
}

.designer-presentation__headline {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  margin: 2vh 3vh;
}

@media (min-width: 21.875em) {
  .designer-presentation__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .designer-presentation__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .designer-presentation__headline {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .designer-presentation__headline {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .designer-presentation__headline {
    font-size: 5.2vw;
  }
}

@media (min-width: 48em) {
  .designer-presentation__headline {
    margin: 2vh 5vh;
  }
}

@media (min-width: 64em) {
  .designer-presentation__headline div {
    display: inline-block;
    position: relative;
    top: -0.1em;
  }
}

.designer-presentation__headline span {
  white-space: nowrap;
}

@media (min-width: 64em) {
  .designer-presentation__headline span {
    margin-left: calc(1 / 12 * 100vw);
    margin-left: 0;
    display: inline-block;
  }
}

.experience-scroll .designer-presentation__headline--part-1 {
  opacity: 0;
  -webkit-transform: translateY(-10vw);
          transform: translateY(-10vw);
  -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (min-width: 64em) {
  .designer-presentation__headline--part-1 {
    margin-left: calc(2 / 12 * 100vw);
  }
}

@media (min-width: 105em) {
  .designer-presentation__headline--part-1 {
    margin-left: calc(3 / 12 * 100vw);
  }
}

.designer-presentation__headline--part-1 span:last-child {
  display: block;
  text-align: right;
}

@media (min-width: 64em) {
  .designer-presentation__headline--part-1 span:last-child {
    margin-left: calc(2 / 12 * 100vw);
  }
}

.designer-presentation__bodytext {
  padding-bottom: 4vh;
  margin-top: 7vh;
  margin-bottom: auto;
  margin-left: calc(3 / 12 * 100vw);
  margin-right: 1.063rem;
  position: relative;
  z-index: 1;
}

.experience-scroll .designer-presentation__bodytext {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .designer-presentation__bodytext,
html.is-fixed .experience-scroll .is-past .designer-presentation__bodytext,
.experience-scroll .is-active .designer-presentation__bodytext,
.experience-scroll .is-past .designer-presentation__bodytext {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media (min-width: 48em) {
  .designer-presentation__bodytext {
    margin-left: calc(6 / 12 * 100vw);
    margin-right: calc(1 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .designer-presentation__bodytext {
    padding: 10vh 0;
    margin-right: 1.25rem;
    margin-left: calc(6 / 12 * 100vw);
  }
}

.designer-presentation__bodytext p {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.035em;
}

@media (min-width: 21.875em) {
  .designer-presentation__bodytext p {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .designer-presentation__bodytext p {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .designer-presentation__bodytext p {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .designer-presentation__bodytext p {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .designer-presentation__bodytext p {
    font-size: 2.6vw;
  }
}

.designer-presentation__bodytext .button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 1.25rem;
}

.designer-presentation__image {
  display: block;
  position: relative;
  left: -1.062rem;
  z-index: 0;
  width: calc(7 / 12 * 100vw);
  height: calc(11 / 12 * 100vw);
}

.experience-scroll .designer-presentation__image {
  opacity: 0;
  -webkit-transform: translateX(-10vw);
          transform: translateX(-10vw);
  -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (min-width: 48em) {
  .designer-presentation__image {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: 0;
    width: 40vw;
    height: 55vw;
  }
}

@media (min-width: 64em) {
  .designer-presentation__image {
    width: calc(3 / 12 * 100vw);
    height: calc(4 / 12 * 100vw);
  }
}

.designer-presentation__image img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.designer-presentation__image h5 {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  left: calc(100% + 1.25rem);
  line-height: 1;
  font-size: 0.75rem;
  min-height: 2em;
  width: 0;
}

@media (min-width: 64em) {
  .designer-presentation__image h5 {
    font-size: 0.875rem;
  }
}

.designer-presentation__image h5 span {
  display: block;
  position: relative;
  white-space: nowrap;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.experience-scroll .is-active .designer-presentation .designer-presentation__headline--part-2,
.experience-scroll .is-past .designer-presentation .designer-presentation__headline--part-2 {
  -webkit-transform: translate(0, 0) rotate(90deg);
          transform: translate(0, 0) rotate(90deg);
  opacity: 1;
}

@media (min-width: 48em) {
  .experience-scroll .is-active .designer-presentation .designer-presentation__headline--part-2,
  .experience-scroll .is-past .designer-presentation .designer-presentation__headline--part-2 {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}

.experience-scroll .is-active .designer-presentation .designer-presentation__headline--part-1,
.experience-scroll .is-active .designer-presentation .designer-presentation__image,
.experience-scroll .is-past .designer-presentation .designer-presentation__headline--part-1,
.experience-scroll .is-past .designer-presentation .designer-presentation__image {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.shortcuts-bar {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  right: 0;
  bottom: -1.25rem;
  z-index: 19;
  height: 4.438rem;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
}

@media (min-width: 64em) {
  .shortcuts-bar {
    height: 3.188rem;
  }
}

.shortcuts-bar__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1;
  border-top: solid 0.063rem #282828;
  border-bottom: solid 0.063rem rgba(0, 0, 0, 0.1);
}

.in-view .shortcuts-bar__inner {
  opacity: 0;
}

.shortcuts-bar__back {
  background: #282828;
  color: #fff;
  -webkit-transition: opacity 0.3s ease,  background 0.2s ease;
  transition: opacity 0.3s ease,  background 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  padding: 0 0.938rem;
  height: 4.438rem;
  color: #282828;
  color: var(--shortcuts-bar-text-color);
  background-color: #fff;
  background-color: var(--shortcuts-bar-bg-color);
  border-top: 0.063rem solid black;
  border-top-color: var(--shortcuts-bar-bg-color);
}

@media (min-width: 64em) {
  .shortcuts-bar__back {
    padding: 0 0.938rem;
    height: 3.188rem;
  }
}

.shortcuts-bar__back:hover, .shortcuts-bar__back:active, .shortcuts-bar__back:focus {
  background: #7f7f7f;
  color: #fff;
}

.in-view .shortcuts-bar__back {
  opacity: 1;
  pointer-events: all;
}

.shortcuts-bar__back .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  margin-right: 0.625rem;
  fill: currentColor;
}

.shortcuts-bar__back .svg-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

.shortcuts-bar__back span {
  color: currentColor;
}

.shortcuts-bar h4 {
  font-size: 0.875rem;
  white-space: nowrap;
  font-weight: 500;
  display: none;
  padding: 0 0.938rem 1.875rem;
  height: 4.375rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(8 / 12 * 100%);
          flex: 0 0 calc(8 / 12 * 100%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-right: solid 0.063rem black;
  border-color: #282828;
  border-color: var(--shortcuts-bar-text-color);
}

@media (min-width: 64em) {
  .shortcuts-bar h4 {
    padding: 0 0.938rem;
    height: 3.125rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

@media (min-width: 71.875em) {
  .shortcuts-bar h4 {
    font-size: 1rem;
  }
}

@media (min-width: 120.25em) {
  .shortcuts-bar h4 {
    font-size: 1.125rem;
    padding: 1.25rem;
  }
}

.shortcuts-bar__button {
  font-size: 0.875rem;
  white-space: nowrap;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.938rem 1.875rem;
  height: 4.375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
  background-color: #fff;
  background-color: var(--shortcuts-bar-bg-color);
  color: currentColor;
}

@media (min-width: 64em) {
  .shortcuts-bar__button {
    padding: 0 0.938rem;
    height: 3.125rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(2 / 12 * 100%);
            flex: 0 0 calc(2 / 12 * 100%);
  }
}

@media (min-width: 71.875em) {
  .shortcuts-bar__button {
    font-size: 1rem;
  }
}

@media (min-width: 120.25em) {
  .shortcuts-bar__button {
    font-size: 1.125rem;
    padding: 1.25rem;
  }
}

.shortcuts-bar__button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.shortcuts-bar__button:not(:last-child) {
  border-right: solid 0.063rem #282828;
}

.shortcuts-bar__button .icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.625rem;
  display: inline-block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shortcuts-bar__button img {
  width: 1.5rem;
  height: 24px !important;
  margin-right: 0.625rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 50% 50%;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  height: 100%;
}

@media (max-width: 24.365em) {
  .shortcuts-bar__button .icon, .shortcuts-bar__button img {
    display: none;
  }
}

.shortcuts-overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1100;
  -webkit-transition: -webkit-transform 0.55s ease;
  transition: -webkit-transform 0.55s ease;
  transition: transform 0.55s ease;
  transition: transform 0.55s ease, -webkit-transform 0.55s ease;
  -webkit-transform: translateY(120%);
          transform: translateY(120%);
}

@media (min-width: 48em) {
  .shortcuts-overlay {
    left: auto;
    top: 0;
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
    width: calc(6 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .shortcuts-overlay {
    width: calc(5 / 12 * 100vw);
  }
}

@media (min-width: 90em) {
  .shortcuts-overlay {
    width: calc(4 / 12 * 100vw);
  }
}

.shortcuts-overlay.is-active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.shortcuts-overlay__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 3.75rem;
}

.shortcuts-overlay__close > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50% 50%;
  z-index: 2;
  background-color: #f9f8f2;
}

.shortcuts-overlay__close > span svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
}

@media (min-width: 48em) {
  .shortcuts-overlay__close {
    display: none;
  }
}

.shortcuts-overlay__inner {
  background-color: #fff;
  height: calc(100vh - 3.75rem);
  overflow-x: hidden;
  overflow-y: auto;
}

@supports (--custom: property) {
  .shortcuts-overlay__inner {
    height: calc(var(--vh) * 100px - 3.75rem);
  }
}

@media (min-width: 48em) {
  .shortcuts-overlay__inner {
    height: 100vh;
  }
  @supports (--custom: property) {
    .shortcuts-overlay__inner {
      height: calc(var(--vh) * 100px);
    }
  }
}

.shortcuts-overlay__top {
  padding: 1.063rem;
}

@media (min-width: 64em) {
  .shortcuts-overlay__top {
    padding: 1.25rem;
  }
}

.shortcuts-overlay__top h3 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  margin-bottom: 1.25rem;
}

@media (min-width: 21.875em) {
  .shortcuts-overlay__top h3 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .shortcuts-overlay__top h3 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .shortcuts-overlay__top h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .shortcuts-overlay__top h3 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .shortcuts-overlay__top h3 {
    font-size: 2.6vw;
  }
}

.shortcuts-overlay__top p {
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
  margin-bottom: 2.5rem;
}

@media (min-width: 64em) {
  .shortcuts-overlay__top p {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .shortcuts-overlay__top p {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.shortcuts-overlay__top p b, .shortcuts-overlay__top p strong {
  font-weight: 500;
}

.shortcuts-overlay__grid {
  grid-template-columns: 1fr 1fr;
  -webkit-box-shadow: 0 0 0 black !important;
          box-shadow: 0 0 0 black !important;
}

.shortcuts-overlay__grid li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

.shortcuts-overlay__grid li a img {
  display: block;
  max-width: 80%;
  margin: 1.25rem auto;
}

.shortcuts-overlay__grid li a h5 {
  position: absolute;
  inset: 1.063rem;
  top: auto;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 64em) {
  .shortcuts-overlay__grid li a h5 {
    inset: 1.25rem;
    top: auto;
  }
}

@media (min-width: 48em) {
  .shortcuts-overlay__grid li a h5 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .shortcuts-overlay__grid li a h5 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .shortcuts-overlay__grid li a h5 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .shortcuts-overlay__grid li a h5 {
    font-size: 1.25vw;
  }
}

@media (min-width: 64em) {
  .shortcuts-overlay__grid li a h5 {
    font-size: 1.125rem;
  }
}

.shortcuts-overlay__grid li a.is-planner {
  background-color: #3b4256;
  color: #b1b6a7;
  background-color: #f9f8f2;
  color: #b1b6a7;
  color: var(--planner-item-color);
}

.shortcuts-overlay__grid li a.is-planner img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  margin: 0;
}

:root {
  --ar-banner-bg-color: #f9f8f2;
  --ar-banner-text-color: #282828;
}

.ar-banner {
  background-color: #fff;
  background-color: var(--ar-banner-bg-color);
  color: #282828;
  color: var(--ar-banner-text-color);
  position: relative;
  overflow: hidden;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  padding-top: calc(2 / 12 * 100vw);
  padding-bottom: calc(2 / 12 * 100vw);
}

@media (min-width: 48em) {
  .ar-banner {
    padding-top: calc(1 / 12 * 100vw);
    padding-bottom: calc(1 / 12 * 100vw);
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 64em) {
  .ar-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.ar-banner__icon {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0.625rem;
}

@media (min-width: 64em) {
  .ar-banner__icon {
    width: 3.75rem;
    height: 3.75rem;
  }
}

.ar-banner__icon svg {
  fill: currentColor;
}

.ar-banner__headline {
  position: relative;
  z-index: 1;
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  line-height: 1 !important;
}

@media (min-width: 21.875em) {
  .ar-banner__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .ar-banner__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .ar-banner__headline {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .ar-banner__headline {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .ar-banner__headline {
    font-size: 5.2vw;
  }
}

.ar-banner__headline span {
  -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.ar-banner__bodytext {
  margin-top: 3.125rem;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
}

@media (min-width: 90em) {
  .ar-banner__bodytext {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.ar-banner__bodytext b, .ar-banner__bodytext strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.ar-banner__bodytext span {
  -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.ar-banner__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin-top: 1.875rem;
  color: currentColor;
}

.ar-banner__button:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 100%;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: right 0.25s ease;
  transition: right 0.25s ease;
}

.ar-banner__button:hover:after, .ar-banner__button:focus:after {
  right: 0;
}

.ar-banner__button.is-active:after {
  opacity: 1;
  width: 100%;
}

.ar-banner__button:after {
  -webkit-transition: right 0s ease;
  transition: right 0s ease;
}

.ar-banner__button:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.063rem;
  right: 0;
  height: 0.063rem;
  background-color: currentColor;
  -webkit-transition: left 0s ease;
  transition: left 0s ease;
}

.ar-banner__button:hover:before, .ar-banner__button:focus:before {
  opacity: 1;
  left: 100%;
  -webkit-transition: left 0.25s ease-in;
  transition: left 0.25s ease-in;
}

.ar-banner__button:hover:after, .ar-banner__button:focus:after {
  right: 0;
  -webkit-transition: right 0.25s ease-out 0.3s;
  transition: right 0.25s ease-out 0.3s;
}

.ar-banner__label {
  font-size: 0.75rem;
  display: inline-block;
  position: absolute;
  top: 70%;
  right: 0;
  -webkit-transform: rotate(-90deg) translateY(100%);
          transform: rotate(-90deg) translateY(100%);
}

@media (min-width: 64em) {
  .ar-banner__label {
    top: 50%;
  }
}

.ar-banner__content {
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.experience-scroll .experience-scroll .ar-banner__content {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .experience-scroll .ar-banner__content,
html.is-fixed .experience-scroll .is-past .experience-scroll .ar-banner__content,
.experience-scroll .is-active .experience-scroll .ar-banner__content,
.experience-scroll .is-past .experience-scroll .ar-banner__content {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media (min-width: 48em) {
  .ar-banner__content {
    padding-left: calc(1 / 12 * 100vw);
    padding-right: calc(1 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .ar-banner__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(7 / 12 * 100vw);
            flex: 0 0 calc(7 / 12 * 100vw);
  }
}

.ar-banner__image {
  display: block;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  margin-top: 3.75rem;
  padding-left: calc(2 / 12 * 100vw);
  padding-right: calc(2 / 12 * 100vw);
}

.experience-scroll .ar-banner__image {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center top;
          mask-position: center top;
  line-height: 120%;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-size: 100% 0%;
          mask-size: 100% 0%;
  -webkit-transition: -webkit-mask-size 1s linear 0s;
  transition: -webkit-mask-size 1s linear 0s;
  transition: mask-size 1s linear 0s;
  transition: mask-size 1s linear 0s, -webkit-mask-size 1s linear 0s;
}

.experience-scroll .experience-scroll .ar-banner__image {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black));
  -webkit-mask-image: linear-gradient(black);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(black));
          mask-image: linear-gradient(black);
}

.in-view .experience-scroll .ar-banner__image,
html.is-fixed .experience-scroll .is-active .experience-scroll .ar-banner__image,
html.is-fixed .experience-scroll .is-past .experience-scroll .ar-banner__image,
.experience-scroll .is-active .experience-scroll .ar-banner__image,
.experience-scroll .is-past .experience-scroll .ar-banner__image {
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

@media (min-width: 48em) {
  .ar-banner__image {
    padding-left: calc(1 / 12 * 100vw);
    padding-right: calc(1 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .ar-banner__image {
    margin-top: 0;
    padding-left: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(5 / 12 * 100vw);
            flex: 0 0 calc(5 / 12 * 100vw);
  }
}

.ar-banner__image img {
  display: block;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.experience-scroll .is-active .ar-banner .ar-banner__content {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.experience-scroll .is-active .ar-banner .ar-banner__headline span {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

:root {
  --explanation-overlay-bg-color: #fff;
  --explanation-overlay-text-color: #282828;
}

.explanation-overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1102;
  -webkit-transition: -webkit-transform 0.55s ease;
  transition: -webkit-transform 0.55s ease;
  transition: transform 0.55s ease;
  transition: transform 0.55s ease, -webkit-transform 0.55s ease;
  -webkit-transform: translateY(120%);
          transform: translateY(120%);
}

@media (min-width: 48em) {
  .explanation-overlay {
    left: auto;
    top: 0;
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
    width: calc(6 / 12 * 100vw);
  }
}

@media (min-width: 64em) {
  .explanation-overlay {
    width: calc(5 / 12 * 100vw);
  }
}

@media (min-width: 90em) {
  .explanation-overlay {
    width: calc(4 / 12 * 100vw);
  }
}

.explanation-overlay.is-active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.explanation-overlay__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3.75rem;
}

.explanation-overlay__close > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50% 50%;
  z-index: 2;
  background-color: #f9f8f2;
}

.explanation-overlay__close > span svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
}

@media (min-width: 48em) {
  .explanation-overlay__close {
    display: none;
  }
}

.explanation-overlay__inner {
  background-color: #fff;
  background-color: var(--explanation-overlay-bg-color);
  color: #282828;
  color: var(--explanation-overlay-text-color);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  height: calc(100vh - 3.75rem);
  overflow-x: hidden;
  overflow-y: auto;
}

@supports (--custom: property) {
  .explanation-overlay__inner {
    height: calc(var(--vh) * 100px - 3.75rem);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner {
    height: 100vh;
  }
  @supports (--custom: property) {
    .explanation-overlay__inner {
      height: calc(var(--vh) * 100px);
    }
  }
}

.explanation-overlay__inner ul {
  position: relative;
  padding: 1.25rem 0;
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul {
    padding: 2.5rem 0;
  }
}

.explanation-overlay__inner ul h4 {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.03em;
  padding-left: 1.25rem;
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul h4 {
    font-size: 1.25rem;
  }
}

@media (min-width: 64em) {
  .explanation-overlay__inner ul h4 {
    font-size: 1.375rem;
  }
}

@media (min-width: 90em) {
  .explanation-overlay__inner ul h4 {
    font-size: 1.5rem;
  }
}

@media (min-width: 120.25em) {
  .explanation-overlay__inner ul h4 {
    font-size: 1.25vw;
  }
}

.explanation-overlay__inner ul p {
  padding: 0 0.625rem;
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
  font-family: "Spectral", serif;
  max-width: 21.875rem;
}

@media (min-width: 24.375em) {
  .explanation-overlay__inner ul p {
    padding: 0 1.25rem;
  }
}

@media (min-width: 64em) {
  .explanation-overlay__inner ul p {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .explanation-overlay__inner ul p {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.explanation-overlay__inner ul p b, .explanation-overlay__inner ul p strong {
  font-weight: 500;
}

.explanation-overlay__inner ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.explanation-overlay__inner ul li:nth-child(2n+1) {
  margin-right: 50%;
  max-width: 50%;
  padding-right: 0.625rem;
}

.explanation-overlay__inner ul li:nth-child(2n+2) {
  max-width: 50%;
  margin-left: 50%;
  padding-left: 0.625rem;
}

.explanation-overlay__inner ul li:nth-child(3) {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(3) {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(3) {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(3) {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(3) {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

.explanation-overlay__inner ul li:nth-child(4) {
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(4) {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(4) {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(4) {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(4) {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}

.explanation-overlay__inner ul li:nth-child(5) {
  -webkit-transform: translateY(-150px);
          transform: translateY(-150px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(5) {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(5) {
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(5) {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(5) {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
}

.explanation-overlay__inner ul li:nth-child(6) {
  -webkit-transform: translateY(-200px);
          transform: translateY(-200px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(6) {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(6) {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(6) {
    -webkit-transform: translateY(-80px);
            transform: translateY(-80px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(6) {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
}

.explanation-overlay__inner ul li:nth-child(7) {
  -webkit-transform: translateY(-250px);
          transform: translateY(-250px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(7) {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(7) {
    -webkit-transform: translateY(-150px);
            transform: translateY(-150px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(7) {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(7) {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}

.explanation-overlay__inner ul li:nth-child(8) {
  -webkit-transform: translateY(-300px);
          transform: translateY(-300px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(8) {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(8) {
    -webkit-transform: translateY(-180px);
            transform: translateY(-180px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(8) {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(8) {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
}

.explanation-overlay__inner ul li:nth-child(9) {
  -webkit-transform: translateY(-350px);
          transform: translateY(-350px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(9) {
    -webkit-transform: translateY(-70px);
            transform: translateY(-70px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(9) {
    -webkit-transform: translateY(-210px);
            transform: translateY(-210px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(9) {
    -webkit-transform: translateY(-140px);
            transform: translateY(-140px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(9) {
    -webkit-transform: translateY(-70px);
            transform: translateY(-70px);
  }
}

.explanation-overlay__inner ul li:nth-child(10) {
  -webkit-transform: translateY(-400px);
          transform: translateY(-400px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(10) {
    -webkit-transform: translateY(-80px);
            transform: translateY(-80px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(10) {
    -webkit-transform: translateY(-240px);
            transform: translateY(-240px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(10) {
    -webkit-transform: translateY(-160px);
            transform: translateY(-160px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(10) {
    -webkit-transform: translateY(-80px);
            transform: translateY(-80px);
  }
}

.explanation-overlay__inner ul li:nth-child(11) {
  -webkit-transform: translateY(-450px);
          transform: translateY(-450px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(11) {
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(11) {
    -webkit-transform: translateY(-270px);
            transform: translateY(-270px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(11) {
    -webkit-transform: translateY(-180px);
            transform: translateY(-180px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(11) {
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px);
  }
}

.explanation-overlay__inner ul li:nth-child(12) {
  -webkit-transform: translateY(-500px);
          transform: translateY(-500px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(12) {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(12) {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(12) {
    -webkit-transform: translateY(-200px);
            transform: translateY(-200px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(12) {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}

.explanation-overlay__inner ul li:nth-child(13) {
  -webkit-transform: translateY(-550px);
          transform: translateY(-550px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(13) {
    -webkit-transform: translateY(-110px);
            transform: translateY(-110px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(13) {
    -webkit-transform: translateY(-330px);
            transform: translateY(-330px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(13) {
    -webkit-transform: translateY(-220px);
            transform: translateY(-220px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(13) {
    -webkit-transform: translateY(-110px);
            transform: translateY(-110px);
  }
}

.explanation-overlay__inner ul li:nth-child(14) {
  -webkit-transform: translateY(-600px);
          transform: translateY(-600px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(14) {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(14) {
    -webkit-transform: translateY(-360px);
            transform: translateY(-360px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(14) {
    -webkit-transform: translateY(-240px);
            transform: translateY(-240px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(14) {
    -webkit-transform: translateY(-120px);
            transform: translateY(-120px);
  }
}

.explanation-overlay__inner ul li:nth-child(15) {
  -webkit-transform: translateY(-650px);
          transform: translateY(-650px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(15) {
    -webkit-transform: translateY(-130px);
            transform: translateY(-130px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(15) {
    -webkit-transform: translateY(-390px);
            transform: translateY(-390px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(15) {
    -webkit-transform: translateY(-260px);
            transform: translateY(-260px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(15) {
    -webkit-transform: translateY(-130px);
            transform: translateY(-130px);
  }
}

.explanation-overlay__inner ul li:nth-child(16) {
  -webkit-transform: translateY(-700px);
          transform: translateY(-700px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(16) {
    -webkit-transform: translateY(-140px);
            transform: translateY(-140px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(16) {
    -webkit-transform: translateY(-420px);
            transform: translateY(-420px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(16) {
    -webkit-transform: translateY(-280px);
            transform: translateY(-280px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(16) {
    -webkit-transform: translateY(-140px);
            transform: translateY(-140px);
  }
}

.explanation-overlay__inner ul li:nth-child(17) {
  -webkit-transform: translateY(-750px);
          transform: translateY(-750px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(17) {
    -webkit-transform: translateY(-150px);
            transform: translateY(-150px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(17) {
    -webkit-transform: translateY(-450px);
            transform: translateY(-450px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(17) {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(17) {
    -webkit-transform: translateY(-150px);
            transform: translateY(-150px);
  }
}

.explanation-overlay__inner ul li:nth-child(18) {
  -webkit-transform: translateY(-800px);
          transform: translateY(-800px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(18) {
    -webkit-transform: translateY(-160px);
            transform: translateY(-160px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(18) {
    -webkit-transform: translateY(-480px);
            transform: translateY(-480px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(18) {
    -webkit-transform: translateY(-320px);
            transform: translateY(-320px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(18) {
    -webkit-transform: translateY(-160px);
            transform: translateY(-160px);
  }
}

.explanation-overlay__inner ul li:nth-child(19) {
  -webkit-transform: translateY(-850px);
          transform: translateY(-850px);
}

@media (min-width: 35.4375em) {
  .explanation-overlay__inner ul li:nth-child(19) {
    -webkit-transform: translateY(-170px);
            transform: translateY(-170px);
  }
}

@media (min-width: 48em) {
  .explanation-overlay__inner ul li:nth-child(19) {
    -webkit-transform: translateY(-510px);
            transform: translateY(-510px);
  }
}

@media (min-width: 105em) {
  .explanation-overlay__inner ul li:nth-child(19) {
    -webkit-transform: translateY(-340px);
            transform: translateY(-340px);
  }
}

@media (min-width: 150em) {
  .explanation-overlay__inner ul li:nth-child(19) {
    -webkit-transform: translateY(-170px);
            transform: translateY(-170px);
  }
}

.experience-title {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  overflow: hidden;
  position: relative;
  -webkit-transform: translateY(-0.66em);
          transform: translateY(-0.66em);
  padding-bottom: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 21.875em) {
  .experience-title {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .experience-title {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .experience-title {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .experience-title {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .experience-title {
    font-size: 5.2vw;
  }
}

.experience-title__number, .experience-title__text {
  display: block;
  line-height: 0.9 !important;
}

.experience-scroll .experience-title__number, .experience-scroll .experience-title__text {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
  opacity: 0;
}

html.is-fixed .experience-scroll .is-active .experience-title__number,
html.is-fixed .experience-scroll .is-past .experience-title__number,
.experience-scroll .is-active .experience-title__number,
.experience-scroll .is-past .experience-title__number, html.is-fixed .experience-scroll .is-active .experience-title__text,
html.is-fixed .experience-scroll .is-past .experience-title__text,
.experience-scroll .is-active .experience-title__text,
.experience-scroll .is-past .experience-title__text {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.experience-title__number {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(2 / 12 * 100vw);
          flex: 0 0 calc(2 / 12 * 100vw);
  max-width: 16.66667vw;
}

@media (min-width: 35.4375em) {
  .experience-title__number {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(1 / 12 * 100vw);
            flex: 0 0 calc(1 / 12 * 100vw);
    max-width: 8.33333vw;
  }
}

.experience-title__text {
  margin-right: auto;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(7 / 12 * 100vw);
          flex: 0 0 calc(7 / 12 * 100vw);
  max-width: 58.33333vw;
}

@media (min-width: 35.4375em) {
  .experience-title__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(6 / 12 * 100vw);
            flex: 0 0 calc(6 / 12 * 100vw);
    max-width: 50vw;
  }
}

@media (min-width: 64em) {
  .experience-title__text {
    padding-bottom: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(5 / 12 * 100vw - 2.5rem);
            flex: 0 0 calc(5 / 12 * 100vw - 2.5rem);
    max-width: 41.66667vw;
  }
}

@media (min-width: 90em) {
  .experience-title__text {
    margin-right: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(5 / 12 * 100vw);
            flex: 0 0 calc(5 / 12 * 100vw);
    max-width: 41.66667vw;
  }
}

@media (min-width: 120.25em) {
  .experience-title__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(4 / 12 * 100vw);
            flex: 0 0 calc(4 / 12 * 100vw);
    max-width: 33.33333vw;
  }
}

.horizontal-collapsible {
  max-width: 100%;
}

.horizontal-collapsible .product-filter {
  overflow: hidden;
}

.horizontal-collapsible .product-filter__inner {
  width: 100%;
}

@media (min-width: 59.375em) {
  .horizontal-collapsible__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
}

@media (min-width: 59.375em) {
  .horizontal-collapsible__inner {
    -webkit-transform: translateX(-15.625rem);
            transform: translateX(-15.625rem);
  }
}

@media (min-width: 120.25em) {
  .horizontal-collapsible__inner {
    -webkit-transform: translateX(-13vw);
            transform: translateX(-13vw);
  }
}

.horizontal-collapsible__left > * {
  padding-top: 0;
  margin-top: 0;
}

@media (min-width: 59.375em) {
  .horizontal-collapsible__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 15.625rem;
            flex: 0 0 15.625rem;
    max-width: 15.625rem;
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}

@media (min-width: 120.25em) {
  .horizontal-collapsible__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 13vw;
            flex: 0 0 13vw;
    max-width: 13vw;
  }
}

@media (min-width: 59.375em) {
  .horizontal-collapsible__right {
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 59.375em) {
  .horizontal-collapsible.is-expanded .horizontal-collapsible__inner {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@media (min-width: 71.875em) {
  .horizontal-collapsible.is-expanded .horizontal-collapsible__inner {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@media (min-width: 120.25em) {
  .horizontal-collapsible.is-expanded .horizontal-collapsible__inner {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@media (min-width: 59.375em) {
  .horizontal-collapsible.is-expanded .horizontal-collapsible__right {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 15.625rem);
            flex: 1 0 calc(100% - 15.625rem);
    max-width: calc(100% - 15.625rem);
  }
}

@media (min-width: 120.25em) {
  .horizontal-collapsible.is-expanded .horizontal-collapsible__right {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 13vw);
            flex: 1 0 calc(100% - 13vw);
    max-width: calc(100% - 13vw);
  }
}

:root {
  --reconfigurator-controls-height: 119;
  --reconfigurator-presentation-height: 300;
  --vh: 6;
}

.reconfigurator-controls {
  position: relative;
  z-index: 2;
  grid-area: controls;
}

.reconfigurator-controls__close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.875rem;
  position: fixed;
  z-index: 200;
  top: 0.625rem;
  right: 0.625rem;
}

.reconfigurator-controls__close svg {
  width: 1.875rem;
  height: 1.875rem;
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__close {
    position: absolute;
  }
}

.reconfigurator-controls__inner {
  position: relative;
}

@media (min-width: 48em) {
  .reconfigurator-controls__inner {
    padding-left: 8.33333vw;
    padding-bottom: 8.33333vw;
    padding-right: 8.33333vw;
  }
}

.reconfigurator-controls__inner--pdp {
  background-color: #fff;
  border-top: 0.063rem solid #282828;
  min-height: calc(var(--reconfigurator-controls-height) * 1px);
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__inner--pdp {
    border-top: 0;
    padding-top: 5rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    padding-bottom: 0;
    border-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: calc(min(100vw, 100vh) - 5rem);
    position: -webkit-sticky;
    position: sticky;
    top: -2.5rem;
  }
}

@media (min-width: 90em) {
  .reconfigurator-controls__inner--pdp {
    padding-left: 2.5rem;
    padding-right: calc(1.25rem + 8.33333vw);
  }
}

@media (min-width: 150em) {
  .reconfigurator-controls__inner--pdp {
    max-width: 56.25rem;
  }
}

.reconfigurator-controls__inner--pdp:before {
  content: '';
  display: block;
  top: 0.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  width: 2.5rem;
  height: 0.063rem;
  background-color: #282828;
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__inner--pdp:before {
    display: none;
  }
}

.reconfigurator-controls__inner--configure {
  height: calc(var(--reconfigurator-controls-height) * 1px);
  background-color: #f9f8f2;
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__inner--configure {
    background-color: #fff;
    height: auto;
    padding: 0;
    overflow: visible;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    -ms-flex-item-align: start;
        align-self: start;
  }
}

.reconfigurator-controls__header {
  display: none;
  padding: 1.25rem 1.25rem 0.938rem;
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__header {
    padding-top: 0;
    padding-bottom: 1.25rem;
    pointer-events: initial;
    min-height: 0;
    display: block;
  }
}

.reconfigurator-controls__header--pdp {
  display: grid;
  grid-template-areas: "headline price"
 "subheadline subheadline";
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  min-height: 3.625rem;
}

@media (min-width: 48em) {
  .reconfigurator-controls__header--pdp {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__header--pdp {
    display: block;
    padding: 0;
  }
}

.reconfigurator-controls__header--pdp p {
  font-size: 0.75rem;
  line-height: 1.5;
}

.reconfigurator-controls__header--pdp h3 {
  grid-area: headline;
  font-size: 1.125rem;
  line-height: 1.25;
  letter-spacing: -0.04em;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__header--pdp h3 {
    overflow: visible;
    white-space: initial;
    text-overflow: initial;
    font-size: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .reconfigurator-controls__header--pdp h3 {
    font-size: 2vw;
  }
}

.reconfigurator-controls__header--pdp h5 {
  grid-area: subheadline;
  font-weight: 400;
  font-size: 1rem;
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__header--pdp h5 {
    font-size: 1.25rem;
  }
}

.reconfigurator-controls__header--pdp h4 {
  grid-area: price;
  text-align: right;
  font-size: 1rem;
  font-weight: 500;
}

.reconfigurator-controls__header--pdp h4 span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.reconfigurator-controls__header--configure {
  position: absolute;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  top: 0;
  left: 0;
  right: 6.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 48em) {
  .reconfigurator-controls__header--configure {
    padding-left: 8.33333vw;
    padding-right: 8.33333vw;
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__header--configure {
    position: static;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    padding-top: 0.813rem;
    padding-bottom: 0;
    padding-left: 1.25rem;
    margin-bottom: 2.5rem;
    min-height: 1.875rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 90em) {
  .reconfigurator-controls__header--configure {
    padding-left: 2.5rem;
    padding-right: 8.33333vw;
  }
}

.reconfigurator-controls__header--configure h5 {
  font-size: 0.875rem;
  line-height: 1.063rem;
}

.reconfigurator-controls__header--no-subheadline {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-areas: "headline price";
}

.reconfigurator-controls__selectors {
  max-height: 100%;
  overflow: auto;
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__selectors {
    margin-top: 1.25rem;
    overflow: visible;
    max-height: none;
    min-height: min(35vw, 60vh);
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__selectors > * + * {
    border: 0;
    padding-top: 1.25rem;
    border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
    margin-top: 1.25rem;
  }
}

.reconfigurator-controls__selectors .button--primary {
  min-width: 0;
}

.reconfigurator-controls__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 0.063rem solid #282828;
  border-bottom: 0.063rem solid #282828;
}

@media (min-width: 48em) {
  .reconfigurator-controls__options {
    border-left: 0.063rem solid #282828;
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__options {
    display: block;
    border: 0;
    margin-top: 1.25rem;
  }
}

.reconfigurator-controls__options > .attribute-options:nth-last-child(2):first-child,
.reconfigurator-controls__options > .attribute-options:nth-last-child(2):first-child ~ *,
.reconfigurator-controls__options > .variant-options:nth-last-child(2):first-child,
.reconfigurator-controls__options > .variant-options:nth-last-child(2):first-child ~ *,
.reconfigurator-controls__options > .button:nth-last-child(2):first-child,
.reconfigurator-controls__options > .button:nth-last-child(2):first-child ~ * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.reconfigurator-controls__options > .attribute-options:nth-last-child(3):first-child,
.reconfigurator-controls__options > .attribute-options:nth-last-child(3):first-child ~ *,
.reconfigurator-controls__options > .variant-options:nth-last-child(3):first-child,
.reconfigurator-controls__options > .variant-options:nth-last-child(3):first-child ~ *,
.reconfigurator-controls__options > .button:nth-last-child(3):first-child,
.reconfigurator-controls__options > .button:nth-last-child(3):first-child ~ * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.reconfigurator-controls__options > .attribute-options:nth-last-child(4):first-child,
.reconfigurator-controls__options > .attribute-options:nth-last-child(4):first-child ~ *,
.reconfigurator-controls__options > .variant-options:nth-last-child(4):first-child,
.reconfigurator-controls__options > .variant-options:nth-last-child(4):first-child ~ *,
.reconfigurator-controls__options > .button:nth-last-child(4):first-child,
.reconfigurator-controls__options > .button:nth-last-child(4):first-child ~ * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 100%;
}

.reconfigurator-controls__options > .attribute-options,
.reconfigurator-controls__options > .variant-options {
  border-right: 0.063rem solid #282828;
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__options > .attribute-options,
  .reconfigurator-controls__options > .variant-options {
    border-left: 0;
    border-right: 0;
    max-width: none !important;
  }
}

.reconfigurator-controls__options > .attribute-options:nth-last-child(2),
.reconfigurator-controls__options > .variant-options:nth-last-child(2) {
  border-right: 0;
}

@media (min-width: 48em) {
  .reconfigurator-controls__options > .attribute-options:nth-last-child(2),
  .reconfigurator-controls__options > .variant-options:nth-last-child(2) {
    border-right: 0.063rem solid #282828;
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__options > .attribute-options:nth-last-child(2),
  .reconfigurator-controls__options > .variant-options:nth-last-child(2) {
    border-right: 0;
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__options .attribute-options {
    border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  }
}

.reconfigurator-controls__cta {
  padding-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  bottom: calc( 100% + 0.938rem);
  left: 1.063rem;
  right: 1.063rem;
  gap: 0.625rem;
}

@media (min-width: 48em) {
  .reconfigurator-controls__cta {
    left: 8.33333vw;
    right: 8.33333vw;
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__cta {
    gap: 0.938rem;
    position: static;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.reconfigurator-controls__cta__wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem;
}

.reconfigurator-controls .cta-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.reconfigurator-controls .cta-button span {
  white-space: nowrap;
}

.reconfigurator-controls .cta-button.for-ar, .reconfigurator-controls .cta-button.for-anchor, .reconfigurator-controls .cta-button.for-configurator, .reconfigurator-controls .cta-button.for-planner {
  gap: 0.625rem;
  height: 2.25rem;
  background-color: transparent;
  border-radius: 2.5rem;
  padding: 0.313rem 0.938rem 0.313rem 0.375rem;
  color: currentColor;
  border: 0.063rem solid currentColor;
}

.reconfigurator-controls .cta-button.for-ar img, .reconfigurator-controls .cta-button.for-anchor img, .reconfigurator-controls .cta-button.for-configurator img, .reconfigurator-controls .cta-button.for-planner img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 50% 50%;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  height: 100%;
}

.reconfigurator-controls .cta-button.for-addons, .reconfigurator-controls .cta-button.for-link {
  text-decoration: underline;
}

.reconfigurator-controls .cta-button.for-ar, .reconfigurator-controls .cta-button.for-anchor {
  width: 2.25rem;
  padding: 0.375rem;
}

.reconfigurator-controls .cta-button.for-ar img, .reconfigurator-controls .cta-button.for-anchor img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 0;
}

.reconfigurator-controls .cta-button.for-anchor {
  border: 0;
  margin-left: auto;
}

.reconfigurator-controls .cta-button.for-ar, .reconfigurator-controls .cta-button.for-planner, .reconfigurator-controls .cta-button.for-configurator {
  background-color: #f9f8f2;
}

@media (min-width: 59.375em) {
  .reconfigurator-controls .cta-button.for-ar, .reconfigurator-controls .cta-button.for-planner, .reconfigurator-controls .cta-button.for-configurator {
    background-color: transparent;
  }
}

.reconfigurator-controls .cta-button.for-ar {
  font-size: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.reconfigurator-controls .cta-button.for-ar img {
  width: 90%;
  height: 90%;
  -webkit-animation: ar-icon-svg 7s ease infinite;
          animation: ar-icon-svg 7s ease infinite;
}

.reconfigurator-controls .cta-button.for-ar span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  font-size: 1em;
  letter-spacing: -0.05em;
}

.reconfigurator-controls .cta-button.for-ar strong {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
}

.reconfigurator-controls .cta-button.for-ar em {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-style: normal !important;
}

.reconfigurator-controls .cta-button.for-ar strong:first-child em {
  -webkit-animation: ar-icon-text1 7s ease infinite;
          animation: ar-icon-text1 7s ease infinite;
}

.reconfigurator-controls .cta-button.for-ar strong:last-child em {
  -webkit-animation: ar-icon-text2 7s ease infinite;
          animation: ar-icon-text2 7s ease infinite;
}

.reconfigurator-controls__info {
  position: relative;
  margin-top: 1.25rem;
}

.reconfigurator-controls__info__top {
  display: grid;
  grid-template-areas: 'a b';
  grid-gap: 0.625rem;
}

.reconfigurator-controls__info__top .for-addons {
  grid-area: a;
}

.reconfigurator-controls__info__top .switch-mode-notice {
  grid-area: a;
}

.reconfigurator-controls__info__top .dispatch-info {
  grid-area: c;
}

.reconfigurator-controls__info__top.has-addons .switch-mode-notice {
  text-align: right;
  grid-area: b;
}

.reconfigurator-controls__info__top.has-addons .for-link {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.reconfigurator-controls__info__top.has-dispatchinfo {
  grid-template-areas: 'a b'
 'c b';
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.reconfigurator-controls__info__top.has-dispatchinfo .for-addons {
  grid-area: b;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.reconfigurator-controls__info__top.has-dispatchinfo .switch-mode-notice {
  grid-area: a;
  text-align: left;
}

.reconfigurator-controls__info__top.has-dispatchinfo:not(.has-modeswitch) {
  grid-template-areas: 'a b';
}

.reconfigurator-controls__info__top.has-dispatchinfo:not(.has-modeswitch) .for-addons {
  grid-area: b;
}

.reconfigurator-controls__info__top.has-dispatchinfo:not(.has-modeswitch) .dispatch-info {
  grid-area: a;
}

.reconfigurator-controls__info__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem;
}

.reconfigurator-controls__info__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.reconfigurator-controls__info__bottom > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.reconfigurator-controls__info div {
  padding-bottom: 1.25rem;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  white-space: nowrap;
}

@media (min-width: 64em) {
  .reconfigurator-controls__info div {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.reconfigurator-controls__info div + div {
  border-top: 0.063rem solid #282828;
  padding-top: 1.25rem;
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__info div + div {
    margin-top: 0;
  }
}

.reconfigurator-controls__info p {
  display: block;
  font-size: 0.813rem;
  white-space: normal;
}

.reconfigurator-controls__info em {
  width: 3.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 1.875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.reconfigurator-controls__info p + p {
  margin-top: 0.625rem;
}

.reconfigurator-controls__quantity {
  position: relative;
  z-index: 6;
}

.reconfigurator-controls__quantity .quantity-selector {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: none;
}

.reconfigurator-controls__quantity .quantity-selector__inner {
  margin: 0;
}

.reconfigurator-controls__quantity .quantity-selector__inputs {
  border-left: 0;
  border-right: 0;
}

@media (min-width: 48em) {
  .reconfigurator-controls__quantity .quantity-selector__inputs {
    border-right: 0.063rem solid #282828;
    border-left: 0.063rem solid #282828;
  }
}

.reconfigurator-controls__quantity .quantity-selector__input__field, .reconfigurator-controls__quantity .quantity-selector__input__minus, .reconfigurator-controls__quantity .quantity-selector__input__plus {
  height: 2.5rem;
  background-color: #fff;
}

.reconfigurator-controls__quantity .quantity-selector__input__minus, .reconfigurator-controls__quantity .quantity-selector__input__plus {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 5.625rem;
          flex: 0 1 5.625rem;
}

.reconfigurator-controls__quantity.is-active .quantity-selector {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  top: -2.625rem;
  opacity: 1;
  pointer-events: initial;
}

.reconfigurator-controls__buy-section {
  padding-left: 0;
  padding-right: 0;
  border-right: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 100%;
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__buy-section {
    padding: 2.5rem 0 0;
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.reconfigurator-controls__buy-section .button {
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 59.365em) {
  .reconfigurator-controls__buy-section .button {
    padding: 0.563rem;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
  }
}

.reconfigurator-controls__buy-section .button span {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reconfigurator-controls__buy-section .buy-section {
  margin-top: auto;
}

.reconfigurator-controls__loader {
  position: absolute;
  top: 25vw;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__loader {
    top: 50vh;
  }
}

@media (min-width: 90em) {
  .reconfigurator-controls__loader {
    left: 40%;
  }
}

.reconfigurator-controls__trumpet {
  font-size: 0.625rem;
  text-transform: uppercase;
  position: absolute;
  letter-spacing: 0.019rem;
  right: 1.125rem;
  top: 4.375rem;
  font-weight: 400;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: rotate(90deg) translate(100%, 100%);
          transform: rotate(90deg) translate(100%, 100%);
  z-index: 3;
  display: none;
}

@media (min-width: 90em) {
  .reconfigurator-controls__trumpet {
    display: block;
  }
}

.reconfigurator-controls__trumpet span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.reconfigurator-controls__nav {
  border-top: 0.063rem solid #282828;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 3.688rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.reconfigurator-controls__nav.is-loading {
  opacity: 0.7;
  pointer-events: none;
}

.is-focused .reconfigurator-controls__nav {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

@media (min-width: 59.375em) {
  .is-focused .reconfigurator-controls__nav {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__nav {
    position: -webkit-sticky;
    position: sticky;
    height: 3.063rem;
    padding-bottom: 1.875rem;
    background-color: transparent;
    padding-top: 0.625rem;
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
}

@media (min-width: 90em) {
  .reconfigurator-controls__nav {
    margin-right: 8.33333vw;
    margin-left: 2.5rem;
  }
}

.reconfigurator-controls__nav div:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__nav div:first-child {
    padding-left: 0;
    padding-right: 0;
  }
}

.reconfigurator-controls__nav div:last-child {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.reconfigurator-controls__nav h3 {
  line-height: 1;
  white-space: nowrap;
  font-size: 1.25rem;
}

@media (min-width: 21.875em) {
  .reconfigurator-controls__nav h3 {
    font-size: 1.375rem;
  }
}

@media (min-width: 24.375em) {
  .reconfigurator-controls__nav h3 {
    font-size: 1.625rem;
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__nav h3 {
    font-size: clamp(1rem, 2vw, 1.625rem);
  }
}

@media (min-width: 90em) {
  .reconfigurator-controls__nav h3 {
    font-size: clamp(1rem, 1.5vw, 1.625rem);
  }
}

.reconfigurator-controls__nav p {
  margin-top: 0.313rem;
  font-size: 0.625rem;
  line-height: 1;
}

.reconfigurator-controls__nav .button {
  border: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  height: 100%;
  padding-left: 0.938rem;
  padding-right: 0.938rem;
}

@media (min-width: 21.875em) {
  .reconfigurator-controls__nav .button {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-controls__nav .button {
    height: auto;
  }
}

@media (min-width: 80em) {
  .reconfigurator-controls__nav .button {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

.reconfigurator-controls__nav .button--next, .reconfigurator-controls__nav .button--finish {
  background-color: #282828;
  color: #fff;
}

.reconfigurator-controls__nav .button--cancel, .reconfigurator-controls__nav .button--back {
  background-color: transparent;
  color: #282828;
}

.reconfigurator-controls__nav .button--cancel:focus, .reconfigurator-controls__nav .button--cancel:active, .reconfigurator-controls__nav .button--back:focus, .reconfigurator-controls__nav .button--back:active {
  color: currentColor;
}

@-webkit-keyframes ar-icon-text1 {
  0% {
    translate: 1em 0;
  }
  8% {
    translate: 0 0;
  }
  20% {
    translate: 0 0;
  }
  30% {
    translate: 1em 0;
  }
  100% {
    translate: 1em 0;
  }
}

@keyframes ar-icon-text1 {
  0% {
    translate: 1em 0;
  }
  8% {
    translate: 0 0;
  }
  20% {
    translate: 0 0;
  }
  30% {
    translate: 1em 0;
  }
  100% {
    translate: 1em 0;
  }
}

@-webkit-keyframes ar-icon-text2 {
  0% {
    translate: -1em 0;
  }
  8% {
    translate: 0 0;
  }
  20% {
    translate: 0 0;
  }
  30% {
    translate: -1em 0;
  }
  100% {
    translate: -1em 0;
  }
}

@keyframes ar-icon-text2 {
  0% {
    translate: -1em 0;
  }
  8% {
    translate: 0 0;
  }
  20% {
    translate: 0 0;
  }
  30% {
    translate: -1em 0;
  }
  100% {
    translate: -1em 0;
  }
}

@-webkit-keyframes ar-icon-svg {
  0% {
    scale: 1;
    opacity: 1;
  }
  8% {
    scale: 0.1;
    opacity: 0;
  }
  20% {
    scale: 0.1;
    opacity: 0;
  }
  30% {
    scale: 1;
    opacity: 1;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}

@keyframes ar-icon-svg {
  0% {
    scale: 1;
    opacity: 1;
  }
  8% {
    scale: 0.1;
    opacity: 0;
  }
  20% {
    scale: 0.1;
    opacity: 0;
  }
  30% {
    scale: 1;
    opacity: 1;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}

.reconfigurator-presentation {
  position: relative;
  z-index: 0;
  overflow: hidden;
  grid-area: presentation;
  background-color: #f9f8f2;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation {
    height: auto;
  }
}

.reconfigurator-presentation.is-inactive .reconfigurator-presentation__tiles {
  pointer-events: none;
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation.is-inactive {
    opacity: 1;
  }
  .reconfigurator-presentation.is-inactive .reconfigurator-presentation__tiles {
    pointer-events: all;
  }
}

.reconfigurator-presentation--pdp {
  min-height: 60vh;
  height: calc(var(--reconfigurator-presentation-height) * 1px);
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation--pdp {
    height: auto;
  }
}

.reconfigurator-presentation--pdp .reconfigurator-presentation__tiles {
  height: calc(var(--vh) * 100px - var(--reconfigurator-controls-height) * 1px);
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation--pdp .reconfigurator-presentation__tiles {
    height: auto;
  }
}

.reconfigurator-presentation--pdp .presentation-tile {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(var(--vh) * 100px - var(--reconfigurator-controls-height) * 1px);
          flex: 0 0 calc(var(--vh) * 100px - var(--reconfigurator-controls-height) * 1px);
  max-height: calc(var(--vh) * 100px - var(--reconfigurator-controls-height) * 1px);
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation--pdp .presentation-tile {
    max-height: min(50vw, 80vh);
    height: min(50vw, 80vh);
  }
}

.reconfigurator-presentation--configure {
  height: calc(var(--reconfigurator-presentation-height) * 1px);
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation--configure {
    height: auto;
  }
}

.reconfigurator-presentation--configure .reconfigurator-presentation__viewer,
.reconfigurator-presentation--configure .reconfigurator-presentation__tiles {
  height: calc(var(--reconfigurator-presentation-height) * 1px);
  -webkit-transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  border-right: 0;
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation--configure .reconfigurator-presentation__viewer,
  .reconfigurator-presentation--configure .reconfigurator-presentation__tiles {
    height: auto;
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation--configure .reconfigurator-presentation__tiles {
    border-bottom: 0;
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation--configure .reconfigurator-presentation__viewer {
    max-height: min(50vw, 80vh);
    height: min(50vw, 80vh);
  }
}

.reconfigurator-presentation--configure .presentation-tile {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(var(--reconfigurator-presentation-height) * 1px);
          flex: 0 0 calc(var(--reconfigurator-presentation-height) * 1px);
  max-height: calc(var(--reconfigurator-presentation-height) * 1px);
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation--configure .presentation-tile {
    border-bottom: 0;
    max-height: min(50vw, 80vh);
    height: min(50vw, 80vh);
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation--configure .presentation-tile:nth-child(2n) {
    border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
  }
}

.reconfigurator-presentation--configure .presentation-tile:nth-child(n+2) {
  display: none;
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation--configure .presentation-tile:nth-child(n+2) {
    display: block;
  }
}

.reconfigurator-presentation--configure .configure-panels {
  height: calc(var(--vh) * 100px - var(--reconfigurator-controls-header-height) * 1px);
}

.reconfigurator-presentation__tiles {
  height: 100%;
  overflow: auto;
  position: fixed;
  inset: 0;
  font-size: 0;
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  overscroll-behavior: auto;
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation__tiles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0;
    overflow: auto;
    position: static;
    height: auto;
  }
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation__tiles .presentation-tile {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
  }
}

.reconfigurator-presentation__nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.063rem;
}

@media (min-width: 59.375em) {
  .reconfigurator-presentation__nav {
    display: none;
  }
}

.reconfigurator-presentation__nav li {
  display: block;
  width: 0.125rem;
  height: 1.375rem;
  opacity: 0.3;
  background-color: currentColor;
}

.reconfigurator-presentation__nav li.is-active {
  opacity: 1;
}

.reconfigurator-presentation__nav li + li {
  margin-top: 0.313rem;
}

:root {
  --presentation-tile-bg-color: transparent;
  --presentation-tile-text-color: currentColor;
}

.presentation-tile {
  width: 100%;
  overflow: hidden;
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-snap-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.presentation-tile__inner {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
  height: 100%;
  color: var(--presentation-tile-text-color);
  background-color: #e2e0dd;
  background-color: var(--presentation-tile-bg-color);
}

@media (max-width: 59.365em) {
  .presentation-tile__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: calc(var(--vh) * 100px - var(--reconfigurator-controls-height) * 1px);
  }
}

.presentation-tile__inner .cylindo-wrapper,
.presentation-tile__inner .cylindo-viewer-container {
  min-height: 100%;
  width: 100%;
}

.presentation-tile button.presentation-tile__inner {
  cursor: url("/static/svg/28x28_zoom.svg") 28 28, auto;
}

.presentation-tile__media {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.presentation-tile__media img,
.presentation-tile__media video {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.presentation-tile__media video::-webkit-media-controls-overlay-play-button {
  display: none;
}

.presentation-tile__media *::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}

.presentation-tile__media *::--webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}

.presentation-tile__media *::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

.presentation-tile__media.has-error {
  background-color: #fcfcfa;
}

.presentation-tile__media p {
  position: absolute;
  font-size: 3.75rem;
  color: #555;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (min-width: 120.25em) {
  .presentation-tile__media p {
    font-size: 3vw;
  }
}

.presentation-tile__media:after {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  z-index: 2;
}

@media (min-width: 120.25em) {
  .presentation-tile__media.is-dynamic img:first-child {
    display: none;
  }
}

.presentation-tile__media.is-dynamic img:last-child {
  display: none;
}

@media (min-width: 120.25em) {
  .presentation-tile__media.is-dynamic img:last-child {
    display: block;
  }
}

@media (min-width: 59.375em) {
  .presentation-tile:hover:not(.is-cylindo):not(.is-content) img {
    -webkit-transform: scale(1.025);
            transform: scale(1.025);
  }
}

.presentation-tile.is-disabled {
  pointer-events: none;
}

.presentation-tile.is-disabled button.presentation-tile__inner {
  cursor: default;
}

@media (min-width: 59.375em) {
  .presentation-tile.is-double {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 59.365em) {
  .presentation-tile.is-double .presentation-tile__media {
    height: auto;
  }
  .presentation-tile.is-double .presentation-tile__media img {
    height: auto;
  }
}

.presentation-tile.is-packshot img {
  -o-object-fit: contain;
     font-family: "object-fit:contain";
     object-fit: contain;
}

@media (min-width: 59.375em) {
  .presentation-tile.is-cylindo .cylindo-viewer {
    max-height: 100%;
    height: 100%;
  }
}

.presentation-tile.is-cylindo .cylindo-viewer .cylindo-button.cylindo-ar-button a {
  left: 0.625rem;
  top: 0.625rem;
  bottom: auto;
}

@media (max-width: 59.365em) {
  .presentation-tile.is-cylindo .cylindo-viewer .cylindo-button.cylindo-ar-button {
    display: none !important;
    opacity: 0 !important;
    overflow: hidden !important;
    width: 0 !important;
  }
}

@media (max-width: 59.365em) {
  .presentation-tile.is-cylindo .cylindo-viewer__guide {
    bottom: 5rem;
  }
}

@media (min-width: 59.375em) {
  .presentation-tile.is-packshot .presentation-tile__inner, .presentation-tile.is-cylindo .presentation-tile__inner, .presentation-tile.is-content .presentation-tile__inner {
    min-height: min(50vw, 80vh);
  }
}

@media (max-width: 59.365em) {
  .presentation-tile .usp-spot__inner {
    padding-top: 3.75rem;
  }
}

.presentation-tile .usp-spot {
  min-height: 0 !important;
}

@media (max-width: 59.365em) {
  .reconfigurator.has-ctas .presentation-tile .usp-spot__inner {
    padding-bottom: 3.75rem;
  }
}

.zoom-overlay {
  position: fixed;
  inset: 0;
  z-index: 1105;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f9f8f2;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(140%);
          transform: translateY(140%);
  height: calc(var(--vh) * 100px);
}

@media (min-width: 59.375em) {
  .zoom-overlay {
    display: none;
  }
}

.zoom-overlay.is-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (min-width: 48em) {
  .zoom-overlay.is-active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.zoom-overlay__close {
  position: fixed;
  bottom: 0.938rem;
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  color: #fff;
  background-color: #282828;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 1105;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: scale(1) translateZ(0) translateX(-50%);
          transform: scale(1) translateZ(0) translateX(-50%);
}

.zoom-overlay__close svg {
  fill: currentColor;
  height: 1.25rem;
  width: 1.25rem;
}

@media (min-width: 59.375em) {
  .zoom-overlay__close svg {
    height: 1.875rem;
    width: 1.875rem;
  }
}

.zoom-overlay__inner {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}

.zoom-overlay__inner img {
  display: block;
  min-width: 200%;
  min-height: 100%;
  width: auto;
  height: auto;
  max-width: none;
}

.variant-options {
  position: relative;
  overflow: hidden;
}

.variant-options:after {
  content: "";
  display: block;
  position: absolute;
  width: 2.5rem;
  top: 0;
  right: 2.938rem;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
  z-index: 2;
  pointer-events: none;
}

@media (min-width: 59.375em) {
  .variant-options {
    position: static;
    overflow: visible;
  }
  .variant-options:after {
    display: none;
  }
}

.variant-options__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.625rem 0 0;
  gap: 0.625rem;
  height: 2.5rem;
  max-width: 100%;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 59.375em) {
  .variant-options__inner {
    padding: 0;
    height: auto;
    display: block;
  }
}

.variant-options__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 0.563rem;
  width: 0.563rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.563rem;
          flex: 0 0 0.563rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 3;
}

.variant-options__name {
  font-size: 0.75rem;
  margin-bottom: 0.313rem;
}

.variant-options__name strong {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0.625rem;
  font-weight: 400;
}

.variant-options__list {
  height: max(6vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 0.313rem;
  overflow: hidden;
}

@media (min-width: 59.375em) {
  .variant-options__list {
    padding: 0;
    gap: 0.938rem;
    overflow: visible;
  }
}

@media (min-width: 64em) {
  .variant-options__list {
    gap: 2%;
  }
}

@media (min-width: 120.25em) {
  .variant-options__list {
    min-height: 0;
  }
}

.variant-options__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  height: 2.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.563rem;
          flex: 0 0 1.563rem;
  height: 100%;
  opacity: 0;
  -webkit-animation: fade-in-item 0.2s ease forwards;
          animation: fade-in-item 0.2s ease forwards;
}

.variant-options__item:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.variant-options__item:nth-child(2) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.variant-options__item:nth-child(3) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.variant-options__item:nth-child(4) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

@media (min-width: 59.375em) {
  .variant-options__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3.75rem;
            flex: 0 0 3.75rem;
  }
}

@media (min-width: 64em) {
  .variant-options__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23%;
            flex: 0 0 23%;
  }
}

.variant-options__item a {
  display: block;
  width: 100%;
}

.variant-options__item:after {
  display: block;
  content: '';
  position: absolute;
  bottom: -0.062rem;
  left: 0.313rem;
  right: 0.313rem;
  height: 0.125rem;
  background-color: #282828;
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

@media (min-width: 59.375em) {
  .variant-options__item:after {
    height: 0.063rem;
  }
}

.variant-options__item img {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

@media (hover: hover) {
  .variant-options__item:hover img {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  .variant-options__item:hover .variant-options__item__delete {
    opacity: 1;
  }
}

.variant-options__item.is-active {
  pointer-events: none;
  cursor: default;
}

.variant-options__item.is-active:after {
  opacity: 1;
}

.variant-options__item.is-hidden {
  display: none;
}

.variant-options__item--more {
  margin-left: auto;
  padding-bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 59.365em) {
  .variant-options__item--more {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1.25rem;
            flex: 0 0 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .variant-options__item--more {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.variant-options__item--more span {
  font-size: 0.75rem;
}

.variant-options__item--more button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  z-index: 4;
}

@media (min-width: 59.375em) {
  .variant-options__item--more button {
    height: 3.125rem;
    width: 3.125rem;
    border-radius: 50% 50%;
    border: 0.063rem solid rgba(0, 0, 0, 0.1);
    -webkit-transition: border 0.3s ease;
    transition: border 0.3s ease;
  }
  .variant-options__item--more button:hover {
    border-color: rgba(0, 0, 0, 0.2);
  }
}

.variant-options__item__delete {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 0;
  right: 0;
  border: 0.063rem solid #7f7f7f;
  border-radius: 50% 50%;
  fill: #282828;
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.variant-options__item__delete .svg-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0.625rem;
  height: 0.625rem;
}

@keyframes fade-in-item {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.variant-options .tabs-bar {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.313rem;
  margin-bottom: 1.25rem;
}

.variant-options .tabs-bar__inner {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.variant-options .tabs-bar__button {
  position: relative;
  border: 0;
  padding: 0 1.25rem 0 0;
  font-size: 0.875rem;
  line-height: 1.813rem;
  -webkit-transition: padding-left 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: padding-left 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

@media (min-width: 59.375em) {
  .variant-options .tabs-bar__button {
    border: 0;
  }
}

.variant-options .tabs-bar__button span {
  font-size: inherit;
  padding-bottom: 0.313rem;
  border: 0;
  white-space: nowrap;
}

.variant-options .tabs-bar__button .svg-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -0.187rem;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 0.75rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.75rem;
          flex: 0 0 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.variant-options .tabs-bar__button.is-active {
  font-weight: 500;
  padding-left: 0.938rem;
}

.variant-options .tabs-bar__button.is-active span {
  border: 0;
}

.variant-options .tabs-bar__button.is-active .svg-icon {
  left: 0;
  opacity: 1;
}

.variant-options .tabs-bar:after {
  display: none;
}

.attribute-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
}

.attribute-options__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 0.625rem;
  gap: 0.625rem;
  height: 2.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.attribute-options__button p {
  font-size: 0.75rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
  white-space: nowrap;
}

.attribute-options__button strong {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0.625rem;
  font-weight: 400;
}

.attribute-options__button svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 0.563rem;
  width: 0.563rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.563rem;
          flex: 0 0 0.563rem;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 3;
}

@media (min-width: 59.375em) {
  .attribute-options__button {
    padding: 0;
  }
}

@media (max-width: 59.365em) {
  .attribute-options {
    position: relative;
    overflow: hidden;
  }
  .attribute-options:after {
    content: "";
    display: block;
    position: absolute;
    width: 2.5rem;
    top: 0;
    right: 1.813rem;
    bottom: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    z-index: 2;
    pointer-events: none;
  }
  .attribute-options .attribute-options__button {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 2.5rem;
    text-align: left;
  }
  .attribute-options .attribute-options__button p {
    font-size: 0.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .attribute-options .attribute-options__button strong {
    font-weight: normal;
    display: block;
    font-size: 0.5rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 0.188rem;
  }
  .attribute-options .attribute-options__button em {
    line-height: 1;
    display: block;
  }
}

.options-overlay {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1105;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f9f8f2;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(140%);
          transform: translateY(140%);
  height: calc(var(--vh) * 50px);
}

@media (min-width: 59.375em) {
  .options-overlay {
    top: 0;
    left: auto;
  }
}

@media (min-width: 59.375em) {
  .options-overlay {
    border-top: 0;
    height: calc(var(--vh) * 100px);
    -webkit-transform: translateX(110%);
            transform: translateX(110%);
    width: 50%;
  }
}

@media (min-width: 80em) {
  .options-overlay {
    width: calc(33% + 2.813rem);
  }
}

.options-overlay.is-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (min-width: 59.375em) {
  .options-overlay.is-active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.options-overlay .tabs-bar {
  border-top: 0.063rem solid #282828;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  padding: 0.625rem 1.25rem;
}

@media (min-width: 59.375em) {
  .options-overlay .tabs-bar {
    padding: 0.938rem 2.5rem;
    border-top: 0;
  }
}

.options-overlay .tabs-bar__inner {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.options-overlay .tabs-bar__button {
  border: 0;
  padding: 0 1.25rem 0 0;
}

.options-overlay .tabs-bar__button span {
  font-size: 0.875rem;
  border-bottom: 0;
  padding-bottom: 0.938rem;
  position: relative;
}

@media (min-width: 59.375em) {
  .options-overlay .tabs-bar__button span {
    padding-bottom: 1.25rem;
  }
}

.options-overlay .tabs-bar__button span:after {
  content: '';
  position: absolute;
  top: 100%;
  width: 0.01%;
  left: 0;
  height: 0.063rem;
  background-color: #282828;
  -webkit-transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.options-overlay .tabs-bar__button.is-active span:after {
  width: 100%;
}

.options-overlay .tabs-bar:after {
  display: none;
}

.options-overlay__inner {
  position: relative;
  overflow: auto;
  max-height: 100%;
  padding-top: 2.5rem;
}

@media (min-width: 59.375em) {
  .options-overlay__inner {
    padding-top: 3.75rem;
  }
}

.options-overlay .tabs-bar + .options-overlay__inner {
  max-height: calc(100% - 3.75rem);
  padding: 0;
}

@media (min-width: 59.375em) {
  .options-overlay .tabs-bar + .options-overlay__inner {
    padding: 0;
  }
}

.options-overlay__list {
  padding: 1.25rem;
}

@media (min-width: 59.375em) {
  .options-overlay__list {
    padding: 2.5rem;
  }
}

@media (min-width: 90em) {
  .options-overlay__list {
    padding-right: 8.33333vw;
  }
}

.options-overlay__list.is-editable .options-overlay__list-item img {
  -webkit-transition: margin-right 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: margin-right 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  margin-right: 1.875rem;
}

@media (min-width: 59.375em) {
  .options-overlay__list.is-editable .options-overlay__list-item img {
    margin-right: 0;
  }
}

@media (min-width: 59.375em) {
  .options-overlay__list.is-editable .options-overlay__list-item:hover .options-overlay__list-item__delete {
    opacity: 1;
  }
}

@media (min-width: 59.375em) {
  .options-overlay__list.is-editable .options-overlay__list-item:hover img {
    margin-right: 1.875rem;
  }
}

.options-overlay__list-item {
  position: relative;
  opacity: 0;
  -webkit-animation: fade-in-item 0.2s ease forwards;
          animation: fade-in-item 0.2s ease forwards;
}

.options-overlay__list-item:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.options-overlay__list-item:nth-child(2) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}

.options-overlay__list-item:nth-child(3) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.options-overlay__list-item:nth-child(4) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}

.options-overlay__list-item:nth-child(5) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.options-overlay__list-item:nth-child(6) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}

.options-overlay__list-item:nth-child(7) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.options-overlay__list-item:nth-child(8) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}

.options-overlay__list-item:nth-child(9) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.options-overlay__list-item.is-active .options-overlay__button span {
  font-weight: 500;
}

.options-overlay__list-item.is-deleting .options-overlay__list-item__delete {
  opacity: 1;
}

.options-overlay__list-item.is-deleting .options-overlay__list-item__delete span {
  font-weight: 500;
}

@media (min-width: 59.375em) {
  .options-overlay__list-item.is-deleting img {
    margin-right: 1.875rem;
  }
}

.options-overlay__list-item.is-deleting .options-overlay__button, .options-overlay__list-item.is-active .options-overlay__button, .options-overlay__list-item:hover .options-overlay__button {
  border-bottom-color: #282828;
}

.options-overlay__list-item.is-deleting .options-overlay__button span, .options-overlay__list-item.is-active .options-overlay__button span, .options-overlay__list-item:hover .options-overlay__button span {
  left: 1.25rem;
}

@media (min-width: 59.375em) {
  .options-overlay__list-item.is-deleting .options-overlay__button span, .options-overlay__list-item.is-active .options-overlay__button span, .options-overlay__list-item:hover .options-overlay__button span {
    left: 1.625rem;
  }
}

.options-overlay__list-item.is-deleting .options-overlay__button .svg-icon, .options-overlay__list-item.is-active .options-overlay__button .svg-icon, .options-overlay__list-item:hover .options-overlay__button .svg-icon {
  left: 0;
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}

@media (min-width: 59.375em) {
  .options-overlay__list-item.is-deleting .options-overlay__button img, .options-overlay__list-item.is-editable:hover .options-overlay__button img {
    margin-right: 1.875rem;
  }
}

.options-overlay__list-item__delete {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 0.063rem solid #7f7f7f;
  position: absolute;
  right: 0;
  top: 1.875rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  fill: #282828;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media (min-width: 59.375em) {
  .options-overlay__list-item__delete {
    top: 3.125rem;
    opacity: 0;
  }
}

.options-overlay__list-item__delete .svg-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0.625rem;
  height: 0.625rem;
}

.options-overlay__list-item__confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  font-size: 0.875rem;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  height: 3.75rem;
}

@media (min-width: 59.375em) {
  .options-overlay__list-item__confirmation {
    height: 5rem;
  }
}

.options-overlay__list-item__confirmation button:hover {
  text-decoration: underline;
}

.options-overlay__close {
  position: fixed;
  bottom: calc(100% + 0.938rem);
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  color: #fff;
  background-color: #282828;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: scale(1) translateZ(0) translateX(-50%);
          transform: scale(1) translateZ(0) translateX(-50%);
}

@media (min-width: 59.375em) {
  .options-overlay__close {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    border: 0;
    bottom: auto;
    left: auto;
    top: 0.625rem;
    right: 1.25rem;
    background-color: transparent;
    border-radius: 0;
    color: currentColor;
  }
}

.options-overlay__close:hover {
  -webkit-transform: scale(1.25) translateZ(0) translateX(-50%);
          transform: scale(1.25) translateZ(0) translateX(-50%);
}

@media (min-width: 59.375em) {
  .options-overlay__close:hover {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.options-overlay__close svg {
  fill: currentColor;
  height: 1.25rem;
  width: 1.25rem;
}

@media (min-width: 59.375em) {
  .options-overlay__close svg {
    height: 1.875rem;
    width: 1.875rem;
  }
}

.options-overlay__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: border 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: border 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.options-overlay__button img {
  width: 3.75rem;
  height: 3.75rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0px;
          flex: 0 0 0;
}

@media (min-width: 59.375em) {
  .options-overlay__button img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 0px;
            flex: 0 0 0;
    width: 6.25rem;
    height: 6.25rem;
  }
}

.options-overlay__button span {
  margin-right: auto;
  position: relative;
  left: 0;
  -webkit-transition: left 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: left 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 6.25rem - 1.625rem);
          flex: 0 0 calc(100% - 6.25rem - 1.625rem);
  font-size: 0.75rem;
}

@media (min-width: 59.375em) {
  .options-overlay__button span {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .options-overlay__button span {
    font-size: 1rem;
  }
}

.options-overlay__button .svg-icon {
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  left: -0.312rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (min-width: 59.375em) {
  .options-overlay__button .svg-icon {
    width: 1rem;
    height: 1rem;
  }
}

:root {
  --row-size: 4;
}

.swatch-selector {
  padding: 1.25rem 1.063rem 0;
}

@media (min-width: 48em) {
  .swatch-selector {
    margin-top: 1.563rem;
    padding: 0;
  }
}

.swatch-selector__button {
  text-align: left;
  display: block;
  width: 100%;
}

.swatch-selector__button div {
  border: 0.063rem solid transparent;
  display: block !important;
}

.swatch-selector__button img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover";
     object-fit: cover;
  aspect-ratio: 4 / 3;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.swatch-selector__button img[data-src] {
  opacity: 0;
}

.swatch-selector__button span {
  display: block;
  margin-top: 0.313rem;
  font-size: 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25rem;
}

.swatch-selector__button.is-active {
  pointer-events: none;
  cursor: default;
}

.swatch-selector__button.is-active div {
  background: transparent;
}

.swatch-selector__button.is-active span {
  text-decoration: underline;
}

.swatch-selector__button.is-active div, .swatch-selector__button:hover div {
  border: 0.063rem solid #282828;
}

.swatch-selector__button.is-active img, .swatch-selector__button:hover img {
  -webkit-transform: scale(0.92, 0.9);
          transform: scale(0.92, 0.9);
}

.swatch-selector__list {
  position: relative;
  display: grid;
  gap: 0.313rem;
  grid-template-columns: repeat(var(--row-size), minmax(3.125rem, 1fr));
}

.swatch-selector__list-item {
  overflow: hidden;
  opacity: 0;
  -webkit-animation: fade-in-item 0.2s ease forwards;
          animation: fade-in-item 0.2s ease forwards;
}

.swatch-selector__list-item:not(.is-loaded) div {
  background: #e9e7e4;
  background-image: -webkit-gradient(linear, left top, right top, from(#e9e7e4), color-stop(20%, #cfccc8), color-stop(40%, #e9e7e4), to(#e9e7e4));
  background-image: linear-gradient(to right, #e9e7e4 0%, #cfccc8 20%, #e9e7e4 40%, #e9e7e4 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.swatch-selector__list-item:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.swatch-selector__list-item:nth-child(2) {
  -webkit-animation-delay: 0.025s;
          animation-delay: 0.025s;
}

.swatch-selector__list-item:nth-child(3) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}

.swatch-selector__list-item:nth-child(4) {
  -webkit-animation-delay: 0.075s;
          animation-delay: 0.075s;
}

.swatch-selector__list-item:nth-child(5) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.swatch-selector__list-item:nth-child(6) {
  -webkit-animation-delay: 0.125s;
          animation-delay: 0.125s;
}

.swatch-selector__list-item:nth-child(7) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}

.swatch-selector__list-item:nth-child(8) {
  -webkit-animation-delay: 0.175s;
          animation-delay: 0.175s;
}

.swatch-selector__list-item:nth-child(9) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.swatch-selector__list-item:nth-child(10) {
  -webkit-animation-delay: 0.225s;
          animation-delay: 0.225s;
}

.swatch-selector__list-item:nth-child(11) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}

.swatch-selector__list-item:nth-child(12) {
  -webkit-animation-delay: 0.275s;
          animation-delay: 0.275s;
}

.swatch-selector__list-item:nth-child(13) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.swatch-selector__list-item:nth-child(14) {
  -webkit-animation-delay: 0.325s;
          animation-delay: 0.325s;
}

.swatch-selector__list-item:nth-child(15) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}

.swatch-selector__list-item:nth-child(16) {
  -webkit-animation-delay: 0.375s;
          animation-delay: 0.375s;
}

.swatch-selector__list-item:nth-child(17) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.swatch-selector__list-item:nth-child(18) {
  -webkit-animation-delay: 0.425s;
          animation-delay: 0.425s;
}

.swatch-selector__list-item:nth-child(19) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}

.swatch-selector__list-item:nth-child(20) {
  -webkit-animation-delay: 0.475s;
          animation-delay: 0.475s;
}

.swatch-selector__list-item:nth-child(21) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.swatch-selector__list-item:nth-child(22) {
  -webkit-animation-delay: 0.525s;
          animation-delay: 0.525s;
}

.swatch-selector__list-item:nth-child(23) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}

.swatch-selector__list-item:nth-child(24) {
  -webkit-animation-delay: 0.575s;
          animation-delay: 0.575s;
}

.swatch-selector__list-item:nth-child(25) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.swatch-selector__list-item:nth-child(26) {
  -webkit-animation-delay: 0.625s;
          animation-delay: 0.625s;
}

.swatch-selector__list-item:nth-child(27) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}

.swatch-selector__list-item:nth-child(28) {
  -webkit-animation-delay: 0.675s;
          animation-delay: 0.675s;
}

.swatch-selector__list-item:nth-child(29) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.swatch-selector__list-item:nth-child(30) {
  -webkit-animation-delay: 0.725s;
          animation-delay: 0.725s;
}

.swatch-selector__list-item:nth-child(31) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}

.swatch-selector__list-item:nth-child(32) {
  -webkit-animation-delay: 0.775s;
          animation-delay: 0.775s;
}

.swatch-selector__list-item:nth-child(33) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.swatch-selector__list-item:nth-child(34) {
  -webkit-animation-delay: 0.825s;
          animation-delay: 0.825s;
}

.swatch-selector__list-item:nth-child(35) {
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
}

.swatch-selector__list-item:nth-child(36) {
  -webkit-animation-delay: 0.875s;
          animation-delay: 0.875s;
}

.swatch-selector__list-item:nth-child(37) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.swatch-selector__list-item:nth-child(38) {
  -webkit-animation-delay: 0.925s;
          animation-delay: 0.925s;
}

.swatch-selector__list-item:nth-child(39) {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
}

.swatch-selector__expand-item {
  display: none;
}

.swatch-selector__expand-item.is-shown {
  display: block;
}

.swatch-selector__expand-item .swatch-selector__button {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  height: calc(100% - 1.563rem);
  border: 0.063rem solid rgba(0, 0, 0, 0.1);
  -webkit-transition: border 0.2s ease-out;
  transition: border 0.2s ease-out;
}

.swatch-selector__expand-item .swatch-selector__button:hover {
  border-color: #282828;
}

.swatch-selector__headline {
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0.313rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 48em) {
  .model-selector {
    margin-top: 1.563rem;
  }
}

.model-selector__list {
  position: relative;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.model-selector__button {
  position: relative;
  width: 100%;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  -webkit-transition: border 0.2s ease-out;
  transition: border 0.2s ease-out;
  padding: 0.625rem 1.063rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  min-height: 3.75rem;
}

@media (min-width: 48em) {
  .model-selector__button {
    padding: 0.625rem 0;
  }
}

@media (min-width: 21.875em) {
  .model-selector__button {
    min-height: 6.25rem;
  }
}

@media (min-width: 59.375em) {
  .model-selector__button {
    min-height: 6.875rem;
  }
}

.model-selector__button img {
  display: block;
  aspect-ratio: 1 / 1;
  margin-right: 0.938rem;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  height: 2.5rem;
}

@media (min-width: 21.875em) {
  .model-selector__button img {
    height: 5rem;
  }
}

@media (min-width: 59.375em) {
  .model-selector__button img {
    height: 5.625rem;
  }
}

.model-selector__button span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.875rem;
  margin-right: auto;
  padding-left: 0;
  -webkit-transition: padding-left 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: padding-left 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (min-width: 21.875em) {
  .model-selector__button span {
    font-size: 1rem;
  }
}

.model-selector__button .svg-icon {
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (min-width: 48em) {
  .model-selector__button .svg-icon {
    left: 0.625rem;
  }
}

@media (min-width: 59.375em) {
  .model-selector__button .svg-icon {
    left: -0.312rem;
  }
}

.model-selector__button img + .svg-icon {
  left: 3.125rem;
}

@media (min-width: 21.875em) {
  .model-selector__button img + .svg-icon {
    left: 5.625rem;
  }
}

@media (min-width: 48em) {
  .model-selector__button img + .svg-icon {
    left: 4.375rem;
  }
}

@media (min-width: 59.375em) {
  .model-selector__button img + .svg-icon {
    left: 6.25rem;
  }
}

.model-selector__button em {
  width: 2.5rem;
  height: 2.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50% 50%;
  background-color: #282828;
  color: #fff;
  font-size: 1rem;
}

.model-selector__button.is-active {
  pointer-events: none;
  cursor: default;
  font-weight: 600;
}

.model-selector__button.is-active {
  border-bottom-color: #282828;
}

.model-selector__button.is-active span {
  padding-left: 1.875rem;
}

.model-selector__button.is-active .svg-icon {
  left: 1.563rem;
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}

@media (min-width: 48em) {
  .model-selector__button.is-active .svg-icon {
    left: 0.313rem;
  }
}

@media (min-width: 59.375em) {
  .model-selector__button.is-active img {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}

.model-selector__button.is-active img ~ .svg-icon {
  left: 3.75rem;
}

@media (min-width: 21.875em) {
  .model-selector__button.is-active img ~ .svg-icon {
    left: 5.938rem;
  }
}

@media (min-width: 48em) {
  .model-selector__button.is-active img ~ .svg-icon {
    left: 5rem;
  }
}

@media (min-width: 59.375em) {
  .model-selector__button.is-active img ~ .svg-icon {
    left: 5.625rem;
  }
}

.model-selector__button.is-active img ~ span {
  padding-left: 0.625rem;
}

@media (hover: hover) {
  .model-selector__button:hover {
    border-bottom-color: #282828;
  }
  .model-selector__button:hover span {
    padding-left: 1.875rem;
  }
  .model-selector__button:hover .svg-icon {
    left: 1.563rem;
    opacity: 1;
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  }
}

@media (hover: hover) and (min-width: 48em) {
  .model-selector__button:hover .svg-icon {
    left: 0.313rem;
  }
}

@media (hover: hover) and (min-width: 59.375em) {
  .model-selector__button:hover img {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}

@media (hover: hover) {
  .model-selector__button:hover img ~ .svg-icon {
    left: 3.75rem;
  }
}

@media (hover: hover) and (min-width: 21.875em) {
  .model-selector__button:hover img ~ .svg-icon {
    left: 5.938rem;
  }
}

@media (hover: hover) and (min-width: 48em) {
  .model-selector__button:hover img ~ .svg-icon {
    left: 5rem;
  }
}

@media (hover: hover) and (min-width: 59.375em) {
  .model-selector__button:hover img ~ .svg-icon {
    left: 5.625rem;
  }
}

@media (hover: hover) {
  .model-selector__button:hover img ~ span {
    padding-left: 0.625rem;
  }
}

.configure-panels {
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  overflow: auto;
  height: calc(var(--reconfigurator-controls-height) * 1px - 3.75rem);
}

@media (min-width: 59.375em) {
  .configure-panels {
    min-height: calc(var(--vh) * 100px - 4.375rem - 5.625rem);
    height: calc(var(--vh) * 100px - 4.375rem - 5.625rem);
    padding-left: 1.063rem;
    padding-right: 1.063rem;
  }
}

@media (min-width: 90em) {
  .configure-panels {
    padding-right: 8.33333vw;
    padding-left: 2.5rem;
  }
}

.configure-panels.is-loading {
  opacity: 0.7;
  pointer-events: none;
}

.configure-panels__headline {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
  margin-bottom: 1.25rem;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  padding-bottom: 0.625rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: #f9f8f2;
  border-bottom: 0.063rem solid transparent;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

@media (min-width: 21.875em) {
  .configure-panels__headline {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .configure-panels__headline {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .configure-panels__headline {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .configure-panels__headline {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .configure-panels__headline {
    font-size: 2.6vw;
  }
}

@media (min-width: 48em) {
  .configure-panels__headline {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 59.375em) {
  .configure-panels__headline {
    background-color: #fff;
  }
}

.configure-panels__headline.is-bordered {
  border-color: rgba(0, 0, 0, 0.1);
}

.configure-panels__bodytext {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  display: none;
}

@media (min-width: 90em) {
  .configure-panels__bodytext {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.configure-panels__bodytext b, .configure-panels__bodytext strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.configure-panels__bodytext.is-active {
  display: block;
}

@media (min-width: 59.375em) {
  .configure-panels__bodytext {
    display: block;
  }
}

.configure-panels__bodytext a, .configure-panels__bodytext .link {
  font-size: inherit;
  font-family: "Spectral", serif;
}

.configure-panels__bodytext a:not(.link) {
  text-decoration: underline;
}

.configure-panels pre {
  display: block;
  padding: 0.625rem;
  font-size: 0.625rem;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: auto;
}

.configure-panels .tabs-bar {
  min-height: 2.5rem;
}

.configure-panels .tabs-bar__inner {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.configure-panels .tabs-bar__button {
  position: relative;
  border: 0;
  padding: 0 1.25rem 0 0;
  font-size: 0.875rem;
  line-height: 1.813rem;
  -webkit-transition: padding-left 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: padding-left 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.configure-panels .tabs-bar__button span {
  font-size: inherit;
  border-width: 0.063rem;
  white-space: nowrap;
}

.configure-panels .tabs-bar__button .svg-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -0.187rem;
  opacity: 0;
  height: 0.75rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.75rem;
          flex: 0 0 0.75rem;
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.configure-panels .tabs-bar__button.is-active {
  font-weight: 500;
}

.configure-panels .tabs-bar__button:not(.is-active) {
  color: #7f7f7f;
}

.configure-panels .tabs-bar:after {
  display: none;
}

.configure-panels__controls {
  display: block;
  position: relative;
  min-height: 2.438rem;
}

.configure-panels__controls__top {
  min-height: 2.5rem;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.configure-panels__controls .control-button {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}

.configure-panels__controls .control-button svg {
  width: 1.25rem;
  height: 1.25rem;
}

.configure-panels__controls .control-button.for-filters, .configure-panels__controls .control-button.for-exit-filters, .configure-panels__controls .control-button.for-exit-search {
  position: absolute;
  top: 0.625rem;
  right: 1.063rem;
}

@media (min-width: 48em) {
  .configure-panels__controls .control-button.for-filters, .configure-panels__controls .control-button.for-exit-filters, .configure-panels__controls .control-button.for-exit-search {
    right: 0;
  }
}

.configure-panels__controls .control-button.for-search {
  position: absolute;
  top: 0.625rem;
  right: 3.125rem;
}

@media (min-width: 48em) {
  .configure-panels__controls .control-button.for-search {
    right: 1.875rem;
  }
}

.configure-panels__controls__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 2.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  padding-left: 1.063rem;
}

@media (min-width: 48em) {
  .configure-panels__controls__label {
    padding-left: 0;
  }
}

.configure-panels__controls__search {
  display: block;
  position: relative;
  border: 0;
  background-color: transparent;
  width: calc(100% - 5rem);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 2.5rem;
  padding-left: 1.063rem;
  font-size: 1rem;
}

@media (min-width: 48em) {
  .configure-panels__controls__search {
    font-size: 0.875rem;
  }
}

@media (min-width: 48em) {
  .configure-panels__controls__search {
    padding-left: 0;
    padding-right: 3.438rem;
    width: 100%;
  }
}

.configure-panels__controls input::-webkit-input-placeholder {
  color: #7f7f7f;
}

.configure-panels__controls input::-moz-placeholder {
  color: #7f7f7f;
}

.configure-panels__controls input::-ms-input-placeholder {
  color: #7f7f7f;
}

.configure-panels__controls input::placeholder {
  color: #7f7f7f;
}

.configure-panels__controls__filters {
  padding-top: 0;
  padding-left: 1.063rem;
  padding-right: 1.063rem;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transform-origin: center top;
          transform-origin: center top;
}

.configure-panels__controls__filters.is-active {
  pointer-events: initial;
  position: relative;
  top: 0;
  opacity: 1;
  -webkit-animation: show-filters 0.4s ease forwards;
          animation: show-filters 0.4s ease forwards;
}

@media (min-width: 48em) {
  .configure-panels__controls__filters {
    padding-left: 0;
    padding-right: 0;
  }
}

.configure-panels__controls__filters .filter-section {
  padding-top: 1.25rem;
}

.configure-panels__controls__filters .filter-section h5 {
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 0.625rem;
  font-size: 0.75rem;
}

.configure-panels__controls__filters .filter-section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2%;
}

.configure-panels__controls__filters .filter-section ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}

.configure-panels__controls__filters .filter-section.is-active .filter-button:not(.is-active) span {
  color: #7f7f7f;
}

.configure-panels__controls__filters .filter-section + .filter-section {
  margin-top: 1.25rem;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.configure-panels__controls__filters .filter-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.625rem;
  font-size: 0.75rem;
}

.configure-panels__controls__filters .filter-button.is-active {
  font-weight: 500;
}

.configure-panels__controls__filters .filter-button.is-active span {
  color: #282828;
}

.configure-panels__controls__filters .filter-button span {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.configure-panels__controls__filters .filter-button em {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.625rem;
  border-radius: 50% 50%;
  border: 0.063rem solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

.configure-panels__controls__category.tabs-bar .tabs-bar__button span {
  padding-bottom: 0.938rem;
}

.configure-panels__controls__subcategory.tabs-bar {
  min-height: 0;
  border: 0;
}

.configure-panels__controls__subcategory.tabs-bar .tabs-bar__button span {
  border: 0;
}

.configure-panels__result {
  padding-bottom: 2.5rem;
}

.configure-panels__result .no-results {
  padding: 0 1.063rem;
  margin-top: 2.5rem;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.03em;
}

@media (min-width: 48em) {
  .configure-panels__result .no-results {
    font-size: 1.375rem;
  }
}

@media (min-width: 64em) {
  .configure-panels__result .no-results {
    font-size: 1.5rem;
  }
}

@media (min-width: 90em) {
  .configure-panels__result .no-results {
    font-size: 1.875rem;
  }
}

@media (min-width: 120.25em) {
  .configure-panels__result .no-results {
    font-size: 1.56vw;
  }
}

@media (min-width: 59.375em) {
  .configure-panels__result .no-results {
    padding: 0;
  }
}

@-webkit-keyframes show-filters {
  0% {
    opacity: 0;
    max-height: 0;
    -webkit-transform: scaleY(0.9);
            transform: scaleY(0.9);
  }
  5% {
    opacity: 1;
    max-height: 0;
    -webkit-transform: scaleY(0.9);
            transform: scaleY(0.9);
  }
  99% {
    opacity: 1;
    max-height: 100vh;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 1;
    max-height: none;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

@keyframes show-filters {
  0% {
    opacity: 0;
    max-height: 0;
    -webkit-transform: scaleY(0.9);
            transform: scaleY(0.9);
  }
  5% {
    opacity: 1;
    max-height: 0;
    -webkit-transform: scaleY(0.9);
            transform: scaleY(0.9);
  }
  99% {
    opacity: 1;
    max-height: 100vh;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 1;
    max-height: none;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

.material-group-info-overlay {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1105;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(140%);
          transform: translateY(140%);
  height: calc(var(--vh) * 50px);
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 59.375em) {
  .material-group-info-overlay {
    top: 0;
    left: auto;
  }
}

@media (min-width: 59.375em) {
  .material-group-info-overlay {
    border-top: 0;
    height: calc(var(--vh) * 100px);
    -webkit-transform: translateX(110%);
            transform: translateX(110%);
    width: 50%;
    border-left: 0.063rem solid rgba(0, 0, 0, 0.1);
  }
}

@media (min-width: 80em) {
  .material-group-info-overlay {
    width: calc(33% + 2.813rem);
  }
}

.material-group-info-overlay.is-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (min-width: 59.375em) {
  .material-group-info-overlay.is-active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.material-group-info-overlay__inner {
  position: relative;
  overflow: auto;
  max-height: 100%;
  padding: 1.25rem;
}

@media (min-width: 120.25em) {
  .material-group-info-overlay__inner {
    padding: 2.5rem;
  }
}

.material-group-info-overlay h3 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

@media (min-width: 21.875em) {
  .material-group-info-overlay h3 {
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .material-group-info-overlay h3 {
    font-size: 2.25rem;
  }
}

@media (min-width: 64em) {
  .material-group-info-overlay h3 {
    font-size: 2.5rem;
  }
}

@media (min-width: 90em) {
  .material-group-info-overlay h3 {
    font-size: 3.125rem;
  }
}

@media (min-width: 120.25em) {
  .material-group-info-overlay h3 {
    font-size: 2.6vw;
  }
}

.material-group-info-overlay p {
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Spectral", serif;
  font-size: 1rem;
  margin-top: 1.875rem;
}

@media (min-width: 90em) {
  .material-group-info-overlay p {
    font-size: clamp(16px, 1.11vw, 24px);
  }
}

.material-group-info-overlay p b, .material-group-info-overlay p strong {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.material-group-info-overlay dl {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  margin-top: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem;
  font-size: 0.875rem;
  padding-top: 1.25rem;
}

@media (min-width: 59.375em) {
  .material-group-info-overlay dl {
    gap: 1.25rem;
  }
}

@media (min-width: 90em) {
  .material-group-info-overlay dl {
    gap: 1.25rem 5vw;
  }
}

.material-group-info-overlay dl span {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
}

.material-group-info-overlay dl dt {
  text-transform: uppercase;
}

.material-group-info-overlay__close {
  position: fixed;
  bottom: calc(100% + 0.938rem);
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  color: #fff;
  background-color: #282828;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: scale(1) translateZ(0) translateX(-50%);
          transform: scale(1) translateZ(0) translateX(-50%);
}

@media (min-width: 59.375em) {
  .material-group-info-overlay__close {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    border: 0;
    position: static;
    margin: 1.25rem 1.25rem 0;
    background-color: transparent;
    border-radius: 0;
    color: currentColor;
  }
}

@media (min-width: 120.25em) {
  .material-group-info-overlay__close {
    margin: 2.5rem 2.5rem 0;
  }
}

.material-group-info-overlay__close:hover {
  -webkit-transform: scale(1.25) translateZ(0) translateX(-50%);
          transform: scale(1.25) translateZ(0) translateX(-50%);
}

@media (min-width: 59.375em) {
  .material-group-info-overlay__close:hover {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.material-group-info-overlay__close svg {
  fill: currentColor;
  height: 1.25rem;
  width: 1.25rem;
}

@media (min-width: 59.375em) {
  .material-group-info-overlay__close svg {
    height: 1.875rem;
    width: 1.875rem;
  }
}

.cylindo-viewer {
  position: relative;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media (min-width: 59.375em) {
  .cylindo-viewer {
    border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
    max-height: min(50vw, 80vh);
    padding-bottom: 0;
  }
}

.cylindo-viewer .cylindo-wrapper,
.cylindo-viewer .cylindo-viewer-container {
  min-height: 100%;
  max-height: 100%;
  width: 100%;
}

.cylindo-viewer .cylindo-zoom-imagery {
  cursor: url("/static/svg/muu_icon_cylindo_28x28_cursor_reset.svg") 20 20, pointer;
}

.cylindo-viewer .cylindo-threesixty-list,
.cylindo-viewer .cylindo-threesixty-list > li > img,
.cylindo-viewer .cylindo-custom-list > li > img,
.cylindo-viewer .cylindo-threesixty-list > li > div:not(.cylindo-dismiss-on-zoom),
.cylindo-viewer .cylindo-custom-list > li > div:not(.cylindo-dismiss-on-zoom) {
  cursor: url("/static/svg/muu_icon_cylindo_28x28_cursor_icon_hand_open.svg") 12 12, auto;
}

.cylindo-viewer.is-panning .cylindo-threesixty-list,
.cylindo-viewer.is-panning .cylindo-threesixty-list > li > img,
.cylindo-viewer.is-panning .cylindo-custom-list > li > img,
.cylindo-viewer.is-panning .cylindo-threesixty-list > li > div:not(.cylindo-dismiss-on-zoom),
.cylindo-viewer.is-panning .cylindo-custom-list > li > div:not(.cylindo-dismiss-on-zoom) {
  cursor: url("/static/svg/muu_icon_cylindo_28x28_cursor_icon_hand_closed.svg") 12 12, auto !important;
}

.cylindo-viewer.is-focused {
  height: calc(var(--vh) * 100px);
}

.cylindo-viewer.is-focused .cylindo-wrapper,
.cylindo-viewer.is-focused .cylindo-viewer-container {
  pointer-events: all;
}

.cylindo-viewer.is-loading .cylindo-viewer__container {
  opacity: 0.5;
}

.cylindo-viewer.is-configuring .cylindo-wrapper > *:not(.cylindo-ar-button),
.cylindo-viewer.is-configuring .cylindo-viewer-container > *:not(.cylindo-ar-button) {
  pointer-events: none;
}

@media (min-width: 59.375em) {
  .cylindo-viewer.is-configuring .cylindo-wrapper > *:not(.cylindo-ar-button),
  .cylindo-viewer.is-configuring .cylindo-viewer-container > *:not(.cylindo-ar-button) {
    pointer-events: all;
  }
}

.cylindo-viewer .cylindo-ar-button a {
  cursor: pointer;
  top: auto;
  left: 0.625rem;
  bottom: 0.625rem;
}

.cylindo-viewer .cylindo-tooltip-not-available,
.cylindo-viewer .cylindo-no-feature {
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

.cylindo-viewer .cylindo-tooltip-not-available span,
.cylindo-viewer .cylindo-no-feature span {
  content: "⚠";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -3.75rem);
          transform: translate(-50%, -3.75rem);
  display: block;
  margin: 0 auto;
  color: transparent;
  width: 3.75rem;
  height: 3.75rem;
  font-size: 3.75rem;
  font-weight: 300;
}

.cylindo-viewer .cylindo-tooltip-not-available span:before,
.cylindo-viewer .cylindo-no-feature span:before {
  display: block;
  content: "⚠";
  color: #555;
}

.cylindo-viewer .cylindo-tooltip-not-available p,
.cylindo-viewer .cylindo-no-feature p {
  max-width: 18.75rem;
  color: #282828;
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 1.25rem);
          transform: translate(-50%, 1.25rem);
  display: block;
}

.cylindo-viewer__container {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.cylindo-viewer__zoom {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  z-index: 10;
  background-color: #f9f8f2;
  display: none;
}

.cylindo-viewer__guide {
  height: 1.875rem;
  z-index: 7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  color: #7f7f7f;
  font-size: 0.813rem;
  position: absolute;
  bottom: 0;
  left: 0.625rem;
  right: 0.625rem;
}

@media (min-width: 24.375em) {
  .cylindo-viewer__guide {
    font-size: 0.875rem;
    padding: 0 1.25rem;
  }
}

@media (min-width: 35.4375em) {
  .cylindo-viewer__guide {
    font-size: 1rem;
  }
}

@media (min-width: 48em) {
  .cylindo-viewer__guide {
    height: 3.125rem;
  }
}

@media (min-width: 59.375em) {
  .cylindo-viewer__guide {
    bottom: 1vw;
  }
}

.cylindo-viewer__guide.is-active {
  opacity: 1;
}

.is-focused .cylindo-viewer__guide {
  bottom: 5rem;
}

.cylindo-viewer__guide p {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.625rem;
}

.cylindo-viewer .configurator-message {
  z-index: 20;
}

@media (max-width: 59.365em) {
  .cylindo-viewer .configurator-message {
    display: none;
  }
}

.cylindo-viewer__toggler {
  cursor: pointer;
  z-index: 1000;
  position: absolute;
  inset: 0;
  top: 3.125rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 48em) {
  .cylindo-viewer__toggler {
    right: 8.33333vw;
  }
}

.cylindo-viewer__toggler svg {
  display: none;
  fill: currentColor;
  height: 1.25rem;
  width: 1.25rem;
}

@media (min-width: 59.375em) {
  .cylindo-viewer__toggler svg {
    height: 1.875rem;
    width: 1.875rem;
  }
}

.cylindo-viewer__toggler--blur {
  position: fixed;
  top: calc(100% - 3.75rem);
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  color: #fff;
  background-color: #282828;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 20;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (min-width: 59.375em) {
  .cylindo-viewer__toggler--blur {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    border: 0;
    bottom: auto;
    left: auto;
    top: 0.625rem;
    right: 1.25rem;
    background-color: transparent;
    border-radius: 0;
    color: currentColor;
  }
}

.cylindo-viewer__toggler--blur svg {
  display: block;
}

.cylindo-viewer__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}

.reconfigurator {
  position: relative;
  grid-template-columns: 1fr 1fr;
  background-color: #fff;
}

@media (min-width: 59.375em) {
  .reconfigurator {
    display: grid;
    grid-template-areas: "presentation controls";
    grid-template-columns: 2fr calc(33% + 1.25rem);
  }
}

@media (min-width: 90em) {
  .reconfigurator {
    grid-template-columns: 2fr calc(33% + 2.813rem);
  }
}

.reconfigurator.is-configuring {
  position: relative;
  background-color: #fff;
  z-index: 6;
}

.reconfigurator ~ .section {
  position: relative;
  z-index: 1;
  background-color: #fff;
  margin: 0 !important;
  padding-bottom: 2.656rem;
  padding-top: 0;
}

@media (min-width: 48em) {
  .reconfigurator ~ .section {
    padding: 2.656rem 0;
  }
}

@media (min-width: 64em) {
  .reconfigurator ~ .section {
    padding: 2.656rem 0;
  }
}

.reconfigurator.is-configuring ~ .section {
  display: none;
}

main:has(.reconfigurator.is-configuring) ~ * {
  display: none;
}

.reconfigurator__gallery-button {
  margin-top: 0.938rem;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(16px, 1vw, 24px);
  font-weight: 500;
}

.reconfigurator__gallery-button .svg-icon {
  fill: currentColor;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1em;
  margin-right: 0.5em;
}

.reconfigurator .tooltip-button {
  margin-left: 0.25em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
}

.reconfigurator .tooltip-button svg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 0.625rem;
  height: 0.625rem;
}

.story-slide-content__content {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.story-slide-content__title {
  position: relative;
  color: var(--story-slider-text-color);
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  z-index: 5;
  pointer-events: none;
  padding: 1.063rem 1.063rem 0;
  max-width: 58.33333vw;
}

@media (min-width: 48em) {
  .story-slide-content__title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.story-slide-content__title > span {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  display: block;
}

@media (min-width: 21.875em) {
  .story-slide-content__title > span {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .story-slide-content__title > span {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .story-slide-content__title > span {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .story-slide-content__title > span {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .story-slide-content__title > span {
    font-size: 5.2vw;
  }
}

@media (min-width: 48em) {
  .story-slide-content__title > span {
    position: absolute;
  }
}

@media (min-width: 48em) {
  .story-slide-content__title span:nth-child(1) {
    top: 8.33333vw;
    left: 37.5vw;
    width: 33.33333vw;
    margin-top: 1.25rem;
  }
}

@media (min-width: 64em) {
  .story-slide-content__title span:nth-child(1) {
    margin-top: 0;
    top: 4.16667vw;
    left: 29.16667vw;
  }
}

@media (min-width: 90em) {
  .story-slide-content__title span:nth-child(1) {
    margin-top: 1.25rem;
  }
}

.story-slide-content__description {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  color: var(--story-slider-text2-color);
  padding: 0 1.063rem 1.063rem;
  margin-top: auto;
}

@media (min-width: 48em) {
  .story-slide-content__description {
    position: absolute;
    bottom: 0;
    left: 50vw;
    width: 50vw;
    padding-bottom: 0;
  }
}

@media (min-width: 64em) {
  .story-slide-content__description {
    width: 58.33333vw;
    left: 41.66667vw;
  }
}

@media (min-width: 90em) {
  .story-slide-content__description {
    width: 41.66667vw;
  }
}

@media (min-width: 150em) {
  .story-slide-content__description {
    width: 33.33333vw;
  }
}

.story-slide-content__description > div {
  font-family: "Spectral", serif;
  font-size: 0.875rem;
  line-height: 1.25;
  display: block;
}

@media (min-width: 48em) {
  .story-slide-content__description > div {
    font-size: 0.938rem;
  }
}

@media (min-width: 64em) {
  .story-slide-content__description > div {
    font-size: 1.375rem;
    line-height: 1.3;
  }
}

@media (min-width: 90em) {
  .story-slide-content__description > div {
    font-size: 1.625rem;
  }
}

@media (min-width: 120.25em) {
  .story-slide-content__description > div {
    font-size: 1.875rem;
  }
}

.story-slide-content__description > div p {
  display: block;
}

.story-slide-content__media {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (min-width: 48em) {
  .story-slide-content__media {
    position: absolute;
  }
}

.story-slide-content__media--1 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  top: -3.75rem;
  margin-bottom: -2.5rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
  aspect-ratio: 3 / 4;
  max-width: 50%;
}

@media (min-width: 48em) {
  .story-slide-content__media--1 {
    aspect-ratio: initial;
    -ms-flex-item-align: auto;
        align-self: auto;
    position: absolute;
    height: 100%;
    top: auto;
    bottom: 0;
    left: 0;
    margin: 0;
    padding-left: 0;
    padding-bottom: 16.66667vw;
    padding-top: 16.66667vw;
    width: 41.66667vw;
    max-width: none;
  }
}

@media (min-width: 64em) {
  .story-slide-content__media--1 {
    padding-bottom: 0;
    padding-top: 1.25rem;
    width: 33.33333vw;
  }
}

@media (min-width: 120.25em) {
  .story-slide-content__media--1 {
    padding-top: 2.5rem;
  }
}

.story-slide-content__media--2 {
  display: none;
  top: -2.312rem;
  right: 1.063rem;
  width: 25vw;
  aspect-ratio: 3 / 4;
}

@media (min-width: 48em) {
  .story-slide-content__media--2 {
    display: block;
  }
}

@media (min-width: 64em) {
  .story-slide-content__media--2 {
    top: -2.5rem;
  }
}

@media (min-width: 120.25em) {
  .story-slide-content__media--2 {
    top: -1.5rem;
  }
}

.story-slide-content--designer .story-slide-content__media {
  padding-bottom: 0;
}

@media (min-width: 48em) {
  .story-slide-content--designer .story-slide-content__media {
    padding-top: 0;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-bottom: 25vw;
    width: 50vw;
  }
}

@media (min-width: 64em) {
  .story-slide-content--designer .story-slide-content__media {
    aspect-ratio: 3 / 4;
    top: -3.75rem;
    width: 33.33333vw;
    padding-bottom: 4.16667vw;
  }
}

@media (min-width: 120.25em) {
  .story-slide-content--designer .story-slide-content__media {
    top: -6.25rem;
  }
}

.story-slide-content--designer .story-slide-content__description {
  padding-top: 0;
  padding-bottom: 1.063rem;
}

@media (max-width: 35.4275em) {
  .story-slide-content--designer .story-slide-content__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media (min-width: 48em) {
  .story-slide-content--designer .story-slide-content__description {
    left: 0;
    width: 41.66667vw;
  }
}

@media (min-width: 64em) {
  .story-slide-content--designer .story-slide-content__description {
    font-size: 1.125rem;
    padding: 0;
    left: 8.33333vw;
    width: 50vw;
    bottom: 0;
  }
}

@media (min-width: 90em) {
  .story-slide-content--designer .story-slide-content__description {
    width: 41.66667vw;
    bottom: 2.5rem;
  }
}

@media (min-width: 150em) {
  .story-slide-content--designer .story-slide-content__description {
    bottom: 8.33333vw;
  }
}

.story-slide-content--designer .story-slide-content__description > div {
  font-weight: 500;
  font-family: "EuclidFlex", Helvetica, Arial, sans-serif !important;
}

@media (min-width: 64em) {
  .story-slide-content--designer .story-slide-content__description > div {
    font-size: 1rem;
  }
}

@media (min-width: 71.875em) {
  .story-slide-content--designer .story-slide-content__description > div {
    font-size: 1.125rem;
  }
}

@media (min-width: 90em) {
  .story-slide-content--designer .story-slide-content__description > div {
    font-size: 1.375rem;
  }
}

@media (min-width: 120.25em) {
  .story-slide-content--designer .story-slide-content__description > div {
    font-size: 1.75rem;
  }
}

.story-slide-content--designer .story-slide-content__title {
  max-width: none;
}

@media (min-width: 120.25em) {
  .story-slide-content--designer .story-slide-content__title {
    padding-top: 8.33333vw;
  }
}

@media (min-width: 48em) {
  .story-slide-content--designer .story-slide-content__title span:nth-child(1) {
    left: 1.25rem;
    top: 4.16667vw;
    width: 33.33333vw;
  }
}

@media (min-width: 64em) {
  .story-slide-content--designer .story-slide-content__title span:nth-child(1) {
    top: 0;
  }
}

@media (min-width: 120.25em) {
  .story-slide-content--designer .story-slide-content__title span:nth-child(1) {
    top: 4.16667vw;
    left: 2.5rem;
  }
}

.story-slide-content--designer .story-slide-content__title span:nth-child(2) {
  text-align: right;
}

@media (min-width: 48em) {
  .story-slide-content--designer .story-slide-content__title span:nth-child(2) {
    margin-left: 1.25rem;
    width: 33.33333vw;
    top: calc(6.25vw + 1em);
  }
}

@media (min-width: 64em) {
  .story-slide-content--designer .story-slide-content__title span:nth-child(2) {
    top: 1em;
  }
}

@media (min-width: 120.25em) {
  .story-slide-content--designer .story-slide-content__title span:nth-child(2) {
    top: calc(4.16667vw + 1em);
    margin-left: 2.5rem;
  }
}

.story-slide-content--designer .story-slide-content__title span:nth-child(3) {
  width: 33.33333vw;
  top: auto;
  left: auto;
  right: 0;
  margin-left: 0;
  margin-top: 0;
  bottom: 1.25rem;
}

@media (min-width: 48em) {
  .story-slide-content--designer .story-slide-content__title span:nth-child(3) {
    bottom: 2.5rem;
  }
}

@media (min-width: 64em) {
  .story-slide-content--designer .story-slide-content__title span:nth-child(3) {
    bottom: 1.25rem;
  }
}

@media (min-width: 120.25em) {
  .story-slide-content--designer .story-slide-content__title span:nth-child(3) {
    bottom: 2.5rem;
  }
}

.story-slide-content--designer .story-slide-content__title > span {
  white-space: nowrap;
}

.story-slide-cover__media {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     font-family: "object-fit:cover;object-position:center";
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.story-slide-cover__content {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 48em) {
  .story-slide-cover__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.story-slide-cover__title {
  padding: 1.063rem 1.063rem 2.125rem;
}

@media (min-width: 48em) {
  .story-slide-cover__title {
    padding: 0;
    margin-top: 4.16667vw;
    margin-left: 8.33333vw;
  }
}

.story-slide-cover__title > span {
  display: block;
  font-size: 4.375rem;
  font-weight: 500;
  line-height: 0.85;
  letter-spacing: -0.03em;
  font-size: clamp(70px, 18vw, 118px);
}

@media (min-width: 35.4375em) {
  .story-slide-cover__title > span {
    font-size: clamp(70px, 15vw, 118px);
    line-height: 1;
  }
}

@media (min-width: 64em) {
  .story-slide-cover__title > span {
    font-size: clamp(118px, 11vw, 270px);
  }
}

.story-slide-cover__title > span:nth-child(2) {
  margin-top: 0.125em;
  margin-left: 16.66667vw;
}

@media (min-width: 48em) {
  .story-slide-cover__title > span:nth-child(2) {
    margin-top: 0;
    margin-left: 8.33333vw;
  }
}

.story-slide-cover__description {
  -ms-flex-item-align: end;
      align-self: flex-end;
  justify-self: flex-end;
  padding: 0 1.063rem 1.063rem;
}

.story-slide-cover__description > div {
  font-weight: 500;
  font-size: 0.875rem;
  display: block;
}

@media (min-width: 48em) {
  .story-slide-cover__description > div {
    font-size: 1rem;
  }
}

@media (min-width: 64em) {
  .story-slide-cover__description > div {
    font-size: 1.25rem;
  }
}

.story-slide-cover__description > div p {
  display: block;
}

@media (min-width: 64em) {
  .story-slide-cover__description {
    width: 33.33333vw;
    padding-left: 0;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 120.25em) {
  .story-slide-cover__description {
    padding-bottom: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 150em) {
  .story-slide-cover__description {
    padding-right: 8.33333vw;
  }
}

.story-slide-cover--assembled .story-slide-cover__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.story-slide-cover--assembled .story-slide-cover__title {
  -ms-flex-item-align: end;
      align-self: flex-end;
  justify-self: flex-end;
  margin-left: 0;
  margin-top: auto;
}

@media (min-width: 48em) {
  .story-slide-cover--assembled .story-slide-cover__title {
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
    width: 41.66667vw;
  }
}

@media (min-width: 150em) {
  .story-slide-cover--assembled .story-slide-cover__title {
    padding-right: 8.33333vw;
  }
}

.story-slide-cover--assembled .story-slide-cover__title > span {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .story-slide-cover--assembled .story-slide-cover__title > span {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .story-slide-cover--assembled .story-slide-cover__title > span {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .story-slide-cover--assembled .story-slide-cover__title > span {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .story-slide-cover--assembled .story-slide-cover__title > span {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .story-slide-cover--assembled .story-slide-cover__title > span {
    font-size: 5.2vw;
  }
}

.story-slide-cover--assembled .story-slide-cover__title > span:nth-child(2) {
  margin-left: 0;
}

.story-slide-cover--assembled .story-slide-cover__description {
  margin-top: 1.25rem;
}

.story-slide-video__content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 64em) {
  .story-slide-video__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.story-slide-video__title {
  position: relative;
  z-index: 2;
  color: var(--story-slider-text-color);
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 1.063rem 1.063rem 2.125rem;
}

@media (min-width: 21.875em) {
  .story-slide-video__title {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .story-slide-video__title {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .story-slide-video__title {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .story-slide-video__title {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .story-slide-video__title {
    font-size: 5.2vw;
  }
}

@media (min-width: 64em) {
  .story-slide-video__title {
    padding: 0;
    position: absolute;
    right: 0;
    bottom: calc(70% - 0.3333em);
  }
}

@media (min-width: 120.25em) {
  .story-slide-video__title {
    right: 8.33333vw;
  }
}

.story-slide-video__title > span {
  line-height: inherit;
  font-size: inherit;
  display: block;
  text-align: right;
}

@media (min-width: 64em) {
  .story-slide-video__title > span {
    position: absolute;
  }
}

@media (min-width: 64em) {
  .story-slide-video__title span:nth-child(1) {
    width: 66.66667vw;
    right: 1.25rem;
    bottom: 1em;
  }
}

.story-slide-video__title span:nth-child(2) {
  text-align: left;
}

@media (min-width: 24.375em) {
  .story-slide-video__title span:nth-child(2) {
    text-align: right;
    padding-right: 16.66667vw;
  }
}

@media (min-width: 64em) {
  .story-slide-video__title span:nth-child(2) {
    padding-right: 0;
    right: 16.66667vw;
    width: 66.66667vw;
    bottom: 0;
    text-align: right;
  }
}

@media (min-width: 120.25em) {
  .story-slide-video__title span:nth-child(2) {
    right: 8.33333vw;
  }
}

.story-slide-video__player {
  position: relative;
  z-index: 1;
  padding-left: 1.063rem;
  aspect-ratio: 16 / 9;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (min-width: 48em) {
  .story-slide-video__player {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    padding-left: 16.66667%;
  }
}

@media (min-width: 64em) {
  .story-slide-video__player {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 0;
    width: 66.66667%;
    height: 70%;
    padding-right: 8.33333%;
  }
}

@media (min-width: 150em) {
  .story-slide-video__player {
    width: 66.66667%;
  }
}

.story-slide-video__player .video-player__inner {
  height: 100%;
  padding-bottom: 0;
}

.story-slide-video__player .video-player__inner > div,
.story-slide-video__player .video-player__inner iframe {
  width: 100%;
  height: 100%;
}

.story-slide-video__player .video-player__start * {
  pointer-events: none;
}

.story-slide-video__description {
  position: relative;
  z-index: 2;
  padding: 1.063rem 1.063rem 2.125rem;
  text-align: right;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

@media (min-width: 48em) {
  .story-slide-video__description {
    padding-bottom: 0;
    padding-left: 16.66667%;
    padding-right: 25%;
    text-align: left;
  }
}

@media (min-width: 64em) {
  .story-slide-video__description {
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 33.33333%;
    padding: 0 1.25rem;
  }
}

@media (min-width: 90em) {
  .story-slide-video__description {
    left: 8.33333%;
    width: 25%;
  }
}

@media (min-width: 120.25em) {
  .story-slide-video__description {
    width: 25%;
    padding: 0 2.5rem 3.75rem 0;
  }
}

@media (min-width: 150em) {
  .story-slide-video__description {
    left: 16.66667%;
    width: 16.66667%;
  }
}

.story-slide-video__description > div {
  display: block;
  font-size: 0.875rem;
}

@media (min-width: 120.25em) {
  .story-slide-video__description > div {
    font-size: 1.125rem;
  }
}

.story-slide-products__content {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 48em) {
  .story-slide-products__content {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media (min-width: 64em) {
  .story-slide-products__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.story-slide-products__title {
  position: relative;
  z-index: 1;
  padding: 1.063rem;
  text-align: right;
}

.story-slide-products__title > span {
  pointer-events: none;
  display: block;
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
}

@media (min-width: 21.875em) {
  .story-slide-products__title > span {
    font-size: 2.5rem;
  }
}

@media (min-width: 48em) {
  .story-slide-products__title > span {
    font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  .story-slide-products__title > span {
    font-size: 3.75rem;
  }
}

@media (min-width: 90em) {
  .story-slide-products__title > span {
    font-size: 6.25rem;
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__title > span {
    font-size: 5.2vw;
  }
}

@media (min-width: 48em) {
  .story-slide-products__title > span:nth-child(1) {
    padding-left: 16.66667%;
  }
}

@media (min-width: 64em) {
  .story-slide-products__title > span:nth-child(1) {
    padding-left: 8.33333%;
  }
}

.story-slide-products__title > span:nth-child(2) {
  padding-right: 16.66667%;
}

@media (min-width: 48em) {
  .story-slide-products__title > span:nth-child(2) {
    padding-right: 8.33333%;
  }
}

@media (min-width: 48em) {
  .story-slide-products__title {
    padding: 0;
    text-align: left;
    position: absolute;
    top: 4.16667vw;
    left: 4.16667vw;
    right: 4.16667vw;
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__title {
    top: 8.33333%;
    left: 2.5rem;
  }
}

.story-slide-products__list {
  z-index: 3;
  position: relative;
  padding: 0 1.063rem 1.063rem;
}

@media (min-width: 48em) {
  .story-slide-products__list {
    padding: 0;
    padding-right: 1.063rem;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list {
    padding: 0;
    padding-right: 1.25rem;
    top: -2.5rem;
    height: calc(100% + 2.5rem);
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__list {
    max-width: 66.66667vw;
    padding-right: 2.5rem;
    top: -3.75rem;
    height: calc(100% + 3.75rem);
  }
}

.story-slide-products__list figure {
  background-color: rgba(0, 0, 0, 0.05);
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  padding-bottom: 100%;
  overflow: hidden;
}

.story-slide-products__list figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     font-family: "object-fit:contain;object-position:center";
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.story-slide-products__list figure,
.story-slide-products__list div {
  pointer-events: none;
}

.story-slide-products__list a,
.story-slide-products__list a:active,
.story-slide-products__list a:visited,
.story-slide-products__list a:hover {
  color: currentColor !important;
}

.story-slide-products__list a:hover h3 {
  text-decoration: underline;
}

.story-slide-products__list a:hover figure img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.story-slide-products__list div {
  margin-top: 0.313rem;
}

@media (min-width: 21.875em) {
  .story-slide-products__list div {
    margin-top: 0.625rem;
  }
}

.story-slide-products__list h3,
.story-slide-products__list p {
  font-size: 0.625rem;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

@media (min-width: 21.875em) {
  .story-slide-products__list h3,
  .story-slide-products__list p {
    font-size: 0.688rem;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list h3,
  .story-slide-products__list p {
    font-size: 0.75rem;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list h3,
  .story-slide-products__list p {
    font-size: 0.875rem;
  }
}

@media (min-width: 90em) {
  .story-slide-products__list h3,
  .story-slide-products__list p {
    font-size: 1rem;
  }
}

@media (min-width: 150em) {
  .story-slide-products__list h3,
  .story-slide-products__list p {
    font-size: 1.125rem;
  }
}

.story-slide-products__list h3 {
  font-weight: 500;
}

@media (min-width: 64em) {
  .story-slide-products__list a:nth-child(1) {
    grid-area: item-1;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list.story-slide-products__list--items-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1.25rem;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list a:nth-child(2) {
    grid-area: item-2;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list.story-slide-products__list--items-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1.25rem;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list a:nth-child(3) {
    grid-area: item-3;
  }
}

.story-slide-products__list.story-slide-products__list--items-3 {
  display: grid;
  justify-items: stretch;
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-3 {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-3 {
    width: 75vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list.story-slide-products__list--items-3 {
    width: 58.33333vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list a:nth-child(4) {
    grid-area: item-4;
  }
}

.story-slide-products__list.story-slide-products__list--items-4 {
  display: grid;
  justify-items: stretch;
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-4 {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-4 {
    width: 58.33333vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list a:nth-child(5) {
    grid-area: item-5;
  }
}

.story-slide-products__list.story-slide-products__list--items-5 {
  display: grid;
  justify-items: stretch;
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-5 {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-5 {
    width: 58.33333vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list a:nth-child(6) {
    grid-area: item-6;
  }
}

.story-slide-products__list.story-slide-products__list--items-6 {
  display: grid;
  justify-items: stretch;
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-6 {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-6 {
    width: 58.33333vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list a:nth-child(7) {
    grid-area: item-7;
  }
}

.story-slide-products__list.story-slide-products__list--items-7 {
  display: grid;
  justify-items: stretch;
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-7 {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-7 {
    width: 83.33333vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list.story-slide-products__list--items-7 {
    width: 58.33333vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list a:nth-child(8) {
    grid-area: item-8;
  }
}

.story-slide-products__list.story-slide-products__list--items-8 {
  display: grid;
  justify-items: stretch;
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-8 {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-8 {
    width: 83.33333vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list.story-slide-products__list--items-8 {
    width: 58.33333vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list a:nth-child(9) {
    grid-area: item-9;
  }
}

.story-slide-products__list.story-slide-products__list--items-9 {
  display: grid;
  justify-items: stretch;
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-9 {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-9 {
    width: 75vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list.story-slide-products__list--items-9 {
    width: 58.33333vw;
  }
}

@media (min-width: 150em) {
  .story-slide-products__list.story-slide-products__list--items-9 {
    width: 66.66667vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list a:nth-child(10) {
    grid-area: item-10;
  }
}

.story-slide-products__list.story-slide-products__list--items-10 {
  display: grid;
  justify-items: stretch;
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-10 {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-10 {
    width: 75vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list.story-slide-products__list--items-10 {
    width: 58.33333vw;
  }
}

@media (min-width: 150em) {
  .story-slide-products__list.story-slide-products__list--items-10 {
    width: 66.66667vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list a:nth-child(11) {
    grid-area: item-11;
  }
}

.story-slide-products__list.story-slide-products__list--items-11 {
  display: grid;
  justify-items: stretch;
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-11 {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-11 {
    width: 75vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list.story-slide-products__list--items-11 {
    width: 58.33333vw;
  }
}

@media (min-width: 150em) {
  .story-slide-products__list.story-slide-products__list--items-11 {
    width: 66.66667vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list a:nth-child(12) {
    grid-area: item-12;
  }
}

.story-slide-products__list.story-slide-products__list--items-12 {
  display: grid;
  justify-items: stretch;
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-12 {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list.story-slide-products__list--items-12 {
    width: 75vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list.story-slide-products__list--items-12 {
    width: 58.33333vw;
  }
}

@media (min-width: 150em) {
  .story-slide-products__list.story-slide-products__list--items-12 {
    width: 66.66667vw;
  }
}

.story-slide-products__list--items-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 48em) {
  .story-slide-products__list--items-1 {
    margin-right: 1.25rem;
    padding: 0;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-1 {
    right: 1.25rem;
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__list--items-1 {
    right: 2.5rem;
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__list--items-1 {
    max-width: none;
  }
}

.story-slide-products__list--items-1 a {
  display: block;
  width: 100%;
  max-width: 31.25rem;
}

@media (min-width: 48em) {
  .story-slide-products__list--items-1 a {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 58.33333vw;
    max-width: none;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-1 a {
    width: 33.33333vw;
  }
}

.story-slide-products__list--items-1 a figure {
  padding-bottom: 80%;
}

.story-slide-products__list--items-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 48em) {
  .story-slide-products__list--items-2 {
    margin: 0 1.25rem;
    padding: 0;
    padding-top: 16.66667vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-2 {
    right: 1.25rem;
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__list--items-2 {
    right: 2.5rem;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list--items-2 a {
    position: absolute;
  }
}

.story-slide-products__list--items-2 a:nth-child(1) {
  width: 50vw;
  display: block;
  padding-bottom: 1.25rem;
}

@media (min-width: 48em) {
  .story-slide-products__list--items-2 a:nth-child(1) {
    margin: 0;
    max-width: none;
    bottom: 16.66667vw;
    right: 0;
    width: 50vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-2 a:nth-child(1) {
    bottom: auto;
    top: 1.25rem;
    width: 33.33333vw;
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__list--items-2 a:nth-child(1) {
    width: 25vw;
  }
}

.story-slide-products__list--items-2 a:nth-child(2) {
  display: block;
  width: 33.33333vw;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: -2.5rem;
}

@media (min-width: 48em) {
  .story-slide-products__list--items-2 a:nth-child(2) {
    margin: 0;
    max-width: none;
    bottom: 0;
    margin-top: -1.25rem;
    right: calc(50vw + 0.625rem);
    width: 33.33333vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-2 a:nth-child(2) {
    bottom: 0;
    margin-top: 0;
    right: calc(33.33333vw + 1.25rem);
    width: 25vw;
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__list--items-2 a:nth-child(2) {
    right: calc(25vw + 1.25rem);
    width: 16.66667vw;
  }
}

.story-slide-products__list--items-3, .story-slide-products__list--items-4, .story-slide-products__list--items-5, .story-slide-products__list--items-6, .story-slide-products__list--items-7, .story-slide-products__list--items-8, .story-slide-products__list--items-9, .story-slide-products__list--items-10, .story-slide-products__list--items-11, .story-slide-products__list--items-12 {
  grid-gap: 0.625rem;
}

.story-slide-products__list--items-3 a, .story-slide-products__list--items-4 a, .story-slide-products__list--items-5 a, .story-slide-products__list--items-6 a, .story-slide-products__list--items-7 a, .story-slide-products__list--items-8 a, .story-slide-products__list--items-9 a, .story-slide-products__list--items-10 a, .story-slide-products__list--items-11 a, .story-slide-products__list--items-12 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  max-height: 100%;
}

.story-slide-products__list--items-3 figure, .story-slide-products__list--items-4 figure, .story-slide-products__list--items-5 figure, .story-slide-products__list--items-6 figure, .story-slide-products__list--items-7 figure, .story-slide-products__list--items-8 figure, .story-slide-products__list--items-9 figure, .story-slide-products__list--items-10 figure, .story-slide-products__list--items-11 figure, .story-slide-products__list--items-12 figure {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  padding-bottom: 0;
  aspect-ratio: 1 / 1;
}

.story-slide-products__list--items-3, .story-slide-products__list--items-4 {
  grid-template-columns: repeat(2, calc(100%/2 - 0.313rem));
}

.story-slide-products__list--items-3 figure, .story-slide-products__list--items-4 figure {
  aspect-ratio: 8 / 7;
}

@media (min-width: 64em) {
  .story-slide-products__list--items-3, .story-slide-products__list--items-4 {
    grid-gap: 1.25rem;
    grid-template-columns: repeat(3, calc(100%/3 - 0.833rem));
  }
}

@media (min-width: 48em) {
  .story-slide-products__list--items-3 a:nth-child(1), .story-slide-products__list--items-4 a:nth-child(1) {
    grid-area: item-1;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list--items-3 a:nth-child(2), .story-slide-products__list--items-4 a:nth-child(2) {
    grid-area: item-2;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list--items-3 a:nth-child(3), .story-slide-products__list--items-4 a:nth-child(3) {
    grid-area: item-3;
  }
}

@media (min-width: 48em) {
  .story-slide-products__list--items-3 a:nth-child(4), .story-slide-products__list--items-4 a:nth-child(4) {
    grid-area: item-4;
  }
}

.story-slide-products__list--items-5 {
  grid-template-columns: repeat(3, calc(100%/3 - 0.417rem));
}

@media (min-width: 64em) {
  .story-slide-products__list--items-5 {
    grid-gap: 1.25rem;
    grid-template-columns: repeat(3, calc(100%/3 - 0.833rem));
  }
}

.story-slide-products__list--items-6 {
  grid-template-columns: repeat(3, calc(100%/3 - 0.417rem));
}

@media (min-width: 64em) {
  .story-slide-products__list--items-6 {
    grid-gap: 1.25rem;
    width: 50vw !important;
    grid-template-columns: repeat(3, calc(100%/3 - 0.833rem));
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__list--items-6 {
    width: 58.33333vw !important;
  }
}

.story-slide-products__list--items-7, .story-slide-products__list--items-8, .story-slide-products__list--items-9 {
  grid-template-columns: repeat(3, calc(100%/3 - 0.417rem));
}

@media (min-width: 48em) {
  .story-slide-products__list--items-7, .story-slide-products__list--items-8, .story-slide-products__list--items-9 {
    grid-template-columns: repeat(4, calc(100%/4 - 0.469rem));
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__list--items-7, .story-slide-products__list--items-8, .story-slide-products__list--items-9 {
    grid-gap: 1.25rem;
    grid-template-columns: repeat(5, calc(100%/5 - 1rem));
  }
}

.story-slide-products__list--items-7 figure, .story-slide-products__list--items-8 figure, .story-slide-products__list--items-9 figure {
  aspect-ratio: 3 / 2;
}

@media (min-width: 48em) {
  .story-slide-products__list--items-7 figure, .story-slide-products__list--items-8 figure, .story-slide-products__list--items-9 figure {
    aspect-ratio: 1 / 1;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-7 figure, .story-slide-products__list--items-8 figure, .story-slide-products__list--items-9 figure {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-bottom: 0;
  }
}

.story-slide-products__list--items-10, .story-slide-products__list--items-11, .story-slide-products__list--items-12 {
  grid-template-columns: repeat(4, calc(100%/4 - 0.469rem));
}

@media (min-width: 64em) {
  .story-slide-products__list--items-10, .story-slide-products__list--items-11, .story-slide-products__list--items-12 {
    grid-template-columns: repeat(5, calc(100%/5 - 0.5rem));
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__list--items-10, .story-slide-products__list--items-11, .story-slide-products__list--items-12 {
    grid-template-columns: repeat(5, calc(100%/5 - 1rem));
    grid-gap: 1.25rem;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-10 figure, .story-slide-products__list--items-11 figure, .story-slide-products__list--items-12 figure {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    aspect-ratio: 1 / 1;
    padding-bottom: 0;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-3, .story-slide-products__list--items-4, .story-slide-products__list--items-5, .story-slide-products__list--items-6 {
    grid-template-rows: repeat(2, calc(100%/2 - 0.625rem));
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-7, .story-slide-products__list--items-8, .story-slide-products__list--items-9, .story-slide-products__list--items-10, .story-slide-products__list--items-11, .story-slide-products__list--items-12 {
    grid-template-rows: repeat(3, calc(100%/3 - 0.833rem));
  }
}

@media (min-width: 48em) {
  .story-slide-products__list--items-3 {
    grid-template-areas: ". item-1" "item-2 item-3";
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-3 {
    grid-template-areas: ". item-2 item-3" "item-1 . .";
  }
}

@media (min-width: 48em) {
  .story-slide-products__list--items-4 {
    grid-template-areas: "item-1 item-2" "item-3 item-4";
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-4 {
    grid-template-areas: ". item-3 item-4" "item-1 item-2 .";
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-5 {
    grid-template-areas: ". item-3 item-4" "item-1 item-2 item-5";
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-6 {
    grid-template-areas: "item-4 item-5 item-6" "item-1 item-2 item-3";
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-7 {
    grid-template-areas: ". . item-4 item-5" ". item-1 item-2 item-3" "item-6 item-7 . .";
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__list--items-7 {
    grid-template-areas: ". . . item-4 item-5" ". item-1 item-2 item-3 ." ". . item-6 item-7 .";
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-8 {
    grid-template-areas: ". item-4 item-5 item-6" ". item-1 item-2 item-3" "item-7 item-8 . .";
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__list--items-8 {
    grid-template-areas: ". . item-4 item-5 item-6" ". item-1 item-2 item-3 ." ". . . item-7 item-8";
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-9 {
    grid-template-areas: ". item-4 item-5 item-6" ". item-1 item-2 item-3" "item-7 item-8 item-9 .";
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__list--items-9 {
    grid-template-areas: ". . item-4 item-5 item-6" "item-1 item-2 item-3 . ." ". item-7 item-8 item-9 .";
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-10 {
    grid-template-areas: ". . item-4 item-5 item-6" "item-1 item-2 item-3 . ." ". item-7 item-8 item-9 item-10";
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-11 {
    grid-template-areas: ". . item-5 item-6 item-7" "item-1 item-2 item-3 item-4 ." ". item-8 item-9 item-10 item-11";
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-12 {
    grid-template-areas: ". . item-5 item-6 item-7" ". item-1 item-2 item-3 item-4" "item-8 item-9 item-10 item-11 item-12";
  }
}

.story-slide-products__list--items-X {
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  grid-gap: 0.625rem;
  grid-template-columns: repeat(4, calc(100%/4 - 0.469rem));
}

@media (min-width: 48em) {
  .story-slide-products__list--items-X {
    padding-top: 16.66667vw;
    grid-template-columns: repeat(5, calc(100%/5 - 0.5rem));
    width: 83.33333vw;
  }
}

@media (min-width: 64em) {
  .story-slide-products__list--items-X {
    grid-template-columns: repeat(5, calc(100%/5 - 0.5rem));
    grid-template-rows: repeat(3, calc(100%/3 - 0.417rem));
    width: 58.33333vw;
    padding-top: 0;
  }
}

@media (min-width: 120.25em) {
  .story-slide-products__list--items-X {
    grid-gap: 1.25rem;
    grid-template-columns: repeat(5, calc(100%/5 - 1rem));
    grid-template-rows: repeat(3, calc(100%/3 - 0.833rem));
  }
}

@media (min-width: 150em) {
  .story-slide-products__list--items-X {
    width: 58.33333vw;
  }
}

.story-slide-products__list--items-X > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  max-height: 100%;
  grid-area: initial !important;
}

.story-slide-products__list--items-X > a figure {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  padding-bottom: 0;
  aspect-ratio: 1 / 1;
}

@media (min-width: 64em) {
  .story-slide-products__list--items-X > a figure {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-bottom: 0;
  }
}

:root {
  --story-slider-text1-color: #FFFDE6;
  --story-slider-text2-color: #282828;
  --story-slider-bg-color: #BA9BEE;
  --story-slider-cursor-text-color: #BA9BEE;
  --story-slider-cursor-bg-color: #FFFDE6;
  --story-slider-active-bullet-progress: 0;
}

.story-slider {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
}

@media (min-width: 48em) {
  .story-slider.has-cursor {
    cursor: none;
  }
}

.story-slider__nav {
  color: var(--story-slider-text1-color);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  padding: 1.063rem;
  overflow: auto;
  max-width: 100%;
}

@media (min-width: 64em) {
  .story-slider__nav {
    overflow: visible;
    padding-top: 1.25rem;
    padding-left: 1.25rem;
  }
}

@media (min-width: 120.25em) {
  .story-slider__nav {
    padding-top: 2.5rem;
    padding-left: 2.5rem;
  }
}

.story-slider__nav__button {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  line-height: 1.19;
  font-weight: 400;
  letter-spacing: -0.015em;
  font-size: clamp(12px, 2vw, 18px);
  white-space: nowrap;
  line-height: 1 !important;
}

@media (min-width: 64em) {
  .story-slider__nav__button {
    line-height: 1.25;
    font-size: clamp(18px, 1.75vw, 20px);
  }
}

@media (min-width: 90em) {
  .story-slider__nav__button {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}

.story-slider__nav__button b, .story-slider__nav__button strong {
  font-weight: 500;
}

.story-slider__nav__button svg {
  fill: var(--story-slider-text1-color);
  width: 1em;
  height: 1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: -0.75em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.story-slider__nav__button.is-active {
  padding-left: 1.5em;
  font-weight: 500;
}

.story-slider__nav__button.is-active svg {
  opacity: 1;
  left: 0;
}

.story-slider__container {
  z-index: 1;
  background-color: white;
  background-color: var(--story-slider-bg-color);
  -webkit-transition: background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.story-slider__slide {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.story-slider__slide > * {
  position: relative;
  width: 100%;
  height: 200vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: black;
  color: var(--story-slider-text1-color);
  padding-top: calc(2vw + 2.125rem);
  padding-bottom: 4.375rem;
}

@media (min-width: 21.875em) {
  .story-slider__slide > * {
    height: 177vw;
  }
}

@media (min-width: 35.4375em) {
  .story-slider__slide > * {
    aspect-ratio: 5 / 7;
    height: auto;
    max-height: none;
  }
}

@media (min-width: 48em) {
  .story-slider__slide > * {
    aspect-ratio: 7 / 8;
  }
}

@media (min-width: 64em) {
  .story-slider__slide > * {
    padding-top: 3.75rem;
    padding-bottom: 4rem;
    aspect-ratio: 16 / 9;
  }
}

@media (min-width: 71.875em) {
  .story-slider__slide > * {
    aspect-ratio: 16 / 8;
  }
}

@media (min-width: 120.25em) {
  .story-slider__slide > * {
    padding-top: 6.25rem;
  }
}

@media (min-width: 150em) {
  .story-slider__slide > * {
    aspect-ratio: 16 / 7;
  }
}

.story-slider__slide > * .link,
.story-slider__slide > * .button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 1.25rem;
}

.story-slider__footer {
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  height: 4.375rem;
  padding: 0 1.063rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  pointer-events: none;
}

@media (min-width: 48em) {
  .story-slider__footer {
    position: static;
    margin-top: -4.375rem;
  }
}

.story-slider__footer:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.063rem;
  background: var(--story-slider-text1-color);
  opacity: 0.2;
}

@media (min-width: 48em) {
  .story-slider__footer:before {
    display: none;
  }
}

@media (min-width: 48em) {
  .story-slider__footer {
    background: transparent;
    border-top: none;
  }
}

@media (min-width: 64em) {
  .story-slider__footer {
    padding: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    height: 3.75rem;
  }
}

@media (min-width: 120.25em) {
  .story-slider__footer {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 0;
  }
}

.story-slider__footer button {
  width: 1.875rem;
  height: 1.875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--story-slider-text1-color);
  border: 0.063rem solid var(--story-slider-text1-color);
  border-radius: 50%;
  line-height: 1;
  pointer-events: all;
}

.story-slider__footer button svg {
  width: 0.938rem;
  height: 0.938rem;
  fill: currentColor;
}

@media (min-width: 59.375em) {
  .story-slider__footer button svg {
    width: 1.875rem;
    height: 1.875rem;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}

@media (min-width: 59.375em) {
  .story-slider__footer button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transform-origin: center;
            transform-origin: center;
    width: 5rem;
    height: 5rem;
    border: none;
    color: var(--story-slider-cursor-text-color);
    background-color: var(--story-slider-cursor-bg-color);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}

@media (min-width: 59.375em) {
  .story-slider__footer button.swiper-button-prev {
    left: 1.25rem;
  }
}

@media (min-width: 59.375em) {
  .story-slider__footer button.swiper-button-next {
    right: 1.25rem;
  }
}

.story-slider__footer button:hover:not(.swiper-button-disabled) svg {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}

.story-slider__footer button.swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
}

@media (min-width: 59.375em) {
  .story-slider__footer button.swiper-button-disabled {
    opacity: 0;
  }
}

@media (min-width: 59.375em) {
  .story-slider__footer--nav-visible button:not(.swiper-button-disabled) {
    opacity: 1;
  }
}

.story-slider__footer nav {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 0.188rem;
  margin: 0;
  margin-right: 0.938rem;
}

@media (min-width: 120.25em) {
  .story-slider__footer nav {
    gap: 0 0.313rem;
  }
}

.story-slider__footer nav .swiper-pagination-bullet {
  position: relative;
  pointer-events: all;
  background-color: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.938rem;
  margin-right: 0;
  opacity: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 3%;
          flex: 1 1 3%;
  min-width: 0.375rem;
  max-width: 1.25rem;
}

.story-slider__footer nav .swiper-pagination-bullet:before {
  opacity: 0.5;
  position: static;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 0.125rem;
  background-color: var(--story-slider-text1-color);
  z-index: 1;
}

.story-slider__footer nav .swiper-pagination-bullet:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 0.188rem;
  background-color: var(--story-slider-text1-color);
  z-index: 2;
}

@media (min-width: 120.25em) {
  .story-slider__footer nav .swiper-pagination-bullet {
    width: 2.188rem;
  }
}

.story-slider__footer nav .swiper-pagination-bullet-active:after {
  width: calc(var(--story-slider-active-bullet-progress) * 100%);
}

.story-slider__cursor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
  -webkit-transform: translate(calc(var(--cursor-x) - 2.813rem), calc(var(--cursor-y) - 2.813rem));
          transform: translate(calc(var(--cursor-x) - 2.813rem), calc(var(--cursor-y) - 2.813rem));
  display: none;
  -webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 5.625rem;
  height: 5.625rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.313rem;
  color: var(--story-slider-cursor-text-color);
  background-color: var(--story-slider-cursor-bg-color);
  border-radius: 50%;
}

@media (min-width: 64em) {
  .story-slider__cursor {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    opacity: 0;
  }
}

@media (min-width: 120.25em) {
  .story-slider__cursor {
    width: 7.5rem;
    height: 7.5rem;
  }
}

.story-slider__cursor.is-active {
  opacity: 1;
}

.story-slider__cursor.is-focused {
  -webkit-box-shadow: 0 0 0 0.125rem white;
          box-shadow: 0 0 0 0.125rem white;
}

.story-slider__cursor span {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 500;
}

.story-slider__cursor svg {
  fill: var(--story-slider-cursor-text-color);
  height: 0.625rem;
  width: 0.625rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.story-slider__cursor svg:last-child {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}