@charset "UTF-8";
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;
  -webkit-text-size-adjust: 100%;
}

body {
  padding: 0;
  margin: 0;
  float: none;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

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

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

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

html {
  box-sizing: border-box;
}

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

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

input, textarea {
  -webkit-appearance: none;
  border-radius: 0;
  outline: none;
  border: none;
  margin: 0;
  font: inherit;
}

.cke_reset_all input[type=checkbox] {
  -webkit-appearance: checkbox;
}
.cke_reset_all input[type=radio] {
  -webkit-appearance: radio;
}

button {
  background: none;
  outline: none;
  border: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0;
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
}
/*Required Variables*/
/*Viewport Width Base*/
/*** Work Sans ***/
@font-face {
  font-family: "work-sans";
  src: url("/wp-content/themes/retail-experience-design/fonts/work-sans/WorkSans-Thin.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "work-sans";
  src: url("/wp-content/themes/retail-experience-design/fonts/work-sans/WorkSans-ExtraLight.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "work-sans";
  src: url("/wp-content/themes/retail-experience-design/fonts/work-sans/WorkSans-Light.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "work-sans";
  src: url("/wp-content/themes/retail-experience-design/fonts/work-sans/WorkSans-Regular.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "work-sans";
  src: url("/wp-content/themes/retail-experience-design/fonts/work-sans/WorkSans-Medium.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "work-sans";
  src: url("/wp-content/themes/retail-experience-design/fonts/work-sans/WorkSans-SemiBold.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "work-sans";
  src: url("/wp-content/themes/retail-experience-design/fonts/work-sans/WorkSans-Bold.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "work-sans";
  src: url("/wp-content/themes/retail-experience-design/fonts/work-sans/WorkSans-ExtraBold.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "work-sans";
  src: url("/wp-content/themes/retail-experience-design/fonts/work-sans/WorkSans-Black.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
/*** Cormorant Garamond ***/
@font-face {
  font-family: "cormorant-garamond";
  src: url("/wp-content/themes/retail-experience-design/fonts/cormorant-garamond/CormorantGaramond-Medium.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "cormorant-garamond";
  src: url("/wp-content/themes/retail-experience-design/fonts/cormorant-garamond/CormorantGaramond-MediumItalic.woff2?v=1.0") format("woff2");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "cormorant-garamond";
  src: url("/wp-content/themes/retail-experience-design/fonts/cormorant-garamond/CormorantGaramond-Regular.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "cormorant-garamond";
  src: url("/wp-content/themes/retail-experience-design/fonts/cormorant-garamond/CormorantGaramond-LightItalic.woff2?v=1.0") format("woff2");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "cormorant-garamond";
  src: url("/wp-content/themes/retail-experience-design/fonts/cormorant-garamond/CormorantGaramond-Light.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "cormorant-garamond";
  src: url("/wp-content/themes/retail-experience-design/fonts/cormorant-garamond/CormorantGaramond-Italic.woff2?v=1.0") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "cormorant-garamond";
  src: url("/wp-content/themes/retail-experience-design/fonts/cormorant-garamond/CormorantGaramond-BoldItalic.woff2?v=1.0") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "cormorant-garamond";
  src: url("/wp-content/themes/retail-experience-design/fonts/cormorant-garamond/CormorantGaramond-Bold.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
/*** Space Mono ***/
@font-face {
  font-family: "space-mono";
  src: url("/wp-content/themes/retail-experience-design/fonts/space-mono/SpaceMono-BoldItalic.woff2?v=1.0") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "space-mono";
  src: url("/wp-content/themes/retail-experience-design/fonts/space-mono/SpaceMono-Italic.woff2?v=1.0") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "space-mono";
  src: url("/wp-content/themes/retail-experience-design/fonts/space-mono/SpaceMono-Bold.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "space-mono";
  src: url("/wp-content/themes/retail-experience-design/fonts/space-mono/SpaceMono-Regular.woff2?v=1.0") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
/*** Red Hat ***/
@font-face {
  font-family: "red-hat";
  src: url("/wp-content/themes/retail-experience-design/fonts/red-hat/red-hat-regular.woff2?v=1.0") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "work-sans";
  src: url("/wp-content/themes/retail-experience-design/fonts/red-hat/red-hat-italic.woff2?v=1.0") format("woff2-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
/*Standard Breakpoints*/
.subheading {
  font-family: "space-mono", monospace;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  line-height: 1.63rem;
  color: var(--accent-text, var(--accent, inherit));
  margin-bottom: calc(var(--content-gap, var(--gap, var(--card-content-gap))/2) * -1);
}
@media (min-width: 80rem) {
  .subheading {
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
@media (min-width: 120rem){
  .subheading{
    font-size: 0.9375vw;
    line-height: 1.45833vw;
  }
}

.heading + .subheading, .editable-content h1 + .subheading, .editable-content h2 + .subheading, .editable-content h3 + .subheading, .editable-content h4 + .subheading, .editable-content h5 + .subheading {
  margin-bottom: calc(var(--gap) / 2);
}

.text-outline {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: currentColor;
}

@media (min-width: 120rem){
  .text-outline{
    -webkit-text-stroke-width: 0.05208vw;
  }
}

.heading, .editable-content h1, .editable-content h2, .editable-content h3, .editable-content h4, .editable-content h5 {
  font-family: "work-sans", Arial, sans-serif;
  color: var(--heading-color);
  font-weight: 900;
}
.heading strong, .editable-content h1 strong, .editable-content h2 strong, .editable-content h3 strong, .editable-content h4 strong, .editable-content h5 strong, .heading b, .editable-content h1 b, .editable-content h2 b, .editable-content h3 b, .editable-content h4 b, .editable-content h5 b {
  font-weight: 900;
  color: var(--accent-text, var(--accent, inherit));
}
@media (min-width: 100rem) {
  .heading, .editable-content h1, .editable-content h2, .editable-content h3, .editable-content h4, .editable-content h5 {
    margin-bottom: calc(var(--content-gap, var(--gap, var(--card-content-gap))) / 2);
  }
}

.heading--1, .editable-content h1 {
  font-size: 42px;
  font-size: 2.63rem;
  line-height: 50px;
  line-height: 3.13rem;
}
@media (min-width: 47.5rem) {
  .heading--1, .editable-content h1 {
    font-size: 62px;
    font-size: 3.88rem;
    line-height: 70px;
    line-height: 4.38rem;
  }
}
@media (min-width: 64rem) {
  .heading--1, .editable-content h1 {
    font-size: 68px;
    font-size: 4.25rem;
    line-height: 76px;
    line-height: 4.75rem;
  }
}
@media (min-width: 80rem) {
  .heading--1, .editable-content h1 {
    font-size: 70px;
    font-size: 4.38rem;
    line-height: 80px;
    line-height: 5rem;
  }
}
@media (min-width: 100rem) {
  .heading--1, .editable-content h1 {
    font-size: 90px;
    font-size: 5.63rem;
    line-height: 102px;
    line-height: 6.38rem;
  }
}
@media (min-width: 120rem){
  .heading--1, .editable-content h1{
    font-size: 4.6875vw;
    line-height: 5.3125vw;
  }
}

.heading--2, .editable-content h2 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.63rem;
}
@media (min-width: 47.5rem) {
  .heading--2, .editable-content h2 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 56px;
    line-height: 3.5rem;
  }
}
@media (min-width: 80rem) {
  .heading--2, .editable-content h2 {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 60px;
    line-height: 3.75rem;
  }
}
@media (min-width: 100rem) {
  .heading--2, .editable-content h2 {
    font-size: 54px;
    font-size: 3.38rem;
    line-height: 62px;
    line-height: 3.88rem;
  }
}
@media (min-width: 120rem){
  .heading--2, .editable-content h2{
    font-size: 2.8125vw;
    line-height: 3.22917vw;
  }
}

.heading--3, .editable-content h3 {
  font-size: 30px;
  font-size: 1.88rem;
  line-height: 38px;
  line-height: 2.38rem;
}
@media (min-width: 47.5rem) {
  .heading--3, .editable-content h3 {
    font-size: 38px;
    font-size: 2.38rem;
    line-height: 46px;
    line-height: 2.88rem;
  }
}
@media (min-width: 80rem) {
  .heading--3, .editable-content h3 {
    font-size: 42px;
    font-size: 2.63rem;
    line-height: 50px;
    line-height: 3.13rem;
  }
}
@media (min-width: 120rem){
  .heading--3, .editable-content h3{
    font-size: 2.1875vw;
    line-height: 2.60417vw;
  }
}

.heading--4, .editable-content h4 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 34px;
  line-height: 2.13rem;
}
@media (min-width: 47.5rem) {
  .heading--4, .editable-content h4 {
    font-size: 30px;
    font-size: 1.88rem;
    line-height: 38px;
    line-height: 2.38rem;
  }
}
@media (min-width: 80rem) {
  .heading--4, .editable-content h4 {
    font-size: 34px;
    font-size: 2.13rem;
    line-height: 42px;
    line-height: 2.63rem;
  }
}
@media (min-width: 120rem){
  .heading--4, .editable-content h4{
    font-size: 1.77083vw;
    line-height: 2.1875vw;
  }
}

.heading--5, .editable-content h5 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
}
@media (min-width: 47.5rem) {
  .heading--5, .editable-content h5 {
    font-size: 22px;
    font-size: 1.38rem;
    line-height: 30px;
    line-height: 1.88rem;
  }
}
@media (min-width: 80rem) {
  .heading--5, .editable-content h5 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
@media (min-width: 120rem){
  .heading--5, .editable-content h5{
    font-size: 1.25vw;
    line-height: 1.66667vw;
  }
}

.heading--6 {
  font-weight: 900;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}
@media (min-width: 47.5rem) {
  .heading--6 {
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 26px;
    line-height: 1.63rem;
  }
}
@media (min-width: 80rem) {
  .heading--6 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
@media (min-width: 120rem){
  .heading--6{
    font-size: 1.04167vw;
    line-height: 1.45833vw;
  }
}

.heading--1-serif {
  font-family: "cormorant-garamond", "Times New Roman", sans-serif;
  font-weight: 400;
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 48px;
  line-height: 3rem;
}
.heading--1-serif em {
  font-weight: 600;
}
.heading--1-serif strong, .heading--1-serif b {
  font-weight: 600;
}
@media (min-width: 47.5rem) {
  .heading--1-serif {
    font-size: 80px;
    font-size: 5rem;
    line-height: 90px;
    line-height: 5.63rem;
  }
}
@media (min-width: 80rem) {
  .heading--1-serif {
    font-size: 84px;
    font-size: 5.25rem;
    line-height: 94px;
    line-height: 5.88rem;
  }
}
@media (min-width: 100rem) {
  .heading--1-serif {
    font-size: 102px;
    font-size: 6.38rem;
    line-height: 110px;
    line-height: 6.88rem;
  }
}
@media (min-width: 120rem){
  .heading--1-serif{
    font-size: 5.3125vw;
    line-height: 5.72917vw;
  }
}

.heading--2-serif {
  font-family: "cormorant-garamond", "Times New Roman", sans-serif;
  font-weight: 400;
  font-size: 38px;
  font-size: 2.38rem;
  line-height: 42px;
  line-height: 2.63rem;
}
.heading--2-serif em {
  font-weight: 600;
}
.heading--2-serif strong, .heading--2-serif b {
  font-weight: 600;
}
@media (min-width: 47.5rem) {
  .heading--2-serif {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 62px;
    line-height: 3.88rem;
  }
}
@media (min-width: 80rem) {
  .heading--2-serif {
    font-size: 62px;
    font-size: 3.88rem;
    line-height: 70px;
    line-height: 4.38rem;
  }
}
@media (min-width: 100rem) {
  .heading--2-serif {
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 80px;
    line-height: 5rem;
  }
}
@media (min-width: 120rem){
  .heading--2-serif{
    font-size: 3.75vw;
    line-height: 4.16667vw;
  }
}

.heading--3-serif {
  font-family: "cormorant-garamond", "Times New Roman", sans-serif;
  font-weight: 400;
  font-size: 30px;
  font-size: 1.88rem;
  line-height: 36px;
  line-height: 2.25rem;
}
.heading--3-serif em {
  font-weight: 600;
}
.heading--3-serif strong, .heading--3-serif b {
  font-weight: 600;
}
@media (min-width: 47.5rem) {
  .heading--3-serif {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 54px;
    line-height: 3.38rem;
  }
}
@media (min-width: 80rem) {
  .heading--3-serif {
    font-size: 48px;
    font-size: 3rem;
    line-height: 58px;
    line-height: 3.63rem;
  }
}
@media (min-width: 100rem) {
  .heading--3-serif {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 60px;
    line-height: 3.75rem;
  }
}
@media (min-width: 120rem){
  .heading--3-serif{
    font-size: 2.70833vw;
    line-height: 3.125vw;
  }
}

.heading--4-serif {
  font-family: "cormorant-garamond", "Times New Roman", sans-serif;
  font-size: 26px;
  font-size: 1.63rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: 600;
}
.heading--4-serif em {
  font-weight: 600;
}
.heading--4-serif strong, .heading--4-serif b {
  font-weight: 700;
}
@media (min-width: 47.5rem) {
  .heading--4-serif {
    font-size: 34px;
    font-size: 2.13rem;
    line-height: 38px;
    line-height: 2.38rem;
  }
}
@media (min-width: 80rem) {
  .heading--4-serif {
    font-size: 38px;
    font-size: 2.38rem;
    line-height: 42px;
    line-height: 2.63rem;
  }
}
@media (min-width: 100rem) {
  .heading--4-serif {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 48px;
    line-height: 3rem;
  }
}
@media (min-width: 120rem){
  .heading--4-serif{
    font-size: 2.29167vw;
    line-height: 2.5vw;
  }
}

.heading--5-serif {
  font-family: "cormorant-garamond", "Times New Roman", sans-serif;
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
}
.heading--5-serif em {
  font-weight: 600;
}
.heading--5-serif strong, .heading--5-serif b {
  font-weight: 600;
}
@media (min-width: 47.5rem) {
  .heading--5-serif {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
@media (min-width: 80rem) {
  .heading--5-serif {
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
}
@media (min-width: 100rem) {
  .heading--5-serif {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 42px;
    line-height: 2.63rem;
  }
}
@media (min-width: 120rem){
  .heading--5-serif{
    font-size: 1.875vw;
    line-height: 2.1875vw;
  }
}

.heading--6-serif {
  font-family: "cormorant-garamond", "Times New Roman", sans-serif;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.13rem;
  line-height: 26px;
  line-height: 1.63rem;
}
.heading--6-serif em {
  font-weight: 600;
}
.heading--6-serif strong, .heading--6-serif b {
  font-weight: 700;
}
@media (min-width: 47.5rem) {
  .heading--6-serif {
    font-size: 22px;
    font-size: 1.38rem;
    line-height: 30px;
    line-height: 1.88rem;
  }
}
@media (min-width: 80rem) {
  .heading--6-serif {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
@media (min-width: 100rem) {
  .heading--6-serif {
    font-size: 26px;
    font-size: 1.63rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
@media (min-width: 120rem){
  .heading--6-serif{
    font-size: 1.35417vw;
    line-height: 1.66667vw;
  }
}

.heading--nav-box {
  font-size: 42px;
  font-size: 2.63rem;
  line-height: 50px;
  line-height: 3.13rem;
}
@media (min-width: 47.5rem) {
  .heading--nav-box {
    font-size: 62px;
    font-size: 3.88rem;
    line-height: 70px;
    line-height: 4.38rem;
  }
}
@media (min-width: 80rem) {
  .heading--nav-box {
    font-size: 70px;
    font-size: 4.38rem;
    line-height: 78px;
    line-height: 4.88rem;
  }
}
@media (min-width: 120rem){
  .heading--nav-box{
    font-size: 3.64583vw;
    line-height: 4.0625vw;
  }
}

.small {
  font-size: 14px;
  font-size: 0.88rem;
  line-height: 22px;
  line-height: 1.38rem;
}

@media (min-width: 120rem){
  .small{
    font-size: 0.72917vw;
    line-height: 1.14583vw;
  }
}

.large {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}
@media (min-width: 47.5rem) {
  .large {
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
@media (min-width: 120rem){
  .large{
    font-size: 0.9375vw;
    line-height: 1.45833vw;
  }
}

.square-xl, .square-l, .square-m, .square-s, .square {
  font-family: "space-mono", monospace;
}
.square-xl strong, .square-l strong, .square-m strong, .square-s strong, .square strong {
  font-weight: 700;
}

.square {
  font-size: 14px;
  font-size: 0.88rem;
  line-height: 20px;
  line-height: 1.25rem;
}
@media (min-width: 47.5rem) {
  .square {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
@media (min-width: 120rem){
  .square{
    font-size: 0.83333vw;
    line-height: 1.25vw;
  }
}

.square-s {
  font-size: 14px;
  font-size: 0.88rem;
  line-height: 22px;
  line-height: 1.38rem;
}

@media (min-width: 120rem){
  .square-s{
    font-size: 0.72917vw;
    line-height: 1.14583vw;
  }
}

@media (min-width: 80rem) {
  .square-m {
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 32px;
    line-height: 2rem;
  }
}

@media (min-width: 120rem){
  .square-m{
    font-size: 0.9375vw;
    line-height: 1.66667vw;
  }
}

.square-l {
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  line-height: 1.63rem;
}
@media (min-width: 47.5rem) {
  .square-l {
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
@media (min-width: 80rem) {
  .square-l {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 30px;
    line-height: 1.88rem;
  }
}
@media (min-width: 100rem) {
  .square-l {
    font-size: 22px;
    font-size: 1.38rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
@media (min-width: 120rem){
  .square-l{
    font-size: 1.14583vw;
    line-height: 1.875vw;
  }
}

.square-xl {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  line-height: 1.88rem;
}
@media (min-width: 47.5rem) {
  .square-xl {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .square-xl {
    font-size: 26px;
    font-size: 1.63rem;
    line-height: 42px;
    line-height: 2.63rem;
  }
}
@media (min-width: 100rem) {
  .square-xl {
    font-size: 32px;
    font-size: 2rem;
    line-height: 48px;
    line-height: 3rem;
  }
}
@media (min-width: 120rem){
  .square-xl{
    font-size: 1.66667vw;
    line-height: 2.5vw;
  }
}

.highlight-strong strong {
  color: inherit;
  --start-point: 12%;
  --end-point: 41%;
  background: linear-gradient(0deg, transparent 0%, transparent var(--start-point), var(--accent, #EEE) var(--start-point), var(--accent, #EEE) var(--end-point), transparent var(--end-point), transparent 100%);
  background-repeat: no-repeat;
  background-size: var(--strong-bg-width, 100%) 100%;
  transition: background 0.3s linear;
}
.highlight-strong .heading--1 strong, .highlight-strong .editable-content h1 strong, .editable-content .highlight-strong h1 strong {
  --start-point: 8%;
}

.highlight-all {
  display: inline;
  --start-point: 12%;
  --end-point: 41%;
  background: linear-gradient(0deg, transparent 0%, transparent var(--start-point), var(--accent, #EEE) var(--start-point), var(--accent, #EEE) var(--end-point), transparent var(--end-point), transparent 100%);
}
.highlight-all strong {
  color: inherit;
}

.heading-color {
  color: var(--heading-color, var(--dark-grey));
}

.accent-color {
  color: var(--accent, var(--text-color, var(--grey)));
}

.wp-block-heading:not(.subheading) {
  color: var(--heading-color);
}

li, p {
  color: var(--text-color);
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

@media (min-width: 120rem){
  li, p{
    font-size: 0.83333vw;
    line-height: 1.25vw;
  }
}
li strong, p strong {
  font-weight: 600;
}

a {
  color: var(--accent, inherit);
  text-decoration: none;
}

strong {
  font-weight: 700;
  color: var(--accent, inherit);
}

em {
  font-style: italic;
}

blockquote {
  display: flex;
  flex-flow: column;
  gap: var(--gap);
}

/* Color styles */
:root {
  --dark-grey: #1C1C1B;
  --dark-grey-rgb: 28, 28, 27;
  --dark-grey-hexless: 1C1C1B;
  --dark-grey-blue: #363636;
  --dark-grey-blue-rgb: 54, 54, 54;
  --dark-grey-blue-hexless: 363636;
  --med-grey: #4B4B44;
  --med-grey-rgb: 75, 75, 68;
  --med-grey-hexless: 4B4B44;
  --grey: #A2A19C;
  --grey-rgb: 162, 161, 156;
  --grey-hexless: A2A19C;
  --off-white: #E9E6E1;
  --off-white-rgb: 233, 230, 225;
  --off-white-hexless: E9E6E1;
  --light-grey: #F5F5F5;
  --light-grey-rgb: 245, 245, 245;
  --light-grey-hexless: F5F5F5;
  --white: #FFF;
  --white-rgb: 255, 255, 255;
  --white-hexless: FFF;
  --magic-mint: #9FC;
  --magic-mint-rgb: 153, 255, 204;
  --magic-mint-hexless: 9FC;
  --winter-green: #71BE95;
  --winter-green-rgb: 113, 190, 149;
  --winter-green-hexless: 71BE95;
  --violet: #4E20D2;
  --violet-rgb: 78, 32, 210;
  --violet-hexless: 4E20D2;
  --burnt-peach: #E17973;
  --burnt-peach-rgb: 225, 121, 115;
  --burnt-peach-hexless: E17973;
  --lilac: #8F5CD1;
  --lilac-rgb: 143, 92, 209;
  --lilac-hexless: 8F5CD1;
  --coral: #FF584D;
  --coral-rgb: 255, 88, 77;
  --coral-hexless: FF584D;
  --heading-color: var(--dark-grey);
  --text-color: var(--med-grey);
}

.a__i {
  animation-play-state: paused;
  pointer-events: none;
  animation-fill-mode: forwards;
}
.a__i--dur-100 {
  animation-duration: 100ms;
}
.a__i--delay-100 {
  animation-delay: 100ms;
}
.a__i--dur-200 {
  animation-duration: 200ms;
}
.a__i--delay-200 {
  animation-delay: 200ms;
}
.a__i--dur-300 {
  animation-duration: 300ms;
}
.a__i--delay-300 {
  animation-delay: 300ms;
}
.a__i--dur-400 {
  animation-duration: 400ms;
}
.a__i--delay-400 {
  animation-delay: 400ms;
}
.a__i--dur-500 {
  animation-duration: 500ms;
}
.a__i--delay-500 {
  animation-delay: 500ms;
}
.a__i--dur-600 {
  animation-duration: 600ms;
}
.a__i--delay-600 {
  animation-delay: 600ms;
}
.a__i--dur-700 {
  animation-duration: 700ms;
}
.a__i--delay-700 {
  animation-delay: 700ms;
}
.a__i--dur-800 {
  animation-duration: 800ms;
}
.a__i--delay-800 {
  animation-delay: 800ms;
}
.a__i--dur-900 {
  animation-duration: 900ms;
}
.a__i--delay-900 {
  animation-delay: 900ms;
}
.a__i--dur-1000 {
  animation-duration: 1000ms;
}
.a__i--delay-1000 {
  animation-delay: 1000ms;
}
.a__i--dur-1100 {
  animation-duration: 1100ms;
}
.a__i--delay-1100 {
  animation-delay: 1100ms;
}
.a__i--dur-1200 {
  animation-duration: 1200ms;
}
.a__i--delay-1200 {
  animation-delay: 1200ms;
}
.a__i--dur-1300 {
  animation-duration: 1300ms;
}
.a__i--delay-1300 {
  animation-delay: 1300ms;
}
.a__i--dur-1400 {
  animation-duration: 1400ms;
}
.a__i--delay-1400 {
  animation-delay: 1400ms;
}
.a__i--dur-1500 {
  animation-duration: 1500ms;
}
.a__i--delay-1500 {
  animation-delay: 1500ms;
}
.a__i--dur-1600 {
  animation-duration: 1600ms;
}
.a__i--delay-1600 {
  animation-delay: 1600ms;
}
.a__i--dur-1700 {
  animation-duration: 1700ms;
}
.a__i--delay-1700 {
  animation-delay: 1700ms;
}
.a__i--dur-1800 {
  animation-duration: 1800ms;
}
.a__i--delay-1800 {
  animation-delay: 1800ms;
}
.a__i--dur-1900 {
  animation-duration: 1900ms;
}
.a__i--delay-1900 {
  animation-delay: 1900ms;
}
.a__i--dur-2000 {
  animation-duration: 2000ms;
}
.a__i--delay-2000 {
  animation-delay: 2000ms;
}
.a__i--dur-2100 {
  animation-duration: 2100ms;
}
.a__i--delay-2100 {
  animation-delay: 2100ms;
}
.a__i--dur-2200 {
  animation-duration: 2200ms;
}
.a__i--delay-2200 {
  animation-delay: 2200ms;
}
.a__i--dur-2300 {
  animation-duration: 2300ms;
}
.a__i--delay-2300 {
  animation-delay: 2300ms;
}
.a__i--dur-2400 {
  animation-duration: 2400ms;
}
.a__i--delay-2400 {
  animation-delay: 2400ms;
}
.a__i--dur-2500 {
  animation-duration: 2500ms;
}
.a__i--delay-2500 {
  animation-delay: 2500ms;
}
.a__i--dur-2600 {
  animation-duration: 2600ms;
}
.a__i--delay-2600 {
  animation-delay: 2600ms;
}
.a__i--dur-2700 {
  animation-duration: 2700ms;
}
.a__i--delay-2700 {
  animation-delay: 2700ms;
}
.a__i--dur-2800 {
  animation-duration: 2800ms;
}
.a__i--delay-2800 {
  animation-delay: 2800ms;
}
.a__i--dur-2900 {
  animation-duration: 2900ms;
}
.a__i--delay-2900 {
  animation-delay: 2900ms;
}
.a__i--dur-3000 {
  animation-duration: 3000ms;
}
.a__i--delay-3000 {
  animation-delay: 3000ms;
}
.a__i--dur-3100 {
  animation-duration: 3100ms;
}
.a__i--delay-3100 {
  animation-delay: 3100ms;
}
.a__i--dur-3200 {
  animation-duration: 3200ms;
}
.a__i--delay-3200 {
  animation-delay: 3200ms;
}
.a__i--dur-3300 {
  animation-duration: 3300ms;
}
.a__i--delay-3300 {
  animation-delay: 3300ms;
}
.a__i--dur-3400 {
  animation-duration: 3400ms;
}
.a__i--delay-3400 {
  animation-delay: 3400ms;
}
.a__i--dur-3500 {
  animation-duration: 3500ms;
}
.a__i--delay-3500 {
  animation-delay: 3500ms;
}
.a__i--dur-3600 {
  animation-duration: 3600ms;
}
.a__i--delay-3600 {
  animation-delay: 3600ms;
}
.a__i--dur-3700 {
  animation-duration: 3700ms;
}
.a__i--delay-3700 {
  animation-delay: 3700ms;
}
.a__i--dur-3800 {
  animation-duration: 3800ms;
}
.a__i--delay-3800 {
  animation-delay: 3800ms;
}
.a__i--dur-3900 {
  animation-duration: 3900ms;
}
.a__i--delay-3900 {
  animation-delay: 3900ms;
}
.a__i--dur-4000 {
  animation-duration: 4000ms;
}
.a__i--delay-4000 {
  animation-delay: 4000ms;
}
.a__i--dur-4100 {
  animation-duration: 4100ms;
}
.a__i--delay-4100 {
  animation-delay: 4100ms;
}
.a__i--dur-4200 {
  animation-duration: 4200ms;
}
.a__i--delay-4200 {
  animation-delay: 4200ms;
}
.a__i--dur-4300 {
  animation-duration: 4300ms;
}
.a__i--delay-4300 {
  animation-delay: 4300ms;
}
.a__i--dur-4400 {
  animation-duration: 4400ms;
}
.a__i--delay-4400 {
  animation-delay: 4400ms;
}
.a__i--dur-4500 {
  animation-duration: 4500ms;
}
.a__i--delay-4500 {
  animation-delay: 4500ms;
}
.a__i--dur-4600 {
  animation-duration: 4600ms;
}
.a__i--delay-4600 {
  animation-delay: 4600ms;
}
.a__i--dur-4700 {
  animation-duration: 4700ms;
}
.a__i--delay-4700 {
  animation-delay: 4700ms;
}
.a__i--dur-4800 {
  animation-duration: 4800ms;
}
.a__i--delay-4800 {
  animation-delay: 4800ms;
}
.a__i--dur-4900 {
  animation-duration: 4900ms;
}
.a__i--delay-4900 {
  animation-delay: 4900ms;
}
.a__i--dur-5000 {
  animation-duration: 5000ms;
}
.a__i--delay-5000 {
  animation-delay: 5000ms;
}
.a__i--dur-5100 {
  animation-duration: 5100ms;
}
.a__i--delay-5100 {
  animation-delay: 5100ms;
}
.a__i--dur-5200 {
  animation-duration: 5200ms;
}
.a__i--delay-5200 {
  animation-delay: 5200ms;
}
.a__i--dur-5300 {
  animation-duration: 5300ms;
}
.a__i--delay-5300 {
  animation-delay: 5300ms;
}
.a__i--dur-5400 {
  animation-duration: 5400ms;
}
.a__i--delay-5400 {
  animation-delay: 5400ms;
}
.a__i--dur-5500 {
  animation-duration: 5500ms;
}
.a__i--delay-5500 {
  animation-delay: 5500ms;
}
.a__i--dur-5600 {
  animation-duration: 5600ms;
}
.a__i--delay-5600 {
  animation-delay: 5600ms;
}
.a__i--dur-5700 {
  animation-duration: 5700ms;
}
.a__i--delay-5700 {
  animation-delay: 5700ms;
}
.a__i--dur-5800 {
  animation-duration: 5800ms;
}
.a__i--delay-5800 {
  animation-delay: 5800ms;
}
.a__i--dur-5900 {
  animation-duration: 5900ms;
}
.a__i--delay-5900 {
  animation-delay: 5900ms;
}
.a__i--dur-6000 {
  animation-duration: 6000ms;
}
.a__i--delay-6000 {
  animation-delay: 6000ms;
}
.a__i--dur-6100 {
  animation-duration: 6100ms;
}
.a__i--delay-6100 {
  animation-delay: 6100ms;
}
.a__i--dur-6200 {
  animation-duration: 6200ms;
}
.a__i--delay-6200 {
  animation-delay: 6200ms;
}
.a__i--dur-6300 {
  animation-duration: 6300ms;
}
.a__i--delay-6300 {
  animation-delay: 6300ms;
}
.a__i--dur-6400 {
  animation-duration: 6400ms;
}
.a__i--delay-6400 {
  animation-delay: 6400ms;
}
.a__i--dur-6500 {
  animation-duration: 6500ms;
}
.a__i--delay-6500 {
  animation-delay: 6500ms;
}
.a__i--dur-6600 {
  animation-duration: 6600ms;
}
.a__i--delay-6600 {
  animation-delay: 6600ms;
}
.a__i--dur-6700 {
  animation-duration: 6700ms;
}
.a__i--delay-6700 {
  animation-delay: 6700ms;
}
.a__i--dur-6800 {
  animation-duration: 6800ms;
}
.a__i--delay-6800 {
  animation-delay: 6800ms;
}
.a__i--dur-6900 {
  animation-duration: 6900ms;
}
.a__i--delay-6900 {
  animation-delay: 6900ms;
}
.a__i--dur-7000 {
  animation-duration: 7000ms;
}
.a__i--delay-7000 {
  animation-delay: 7000ms;
}
.a__i--dur-7100 {
  animation-duration: 7100ms;
}
.a__i--delay-7100 {
  animation-delay: 7100ms;
}
.a__i--dur-7200 {
  animation-duration: 7200ms;
}
.a__i--delay-7200 {
  animation-delay: 7200ms;
}
.a__i--dur-7300 {
  animation-duration: 7300ms;
}
.a__i--delay-7300 {
  animation-delay: 7300ms;
}
.a__i--dur-7400 {
  animation-duration: 7400ms;
}
.a__i--delay-7400 {
  animation-delay: 7400ms;
}
.a__i--dur-7500 {
  animation-duration: 7500ms;
}
.a__i--delay-7500 {
  animation-delay: 7500ms;
}
.a__i--dur-7600 {
  animation-duration: 7600ms;
}
.a__i--delay-7600 {
  animation-delay: 7600ms;
}
.a__i--dur-7700 {
  animation-duration: 7700ms;
}
.a__i--delay-7700 {
  animation-delay: 7700ms;
}
.a__i--dur-7800 {
  animation-duration: 7800ms;
}
.a__i--delay-7800 {
  animation-delay: 7800ms;
}
.a__i--dur-7900 {
  animation-duration: 7900ms;
}
.a__i--delay-7900 {
  animation-delay: 7900ms;
}
.a__i--dur-8000 {
  animation-duration: 8000ms;
}
.a__i--delay-8000 {
  animation-delay: 8000ms;
}
.a__i--dur-8100 {
  animation-duration: 8100ms;
}
.a__i--delay-8100 {
  animation-delay: 8100ms;
}
.a__i--dur-8200 {
  animation-duration: 8200ms;
}
.a__i--delay-8200 {
  animation-delay: 8200ms;
}
.a__i--dur-8300 {
  animation-duration: 8300ms;
}
.a__i--delay-8300 {
  animation-delay: 8300ms;
}
.a__i--dur-8400 {
  animation-duration: 8400ms;
}
.a__i--delay-8400 {
  animation-delay: 8400ms;
}
.a__i--dur-8500 {
  animation-duration: 8500ms;
}
.a__i--delay-8500 {
  animation-delay: 8500ms;
}
.a__i--dur-8600 {
  animation-duration: 8600ms;
}
.a__i--delay-8600 {
  animation-delay: 8600ms;
}
.a__i--dur-8700 {
  animation-duration: 8700ms;
}
.a__i--delay-8700 {
  animation-delay: 8700ms;
}
.a__i--dur-8800 {
  animation-duration: 8800ms;
}
.a__i--delay-8800 {
  animation-delay: 8800ms;
}
.a__i--dur-8900 {
  animation-duration: 8900ms;
}
.a__i--delay-8900 {
  animation-delay: 8900ms;
}
.a__i--dur-9000 {
  animation-duration: 9000ms;
}
.a__i--delay-9000 {
  animation-delay: 9000ms;
}
.a__i--dur-9100 {
  animation-duration: 9100ms;
}
.a__i--delay-9100 {
  animation-delay: 9100ms;
}
.a__i--dur-9200 {
  animation-duration: 9200ms;
}
.a__i--delay-9200 {
  animation-delay: 9200ms;
}
.a__i--dur-9300 {
  animation-duration: 9300ms;
}
.a__i--delay-9300 {
  animation-delay: 9300ms;
}
.a__i--dur-9400 {
  animation-duration: 9400ms;
}
.a__i--delay-9400 {
  animation-delay: 9400ms;
}
.a__i--dur-9500 {
  animation-duration: 9500ms;
}
.a__i--delay-9500 {
  animation-delay: 9500ms;
}
.a__i--dur-9600 {
  animation-duration: 9600ms;
}
.a__i--delay-9600 {
  animation-delay: 9600ms;
}
.a__i--dur-9700 {
  animation-duration: 9700ms;
}
.a__i--delay-9700 {
  animation-delay: 9700ms;
}
.a__i--dur-9800 {
  animation-duration: 9800ms;
}
.a__i--delay-9800 {
  animation-delay: 9800ms;
}
.a__i--dur-9900 {
  animation-duration: 9900ms;
}
.a__i--delay-9900 {
  animation-delay: 9900ms;
}
.a__i--dur-10000 {
  animation-duration: 10000ms;
}
.a__i--delay-10000 {
  animation-delay: 10000ms;
}
.a__i--dur-10100 {
  animation-duration: 10100ms;
}
.a__i--delay-10100 {
  animation-delay: 10100ms;
}
.a__i--dur-10200 {
  animation-duration: 10200ms;
}
.a__i--delay-10200 {
  animation-delay: 10200ms;
}
.a__i--dur-10300 {
  animation-duration: 10300ms;
}
.a__i--delay-10300 {
  animation-delay: 10300ms;
}
.a__i--dur-10400 {
  animation-duration: 10400ms;
}
.a__i--delay-10400 {
  animation-delay: 10400ms;
}
.a__i--dur-10500 {
  animation-duration: 10500ms;
}
.a__i--delay-10500 {
  animation-delay: 10500ms;
}
.a__i--dur-10600 {
  animation-duration: 10600ms;
}
.a__i--delay-10600 {
  animation-delay: 10600ms;
}
.a__i--dur-10700 {
  animation-duration: 10700ms;
}
.a__i--delay-10700 {
  animation-delay: 10700ms;
}
.a__i--dur-10800 {
  animation-duration: 10800ms;
}
.a__i--delay-10800 {
  animation-delay: 10800ms;
}
.a__i--dur-10900 {
  animation-duration: 10900ms;
}
.a__i--delay-10900 {
  animation-delay: 10900ms;
}
.a__i--dur-11000 {
  animation-duration: 11000ms;
}
.a__i--delay-11000 {
  animation-delay: 11000ms;
}
.a__i--dur-11100 {
  animation-duration: 11100ms;
}
.a__i--delay-11100 {
  animation-delay: 11100ms;
}
.a__i--dur-11200 {
  animation-duration: 11200ms;
}
.a__i--delay-11200 {
  animation-delay: 11200ms;
}
.a__i--dur-11300 {
  animation-duration: 11300ms;
}
.a__i--delay-11300 {
  animation-delay: 11300ms;
}
.a__i--dur-11400 {
  animation-duration: 11400ms;
}
.a__i--delay-11400 {
  animation-delay: 11400ms;
}
.a__i--dur-11500 {
  animation-duration: 11500ms;
}
.a__i--delay-11500 {
  animation-delay: 11500ms;
}
.a__i--dur-11600 {
  animation-duration: 11600ms;
}
.a__i--delay-11600 {
  animation-delay: 11600ms;
}
.a__i--dur-11700 {
  animation-duration: 11700ms;
}
.a__i--delay-11700 {
  animation-delay: 11700ms;
}
.a__i--dur-11800 {
  animation-duration: 11800ms;
}
.a__i--delay-11800 {
  animation-delay: 11800ms;
}
.a__i--dur-11900 {
  animation-duration: 11900ms;
}
.a__i--delay-11900 {
  animation-delay: 11900ms;
}
.a__i--dur-12000 {
  animation-duration: 12000ms;
}
.a__i--delay-12000 {
  animation-delay: 12000ms;
}
.a__i--dur-12100 {
  animation-duration: 12100ms;
}
.a__i--delay-12100 {
  animation-delay: 12100ms;
}
.a__i--dur-12200 {
  animation-duration: 12200ms;
}
.a__i--delay-12200 {
  animation-delay: 12200ms;
}
.a__i--dur-12300 {
  animation-duration: 12300ms;
}
.a__i--delay-12300 {
  animation-delay: 12300ms;
}
.a__i--dur-12400 {
  animation-duration: 12400ms;
}
.a__i--delay-12400 {
  animation-delay: 12400ms;
}
.a__i--dur-12500 {
  animation-duration: 12500ms;
}
.a__i--delay-12500 {
  animation-delay: 12500ms;
}
.a__i--dur-12600 {
  animation-duration: 12600ms;
}
.a__i--delay-12600 {
  animation-delay: 12600ms;
}
.a__i--dur-12700 {
  animation-duration: 12700ms;
}
.a__i--delay-12700 {
  animation-delay: 12700ms;
}
.a__i--dur-12800 {
  animation-duration: 12800ms;
}
.a__i--delay-12800 {
  animation-delay: 12800ms;
}
.a__i--dur-12900 {
  animation-duration: 12900ms;
}
.a__i--delay-12900 {
  animation-delay: 12900ms;
}
.a__i--dur-13000 {
  animation-duration: 13000ms;
}
.a__i--delay-13000 {
  animation-delay: 13000ms;
}
.a__i--dur-13100 {
  animation-duration: 13100ms;
}
.a__i--delay-13100 {
  animation-delay: 13100ms;
}
.a__i--dur-13200 {
  animation-duration: 13200ms;
}
.a__i--delay-13200 {
  animation-delay: 13200ms;
}
.a__i--dur-13300 {
  animation-duration: 13300ms;
}
.a__i--delay-13300 {
  animation-delay: 13300ms;
}
.a__i--dur-13400 {
  animation-duration: 13400ms;
}
.a__i--delay-13400 {
  animation-delay: 13400ms;
}
.a__i--dur-13500 {
  animation-duration: 13500ms;
}
.a__i--delay-13500 {
  animation-delay: 13500ms;
}
.a__i--dur-13600 {
  animation-duration: 13600ms;
}
.a__i--delay-13600 {
  animation-delay: 13600ms;
}
.a__i--dur-13700 {
  animation-duration: 13700ms;
}
.a__i--delay-13700 {
  animation-delay: 13700ms;
}
.a__i--dur-13800 {
  animation-duration: 13800ms;
}
.a__i--delay-13800 {
  animation-delay: 13800ms;
}
.a__i--dur-13900 {
  animation-duration: 13900ms;
}
.a__i--delay-13900 {
  animation-delay: 13900ms;
}
.a__i--dur-14000 {
  animation-duration: 14000ms;
}
.a__i--delay-14000 {
  animation-delay: 14000ms;
}
.a__i--dur-14100 {
  animation-duration: 14100ms;
}
.a__i--delay-14100 {
  animation-delay: 14100ms;
}
.a__i--dur-14200 {
  animation-duration: 14200ms;
}
.a__i--delay-14200 {
  animation-delay: 14200ms;
}
.a__i--dur-14300 {
  animation-duration: 14300ms;
}
.a__i--delay-14300 {
  animation-delay: 14300ms;
}
.a__i--dur-14400 {
  animation-duration: 14400ms;
}
.a__i--delay-14400 {
  animation-delay: 14400ms;
}
.a__i--dur-14500 {
  animation-duration: 14500ms;
}
.a__i--delay-14500 {
  animation-delay: 14500ms;
}
.a__i--dur-14600 {
  animation-duration: 14600ms;
}
.a__i--delay-14600 {
  animation-delay: 14600ms;
}
.a__i--dur-14700 {
  animation-duration: 14700ms;
}
.a__i--delay-14700 {
  animation-delay: 14700ms;
}
.a__i--dur-14800 {
  animation-duration: 14800ms;
}
.a__i--delay-14800 {
  animation-delay: 14800ms;
}
.a__i--dur-14900 {
  animation-duration: 14900ms;
}
.a__i--delay-14900 {
  animation-delay: 14900ms;
}
.a__i--dur-15000 {
  animation-duration: 15000ms;
}
.a__i--delay-15000 {
  animation-delay: 15000ms;
}
.a__i--dur-15100 {
  animation-duration: 15100ms;
}
.a__i--delay-15100 {
  animation-delay: 15100ms;
}
.a__i--dur-15200 {
  animation-duration: 15200ms;
}
.a__i--delay-15200 {
  animation-delay: 15200ms;
}
.a__i--dur-15300 {
  animation-duration: 15300ms;
}
.a__i--delay-15300 {
  animation-delay: 15300ms;
}
.a__i--dur-15400 {
  animation-duration: 15400ms;
}
.a__i--delay-15400 {
  animation-delay: 15400ms;
}
.a__i--dur-15500 {
  animation-duration: 15500ms;
}
.a__i--delay-15500 {
  animation-delay: 15500ms;
}
.a__i--dur-15600 {
  animation-duration: 15600ms;
}
.a__i--delay-15600 {
  animation-delay: 15600ms;
}
.a__i--dur-15700 {
  animation-duration: 15700ms;
}
.a__i--delay-15700 {
  animation-delay: 15700ms;
}
.a__i--dur-15800 {
  animation-duration: 15800ms;
}
.a__i--delay-15800 {
  animation-delay: 15800ms;
}
.a__i--dur-15900 {
  animation-duration: 15900ms;
}
.a__i--delay-15900 {
  animation-delay: 15900ms;
}
.a__i--dur-16000 {
  animation-duration: 16000ms;
}
.a__i--delay-16000 {
  animation-delay: 16000ms;
}

.a__i--fade-up {
  animation-name: fade-in-up;
  opacity: 0;
  transform: translateY(100%) translateZ(0);
}

.a__i--fade-right {
  animation-name: fade-in-right;
  opacity: 0;
  transform: translateX(100%) translateZ(0);
}

.a__i--fade-left {
  animation-name: fade-in-left;
  opacity: 0;
  transform: translateX(-100%) translateZ(0);
}

.a__i--reveal-right {
  animation-name: reveal-right;
  clip-path: inset(0 100% 0 0);
}

.a__i--reveal-left {
  animation-name: reveal-left;
  clip-path: inset(0 0 0 100%);
}

.a__i--reveal-down {
  animation-name: reveal-down;
  clip-path: inset(0 0 100% 0);
}

.a__i--reveal-up {
  animation-name: reveal-up;
  clip-path: inset(100% 0 0 0);
}

.a__i--reveal-bottom-right {
  animation-name: reveal-bottom-right;
  clip-path: inset(0 100% 100% 0);
}

.a__i--text-layout-2-heading {
  animation-name: text-layout-2-heading;
  opacity: 0;
  --strong-bg-width: 0%;
}

.a__i--draw-graph-line {
  animation-name: draw-graph-line;
  stroke-dashoffset: 330;
}

.a__i--draw-graph-arrow {
  animation-name: draw-graph-arrow;
  clip-path: polygon(0 0, 0 100%, 0 100%, 100% 100%, 0 100%);
}

.a__i--pop-in {
  animation-name: grow;
  animation-timing-function: cubic-bezier(0.31, 1.61, 0.75, 0.82);
  transform: scale(0);
}

.a__i--hapi {
  opacity: 0;
  transform: scale(0);
  animation-name: hapi;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

.a--play .a__i {
  animation-play-state: running;
  pointer-events: initial;
}
.a--play .a__i::before {
  animation-play-state: running;
}

@keyframes grow {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(100%) translateZ(0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fade-in-right {
  0% {
    opacity: 0;
    transform: translateX(100%) translateZ(0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(-100%) translateZ(0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fade-out-right {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateX(100%) translateZ(0);
  }
}
@keyframes fade-out-left {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateX(-100%) translateZ(0);
  }
}
@keyframes reveal-right {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0);
  }
}
@keyframes reveal-left {
  0% {
    clip-path: inset(0 0 0 100%);
  }
  100% {
    clip-path: inset(0);
  }
}
@keyframes reveal-down {
  0% {
    clip-path: inset(0 0 100% 0);
  }
  100% {
    clip-path: inset(0);
  }
}
@keyframes reveal-up {
  0% {
    clip-path: inset(100% 0 0 0);
  }
  100% {
    clip-path: inset(0);
  }
}
@keyframes reveal-bottom-right {
  0% {
    clip-path: inset(0 100% 100% 0);
  }
  100% {
    clip-path: inset(0);
  }
}
@keyframes text-layout-2-heading {
  0% {
    opacity: 0;
    transform: translateX(-30px);
    transform: translateX(-1.88rem);
    --strong-bg-width: 0%;
  }
  50% {
    opacity: 1;
    transform: translateX(0px);
    --strong-bg-width: 0%;
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
    --strong-bg-width: 100%;
  }
}
@media (min-width: 120rem){
  50%{
    transform: translateX(0vw);
  }
}
@keyframes draw-graph-line {
  0% {
    stroke-dashoffset: 330;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes draw-graph-arrow {
  0% {
    clip-path: polygon(0 0, 0 100%, 0 100%, 100% 100%, 0 100%);
  }
  100% {
    clip-path: polygon(0 0, 61% 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes hapi {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*Standard Breakpoints*/
.after-hero-section {
  display: flex;
  flex-flow: column;
  gap: 10px;
  gap: 0.63rem;
  --padding: 0px;
  padding-right: var(--padding);
}

@media (min-width: 47.5rem) {
  .after-hero-section {
    gap: 20px;
    gap: 1.25rem;
  }
}
@media (min-width: 64rem) {
  .after-hero-section {
    --padding: 380px;
    --padding: 23.75rem;
  }
}
@media (min-width: 80rem) {
  .after-hero-section {
    --padding: 530px;
    --padding: 33.13rem;
    gap: 42px;
    gap: 2.63rem;
  }
}
@media (min-width: 100rem) {
  .after-hero-section {
    --padding: 600px;
    --padding: 37.5rem;
    gap: 48px;
    gap: 3rem;
  }
}
@media (min-width: 120rem) {
  .after-hero-section {
    --padding: 520px;
    --padding: 32.5rem;
  }
}
@media (min-width: 120rem){
  .after-hero-section{
    gap: 2.5vw;
    --padding: 27.08333vw;
  }
}
.after-hero-section.inverted {
  padding-left: var(--padding);
  padding-right: 0;
}

@media (max-width: 37.44rem) {
  .after-hero-section--small {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
}
@media (min-width: 64rem) {
  .after-hero-section--small {
    --padding: 500px;
    --padding: 31.25rem;
    gap: 20px;
    gap: 1.25rem;
  }
}
@media (min-width: 80rem) {
  .after-hero-section--small {
    --padding: 515px;
    --padding: 32.19rem;
  }
}
@media (min-width: 100rem) {
  .after-hero-section--small {
    --padding: 800px;
    --padding: 50rem;
  }
}
@media (min-width: 120rem){
  .after-hero-section--small{
    --padding: 41.66667vw;
    gap: 1.04167vw;
  }
}
@media (max-width: 47.44rem) {
  .after-hero-section--services {
    margin-top: 20px;
    margin-top: 1.25rem;
  }
}
@media (min-width: 64rem) and (max-width: 79.94rem) {
  .after-hero-section--services {
    --padding: 400px;
    --padding: 25rem;
  }
}
/*Standard Breakpoints*/
.article .article__content {
  --content-gap: 25px;
  --content-gap: 1.56rem;
}

@media (min-width: 47.5rem) {
  .article .article__content {
    --content-gap: 30px;
    --content-gap: 1.88rem;
  }
}

@media (min-width: 120rem){
  .article .article__content{
    --content-gap: 1.5625vw;
  }
}
.article .article__content .heading {
  margin-bottom: 0;
}

.article__contents .heading {
  font-family: "space-mono", monospace;
  margin-bottom: 13px;
  margin-bottom: 0.81rem;
}

@media (min-width: 47.5rem) {
  .article__contents .heading {
    margin-bottom: 15px;
    margin-bottom: 0.94rem;
  }
}

@media (min-width: 120rem){
  .article__contents .heading{
    margin-bottom: 0.78125vw;
  }
}
.article__contents li a {
  text-decoration: none;
  transition: all 250ms ease-in-out;
}

.article__contents li a:hover {
  color: var(--violet);
  text-decoration: underline;
}

.article__contents li a.active {
  --accent: var(--violet);
  text-decoration: none;
}

.article__content {
  display: flex;
  flex-flow: column;
}

.article__footer {
  border-top: 2px solid var(--light-grey, #F5F5F5);
  border-top: 0.13rem solid var(--light-grey, #F5F5F5);
  padding-top: 15px;
  padding-top: 0.94rem;
}

@media (min-width: 47.5rem) {
  .article__footer {
    padding-top: 20px;
    padding-top: 1.25rem;
  }
}

@media (min-width: 120rem){
  .article__footer{
    border-top: 0.10417vw solid var(--light-grey, #F5F5F5);
    padding-top: 1.04167vw;
  }
}
.article--full.layout--sidebar {
  --sidebar-width: 0;
}

.article--full .layout__item {
  max-width: 860px;
  max-width: 53.75rem;
  margin: 0 auto;
}

@media (min-width: 120rem){
  .article--full .layout__item{
    max-width: 44.79167vw;
  }
}

/*Standard Breakpoints*/
.author__image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  width: 60px;
  width: 3.75rem;
  border-radius: 50%;
  background: var(--light-grey);
}

@media (min-width: 47.5rem) {
  .author__image {
    width: 70px;
    width: 4.38rem;
  }
}

@media (min-width: 120rem){
  .author__image{
    width: 3.64583vw;
  }
}
@media (max-width: 47.44rem) {
  .author--employee-contact.inline {
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}
.author--employee-contact .author__image {
  width: 46px;
  width: 2.88rem;
}

@media (min-width: 80rem) {
  .author--employee-contact .author__image {
    width: 70px;
    width: 4.38rem;
  }
}

@media (min-width: 120rem){
  .author--employee-contact .author__image{
    width: 3.64583vw;
  }
}
@media (min-width: 47.5rem) {
  .author--employee-contact .author__text {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
  }
  .author--employee-contact .author__text p:first-child {
    margin-right: 10px;
    margin-right: 0.63rem;
    display: flex;
    gap: 10px;
    gap: 0.63rem;
  }
  .author--employee-contact .author__text p:first-child:after {
    content: "•";
  }
}
@media (min-width: 120rem){
  .author--employee-contact .author__text p:first-child{
    margin-right: 0.52083vw;
    gap: 0.52083vw;
  }
}
.author--employee-contact .author__contact {
  width: 100%;
}

/*Standard Breakpoints*/
.banner {
  background-color: #E9E6E1;
  padding: 15px;
  padding: 0.94rem;
  display: flex;
  flex-flow: column;
  --icon-ratio: auto;
  --icon-fill-color: var(--dark-grey);
  --icon-width: 170px;
  --icon-width: 10.63rem;
  gap: 20px;
  gap: 1.25rem;
  align-items: flex-start;
  container-type: inline-size;
}

.banner .banner__content {
  display: flex;
  flex-flow: column;
  gap: 15px;
  gap: 0.94rem;
}

@media (min-width: 47.5rem) {
  .banner {
    padding: 20px;
    padding: 1.25rem;
    flex-flow: row;
    align-items: center;
  }
  .banner .banner__content {
    padding-left: 20px;
    padding-left: 1.25rem;
    border-left: 1px solid rgba(75, 75, 68, 0.1);
  }
}
@media (min-width: 80rem) {
  .banner {
    --icon-width: 220px;
    --icon-width: 13.75rem;
    gap: 40px;
    gap: 2.5rem;
    padding: 30px 40px;
    padding: 1.88rem 2.5rem;
  }
  .banner .banner__content {
    padding-left: 20px;
    padding-left: 1.25rem;
    gap: 20px;
    gap: 1.25rem;
  }
}
@media (min-width: 120rem){
  .banner .banner__content{
    gap: 1.04167vw;
    padding-left: 1.04167vw;
    border-left: 0.05208vw solid rgba(75, 75, 68, 0.1);
  }
}
@media (min-width: 120rem){
  .banner{
    padding: 1.5625vw 2.08333vw;
    --icon-width: 11.45833vw;
    gap: 2.08333vw;
  }
}
.banner--with-watermark {
  background-image: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark-0-03.svg");
  background-repeat: no-repeat;
  background-size: 51cqi 51cqi;
  background-position: top -12.7857142857cqi right 24.5cqi;
}

.bg-image {
  inset: 0 0 0 0;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bg-image--contain {
  object-fit: contain;
}

/*Standard Breakpoints*/
.bg-text {
  font-family: "work-sans", Arial, sans-serif;
  font-weight: 900;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  overflow: visible;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 1em;
  z-index: 0;
  color: var(--light-grey);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: currentColor;
  top: calc(75.625vw - 50px);
  top: calc(75.625vw - 3.13rem);
}

@media (min-width: 37.5rem) {
  .bg-text {
    font-size: 90px;
    font-size: 5.63rem;
    white-space: nowrap;
    top: calc(55.3947368421vw - 43px);
    top: calc(55.3947368421vw - 2.69rem);
  }
}
@media (min-width: 64rem) {
  .bg-text {
    top: 0;
    font-size: 114px;
    font-size: 7.13rem;
  }
}
@media (min-width: 80rem) {
  .bg-text {
    font-size: 150px;
    font-size: 9.38rem;
  }
}
@media (min-width: 100rem) {
  .bg-text {
    font-size: 210px;
    font-size: 13.13rem;
  }
}
@media (min-width: 120rem){
  .bg-text{
    font-size: 10.9375vw;
    -webkit-text-stroke-width: 0.05208vw;
  }
}
.bg-text--horizontal-center {
  bottom: 38px;
  bottom: 2.38rem;
  top: auto;
  text-wrap: nowrap;
}

@media (min-width: 47.5rem) {
  .bg-text--horizontal-center {
    font-size: 100px;
    font-size: 6.25rem;
    bottom: 70px;
    bottom: 4.38rem;
  }
}
@media (min-width: 64rem) {
  .bg-text--horizontal-center {
    font-size: 160px;
    font-size: 10rem;
    bottom: 98px;
    bottom: 6.13rem;
  }
}
@media (min-width: 100rem) {
  .bg-text--horizontal-center {
    font-size: 210px;
    font-size: 13.13rem;
    bottom: 45px;
    bottom: 2.81rem;
  }
}
@media (min-width: 120rem){
  .bg-text--horizontal-center{
    bottom: 2.34375vw;
    font-size: 10.9375vw;
  }
}
.bg-text--vertical-center {
  transform: rotate(270deg);
  position: absolute;
  left: auto;
  display: none;
}

@media (min-width: 80rem) {
  .bg-text--vertical-center {
    display: block;
    font-size: 160px;
    font-size: 10rem;
    right: -46%;
    top: auto;
    bottom: 700px;
    bottom: 43.75rem;
  }
}
@media (min-width: 100rem) {
  .bg-text--vertical-center {
    font-size: 210px;
    font-size: 13.13rem;
    right: -46%;
    bottom: 900px;
    bottom: 56.25rem;
  }
}
@media (min-width: 120rem){
  .bg-text--vertical-center{
    font-size: 10.9375vw;
    bottom: 46.875vw;
  }
}
.border {
  border-color: var(--border-color, var(--accent, #EEE));
  border-width: var(--border-top-width, 0px) var(--border-right-width, 0px) var(--border-bottom-width, 0px) var(--border-left-width, 0px);
  border-style: solid;
}
@media (min-width: 120rem){
  .border{
    border-width: var(--border-top-width, 0vw) var(--border-right-width, 0vw) var(--border-bottom-width, 0vw) var(--border-left-width, 0vw);
  }
}

.border--top {
  --border-top-width: 4px;
  --border-top-width: 0.25rem;
}

@media (min-width: 120rem){
  .border--top{
    --border-top-width: 0.20833vw;
  }
}

.border--right {
  --border-right-width: 4px;
  --border-right-width: 0.25rem;
}

@media (min-width: 120rem){
  .border--right{
    --border-right-width: 0.20833vw;
  }
}

.border--bottom {
  --border-bottom-width: 4px;
  --border-bottom-width: 0.25rem;
}

@media (min-width: 120rem){
  .border--bottom{
    --border-bottom-width: 0.20833vw;
  }
}

.border--left {
  --border-left-width: 4px;
  --border-left-width: 0.25rem;
}

@media (min-width: 120rem){
  .border--left{
    --border-left-width: 0.20833vw;
  }
}

.border--all {
  --border-top-width: 2px;
  --border-top-width: 0.13rem;
  --border-bottom-width: 2px;
  --border-bottom-width: 0.13rem;
  --border-left-width: 2px;
  --border-left-width: 0.13rem;
  --border-right-width: 2px;
  --border-right-width: 0.13rem;
}

@media (min-width: 120rem){
  .border--all{
    --border-top-width: 0.10417vw;
    --border-bottom-width: 0.10417vw;
    --border-left-width: 0.10417vw;
    --border-right-width: 0.10417vw;
  }
}

.border--violet {
  --border-color: var(--violet);
}

.border--coral {
  --border-color: var(--coral);
}

.border--magic-mint {
  --border-color: var(--magic-mint);
}

.border--dark-grey {
  --border-color: var(--dark-grey);
}

.border--white {
  --border-color: var(--white);
}

.border--transparent {
  --border-color: rgba(255, 255, 255, 0.15);
}

/*Standard Breakpoints*/
.box {
  display: flex;
  container-type: inline-size;
  width: 100%;
  --box-gap: 15px;
  --box-gap: 0.94rem;
  gap: var(--box-gap, 0px);
  background-color: var(--bg-color, var(--light-grey));
  padding: var(--box-padding, 15px);
  padding: var(--box-padding, 0.94rem);
  flex-flow: var(--box-flow, column);
  overflow: hidden;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (min-width: 37.5rem) {
  .box {
    --box-padding: 25px;
    --box-padding: 1.56rem;
  }
}
@media (min-width: 80rem) {
  .box {
    --box-padding: 30px;
    --box-padding: 1.88rem;
    --box-gap: 20px;
    --box-gap: 1.25rem;
  }
}
@media (min-width: 120rem){
  .box{
    --box-gap: 1.04167vw;
    gap: var(--box-gap, 0vw);
    padding: var(--box-padding, 0.78125vw);
    --box-padding: 1.5625vw;
  }
}
.box .heading {
  margin-bottom: calc(var(--content-gap, var(--gap, var(--card-content-gap))) * -0.25);
}

.box .wp-block-buttons:last-child {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}

@media (min-width: 120rem){
  .box .wp-block-buttons:last-child{
    padding-bottom: 0.41667vw;
  }
}

.box a:not(.btn) {
  --underline-color: var(--accent);
  text-decoration: none;
  text-decoration: none;
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--accent, inherit)) 1px, var(--underline-color, var(--accent, inherit)) 2px, transparent 2px, transparent 3px);
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--accent, inherit)) 1px, var(--underline-color, var(--accent, inherit)) 0.13rem, transparent 0.13rem, transparent 0.19rem);
  background-size: 0 3px;
  background-size: 0 0.19rem;
  background-position: 0 bottom;
  background-repeat: no-repeat;
  padding-bottom: 0;
  transition: color 150ms linear, background-size 0.3s ease-in-out;
  border-bottom: 3px solid transparent;
  border-bottom: 0.19rem solid transparent;
}

@media (min-width: 120rem){
  .box a:not(.btn){
    background-image: linear-gradient(transparent 0.05208vw, var(--underline-color, var(--accent, inherit)) 0.05208vw, var(--underline-color, var(--accent, inherit)) 0.10417vw, transparent 0.10417vw, transparent 0.15625vw);
    background-size: 0 0.15625vw;
    border-bottom: 0.15625vw solid transparent;
  }
}

.box a:not(.btn):hover {
  background-size: 100% 3px;
  background-size: 100% 0.19rem;
}

@media (min-width: 120rem){
  .box a:not(.btn):hover{
    background-size: 100% 0.15625vw;
  }
}

.box p a:not(.btn) {
  text-decoration: underline;
}

@media (max-width: 47.44rem) {
  .box .btn {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}
.box .has-text-align-center {
  align-self: center;
}

.box__icon {
  --icon-width: 44px;
  --icon-width: 2.75rem;
  border-bottom: 20px solid var(--accent, transparent);
  border-bottom: 1.25rem solid var(--accent, transparent);
  aspect-ratio: 64/58;
  width: 64px;
  width: 4rem;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: calc(100% - 21px);
  bottom: calc(100% - 1.31rem);
}

@media (min-width: 120rem){
  .box__icon{
    --icon-width: 2.29167vw;
    border-bottom: 1.04167vw solid var(--accent, transparent);
    width: 3.33333vw;
    bottom: calc(100% - 1.09375vw);
  }
}

.box__icon svg {
  position: absolute;
  bottom: -10px;
  bottom: -0.63rem;
}

@media (min-width: 120rem){
  .box__icon svg{
    bottom: -0.52083vw;
  }
}

.box--navigation {
  --box-padding: 15px 15px 25px;
  --box-padding: 0.94rem 0.94rem 1.56rem;
  --gap: 15px;
  --gap: 0.94rem;
  width: 100%;
  background: transparent;
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  transition: clip-path 0.2s ease-in-out;
}

@media (min-width: 47.5rem) {
  .box--navigation {
    --box-padding: 30px 30px 36px;
    --box-padding: 1.88rem 1.88rem 2.25rem;
  }
}
@media (min-width: 64rem) {
  .box--navigation {
    --box-padding: 30px 24px 40px;
    --box-padding: 1.88rem 1.5rem 2.5rem;
    max-width: 430px;
    max-width: 26.88rem;
    --gap: 20px;
    --gap: 1.25rem;
  }
}
@media (min-width: 80rem) {
  .box--navigation {
    --box-padding: 40px 36px 50px;
    --box-padding: 2.5rem 2.25rem 3.13rem;
    max-width: 500px;
    max-width: 31.25rem;
    --gap: 30px;
    --gap: 1.88rem;
  }
}
@media (min-width: 120rem){
  .box--navigation{
    --box-padding: 2.08333vw 1.875vw 2.60417vw;
    --gap: 1.5625vw;
    max-width: 26.04167vw;
  }
}
.box--navigation .subheading {
  margin-bottom: calc(var(--gap) * -1);
}

.box--navigation .heading {
  margin-bottom: calc(var(--gap) * 0.6666 * -1);
}

.box--quote {
  position: relative;
  --box-padding: 35px 15px 15px;
  --box-padding: 2.19rem 0.94rem 0.94rem;
  margin-top: 28px;
  margin-top: 1.75rem;
  overflow: visible;
}

@media (min-width: 47.5rem) {
  .box--quote {
    --box-padding: 40px 25px 25px;
    --box-padding: 2.5rem 1.56rem 1.56rem;
  }
}
@media (min-width: 80rem) {
  .box--quote {
    --box-padding: 45px 30px 30px;
    --box-padding: 2.81rem 1.88rem 1.88rem;
  }
}
@media (min-width: 120rem){
  .box--quote{
    --box-padding: 2.34375vw 1.5625vw 1.5625vw;
    margin-top: 1.45833vw;
  }
}
.box--quote p.square {
  color: var(--dark-grey);
}

.box--quote p.square strong {
  color: inherit;
}

.box--quote .author__text .square-m {
  color: var(--accent);
}

@media (min-width: 100rem) {
  .box--form {
    --box-padding: 60px;
    --box-padding: 3.75rem;
  }
}

@media (min-width: 120rem){
  .box--form{
    --box-padding: 3.125vw;
  }
}
@media (min-width: 47.5rem) {
  .box--form .gform_wrapper.gravity-theme .button {
    width: auto;
  }
}
.box--form .gform--contact .gfield--type-checkbox {
  display: none;
}

.box--form.box--with-watermark {
  background-size: 100cqi 100cqi;
}

@media (min-width: 80rem) {
  .box--form.box--with-watermark {
    background-size: 33.5714285714cqi 33.5714285714cqi;
    background-position: top -5.1428571429cqi left -1.2142857143cqi;
  }
}
.box--large {
  --box-padding: 15px;
  --box-padding: 0.94rem;
}

@media (min-width: 47.5rem) {
  .box--large {
    --box-padding: 20px;
    --box-padding: 1.25rem;
  }
}
@media (min-width: 80rem) {
  .box--large {
    --box-padding: 30px;
    --box-padding: 1.88rem;
  }
}
@media (min-width: 100rem) {
  .box--large {
    --box-padding: 40px;
    --box-padding: 2.5rem;
  }
}
@media (min-width: 120rem){
  .box--large{
    --box-padding: 2.08333vw;
  }
}
.box--small {
  --box-padding: 10px;
  --box-padding: 0.63rem;
  --box-gap: 0;
}

@media (min-width: 47.5rem) {
  .box--small {
    --box-padding: 15px;
    --box-padding: 0.94rem;
  }
}
@media (min-width: 100rem) {
  .box--small {
    --box-padding: 24px;
    --box-padding: 1.5rem;
  }
}
@media (min-width: 120rem){
  .box--small{
    --box-padding: 1.25vw;
  }
}
.box--padding-20 {
  --box-padding: 10px;
  --box-padding: 0.63rem;
  --box-gap: 4px;
  --box-gap: 0.25rem;
}

.box--padding-20 .heading a {
  margin-top: 10px;
  margin-top: 0.63rem;
}

@media (min-width: 120rem){
  .box--padding-20 .heading a{
    margin-top: 0.52083vw;
  }
}

@media (min-width: 47.5rem) {
  .box--padding-20 {
    --box-padding: 20px;
    --box-padding: 1.25rem;
  }
}

@media (min-width: 120rem){
  .box--padding-20{
    --box-padding: 1.04167vw;
    --box-gap: 0.20833vw;
  }
}
.box--x-large {
  --box-padding: 15px;
  --box-padding: 0.94rem;
}

@media (min-width: 47.5rem) {
  .box--x-large {
    --box-padding: 20px;
    --box-padding: 1.25rem;
  }
}
@media (min-width: 80rem) {
  .box--x-large {
    --box-padding: 30px;
    --box-padding: 1.88rem;
  }
}
@media (min-width: 100rem) {
  .box--x-large {
    --box-padding: 60px;
    --box-padding: 3.75rem;
  }
}
@media (min-width: 120rem){
  .box--x-large{
    --box-padding: 3.125vw;
  }
}
.box--with-watermark {
  background-image: var(--bg-watermark);
  background-repeat: no-repeat;
  background-size: 105cqi 105cqi;
  background-position: top -16.0714285714cqi right -3.0357142857cqi;
}

.box--newsletter {
  height: 100%;
  background-size: 135.2272727273cqi 135.2272727273cqi;
  background-position: top -21.5909090909cqi right -17.5cqi;
  justify-content: center;
}

.box--newsletter .gravity-theme.form--newsletter_wrapper {
  width: 100%;
  margin-top: 0;
  --accent: var(--magic-mint);
}

.breadcrumb {
  display: block;
  list-style: none;
}

.breadcrumb li {
  display: inline;
  color: inherit;
}

.breadcrumb li .home {
  display: inline-block;
  text-indent: -9999px;
  text-indent: -624.94rem;
  background: url("/wp-content/themes/retail-experience-design/images/svg/breadcrumb-home-icon.svg") no-repeat center/contain;
  aspect-ratio: 15/13;
  width: 15px;
  width: 0.94rem;
}

@media (min-width: 120rem){
  .breadcrumb li .home{
    text-indent: -520.78125vw;
    width: 0.78125vw;
  }
}

.breadcrumb li a {
  color: var(--text-color);
  font-size: 14px;
  font-size: 0.88rem;
  line-height: 22px;
  line-height: 1.38rem;
  text-decoration: none;
}

@media (min-width: 120rem){
  .breadcrumb li a{
    font-size: 0.72917vw;
    line-height: 1.14583vw;
  }
}

.breadcrumb li:after {
  content: "";
  display: inline-block;
  width: 6px;
  width: 0.38rem;
  height: 9px;
  height: 0.56rem;
  background: url("/wp-content/themes/retail-experience-design/images/svg/chevron.svg") no-repeat center center/cover;
  margin-left: 10px;
  margin-left: 0.63rem;
  margin-right: 10px;
  margin-right: 0.63rem;
  vertical-align: middle;
  transform: translateY(-1px);
}

@media (min-width: 120rem){
  .breadcrumb li:after{
    width: 0.3125vw;
    height: 0.46875vw;
    margin-left: 0.52083vw;
    margin-right: 0.52083vw;
    transform: translateY(-0.05208vw);
  }
}

/* Color styles */
:root {
  --dark-grey: #1C1C1B;
  --dark-grey-rgb: 28, 28, 27;
  --dark-grey-hexless: 1C1C1B;
  --dark-grey-blue: #363636;
  --dark-grey-blue-rgb: 54, 54, 54;
  --dark-grey-blue-hexless: 363636;
  --med-grey: #4B4B44;
  --med-grey-rgb: 75, 75, 68;
  --med-grey-hexless: 4B4B44;
  --grey: #A2A19C;
  --grey-rgb: 162, 161, 156;
  --grey-hexless: A2A19C;
  --off-white: #E9E6E1;
  --off-white-rgb: 233, 230, 225;
  --off-white-hexless: E9E6E1;
  --light-grey: #F5F5F5;
  --light-grey-rgb: 245, 245, 245;
  --light-grey-hexless: F5F5F5;
  --white: #FFF;
  --white-rgb: 255, 255, 255;
  --white-hexless: FFF;
  --magic-mint: #9FC;
  --magic-mint-rgb: 153, 255, 204;
  --magic-mint-hexless: 9FC;
  --winter-green: #71BE95;
  --winter-green-rgb: 113, 190, 149;
  --winter-green-hexless: 71BE95;
  --violet: #4E20D2;
  --violet-rgb: 78, 32, 210;
  --violet-hexless: 4E20D2;
  --burnt-peach: #E17973;
  --burnt-peach-rgb: 225, 121, 115;
  --burnt-peach-hexless: E17973;
  --lilac: #8F5CD1;
  --lilac-rgb: 143, 92, 209;
  --lilac-hexless: 8F5CD1;
  --coral: #FF584D;
  --coral-rgb: 255, 88, 77;
  --coral-hexless: FF584D;
  --heading-color: var(--dark-grey);
  --text-color: var(--med-grey);
}

/*Standard Breakpoints*/
.btn, .gform_button {
  font-family: "space-mono", monospace;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.13rem;
  line-height: 26px;
  line-height: 1.63rem;
  text-decoration: none;
  flex: 0 0 auto;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  gap: 0.63rem;
  background: transparent;
  position: relative;
  border: 2px solid var(--accent, var(--dark-grey));
  border: 0.13rem solid var(--accent, var(--dark-grey));
  color: var(--accent, var(--dark-grey));
  --icon-width: 16px;
  --icon-width: 1rem;
  --shadow-width: 8px;
  --shadow-width: 0.5rem;
  --icon-fill-color: var(--accent);
  --loading-icon: url("/wp-content/themes/retail-experience-design/images/svg/loader-dark-grey.svg");
  box-shadow: var(--shadow-width) var(--shadow-width) 0px var(--accent, var(--dark-grey));
  transition: all 250ms ease-in-out;
  max-width: calc(100% - var(--shadow-width));
  margin-bottom: var(--shadow-width);
}

@media (max-width: 47.44rem) {
  .btn, .gform_button {
    padding: 10px 18px;
    padding: 0.63rem 1.13rem;
  }
}
@media (min-width: 47.5rem) {
  .btn, .gform_button {
    padding: 10px 20px;
    padding: 0.63rem 1.25rem;
  }
}
@media (min-width: 80rem) {
  .btn, .gform_button {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    padding: 9px 20px;
    padding: 0.56rem 1.25rem;
  }
}
@media (min-width: 120rem){
  .btn, .gform_button{
    font-size: 1.04167vw;
    line-height: 1.45833vw;
    gap: 0.52083vw;
    border: 0.10417vw solid var(--accent, var(--dark-grey));
    --icon-width: 0.83333vw;
    --shadow-width: 0.41667vw;
    box-shadow: var(--shadow-width) var(--shadow-width) 0vw var(--accent, var(--dark-grey));
    padding: 0.46875vw 1.04167vw;
  }
}
.btn:not(.link)::after, .gform_button:not(.link)::after {
  content: "";
  inset: 50% auto auto 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 30px;
  width: 1.88rem;
  height: 30px;
  height: 1.88rem;
  background: var(--loading-icon) no-repeat center center/contain;
  opacity: 0;
  pointer-events: none;
  animation-delay: 0ms;
  animation-duration: 1000ms;
  animation-name: rotate-center;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards; /* this prevents the animation from restarting! */
}
@media (min-width: 120rem){
  .btn:not(.link)::after, .gform_button:not(.link)::after{
    width: 1.5625vw;
    height: 1.5625vw;
  }
}

.btn:hover:not(.btn--loading), .gform_button:hover:not(.btn--loading) {
  transform: translate(var(--shadow-width), var(--shadow-width));
  box-shadow: none;
  background: var(--accent, var(--dark-grey));
  color: var(--hover-color, #FFF);
}

.btn:hover:not(.btn--loading) .icon, .gform_button:hover:not(.btn--loading) .icon {
  --icon-fill-color: var(--hover-color, #FFF);
}

@keyframes rotate-center {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  0% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
.btn--filled {
  background: var(--violet);
  border-color: var(--violet);
  color: #FFF;
  --hover-color: #FFF;
  --icon-fill-color: #FFF;
}

.btn--filled::after {
  background-image: url("/wp-content/themes/retail-experience-design/images/svg/loader.svg?color=FFFFFF");
}

.btn--filled:hover:not(.btn--loading) {
  background: var(--violet);
  color: #FFF;
  border-color: var(--violet);
}

.btn--filled:hover:not(.btn--loading) .icon {
  --icon-fill-color: #FFF;
}

.btn--small {
  padding: 7px 15px;
  padding: 0.44rem 0.94rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  --icon-width: 15px;
  --icon-width: 0.94rem;
  --shadow-width: 6px;
  --shadow-width: 0.38rem;
}

@media (min-width: 120rem){
  .btn--small{
    padding: 0.36458vw 0.78125vw;
    font-size: 0.83333vw;
    line-height: 1.25vw;
    --icon-width: 0.78125vw;
    --shadow-width: 0.3125vw;
  }
}

@container (max-width: 18.75rem) {
  .btn--full {
    width: calc(100% - var(--shadow-width));
    justify-content: center;
  }
}
.btn--link {
  font-family: "space-mono", monospace;
  color: var(--accent, var(--heading-color));
  --icon-width: 14px;
  --icon-width: 0.88rem;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.13rem;
  line-height: 26px;
  line-height: 1.63rem;
  z-index: 100;
  text-decoration: none;
  display: flex;
  gap: var(--gap, 8px);
  gap: var(--gap, 0.5rem);
  justify-content: var(--link-alignment, flex-start);
  white-space: nowrap;
  position: relative;
  width: max-content;
  padding: 10px 15px 10px 0;
  padding: 0.63rem 0.94rem 0.63rem 0;
  border: none;
  box-shadow: none;
}

@media (min-width: 37.5rem) {
  .btn--link {
    --gap: 10px;
    --gap: 0.63rem;
    --icon-width: 16px;
    --icon-width: 1rem;
  }
}
@media (min-width: 80rem) {
  .btn--link {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
@media (min-width: 120rem){
  .btn--link{
    --icon-width: 0.83333vw;
    font-size: 1.04167vw;
    line-height: 1.45833vw;
    gap: var(--gap, 0.41667vw);
    padding: 0.52083vw 0.78125vw 0.52083vw 0;
    --gap: 0.52083vw;
  }
}
.btn--link:after {
  content: "";
  height: 100%;
  width: 47%;
  background: var(--link-hover-bg, var(--accent));
  position: absolute;
  right: 0;
  z-index: -1;
  top: 0;
  left: auto;
  clip-path: polygon(0 0, var(--visible-amount, 0%) 0, var(--visible-amount, 0%) 100%, 0% 100%);
  transition: clip-path 0.3s ease-in;
}

.btn--link:hover:not(.btn--loading) {
  background-color: transparent;
  transform: none;
  --hover-color: var(--accent, var(--heading-color));
  color: var(--link-hover-color);
}

.btn--link:hover:not(.btn--loading):after {
  --visible-amount: 100%;
}

.btn--loading:not(.link) {
  color: transparent;
}
.btn--loading:not(.link) .icon {
  opacity: 0;
}
.btn--loading:not(.link)::after {
  opacity: 1;
}

/*Standard Breakpoints*/
.card {
  padding: var(--card-outer-padding, 0);
  flex-flow: var(--card-flow, column);
  gap: var(--card-gap, 0);
  display: flex;
  height: 100%;
  position: relative;
  align-items: center;
  container-type: inline-size;
}

@media (min-width: 64rem) {
  .card {
    --card-padding: 20px;
    --card-padding: 1.25rem;
  }
}

@media (min-width: 120rem){
  .card{
    --card-padding: 1.04167vw;
  }
}
@container (max-width:300 px) {
  .card .btn {
    width: 100%;
    justify-content: center;
  }
}
.card__content {
  background: var(--card-content-bg, #fff);
  padding: var(--card-padding, 10px);
  padding: var(--card-padding, 0.63rem);
  gap: var(--card-content-gap, 10px);
  gap: var(--card-content-gap, 0.63rem);
  width: var(--card-child-width, 100%);
  align-items: var(--card-content-align, flex-start);
  flex: 1 1 auto;
  position: relative;
  transition: all 200ms linear;
  display: flex;
  flex-flow: column;
  container-type: inline-size;
}
@media (min-width: 120rem){
  .card__content{
    padding: var(--card-padding, 0.52083vw);
    gap: var(--card-content-gap, 0.52083vw);
  }
}

.card__content a:not(.btn) {
  color: var(--text-color);
  --underline-color: var(--accent);
  text-decoration: none;
  text-decoration: none;
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--accent, inherit)) 1px, var(--underline-color, var(--accent, inherit)) 2px, transparent 2px, transparent 3px);
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--accent, inherit)) 1px, var(--underline-color, var(--accent, inherit)) 0.13rem, transparent 0.13rem, transparent 0.19rem);
  background-size: 0 3px;
  background-size: 0 0.19rem;
  background-position: 0 bottom;
  background-repeat: no-repeat;
  padding-bottom: 0;
  transition: color 150ms linear, background-size 0.3s ease-in-out;
  border-bottom: 3px solid transparent;
  border-bottom: 0.19rem solid transparent;
}

@media (min-width: 120rem){
  .card__content a:not(.btn){
    background-image: linear-gradient(transparent 0.05208vw, var(--underline-color, var(--accent, inherit)) 0.05208vw, var(--underline-color, var(--accent, inherit)) 0.10417vw, transparent 0.10417vw, transparent 0.15625vw);
    background-size: 0 0.15625vw;
    border-bottom: 0.15625vw solid transparent;
  }
}

.card__content a:not(.btn):hover {
  background-size: 100% 3px;
  background-size: 100% 0.19rem;
}

@media (min-width: 120rem){
  .card__content a:not(.btn):hover{
    background-size: 100% 0.15625vw;
  }
}

.card__content .heading a {
  text-decoration: none;
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--heading-color, var(--dark-grey))) 1px, var(--underline-color, var(--heading-color, var(--dark-grey))) 2px, transparent 2px, transparent 3px);
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--heading-color, var(--dark-grey))) 1px, var(--underline-color, var(--heading-color, var(--dark-grey))) 0.13rem, transparent 0.13rem, transparent 0.19rem);
  background-size: 0 3px;
  background-size: 0 0.19rem;
  background-position: 0 bottom;
  background-repeat: no-repeat;
  padding-bottom: 0;
  transition: color 150ms linear, background-size 0.3s ease-in-out;
  border-bottom: 3px solid transparent;
  border-bottom: 0.19rem solid transparent;
}

@media (min-width: 120rem){
  .card__content .heading a{
    background-image: linear-gradient(transparent 0.05208vw, var(--underline-color, var(--heading-color, var(--dark-grey))) 0.05208vw, var(--underline-color, var(--heading-color, var(--dark-grey))) 0.10417vw, transparent 0.10417vw, transparent 0.15625vw);
    background-size: 0 0.15625vw;
    border-bottom: 0.15625vw solid transparent;
  }
}

.card__content .heading a:hover {
  background-size: 100% 3px;
  background-size: 100% 0.19rem;
}

@media (min-width: 120rem){
  .card__content .heading a:hover{
    background-size: 100% 0.15625vw;
  }
}

.card__content .heading {
  margin-bottom: 0;
  width: 100%;
}

.card__content strong a {
  color: var(--accent);
}

.card__media {
  aspect-ratio: var(--card-media-aspect-ratio, 290/200);
  width: var(--card-media-width, var(--card-child-width, 100%));
  background: grey;
  margin: 0;
  flex: 0 0 auto;
  position: relative;
}

.card__media .video-link {
  container-type: inline-size;
}

.card__media .video-link:after {
  content: "";
  opacity: 0.4;
  background: radial-gradient(50% 50% at 50% 50%, #000 0%, rgba(0, 0, 0, 0) 68.75%);
  position: absolute;
  height: 100%;
  width: 100%;
}

.card__media .video-link .video-link__icon {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  width: 14.8148148148cqi;
}

.card__media .video-link .video-link__text {
  position: absolute;
  fill: var(--white);
  top: calc(50% - 5.0925925926cqi);
  left: calc(50% - 6.0185185185cqi);
  transform: translate(-50%, -50%);
  width: 20.3703703704cqi;
  aspect-ratio: 1;
}

.card__media .video-link .video-link__text svg {
  height: 100%;
  width: 100%;
}

.card__media figcaption {
  font-family: "space-mono", monospace;
  position: absolute;
  bottom: var(--caption-bottom);
  left: var(--caption-left);
  right: var(--caption-right);
  z-index: 200;
  color: var(--accent, #1C1C1B);
  font-weight: 700;
  font-size: 14px;
  font-size: 0.88rem;
  line-height: 20px;
  line-height: 1.25rem;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
}

@media (min-width: 47.5rem) {
  .card__media figcaption {
    line-height: 24px;
    line-height: 1.5rem;
  }
}
@media (min-width: 64rem) {
  .card__media figcaption {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 120rem){
  .card__media figcaption{
    font-size: 0.83333vw;
    line-height: 1.25vw;
  }
}
.card__media figcaption a {
  display: inline;
  text-decoration: none;
  color: inherit;
  background: linear-gradient(180deg, var(--accent, #1C1C1B) 0%, var(--accent, #1C1C1B) 50%, transparent 50%, transparent 100%);
  background-size: 2px 200%;
  background-size: 0.13rem 200%;
  background-repeat: no-repeat;
  background-position: 0 100%;
  transition: background 0.3s linear;
}
@media (min-width: 120rem){
  .card__media figcaption a{
    background-size: 0.10417vw 200%;
  }
}

.card__media figcaption a:hover {
  background-position: 0% 0%;
}

.card__media--box-caption figcaption {
  padding: 15px 8px;
  padding: 0.94rem 0.5rem;
  background: rgba(255, 255, 255, 0.7);
  --text-color: var(--dark-grey);
  color: var(--text-color);
}

@media (min-width: 120rem){
  .card__media--box-caption figcaption{
    padding: 0.78125vw 0.41667vw;
  }
}

.card__media--box-caption figcaption.accent--white {
  background: rgba(28, 28, 27, 0.7);
  --text-color: #FFF;
}

.card__media--box-caption figcaption p {
  margin: 0;
}

.card__pill {
  padding: 5px 10px;
  padding: 0.31rem 0.63rem;
  background: var(--accent);
  font-size: 14px;
  font-size: 0.88rem;
  line-height: 20px;
  line-height: 1.25rem;
  position: absolute;
  bottom: -1px;
  right: 0;
}

.card__pill strong {
  color: var(--heading-color);
}

@media (min-width: 100rem) {
  .card__pill {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}

@media (min-width: 120rem){
  .card__pill{
    padding: 0.26042vw 0.52083vw;
    font-size: 0.83333vw;
    line-height: 1.25vw;
    bottom: -0.05208vw;
  }
}
.card__icon {
  z-index: 1;
  position: absolute;
  aspect-ratio: 1;
  width: 50px;
  width: 3.13rem;
  top: calc(100% - 25px);
  top: calc(100% - 1.56rem);
  left: 15px;
  left: 0.94rem;
  background: var(--accent);
}

.card__icon svg {
  position: absolute;
  width: 100%;
  height: 100%;
  fill: var(--hover-color);
}

@media (min-width: 47.5rem) {
  .card__icon {
    left: 30px;
    left: 1.88rem;
  }
}
@media (min-width: 64rem) {
  .card__icon {
    left: 20px;
    left: 1.25rem;
  }
}
@media (min-width: 80rem) {
  .card__icon {
    left: 30px;
    left: 1.88rem;
  }
}
@media (min-width: 120rem){
  .card__icon{
    width: 2.60417vw;
    top: calc(100% - 1.30208vw);
    left: 1.5625vw;
  }
}
.card--news {
  --card-content-bg: var(--light-grey);
  --text-color: var(--dark-grey);
  height: 100%;
  --card-flow: column;
  position: relative;
  container-type: inline-size;
}

.card--news a {
  text-decoration: none;
}

.card--news.accent--violet a, .card--news.accent--lilac a {
  --underline-color: var(--white);
}

.card--news .card__content {
  container-type: normal;
  position: static;
}

.card--news .card__content:hover {
  --card-content-bg: var(--accent);
}

.card--news .card__content:hover a {
  color: var(--hover-color);
}

.card--bg {
  --card-content-bg: transparent;
  overflow: hidden;
}

@media (min-width: 47.5rem) {
  .card--bg {
    --card-media-width: calc(100% - (var(--screen-edge-padding) * 2));
  }
}
@media (min-width: 64rem) {
  .card--bg {
    --card-media-aspect-ratio: 550/377;
    --card-media-width: 100%;
    --card-gap: 55px;
    --card-gap: 3.44rem;
    --card-flow: row;
    overflow: hidden;
  }
}
@media (min-width: 80rem) {
  .card--bg {
    --card-outer-padding: 40px 40px 40px 0;
    --card-outer-padding: 2.5rem 2.5rem 2.5rem 0;
  }
}
@media (min-width: 100rem) {
  .card--bg {
    --card-outer-padding: 40px 60px 40px 0;
    --card-outer-padding: 2.5rem 3.75rem 2.5rem 0;
    --card-gap: 120px;
    --card-gap: 7.5rem;
    --card-media-width: 128%;
  }
}
@media (min-width: 120rem){
  .card--bg{
    --card-gap: 6.25vw;
    --card-outer-padding: 2.08333vw 3.125vw 2.08333vw 0;
  }
}
.card--bg::before {
  content: "";
  width: var(--card-bg-width, 100%);
  height: var(--card-bg-height, 100%);
  top: var(--card-bg-top, auto);
  bottom: var(--card-bg-bottom, 0);
  right: var(--card-bg-right, 0);
  left: var(--card-bg-left, 0);
  display: block;
  position: absolute;
  background: var(--bg-color, #EEE);
  z-index: -1;
}

.card--stacked {
  --card-flow: column-reverse;
  --card-bg-right: 0;
  --card-bg-left: 0;
  --card-outer-padding: 15px 15px 0 15px;
  --card-outer-padding: 0.94rem 0.94rem 0 0.94rem;
  --card-media-aspect-ratio: 600/280;
  --card-media-width: 100%;
  --card-bg-top: 0;
  --card-bg-height: calc(100% - 32px);
  --card-bg-height: calc(100% - 2rem);
  --card-gap: 25px;
  --card-gap: 1.56rem;
  --card-content-gap: 20px;
  --card-content-gap: 1.25rem;
  --card-padding: 0;
}

@media (min-width: 47.5rem) {
  .card--stacked {
    --card-outer-padding: 30px 30px 0 30px;
    --card-outer-padding: 1.88rem 1.88rem 0 1.88rem;
    --card-bg-height: calc(100% - 70px);
    --card-bg-height: calc(100% - 4.38rem);
    --card-gap: 45px;
    --card-gap: 2.81rem;
  }
}
@media (min-width: 80rem) {
  .card--stacked {
    --card-outer-padding: 30px 40px 0 40px;
    --card-outer-padding: 1.88rem 2.5rem 0 2.5rem;
    --card-gap: 50px;
    --card-gap: 3.13rem;
    --card-bg-height: calc(100% - 40px);
    --card-bg-height: calc(100% - 2.5rem);
  }
}
@media (min-width: 100rem) {
  .card--stacked {
    --card-outer-padding: 40px 40px 0 40px;
    --card-outer-padding: 2.5rem 2.5rem 0 2.5rem;
    --card-gap: 50px;
    --card-gap: 3.13rem;
    --card-bg-height: calc(100% - 45px);
    --card-bg-height: calc(100% - 2.81rem);
  }
}
@media (min-width: 120rem){
  .card--stacked{
    --card-outer-padding: 2.08333vw 2.08333vw 0 2.08333vw;
    --card-bg-height: calc(100% - 2.34375vw);
    --card-gap: 2.60417vw;
    --card-content-gap: 1.04167vw;
  }
}
.card--stacked .btn {
  margin-top: auto;
}

@media (max-width: 47.44rem) {
  .card--stacked .btn {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}
.card--stacked.card--with-watermark:before {
  background-size: 115.1612903226cqi 114.6774193548cqi;
  background-position: bottom -33.8235294118cqi left -0.7352941176cqi;
}

.card--stacked.card--inverted {
  --card-flow: column;
  --card-bg-top: auto;
  --card-outer-padding: 0 15px 15px 15px;
  --card-outer-padding: 0 0.94rem 0.94rem 0.94rem;
}

@media (min-width: 47.5rem) {
  .card--stacked.card--inverted {
    --card-outer-padding: 0 30px 30px 30px;
    --card-outer-padding: 0 1.88rem 1.88rem 1.88rem;
  }
}
@media (min-width: 80rem) {
  .card--stacked.card--inverted {
    --card-outer-padding: 0 40px 30px 40px;
    --card-outer-padding: 0 2.5rem 1.88rem 2.5rem;
  }
}
@media (min-width: 100rem) {
  .card--stacked.card--inverted {
    --card-outer-padding: 0 40px 40px 40px;
    --card-outer-padding: 0 2.5rem 2.5rem 2.5rem;
  }
}
@media (min-width: 120rem){
  .card--stacked.card--inverted{
    --card-outer-padding: 0 2.08333vw 2.08333vw 2.08333vw;
  }
}
.card--stacked.card--medium.card--with-watermark:before {
  background-size: 110.2941176471cqi 110.2941176471cqi;
  background-position: bottom -33.8235294118cqi left -0.7352941176cqi;
}

.card--stacked.card--small .btn {
  width: 100%;
  display: flex;
  justify-content: center;
}

.card--stacked .card__content {
  justify-content: center;
}

.card--inline {
  --card-flow: column;
  --card-bg-right: 0;
  --card-bg-left: 0;
  --card-outer-padding: 0 15px 15px 15px;
  --card-outer-padding: 0 0.94rem 0.94rem 0.94rem;
  --card-media-aspect-ratio: 260/260;
  --card-media-width: 100%;
  --card-bg-bottom: 0;
  --card-bg-height: calc(100% - 130px);
  --card-bg-height: calc(100% - 8.13rem);
  --card-gap: 25px;
  --card-gap: 1.56rem;
  --card-content-gap: 20px;
  --card-content-gap: 1.25rem;
  --card-padding: 0;
}

@media (min-width: 37.5rem) {
  .card--inline {
    --card-outer-padding: 0 30px 30px 30px;
    --card-outer-padding: 0 1.88rem 1.88rem 1.88rem;
  }
}
@media (min-width: 47.5rem) {
  .card--inline {
    --card-flow: row;
    --card-outer-padding: 30px 30px 30px 0;
    --card-outer-padding: 1.88rem 1.88rem 1.88rem 0;
    --card-bg-height: 100%;
    --card-gap: 30px;
    --card-gap: 1.88rem;
    --card-media-width: 220px;
    --card-media-width: 13.75rem;
    --card-bg-width: calc(100% - 70px);
    --card-bg-width: calc(100% - 4.38rem);
    --card-bg-left: auto;
    --card-bg-right: 0;
  }
}
@media (min-width: 80rem) {
  .card--inline {
    --card-media-width: 260px;
    --card-media-width: 16.25rem;
    --card-bg-width: calc(100% - 70px);
    --card-bg-width: calc(100% - 4.38rem);
  }
}
@media (min-width: 100rem) {
  .card--inline {
    --card-outer-padding: 40px 60px 40px 0;
    --card-outer-padding: 2.5rem 3.75rem 2.5rem 0;
    --card-gap: 40px;
    --card-gap: 2.5rem;
    --card-media-width: 284px;
    --card-media-width: 17.75rem;
    --card-bg-width: calc(100% - 142px);
    --card-bg-width: calc(100% - 8.88rem);
  }
}
@media (min-width: 120rem){
  .card--inline{
    --card-outer-padding: 2.08333vw 3.125vw 2.08333vw 0;
    --card-media-width: 14.79167vw;
    --card-gap: 2.08333vw;
    --card-content-gap: 1.04167vw;
    --card-bg-width: calc(100% - 7.39583vw);
  }
}
@media (max-width: 47.44rem) {
  .card--inline .btn {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 47.5rem) {
  .card--inline.card--inverted {
    --card-flow: row-reverse;
    --card-bg-left: 0;
    --card-bg-right: auto;
    --card-outer-padding: 30px 0 30px 30px;
    --card-outer-padding: 1.88rem 0 1.88rem 1.88rem;
  }
}
@media (min-width: 80rem) {
  .card--inline.card--inverted {
    --card-outer-padding: 30px 0 30px 30px;
    --card-outer-padding: 1.88rem 0 1.88rem 1.88rem;
  }
}
@media (min-width: 100rem) {
  .card--inline.card--inverted {
    --card-outer-padding: 40px 0 40px 60px;
    --card-outer-padding: 2.5rem 0 2.5rem 3.75rem;
  }
}
@media (min-width: 120rem){
  .card--inline.card--inverted{
    --card-outer-padding: 2.08333vw 0 2.08333vw 3.125vw;
  }
}
.card--inline .video-link {
  container-type: inline-size;
}

.card--inline .video-link:after {
  content: "";
  opacity: 0.4;
  background: radial-gradient(50% 50% at 50% 50%, #000 0%, rgba(0, 0, 0, 0) 68.75%);
  position: absolute;
  height: 100%;
  width: 100%;
}

.card--inline .video-link .video-link__icon {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  width: 25cqi;
}

.card--inline .video-link .video-link__text {
  position: absolute;
  fill: var(--white);
  top: calc(50% - 11.5384615385cqi);
  left: calc(50% - 11.5384615385cqi);
  transform: translate(-50%, -50%);
  width: 38.4615384615cqi;
  aspect-ratio: 1;
}

.card--inline .video-link .video-link__text svg {
  height: 100%;
  width: 100%;
}

.card--team {
  --card-gap: 10px;
  --card-gap: 0.63rem;
  --heading-color: var(--dark-grey);
  --card-content-gap: 2px;
  --card-content-gap: 0.13rem;
  --card-padding: 0;
  --shadow-width: 10px;
  --shadow-width: 0.63rem;
}

@media (max-width: 47.44rem) {
  .card--team {
    margin-right: 10px;
    margin-right: 0.63rem;
  }
}
@media (min-width: 80rem) {
  .card--team {
    --card-gap: 25px;
    --card-gap: 1.56rem;
    --card-content-gap: 4px;
    --card-content-gap: 0.25rem;
  }
}
@media (min-width: 120rem){
  .card--team{
    --card-gap: 1.30208vw;
    --card-content-gap: 0.20833vw;
    --shadow-width: 0.52083vw;
  }
}
.card--team .card__media {
  aspect-ratio: 320/350;
  position: relative;
  background-color: transparent;
}

.card--team .card__media:before {
  aspect-ratio: 1;
  content: "";
  width: 100%;
  background-color: var(--off-white);
  position: absolute;
  bottom: 0;
  background-image: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark-0-03.svg");
  background-repeat: no-repeat;
  background-size: 150.625cqi 149.6875cqi;
  background-position: bottom -26.5625cqi right -25.3125cqi;
}

.card--team .card__content p {
  --text-color: var(--accent);
}

.card--link {
  container-type: inline-size;
}

.card--link .card__media:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  transition: all 600ms ease-in-out;
}

.card--link .card__content {
  container-type: normal;
  position: static;
}

.card--link a {
  text-decoration: none;
}

.card--link a::after {
  content: "";
  inset: 0 0 0 0;
  position: absolute;
  z-index: 20;
}

.card--link:hover .card__media:after {
  background-color: rgba(0, 0, 0, 0.3);
}

.card--project {
  overflow: visible;
  --card-content-bg: transparent;
  --card-media-aspect-ratio: 260/210;
  --card-media-width: calc(100% - 30px);
  --card-media-width: calc(100% - 1.88rem);
  --card-bg-bottom: 58px;
  --card-bg-bottom: 3.63rem;
  --card-padding: 15px;
  --card-padding: 0.94rem;
  --card-content-gap: 5px;
  --card-content-gap: 0.31rem;
}

.card--project p {
  color: var(--text-color);
}

.card--project:before {
  z-index: 0;
}

@media (min-width: 47.5rem) {
  .card--project {
    flex-flow: row;
    --card-media-aspect-ratio: 358/260;
    --card-media-width: 50%;
    --card-bg-bottom: 0;
    --card-bg-width: calc(100% - 40px);
    --card-bg-width: calc(100% - 2.5rem);
    --card-outer-padding: 28px 0;
    --card-outer-padding: 1.75rem 0;
    --card-padding: 40px;
    --card-padding: 2.5rem;
  }
}
@media (min-width: 100rem) {
  .card--project {
    --card-content-gap: 20px;
    --card-content-gap: 1.25rem;
    --card-outer-padding: 31px 0;
    --card-outer-padding: 1.94rem 0;
    --card-padding: 40px 80px;
    --card-padding: 2.5rem 5rem;
    --card-media-width: 532px;
    --card-media-width: 33.25rem;
  }
}
@media (min-width: 120rem){
  .card--project{
    --card-media-width: 27.70833vw;
    --card-padding: 2.08333vw 4.16667vw;
    --card-content-gap: 1.04167vw;
    --card-bg-width: calc(100% - 2.08333vw);
    --card-outer-padding: 1.61458vw 0;
  }
}
.card--style-5 {
  padding: 0;
  --card-gap: 0;
  --card-padding: 20px var(--screen-edge-padding) 25px;
  --card-padding: 1.25rem var(--screen-edge-padding) 1.56rem;
  margin-inline: calc(var(--screen-edge-padding) * -1);
  width: calc(100% + var(--screen-edge-padding) * 2);
  --card-media-width: calc(100% - (var(--screen-edge-padding) * 2));
  --card-media-aspect-ratio: 290 / 181;
  --card-bg-top: 40.9375vw;
  --card-content-gap: 20px;
  --card-content-gap: 1.25rem;
}

@media (min-width: 47.5rem) {
  .card--style-5 {
    margin-inline: 0;
    width: 100%;
    --card-bg-top: 27.6315789474vw;
    --card-padding: 30px var(--screen-edge-padding);
    --card-padding: 1.88rem var(--screen-edge-padding);
  }
}
@media (min-width: 64rem) {
  .card--style-5 {
    --card-flow: row;
    --card-media-width: 504px;
    --card-media-width: 31.5rem;
    --card-padding: 0 30px;
    --card-padding: 0 1.88rem;
    padding: 86px 0;
    padding: 5.38rem 0;
    --card-bg-top:0;
    --card-bg-left: 414px;
    --card-bg-left: 25.88rem;
    --card-bg-width: auto;
  }
}
@media (min-width: 80rem) {
  .card--style-5 {
    padding: 100px 0;
    padding: 6.25rem 0;
    --card-media-width: 680px;
    --card-media-width: 42.5rem;
    --card-bg-left: 554px;
    --card-bg-left: 34.63rem;
    --card-padding: 0 60px;
    --card-padding: 0 3.75rem;
  }
}
@media (min-width: 100rem) {
  .card--style-5 {
    padding: 130px 0;
    padding: 8.13rem 0;
    --card-media-width: 820px;
    --card-media-width: 51.25rem;
    --card-bg-left: 698px;
    --card-bg-left: 43.63rem;
    --card-padding: 0 70px 0 100px;
    --card-padding: 0 4.38rem 0 6.25rem;
  }
}
@media (min-width: 120rem){
  .card--style-5{
    padding: 6.77083vw 0;
    --card-padding: 0 3.64583vw 0 5.20833vw;
    --card-media-width: 42.70833vw;
    --card-content-gap: 1.04167vw;
    --card-bg-left: 36.35417vw;
  }
}
@media (min-width: 64rem) {
  .card--style-5.card--inverted {
    --card-bg-right: 414px;
    --card-bg-right: 25.88rem;
  }
}
@media (min-width: 80rem) {
  .card--style-5.card--inverted {
    --card-bg-right: 554px;
    --card-bg-right: 34.63rem;
  }
}
@media (min-width: 100rem) {
  .card--style-5.card--inverted {
    --card-bg-right: 698px;
    --card-bg-right: 43.63rem;
  }
}
@media (min-width: 120rem){
  .card--style-5.card--inverted{
    --card-bg-right: 36.35417vw;
  }
}
.card--style-5.card--with-watermark:before {
  background-size: 61.7142857143cqi 61.3571428571cqi;
  background-position: top 0 left -0.9285714286cqi;
}

.card--style-6 {
  padding: 0;
  --card-gap: 0;
  --card-padding: 20px var(--screen-edge-padding) 25px;
  --card-padding: 1.25rem var(--screen-edge-padding) 1.56rem;
  margin-inline: calc(var(--screen-edge-padding) * -1);
  width: calc(100% + var(--screen-edge-padding) * 2);
  --card-media-width: calc(100% - (var(--screen-edge-padding) * 2));
  --card-media-aspect-ratio: 650 / 500;
  --card-bg-top: 55.3125vw;
  --card-content-gap: 20px;
  --card-content-gap: 1.25rem;
  --caption-left: 0px;
  --caption-bottom: 0px;
  --text-color: var(--card-text-color, var(--text-color));
}

.card--style-6 .heading {
  color: var(--bg-text-color, var(--heading-color));
}

.card--style-6 li, .card--style-6 p {
  color: var(--bg-text-color, var(--text-color));
}

@media (min-width: 47.5rem) {
  .card--style-6 {
    --card-bg-top: 19.0789473684vw;
    --card-padding: 30px var(--screen-edge-padding);
    --card-padding: 1.88rem var(--screen-edge-padding);
    margin-inline: 0;
    width: 100%;
  }
}
@media (min-width: 64rem) {
  .card--style-6 {
    --card-flow: row;
    --card-media-width: 460px;
    --card-media-width: 28.75rem;
    --card-padding: 0 30px;
    --card-padding: 0 1.88rem;
    padding: 50px 0;
    padding: 3.13rem 0;
    --card-bg-top: 0;
    --card-bg-left: 130px;
    --card-bg-left: 8.13rem;
    --caption-right: 0px;
    --caption-left: auto;
  }
}
@media (min-width: 80rem) {
  .card--style-6 {
    --card-media-width: 550px;
    --card-media-width: 34.38rem;
    --card-padding: 0 60px;
    --card-padding: 0 3.75rem;
  }
}
@media (min-width: 100rem) {
  .card--style-6 {
    padding: 75px 0;
    padding: 4.69rem 0;
    --card-media-width: 650px;
    --card-media-width: 40.63rem;
    --card-padding: 0 90px 0 100px;
    --card-padding: 0 5.63rem 0 6.25rem;
    --card-bg-left: 246px;
    --card-bg-left: 15.38rem;
    --card-bg-width: auto;
  }
}
@media (min-width: 120rem){
  .card--style-6{
    padding: 3.90625vw 0;
    --card-padding: 0 4.6875vw 0 5.20833vw;
    --card-media-width: 33.85417vw;
    --card-content-gap: 1.04167vw;
    --caption-bottom: 0vw;
    --card-bg-left: 12.8125vw;
    --caption-right: 0vw;
  }
}
.card--style-6.card--with-watermark {
  background-image: none;
}

.card--style-6.card--with-watermark:before {
  background-image: var(--bg-watermark);
  background-repeat: no-repeat;
  background-size: 117.5cqi 116.5625cqi;
  background-position: bottom -2.1428571429cqi right -3.0714285714cqi;
}

@media (min-width: 47.5rem) {
  .card--style-6.card--with-watermark:before {
    background-size: 100cqi 99.2857142857cqi;
  }
}
@media (min-width: 64rem) {
  .card--style-6.card--with-watermark:before {
    background-size: 61.7142857143cqi 61.3571428571cqi;
    background-position: top -4.2857142857cqi right -1.2857142857cqi;
  }
}
@media (min-width: 64rem) {
  .card--style-6.card--inverted {
    --card-bg-right: 130px;
    --card-bg-right: 8.13rem;
    --card-bg-left: auto;
  }
}
@media (min-width: 100rem) {
  .card--style-6.card--inverted {
    --card-bg-right: 246px;
    --card-bg-right: 15.38rem;
    --card-bg-left: 0;
  }
}
@media (min-width: 120rem){
  .card--style-6.card--inverted{
    --card-bg-right: 12.8125vw;
  }
}
@media (min-width: 64rem) and (max-width: 79.94rem) {
  .card--style-6.card--stacked-at-small {
    --card-flow: column;
    --card-media-width: calc(100% - (var(--screen-edge-padding) * 2));
    --card-padding: 20px var(--screen-edge-padding) 25px;
    --card-padding: 1.25rem var(--screen-edge-padding) 1.56rem;
    padding: 0;
    --card-bg-top: 55.3125vw;
    --card-bg-left: 0px;
    --caption-right: 0px;
    --caption-left: auto;
  }
}
.card--vertical-image-block {
  --card-flow: column;
  --card-content-bg: var(--bg-color);
  --card-content-align: stretch;
  --card-media-width: 100%;
  --card-media-aspect-ratio: 440 / 440;
  --card-content-margin-inline: 10px;
  --card-content-margin-inline: 0.63rem;
  --card-child-width: calc(100% - (var(--card-content-margin-inline) * 2));
  --card-content-gap: 0px;
  position: relative;
  overflow: hidden;
  --card-padding: 10px;
  --card-padding: 0.63rem;
  container-type: inline-size;
}

@media (min-width: 47.5rem) {
  .card--vertical-image-block {
    --card-content-margin-inline: 20px;
    --card-content-margin-inline: 1.25rem;
    --card-content-gap: 5px;
    --card-content-gap: 0.31rem;
    --card-padding: 12px 15px;
    --card-padding: 0.75rem 0.94rem;
  }
}
@media (min-width: 80rem) {
  .card--vertical-image-block {
    --card-content-margin-inline: 20px;
    --card-content-margin-inline: 1.25rem;
    --card-content-gap: 5px;
    --card-content-gap: 0.31rem;
    --card-padding: 15px 20px;
    --card-padding: 0.94rem 1.25rem;
  }
}
@media (min-width: 100rem) {
  .card--vertical-image-block {
    --card-padding: 20px;
    --card-padding: 1.25rem;
    --card-content-margin-inline: 40px;
    --card-content-margin-inline: 2.5rem;
    --card-content-gap: 10px;
    --card-content-gap: 0.63rem;
  }
}
@media (min-width: 120rem){
  .card--vertical-image-block{
    --card-content-margin-inline: 2.08333vw;
    --card-content-gap: 0.52083vw;
    --card-padding: 1.04167vw;
  }
}
.card--vertical-image-block .card__media {
  -webkit-user-select: none;
          user-select: none;
  margin-bottom: -40px;
  margin-bottom: -2.5rem;
}

@media (min-width: 47.5rem) {
  .card--vertical-image-block .card__media {
    margin-bottom: -46px;
    margin-bottom: -2.88rem;
  }
}
@media (min-width: 80rem) {
  .card--vertical-image-block .card__media {
    margin-bottom: -55px;
    margin-bottom: -3.44rem;
  }
}
@media (min-width: 100rem) {
  .card--vertical-image-block .card__media {
    margin-bottom: -65px;
    margin-bottom: -4.06rem;
  }
}
@media (min-width: 120rem){
  .card--vertical-image-block .card__media{
    margin-bottom: -3.38542vw;
  }
}
.card--vertical-image-block .card__media::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: opacity 0.3s linear;
}

.card--vertical-image-block .card__content {
  --accent-text: var(--heading-color);
  text-align: center;
  margin-inline: var(--card-content-margin-inline);
  justify-content: center;
  container-type: normal;
  position: static;
  z-index: 1;
}

.card--vertical-image-block .card__content a {
  text-decoration: none;
  text-decoration: none;
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--white)) 1px, var(--underline-color, var(--white)) 2px, transparent 2px, transparent 3px);
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--white)) 1px, var(--underline-color, var(--white)) 0.13rem, transparent 0.13rem, transparent 0.19rem);
  background-size: 0 3px;
  background-size: 0 0.19rem;
  background-position: 0 bottom;
  background-repeat: no-repeat;
  padding-bottom: 0;
  transition: color 150ms linear, background-size 0.3s ease-in-out;
  border-bottom: 3px solid transparent;
  border-bottom: 0.19rem solid transparent;
}

@media (min-width: 120rem){
  .card--vertical-image-block .card__content a{
    background-image: linear-gradient(transparent 0.05208vw, var(--underline-color, var(--white)) 0.05208vw, var(--underline-color, var(--white)) 0.10417vw, transparent 0.10417vw, transparent 0.15625vw);
    background-size: 0 0.15625vw;
    border-bottom: 0.15625vw solid transparent;
  }
}

.card--vertical-image-block .card__content a:hover {
  background-size: 100% 3px;
  background-size: 100% 0.19rem;
}

@media (min-width: 120rem){
  .card--vertical-image-block .card__content a:hover{
    background-size: 100% 0.15625vw;
  }
}

.card--vertical-image-block .card__content .heading--4-serif strong {
  font-weight: 600;
}

.card--vertical-image-block:hover {
  --card-content-bg: var(--violet);
}

.card--vertical-image-block:hover .card__media::after {
  opacity: 1;
}

.card--vertical-image-block:hover .card__content {
  --accent-text: var(--white);
  --text-color: var(--white);
}

@media (min-width: 64rem) {
  .card--inverted {
    --card-flow: row-reverse;
    --card-bg-left: 0;
  }
}
.card--with-watermark {
  container-type: inline-size;
}

.card--with-watermark:before {
  background-image: var(--bg-watermark);
  background-repeat: no-repeat;
  background-size: 51cqi 50.7857142857cqi;
  background-position: top -5.7142857143cqi left 0;
}

.card--with-video {
  --card-flow: column-reverse;
  margin-inline: calc(var(--screen-edge-padding) * -1);
  width: calc(100% + var(--screen-edge-padding) * 2);
  --card-padding: 15px;
  --card-padding: 0.94rem;
  --card-media-aspect-ratio: 650/500;
  --card-media-width: calc(100% - (var(--card-padding) * 2));
}

.card--with-video:before {
  height: calc(100% - 173px);
  height: calc(100% - 10.81rem);
  top: 0;
  background-size: 61.7142857143cqi 61.3571428571cqi;
  background-position: top 0 left -0.9285714286cqi;
}

@media (min-width: 64rem) {
  .card--with-video:before {
    height: 100%;
    right: 0;
    left: auto;
  }
}
@media (min-width: 47.5rem) {
  .card--with-video {
    width: 100%;
    margin-inline: auto;
    --card-padding: 30px;
    --card-padding: 1.88rem;
  }
}
@media (min-width: 64rem) {
  .card--with-video {
    width: 100%;
    margin-inline: auto;
    --card-padding: 0;
    --card-flow: row;
    --card-outer-padding: 50px 30px 50px 0;
    --card-outer-padding: 3.13rem 1.88rem 3.13rem 0;
    --card-gap: 30px;
    --card-gap: 1.88rem;
    --card-bg-width: calc(100% - 130px);
    --card-bg-width: calc(100% - 8.13rem);
    --card-media-width: 450px;
    --card-media-width: 28.13rem;
  }
  .card--with-video.card--inverted {
    --card-flow: row-reverse;
    --card-outer-padding: 50px 0 50px 30px;
    --card-outer-padding: 3.13rem 0 3.13rem 1.88rem;
  }
}
@media (min-width: 80rem) {
  .card--with-video {
    --card-bg-width: calc(100% - 246px);
    --card-bg-width: calc(100% - 15.38rem);
    --card-media-width: 550px;
    --card-media-width: 34.38rem;
    --card-content-gap: 30px;
    --card-content-gap: 1.88rem;
    --card-outer-padding: 60px 60px 60px 0;
    --card-outer-padding: 3.75rem 3.75rem 3.75rem 0;
  }
  .card--with-video.card--inverted {
    --card-outer-padding: 60px 0 60px 60px;
    --card-outer-padding: 3.75rem 0 3.75rem 3.75rem;
  }
}
@media (min-width: 100rem) {
  .card--with-video {
    --card-outer-padding: 80px 100px 80px 0;
    --card-outer-padding: 5rem 6.25rem 5rem 0;
    --card-media-width: 650px;
    --card-media-width: 40.63rem;
    --card-gap: 90px;
    --card-gap: 5.63rem;
  }
  .card--with-video.card--inverted {
    --card-outer-padding: 80px 0 80px 100px;
    --card-outer-padding: 5rem 0 5rem 6.25rem;
  }
}
@media (min-width: 120rem){
  .card--with-video.card--inverted{
    --card-outer-padding: 4.16667vw 0 4.16667vw 5.20833vw;
  }
}
@media (min-width: 120rem){
  .card--with-video{
    --card-media-width: 33.85417vw;
    --card-outer-padding: 4.16667vw 5.20833vw 4.16667vw 0;
    --card-gap: 4.6875vw;
    --card-bg-width: calc(100% - 12.8125vw);
    --card-content-gap: 1.5625vw;
  }
}
.card--with-video .video-link__icon {
  width: 20cqi;
}

.card--with-video .video-link__text {
  position: absolute;
  fill: var(--white);
  top: calc(50% - 8.6505190311cqi);
  left: calc(50% - 8.6505190311cqi);
  transform: translate(-50%, -50%);
  width: 27.6816608997cqi;
  aspect-ratio: 1;
}

.card--with-video .video-link__text svg {
  height: 100%;
  width: 100%;
}

.card--with-video .card__media a:after {
  content: "";
  opacity: 0.4;
  background: radial-gradient(50% 50% at 50% 50%, #000 0%, rgba(0, 0, 0, 0) 68.75%);
  position: absolute;
  height: 100%;
  width: 100%;
}

@media (min-width: 64rem) {
  .card--with-video.card--inverted:before {
    left: 0;
    right: auto;
  }
}
.card--large {
  --card-content-gap: 15px;
  --card-content-gap: 0.94rem;
  --card-bg-width: calc(100% + (var(--screen-edge-padding) * 2));
  --card-bg-height: calc(100% - 149px);
  --card-bg-height: calc(100% - 9.31rem);
  --card-bg-right: calc(var(--screen-edge-padding) * -1);
  --card-bg-left: auto;
  --card-padding: 20px 0 25px 0;
  --card-padding: 1.25rem 0 1.56rem 0;
  overflow: visible;
}

@media (min-width: 47.5rem) {
  .card--large {
    --card-bg-height: calc(100% - 124px);
    --card-bg-height: calc(100% - 7.75rem);
    --card-bg-width: 100%;
    --card-bg-right: 0;
    --card-flow: column;
    --card-padding: 30px;
    --card-padding: 1.88rem;
    --card-outer-padding: 0;
  }
}
@media (min-width: 64rem) {
  .card--large {
    --card-flow: row;
    --card-bg-height: 100%;
    --card-bg-right: unset;
    --card-bg-left: auto;
    --card-outer-padding: 30px 40px 30px 0;
    --card-outer-padding: 1.88rem 2.5rem 1.88rem 0;
    --card-padding: 0;
    --card-media-aspect-ratio: 550/377;
    --card-media-width: 470px;
    --card-media-width: 29.38rem;
    --card-bg-width: 82%;
  }
}
@media (min-width: 100rem) {
  .card--large {
    --card-outer-padding: 40px 60px 40px 0;
    --card-outer-padding: 2.5rem 3.75rem 2.5rem 0;
    --card-media-aspect-ratio: 685/470;
    --card-media-width: 685px;
    --card-media-width: 42.81rem;
    --card-bg-width: 93%;
    --card-bg-right: 0;
  }
}
@media (min-width: 120rem){
  .card--large{
    --card-content-gap: 0.78125vw;
    --card-outer-padding: 2.08333vw 3.125vw 2.08333vw 0;
    --card-media-width: 35.67708vw;
  }
}
@media (min-width: 64rem) {
  .card--large.card--inverted {
    --card-flow: row-reverse;
    --card-outer-padding: 30px 0 30px 40px;
    --card-outer-padding: 1.88rem 0 1.88rem 2.5rem;
    --card-bg-right: auto;
    --card-bg-left: 0;
  }
}
@media (min-width: 100rem) {
  .card--large.card--inverted {
    --card-outer-padding: 40px 0 40px 60px;
    --card-outer-padding: 2.5rem 0 2.5rem 3.75rem;
  }
}
@media (min-width: 120rem){
  .card--large.card--inverted{
    --card-outer-padding: 2.08333vw 0 2.08333vw 3.125vw;
  }
}
.card--large.card--with-watermark {
  background-size: 54.8387096774cqi 54.6082949309cqi;
  background-position: top -5.5299539171cqi left 0;
}

@media (min-width: 100rem) {
  .card--large .btn {
    margin-top: 10px;
    margin-top: 0.63rem;
  }
}

@media (min-width: 120rem){
  .card--large .btn{
    margin-top: 0.52083vw;
  }
}
.card--small {
  --card-outer-padding: 20px 20px 0 20px;
  --card-outer-padding: 1.25rem 1.25rem 0 1.25rem;
  --card-gap: 25px;
  --card-gap: 1.56rem;
  --card-content-gap: 15px;
  --card-content-gap: 0.94rem;
}
@media (min-width: 120rem){
  .card--small{
    --card-outer-padding: 1.04167vw 1.04167vw 0 1.04167vw;
    --card-gap: 1.30208vw;
    --card-content-gap: 0.78125vw;
  }
}

.card--small:before {
  background-size: 135.5223880597cqi 129.8507462687cqi;
  background-position: top 0 left -17.6119402985cqi;
}

.card--small.card--inverted {
  --card-outer-padding: 0 20px 20px 20px;
  --card-outer-padding: 0 1.25rem 1.25rem 1.25rem;
}

@media (min-width: 120rem){
  .card--small.card--inverted{
    --card-outer-padding: 0 1.04167vw 1.04167vw 1.04167vw;
  }
}

.card--small.card--inline {
  --card-content-gap: 15px;
  --card-content-gap: 0.94rem;
  --card-bg-height: calc(100% - 130px);
  --card-bg-height: calc(100% - 8.13rem);
  --card-media-aspect-ratio: 1;
  --card-gap: 15px;
  --card-gap: 0.94rem;
  --card-outer-padding: 0 15px 20px 15px;
  --card-outer-padding: 0 0.94rem 1.25rem 0.94rem;
}

@media (min-width: 37.5rem) and (max-width: 47.44rem) {
  .card--small.card--inline {
    --card-flow: column;
    --card-bg-right: 0;
    --card-bg-left: 0;
    --card-outer-padding: 0 30px 30px 30px;
    --card-outer-padding: 0 1.88rem 1.88rem 1.88rem;
    --card-media-width: 100%;
    --card-bg-bottom: 0;
    --card-bg-height: calc(100% - 130px);
    --card-bg-height: calc(100% - 8.13rem);
    --card-bg-width: 100%;
  }
}
@media (min-width: 47.5rem) {
  .card--small.card--inline {
    --card-bg-height: 100%;
    --card-bg-right: 0;
    --card-bg-left: 70px;
    --card-bg-left: 4.38rem;
    overflow: hidden;
    --card-media-width: 220px;
    --card-media-width: 13.75rem;
    --card-gap: 30px;
    --card-gap: 1.88rem;
    --card-flow: row;
    --card-outer-padding: 30px 0;
    --card-outer-padding: 1.88rem 0;
    --card-padding: 0 30px 0 0;
    --card-padding: 0 1.88rem 0 0;
  }
}
@media (min-width: 80rem) {
  .card--small.card--inline {
    --card-gap: 60px;
    --card-gap: 3.75rem;
    --card-media-width: 260px;
    --card-media-width: 16.25rem;
    --card-bg-left: auto;
    --card-bg-right: 0;
    --card-content-gap: 25px;
    --card-content-gap: 1.56rem;
  }
}
@media (min-width: 120rem){
  .card--small.card--inline{
    --card-content-gap: 1.30208vw;
    --card-gap: 3.125vw;
    --card-outer-padding: 1.5625vw 0;
    --card-media-width: 13.54167vw;
    --card-padding: 0 1.5625vw 0 0;
  }
}
@media (min-width: 47.5rem) {
  .card--small.card--inline.card--inverted {
    --card-bg-right: 70px;
    --card-bg-right: 4.38rem;
    --card-bg-left: 0;
    --card-flow: row-reverse;
    --card-padding: 0 0 0 30px;
    --card-padding: 0 0 0 1.88rem;
  }
}
@media (min-width: 80rem) {
  .card--small.card--inline.card--inverted {
    --card-bg-right: 142px;
    --card-bg-right: 8.88rem;
  }
}
@media (min-width: 120rem){
  .card--small.card--inline.card--inverted{
    --card-bg-right: 7.39583vw;
    --card-padding: 0 0 0 1.5625vw;
  }
}
.card--no-padding {
  --card-outer-padding: 0;
  --card-gap: 35px;
  --card-gap: 2.19rem;
  --card-padding: 0 15px;
  --card-padding: 0 0.94rem;
  --card-content-gap: 10px;
  --card-content-gap: 0.63rem;
  --card-media-aspect-ratio: 290 / 99;
}

.card--no-padding.card--stacked {
  --card-outer-padding: 0;
}

@media (min-width: 47.5rem) {
  .card--no-padding {
    --card-padding: 0 30px;
    --card-padding: 0 1.88rem;
    --card-content-gap: 15px;
    --card-content-gap: 0.94rem;
  }
}
@media (min-width: 64rem) {
  .card--no-padding {
    --card-padding: 0 20px;
    --card-padding: 0 1.25rem;
  }
}
@media (min-width: 80rem) {
  .card--no-padding {
    --card-padding: 0 30px;
    --card-padding: 0 1.88rem;
  }
}
@media (min-width: 120rem){
  .card--no-padding{
    --card-gap: 1.82292vw;
    --card-padding: 0 1.5625vw;
    --card-content-gap: 0.78125vw;
  }
}
.card--medium {
  --card-outer-padding: 0 20px 20px 20px;
  --card-outer-padding: 0 1.25rem 1.25rem 1.25rem;
  --card-gap: 20px;
  --card-gap: 1.25rem;
  --card-content-gap: 10px;
  --card-content-gap: 0.63rem;
  --card-media-aspect-ratio: 620/320;
}

@media (min-width: 47.5rem) {
  .card--medium {
    --card-outer-padding: 30px 30px 0 30px;
    --card-outer-padding: 1.88rem 1.88rem 0 1.88rem;
    --card-gap: 35px;
    --card-gap: 2.19rem;
    --card-content-gap: 15px;
    --card-content-gap: 0.94rem;
  }
  .card--medium.card--inverted {
    --card-outer-padding: 0 15px 30px 15px;
    --card-outer-padding: 0 0.94rem 1.88rem 0.94rem;
  }
}

@media (min-width: 120rem){
  .card--medium{
    --card-outer-padding: 1.5625vw 1.5625vw 0 1.5625vw;
    --card-gap: 1.82292vw;
    --card-content-gap: 0.78125vw;
  }
}
@media (min-width: 47.5rem) and (min-width: 64rem) {
  .card--medium.card--inverted {
    --card-outer-padding: 0 30px 30px 30px;
    --card-outer-padding: 0 1.88rem 1.88rem 1.88rem;
  }
}
@media (min-width: 120rem){
  .card--medium.card--inverted{
    --card-outer-padding: 0 1.5625vw 1.5625vw 1.5625vw;
  }
}
@media (min-width: 47.5rem) {
  .card--medium.card--inline {
    --card-outer-padding: 30px 30px 30px 0;
    --card-outer-padding: 1.88rem 1.88rem 1.88rem 0;
  }
  .card--medium.card--inline.card--inverted {
    --card-outer-padding: 30px 0 30px 30px;
    --card-outer-padding: 1.88rem 0 1.88rem 1.88rem;
  }
}
@media (min-width: 120rem){
  .card--medium.card--inline.card--inverted{
    --card-outer-padding: 1.5625vw 0 1.5625vw 1.5625vw;
  }
}
@media (min-width: 120rem){
  .card--medium.card--inline{
    --card-outer-padding: 1.5625vw 1.5625vw 1.5625vw 0;
  }
}
.card--medium.card--stacked {
  --card-gap: 10px;
  --card-gap: 0.63rem;
}

@media (min-width: 47.5rem) {
  .card--medium.card--stacked {
    --card-gap: 30px;
    --card-gap: 1.88rem;
  }
}

@media (min-width: 120rem){
  .card--medium.card--stacked{
    --card-gap: 1.5625vw;
  }
}
/*Standard Breakpoints*/
.case-study {
  container-type: inline-size;
  width: 100%;
}

@media (max-width: 47.44rem) {
  .case-study .box--quote {
    margin-top: 13px;
    margin-top: 0.81rem;
  }
  .case-study .box--quote .box__icon {
    width: 38px;
    width: 2.38rem;
    border-bottom: 18px solid var(--accent, transparent);
    border-bottom: 1.13rem solid var(--accent, transparent);
    bottom: calc(100% - 18px);
    bottom: calc(100% - 1.13rem);
  }
  .case-study .box--quote .box__icon svg {
    width: 28px;
    width: 1.75rem;
    height: 24px;
    height: 1.5rem;
    bottom: -11px;
    bottom: -0.69rem;
  }
}
@media (min-width: 47.5rem) {
  .case-study .box--quote {
    --box-gap: 43px;
    --box-gap: 2.69rem;
  }
  .case-study .box--quote .box__icon {
    bottom: calc(100% - 20px);
    bottom: calc(100% - 1.25rem);
  }
}
@media (min-width: 120rem){
  .case-study .box--quote .box__icon{
    bottom: calc(100% - 1.04167vw);
  }
}
@media (min-width: 64rem) {
  .case-study .box--quote {
    --box-gap: 20px;
    --box-gap: 1.25rem;
  }
}
@media (min-width: 80rem) {
  .case-study .box--quote {
    --box-padding: 40px 20px;
    --box-padding: 2.5rem 1.25rem;
  }
}
@media (min-width: 100rem) {
  .case-study .box--quote {
    --box-padding: 50px 30px;
    --box-padding: 3.13rem 1.88rem;
  }
}
@media (min-width: 120rem){
  .case-study .box--quote{
    --box-gap: 1.04167vw;
    --box-padding: 2.60417vw 1.5625vw;
  }
}
.case-study .author__text .square-s {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  line-height: 1.25rem;
}
@media (min-width: 120rem){
  .case-study .author__text .square-s{
    font-size: 0.625vw;
    line-height: 1.04167vw;
  }
}

.case-study .author__text .square-m {
  font-size: 14px;
  font-size: 0.88rem;
  line-height: 20px;
  line-height: 1.25rem;
}

@media (min-width: 120rem){
  .case-study .author__text .square-m{
    font-size: 0.72917vw;
    line-height: 1.04167vw;
  }
}

.case-study__grid {
  display: grid;
  width: 100%;
  position: relative;
  isolation: isolate;
  padding-top: 13.7931034483cqi;
  gap: 5.1724137931cqi;
  grid-template-areas: "content content content content" ". slot1 slot1 slot1" "slot2 slot2 slot3 ." "slot2  slot2 slot4 slot4" ".  . slot4 slot4" ".  . slot4 slot4" "slot5 slot5 slot5 slot5";
  grid-template-columns: 11.3793103448cqi 28.9655172414cqi 31.724137931cqi 12.4137931034cqi;
  grid-template-rows: auto auto auto auto 0 auto;
}

@media (min-width: 37.5rem) {
  .case-study__grid {
    grid-template-areas: "content content content ." "slot1 slot1 slot1 ." ". slot2 slot3 slot3" "slot4 slot4 slot3 slot3" "slot4 slot4 slot5 slot5";
    gap: 2.8571428571cqi;
    padding-top: 8.2857142857cqi;
    grid-template-columns: 8.5714285714cqi 31.4285714286cqi 42.8571428571cqi 8.5714285714cqi;
    grid-template-rows: auto auto auto auto auto;
  }
}
@media (min-width: 64rem) {
  .case-study__grid {
    gap: 2.5cqi;
    padding-top: 6.6666666667cqi;
    grid-template-areas: "content content slot1 slot1 slot1" "slot2 slot3 slot3 slot4 slot4" "slot2 slot3 slot3 slot5 slot5";
    grid-template-columns: 24.1666666667cqi 12.5cqi 21.6666666667cqi 27.5cqi 4.1666666667cqi;
    grid-template-rows: auto auto auto;
  }
}
@media (min-width: 80rem) {
  .case-study__grid {
    gap: 2.5cqi;
    padding-top: 6.6666666667cqi;
    grid-template-areas: "content content content slot1 slot1" ". slot2 slot3 slot3 slot4" ". slot2 slot3 slot3 slot5";
    grid-template-columns: 4.1666666667cqi 24.1666666667cqi 12.5cqi 21.6666666667cqi 27.5cqi;
    grid-template-rows: auto auto auto;
  }
}
@media (min-width: 100rem) {
  .case-study__grid {
    gap: 2.1428571429cqi;
    padding-top: 7.1428571429cqi;
    grid-template-areas: "content content content slot1 slot1 slot1" ". slot2 slot3 slot3 slot4 ." ". slot2 slot3 slot3 slot5 .";
    grid-template-columns: 3.5714285714cqi 22.8571428571cqi 16.4285714286cqi 13.5714285714cqi 28.5714285714cqi 3.5714285714cqi;
  }
}
.case-study__grid-bg {
  position: absolute;
  top: 0;
  left: calc(var(--screen-edge-padding) * -1);
  right: calc(var(--screen-edge-padding) * -1);
  bottom: 362px;
  bottom: 22.63rem;
  z-index: -1;
  background: var(--bg-color);
}

@media (min-width: 37.5rem) {
  .case-study__grid-bg {
    right: 17.1428571429cqi;
    bottom: 33.7142857143cqi;
  }
}
@media (min-width: 64rem) {
  .case-study__grid-bg {
    left: -10cqi;
    right: 13.3333333333cqi;
    bottom: 15.1666666667cqi;
  }
}
@media (min-width: 80rem) {
  .case-study__grid-bg {
    bottom: 15.1666666667cqi;
  }
}
@media (min-width: 100rem) {
  .case-study__grid-bg {
    left: -8.5714285714cqi;
    right: 21.0714285714cqi;
    bottom: 16.5714285714cqi;
  }
}
.case-study__item {
  container-type: inline-size;
  display: flex;
  flex-flow: row;
  justify-content: stretch;
  gap: 15px;
  gap: 0.94rem;
}

@media (min-width: 37.5rem) {
  .case-study__item {
    flex-flow: column;
  }
}
@media (min-width: 47.5rem) {
  .case-study__item {
    gap: 20px;
    gap: 1.25rem;
  }
}
@media (min-width: 120rem){
  .case-study__item{
    gap: 1.04167vw;
  }
}
.case-study__item:nth-child(1) {
  grid-area: content;
}

.case-study__item:nth-child(2) {
  grid-area: slot1;
}

.case-study__item:nth-child(3) {
  grid-area: slot2;
}

.case-study__item:nth-child(4) {
  grid-area: slot3;
}

.case-study__item:nth-child(5) {
  grid-area: slot4;
}

.case-study__item:nth-child(6) {
  grid-area: slot5;
}

@media (min-width: 64rem) {
  .case-study__item:nth-child(6) .box {
    margin-top: 13px;
    margin-top: 0.81rem;
  }
}
@media (min-width: 100rem) {
  .case-study__item:nth-child(6) .box {
    margin-top: 13px;
    margin-top: 0.81rem;
  }
}
@media (min-width: 120rem){
  .case-study__item:nth-child(6) .box{
    margin-top: 0.67708vw;
  }
}
.case-study__item--text {
  flex-flow: column;
  align-self: center;
  gap: 20px;
  gap: 1.25rem;
}

@media (min-width: 37.5rem) {
  .case-study__item--text {
    gap: 25px;
    gap: 1.56rem;
    max-width: 78.5714285714cqi;
  }
}
@media (min-width: 80rem) {
  .case-study__item--text {
    max-width: 600px;
    max-width: 37.5rem;
  }
}
@media (min-width: 100rem) {
  .case-study__item--text {
    gap: 40px;
    gap: 2.5rem;
  }
}
@media (min-width: 120rem){
  .case-study__item--text{
    gap: 2.08333vw;
    max-width: 31.25vw;
  }
}
.case-study__item--text .layout--inline:last-child {
  margin-top: 20px;
  margin-top: 1.25rem;
  --gap: 20px;
  --gap: 1.25rem;
}

@media (min-width: 47.5rem) {
  .case-study__item--text .layout--inline:last-child {
    margin-top: 25px;
    margin-top: 1.56rem;
  }
}
@media (min-width: 100rem) {
  .case-study__item--text .layout--inline:last-child {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
}
@media (min-width: 120rem){
  .case-study__item--text .layout--inline:last-child{
    margin-top: 2.08333vw;
    --gap: 1.04167vw;
  }
}
@media (min-width: 47.5rem) and (max-width: 63.94rem) {
  .case-study__item--text .wp-block-buttons {
    margin-bottom: 18px;
    margin-bottom: 1.13rem;
  }
}
@media (max-width: 47.44rem) {
  .case-study--style-4 .case-study__item:nth-child(5) {
    grid-area: slot5;
  }
  .case-study--style-4 .case-study__grid {
    display: grid;
    width: 100%;
    position: relative;
    isolation: isolate;
    padding-top: 13.7931034483cqi;
    gap: 5.1724137931cqi;
    grid-template-areas: "content content content content" ". slot1 slot1 slot1" "slot2 slot2 slot3 ." "slot2  slot2 slot4 slot4" "slot5 slot5 slot5 slot5";
    grid-template-columns: 11.3793103448cqi 28.9655172414cqi 31.724137931cqi 12.4137931034cqi;
    grid-template-rows: auto auto auto auto auto;
  }
}
@media (max-width: 47.44rem) {
  .case-study--style-3 .case-study__grid {
    display: grid;
    width: 100%;
    position: relative;
    isolation: isolate;
    padding-top: 13.7931034483cqi;
    gap: 5.1724137931cqi;
    grid-template-areas: "content content content content" ". slot1 slot1 slot1" "slot2 slot2 slot3 ." "slot2  slot2 slot4 slot4";
    grid-template-columns: 11.3793103448cqi 28.9655172414cqi 31.724137931cqi 12.4137931034cqi;
    grid-template-rows: auto auto auto auto;
  }
}
/*Standard Breakpoints*/
.case-study-image {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 242/156;
}

@media (min-width: 37.5rem) {
  .case-study-image {
    aspect-ratio: 620/429;
  }
}
@media (min-width: 100rem) {
  .case-study-image {
    aspect-ratio: 700/450;
  }
}
.case-study-image--almost-square {
  aspect-ratio: 92/87;
}

@media (min-width: 37.5rem) {
  .case-study-image--almost-square {
    aspect-ratio: 380/359;
  }
}
@media (min-width: 64rem) {
  .case-study-image--almost-square {
    aspect-ratio: 440/416;
  }
}
@media (min-width: 100rem) {
  .case-study-image--almost-square {
    aspect-ratio: 460/435;
  }
}
.case-study-image--almost-square .video-link__icon {
  width: 25.652173913cqi;
}

.case-study-image--rectangle {
  aspect-ratio: 132/212;
}

@media (min-width: 37.5rem) {
  .case-study-image--rectangle {
    aspect-ratio: 220/305;
  }
}
@media (min-width: 64rem) {
  .case-study-image--rectangle {
    aspect-ratio: 290/336;
  }
}
@media (min-width: 100rem) {
  .case-study-image--rectangle {
    aspect-ratio: 320/377;
  }
}
.case-study-image--small-rectangle {
  aspect-ratio: 400/310;
}

.case-study-stats {
  width: 100%;
  display: flex;
  flex-flow: column;
  margin-block: auto 0;
  gap: 10px;
  gap: 0.63rem;
  height: 100%;
  justify-content: space-between;
}

@media (min-width: 120rem){
  .case-study-stats{
    gap: 0.52083vw;
  }
}

@container (min-width: 18.06rem) {
  .case-study-stats {
    flex-flow: row;
    gap: 14px;
    gap: 0.88rem;
    justify-content: space-between;
    align-items: center;
    margin: auto;
  }
}
.case-study-stats .color--dark-grey {
  --icon-fill-color: var(--dark-grey);
}

.case-study-stats__text {
  display: flex;
  flex-flow: column;
  gap: 0;
  justify-self: flex-end;
}

@container (min-width: 20.56rem) {
  .case-study-stats__text {
    flex: 1 1 164px;
    flex: 1 1 10.25rem;
    width: auto;
    justify-self: center;
  }
}
.case-study-stats__text .heading {
  margin-bottom: 0;
}

/*Standard Breakpoints*/
@media (max-width: 37.44rem) {
  .case-study-stats__icon {
    display: none;
  }
}
.case-study-stats__icon {
  display: grid;
  grid-template-columns: 46fr 4fr 72fr 4fr 46fr;
  grid-template-rows: auto;
  align-items: end;
  width: 66.71%;
}

@container (min-width: 18.06rem) {
  .case-study-stats__icon {
    flex: 1 1 138px;
    flex: 1 1 8.63rem;
    width: auto;
  }
}
.case-study-stats__icon {
  --icon-width: 100%;
}

.case-study-people__side {
  grid-column: 1/span 2;
  grid-row: 1;
}

.case-study-people__side:nth-child(1) svg {
  transform: scaleX(-1);
}

.case-study-people__side:nth-child(3) {
  grid-column: 4/span 2;
}

.case-study-people__side svg {
  width: 100%;
  height: auto;
  fill: var(--heading-color);
}

.case-study-people__middle {
  grid-column: 2/span 3;
  grid-row: 1;
}

.case-study-people__middle svg {
  width: 100%;
  height: auto;
  fill: var(--heading-color);
}

.case-study-stats__icon--receipt {
  bottom: -2px;
  bottom: -0.13rem;
  right: 30px;
  right: 1.88rem;
  position: relative;
  margin-top: -2px;
  margin-top: -0.13rem;
}

@media (min-width: 37.5rem) {
  .case-study-stats__icon--receipt {
    display: block;
    width: 70px;
    width: 4.38rem;
    bottom: -23px;
    bottom: -1.44rem;
    left: 0;
    flex: 0 0 auto;
    position: relative;
    aspect-ratio: 97/120;
    margin-top: -23px;
    margin-top: -1.44rem;
  }
}
@media (min-width: 80rem) {
  .case-study-stats__icon--receipt {
    width: 97px;
    width: 6.06rem;
    top: auto;
    bottom: -27px;
    bottom: -1.69rem;
    margin-top: auto;
  }
}
@media (min-width: 120rem){
  .case-study-stats__icon--receipt{
    bottom: -1.40625vw;
    right: 1.5625vw;
    width: 5.05208vw;
  }
}
.case-study-stats__icon--receipt svg {
  fill: var(--heading-color);
  position: absolute;
  width: 100%;
  height: 100%;
}

.case-study-stats__icon--arrow {
  bottom: -2px;
  bottom: -0.13rem;
  right: 30px;
  right: 1.88rem;
  position: relative;
  margin-top: -2px;
  margin-top: -0.13rem;
}

@media (min-width: 37.5rem) {
  .case-study-stats__icon--arrow {
    display: block;
    width: 80px;
    width: 5rem;
    bottom: -25px;
    bottom: -1.56rem;
    left: 0;
    flex: 0 0 auto;
    position: relative;
    aspect-ratio: 109/138;
    margin-top: -25px;
    margin-top: -1.56rem;
  }
}
@media (min-width: 80rem) {
  .case-study-stats__icon--arrow {
    width: 109px;
    width: 6.81rem;
  }
}
@media (min-width: 120rem){
  .case-study-stats__icon--arrow{
    bottom: -1.30208vw;
    right: 1.5625vw;
    margin-top: -1.30208vw;
    width: 5.67708vw;
  }
}
.case-study-stats__icon--arrow svg {
  fill: var(--heading-color);
  position: absolute;
  width: 100%;
  height: 100%;
}

.case-study-stats__icon--retail {
  right: 30px;
  right: 1.88rem;
  position: relative;
}

@media (min-width: 37.5rem) {
  .case-study-stats__icon--retail {
    display: block;
    left: 0;
    flex: 0 0 auto;
    position: relative;
    aspect-ratio: 99/109;
    width: 80px;
    width: 5rem;
  }
}
@media (min-width: 80rem) {
  .case-study-stats__icon--retail {
    width: 99px;
    width: 6.19rem;
  }
}
@media (min-width: 120rem){
  .case-study-stats__icon--retail{
    right: 1.5625vw;
    width: 5.15625vw;
  }
}
.case-study-stats__icon--retail svg {
  fill: var(--heading-color);
  position: absolute;
  width: 100%;
  height: 100%;
}

.case-study-stats__icon--calendar {
  right: 19px;
  right: 1.19rem;
  position: relative;
}

@media (min-width: 37.5rem) {
  .case-study-stats__icon--calendar {
    display: block;
    left: 0;
    flex: 0 0 auto;
    position: relative;
    aspect-ratio: 102/109;
    width: 80px;
    width: 5rem;
  }
}
@media (min-width: 80rem) {
  .case-study-stats__icon--calendar {
    width: 102px;
    width: 6.38rem;
  }
}
@media (min-width: 120rem){
  .case-study-stats__icon--calendar{
    right: 0.98958vw;
    width: 5.3125vw;
  }
}
.case-study-stats__icon--calendar svg {
  fill: var(--heading-color);
  position: absolute;
  width: 100%;
  height: 100%;
}

.case-study-stats--stacked {
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  gap: 0.63rem;
  container-type: inline-size;
}

@media (min-width: 120rem){
  .case-study-stats--stacked{
    gap: 0.52083vw;
  }
}

@media (min-width: 100rem) {
  @container (min-width: 210px) {
    .case-study-stats--stacked {
      gap: 4.7619047619cqw;
    }
  }
}
.case-study-stats--stacked .heading {
  font-size: 18px;
  font-size: 1.13rem;
  line-height: 26px;
  line-height: 1.63rem;
}
@media (min-width: 120rem){
  .case-study-stats--stacked .heading{
    font-size: 0.9375vw;
    line-height: 1.35417vw;
  }
}

@container (min-width: 7.5rem) {
  .case-study-stats--stacked .heading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
@container (min-width: 10.63rem) {
  .case-study-stats--stacked .heading {
    font-size: 34px;
    font-size: 2.13rem;
    line-height: 42px;
    line-height: 2.63rem;
  }
}
@container (min-width: 12.19rem) {
  .case-study-stats--stacked .heading {
    font-size: 54px;
    font-size: 3.38rem;
    line-height: 62px;
    line-height: 3.88rem;
  }
}
@media (min-width: 100rem) {
  @container (min-width: 210px) {
    .case-study-stats--stacked .heading {
      font-size: 25.7142857143cqw;
      line-height: 29.5238095238cqw;
    }
  }
}
@container (max-width: 10.63rem) {
  .case-study-stats--stacked p {
    font-size: 10px;
    font-size: 0.63rem;
    line-height: 16px;
    line-height: 1rem;
  }
}
@media (min-width: 100rem) {
  @container (min-width: 210px) {
    .case-study-stats--stacked p {
      font-size: 8.5714285714cqw;
      line-height: 15.2380952381cqw;
    }
  }
}
.case-study-stats--stacked .case-study-stats__icon {
  position: relative;
  aspect-ratio: 1;
  width: auto;
  height: 45px;
  height: 2.81rem;
  flex: unset;
  fill: var(--heading-color);
}
@media (min-width: 120rem){
  .case-study-stats--stacked .case-study-stats__icon{
    height: 2.34375vw;
  }
}

@container (min-width: 12.5rem) {
  .case-study-stats--stacked .case-study-stats__icon {
    height: 65px;
    height: 4.06rem;
  }
}
@container (min-width: 15.63rem) {
  .case-study-stats--stacked .case-study-stats__icon {
    height: 80px;
    height: 5rem;
  }
}
@media (min-width: 100rem) {
  @container (min-width: 210px) {
    .case-study-stats--stacked .case-study-stats__icon {
      height: 38.0952380952cqw;
    }
  }
}
.case-study-stats--stacked .case-study-stats__icon svg {
  position: absolute;
  height: 100%;
  width: 100%;
}

.case-study-stats-gallery {
  display: grid;
  grid-template-areas: "box";
  width: 100%;
}

.case-study-stats-gallery__item {
  grid-area: box;
  display: flex;
}

.case-study-stats-gallery__item .box:not(.a__i) {
  clip-path: inset(0 0 0 100%);
  transition: clip-path 0.4s ease-in-out;
}

.case-study-stats-gallery__item .box:not(.a__i) .heading--2 {
  opacity: 0;
  transform: translateY(30px) translateZ(0);
  transform: translateY(1.88rem) translateZ(0);
}

@media (min-width: 120rem){
  .case-study-stats-gallery__item .box:not(.a__i) .heading--2{
    transform: translateY(1.5625vw) translateZ(0);
  }
}

.case-study-stats-gallery__item .box:not(.a__i) p {
  opacity: 0;
  transform: translateY(30px) translateZ(0);
  transform: translateY(1.88rem) translateZ(0);
}

@media (min-width: 120rem){
  .case-study-stats-gallery__item .box:not(.a__i) p{
    transform: translateY(1.5625vw) translateZ(0);
  }
}

.case-study-stats-gallery__item .box:not(.a__i) .case-study-people__side {
  opacity: 0;
  transform: translateX(50%) translateZ(0);
}

.case-study-stats-gallery__item .box:not(.a__i) .case-study-people__side:last-child {
  transform: translateX(-50%) translateZ(0);
}

.case-study-stats-gallery__item .box:not(.a__i) .case-study-people__middle,
.case-study-stats-gallery__item .box:not(.a__i) .case-study-stats__icon {
  opacity: 0;
  transform: translateY(50%) translateZ(0);
}

.case-study-stats-gallery__item .box:not(.a__i).box--single-stats {
  clip-path: none;
  transition: none;
}

.case-study-stats-gallery__item .box:not(.a__i).box--single-stats .heading--2, .case-study-stats-gallery__item .box:not(.a__i).box--single-stats p, .case-study-stats-gallery__item .box:not(.a__i).box--single-stats .case-study-stats__icon {
  opacity: 1;
  transform: none;
}

.case-study-stats-gallery__item--active, .case-study-stats-gallery__item--in {
  z-index: 10;
}

.case-study-stats-gallery__item--active .box:not(.a__i), .case-study-stats-gallery__item--in .box:not(.a__i) {
  clip-path: inset(0);
}

.case-study-stats-gallery__item--active .box:not(.a__i) .heading--2, .case-study-stats-gallery__item--in .box:not(.a__i) .heading--2 {
  opacity: 1;
  transform: translateZ(0);
  transition: transform 0.3s ease-in-out 0.4s, opacity 0.2s linear 0.4s;
}

.case-study-stats-gallery__item--active .box:not(.a__i) p, .case-study-stats-gallery__item--in .box:not(.a__i) p {
  opacity: 1;
  transform: translateZ(0);
  transition: transform 0.3s ease-in-out 0.6s, opacity 0.2s linear 0.6s;
}

.case-study-stats-gallery__item--active .box:not(.a__i) .case-study-people__side, .case-study-stats-gallery__item--in .box:not(.a__i) .case-study-people__side {
  opacity: 1;
  transform: translateZ(0);
}

.case-study-stats-gallery__item--active .box:not(.a__i) .case-study-people__side:last-child, .case-study-stats-gallery__item--in .box:not(.a__i) .case-study-people__side:last-child {
  opacity: 1;
  transform: translateZ(0);
}

.case-study-stats-gallery__item--active .box:not(.a__i) .case-study-people__side, .case-study-stats-gallery__item--in .box:not(.a__i) .case-study-people__side {
  transition: transform 0.4s ease-in-out 1.2s, opacity 0.4s linear 1.2s;
}

.case-study-stats-gallery__item--active .box:not(.a__i) .case-study-people__middle,
.case-study-stats-gallery__item--active .box:not(.a__i) .case-study-stats__icon, .case-study-stats-gallery__item--in .box:not(.a__i) .case-study-people__middle,
.case-study-stats-gallery__item--in .box:not(.a__i) .case-study-stats__icon {
  opacity: 1;
  transform: translateZ(0);
  transition: transform 0.4s ease-in-out 0.8s, opacity 0.4s linear 0.8s;
}

.case-study-stats-gallery__item--in {
  z-index: 50;
}

.case-study-stats-gallery__item--full-text.case-study-stats-gallery__item--active .box:not(.a__i) .case-study-stats__text p:nth-child(1), .case-study-stats-gallery__item--full-text.case-study-stats-gallery__item--in .box:not(.a__i) .case-study-stats__text p:nth-child(1) {
  transition: transform 0.3s ease-in-out 0.4s, opacity 0.2s linear 0.4s;
}

.case-study-stats-gallery__item--full-text.case-study-stats-gallery__item--active .box:not(.a__i) .case-study-stats__text p:nth-child(2), .case-study-stats-gallery__item--full-text.case-study-stats-gallery__item--in .box:not(.a__i) .case-study-stats__text p:nth-child(2) {
  transition: transform 0.3s ease-in-out 0.6s, opacity 0.2s linear 0.6s;
}

.case-study-stats-gallery__item--full-text.case-study-stats-gallery__item--active .box:not(.a__i) .case-study-stats__text p:nth-child(3), .case-study-stats-gallery__item--full-text.case-study-stats-gallery__item--in .box:not(.a__i) .case-study-stats__text p:nth-child(3) {
  transition: transform 0.3s ease-in-out 0.8s, opacity 0.2s linear 0.8s;
}

.case-study-stats-gallery__item--leading-sentence .box:not(.a__i) .case-study-stats__text {
  align-items: flex-start;
}

.case-study-stats-gallery__item--leading-sentence .box:not(.a__i) .case-study-stats__text .heading--2 {
  opacity: 0;
  transform: scale(0.4);
  transform-origin: center;
}

.case-study-stats-gallery__item--leading-sentence.case-study-stats-gallery__item--active .box:not(.a__i) .case-study-stats__text p, .case-study-stats-gallery__item--leading-sentence.case-study-stats-gallery__item--in .box:not(.a__i) .case-study-stats__text p {
  transition: transform 0.3s ease-in-out 0.4s, opacity 0.2s linear 0.4s;
}

.case-study-stats-gallery__item--leading-sentence.case-study-stats-gallery__item--active .box:not(.a__i) .case-study-stats__text .heading--2, .case-study-stats-gallery__item--leading-sentence.case-study-stats-gallery__item--in .box:not(.a__i) .case-study-stats__text .heading--2 {
  opacity: 1;
  transform: scale(1);
  transition: transform 0.3s ease-in-out 0.6s, opacity 0.2s linear 0.6s;
}

/*Standard Breakpoints*/
.category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  gap: 0.63rem;
  justify-content: center;
}

@media (min-width: 100rem) {
  .category-list {
    gap: 30px;
    gap: 1.88rem;
  }
}

@media (min-width: 120rem){
  .category-list{
    gap: 1.5625vw;
  }
}
.category-list li {
  list-style: none;
}

.category-list li a {
  padding: 5px 10px;
  padding: 0.31rem 0.63rem;
  background: var(--light-grey);
  color: var(--dark-grey);
  display: block;
  text-decoration: none;
  transition: all 250ms ease-in-out;
}

@media (min-width: 120rem){
  .category-list li a{
    padding: 0.26042vw 0.52083vw;
  }
}

@media (max-width: 37.44rem) {
  .category-list li a {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.13rem;
    padding: 5px 8px;
    padding: 0.31rem 0.5rem;
  }
}
.category-list li a:hover {
  background: var(--off-white);
}

.category-list li a.active {
  background: var(--magic-mint);
}

.cky-consent-bar {
  margin: 15px;
  margin: 0.94rem;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: none !important;
  border-top: 4px solid #9FC !important;
  border-top: 0.25rem solid #9FC !important;
}

@media (min-width: 120rem){
  .cky-consent-bar{
    margin: 0.78125vw;
    border-top: 0.20833vw solid #9FC;
  }
}

.cky-consent-container {
  width: 100% !important;
  max-width: 580px !important;
  max-width: 36.25rem !important;
}

@media (min-width: 120rem){
  .cky-consent-container{
    max-width: 30.20833vw;
  }
}

.cky-overlay {
  opacity: 0.7 !important;
}

.cky-notice-btn-wrapper {
  flex-flow: row !important;
  padding: 0 !important;
  gap: 10px !important;
  gap: 0.63rem !important;
  margin-top: 0 !important;
}

@media (min-width: 31.88rem) {
  .cky-notice-btn-wrapper {
    flex-flow: row wrap-reverse !important;
    justify-content: flex-start !important;
  }
}

@media (min-width: 120rem){
  .cky-notice-btn-wrapper{
    gap: 0.52083vw;
  }
}
.cky-btn {
  font-family: "space-mono", monospace !important;
  width: auto !important;
  padding: 10px 5px !important;
  padding: 0.63rem 0.31rem !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 28px !important;
  line-height: 1.75rem !important;
  border: 2px solid #DA2729 !important;
  border: 0.13rem solid #DA2729 !important;
}

@media (min-width: 31.88rem) {
  .cky-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 10px 20px !important;
    padding: 0.63rem 1.25rem !important;
    min-width: 220px !important;
    min-width: 13.75rem !important;
    font-size: 20px !important;
    font-size: 1.25rem !important;
    line-height: 28px !important;
    line-height: 1.75rem !important;
  }
}
@media (min-width: 39.38rem) {
  .cky-btn {
    min-width: 166px !important;
    min-width: 10.38rem !important;
  }
}
@media (min-width: 120rem){
  .cky-btn{
    padding: 0.52083vw 1.04167vw;
    font-size: 1.04167vw;
    line-height: 1.45833vw;
    border: 0.10417vw solid #DA2729;
    min-width: 8.64583vw;
  }
}
.cky-btn.cky-btn-customize {
  order: 2 !important;
  color: #1C1C1B !important;
  background-color: #E9E6E1 !important;
  border-color: #E9E6E1 !important;
}

.cky-btn.cky-btn-accept {
  order: 1 !important;
  color: #FFF !important;
  background-color: #4E20D2 !important;
  border-color: #4E20D2 !important;
}

.cky-notice-des {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.cky-notice-des p {
  font-family: "space-mono", monospace !important;
  color: #454545 !important;
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 24px !important;
  line-height: 1.5rem !important;
  font-weight: 400 !important;
}

@media (min-width: 120rem){
  .cky-notice-des p{
    font-size: 0.83333vw;
    line-height: 1.25vw;
  }
}

.cky-title {
  font-family: "work-sans", Arial, sans-serif !important;
  color: #222 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  font-size: 26px !important;
  font-size: 1.63rem !important;
  line-height: 36px !important;
  line-height: 2.25rem !important;
  font-weight: 900 !important;
}

@media (min-width: 31.88rem) {
  .cky-title {
    font-size: 34px !important;
    font-size: 2.13rem !important;
    line-height: 42px !important;
    line-height: 2.63rem !important;
  }
}

@media (min-width: 120rem){
  .cky-title{
    font-size: 1.77083vw;
    line-height: 2.1875vw;
  }
}
.cky-title::after {
  content: "";
  background: url("/wp-content/themes/retail-experience-design/images/svg/cookie-icon.svg") no-repeat center center/contain;
  width: 32px;
  width: 2rem;
  height: 34px;
  height: 2.13rem;
  display: inline-block;
  margin-left: 5px;
  margin-left: 0.31rem;
  margin-bottom: -6px;
  margin-bottom: -0.38rem;
}
@media (min-width: 120rem){
  .cky-title::after{
    width: 1.66667vw;
    height: 1.77083vw;
    margin-left: 0.26042vw;
    margin-bottom: -0.3125vw;
  }
}

.cky-notice {
  display: flex;
  flex-flow: column;
  gap: 8px;
  gap: 0.5rem;
  grid-row: 2;
  padding: 15px !important;
  padding: 0.94rem !important;
  background: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark-0-05.svg") no-repeat bottom -40px right -50px/296px 294px;
  background: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark-0-05.svg") no-repeat bottom -2.5rem right -3.13rem/18.5rem 18.38rem;
}

@media (min-width: 31.88rem) {
  .cky-notice {
    grid-column: 2;
    grid-row: 1;
    padding: 20px !important;
    padding: 1.25rem !important;
  }
}
@media (min-width: 39.38rem) {
  .cky-notice {
    padding: 30px !important;
    padding: 1.88rem !important;
  }
}
@media (min-width: 120rem){
  .cky-notice{
    gap: 0.41667vw;
    padding: 1.5625vw;
    background: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark-0-05.svg") no-repeat bottom -2.08333vw right -2.60417vw/15.41667vw 15.3125vw;
  }
}
.cky-notice-group {
  display: flex;
  flex-flow: column;
  gap: 18px;
  gap: 1.13rem;
}
@media (min-width: 120rem){
  .cky-notice-group{
    gap: 0.9375vw;
  }
}

.close-btn {
  position: fixed;
  top: var(--close-btn-top, 10px);
  top: var(--close-btn-top, 0.63rem);
  aspect-ratio: 1;
  width: 42px;
  width: 2.63rem;
  color: var(--accent, #FFF);
  font-size: 0px;
  right: var(--close-btn-right, 0);
  z-index: 10;
  cursor: pointer;
}

@media (min-width: 120rem){
  .close-btn{
    top: var(--close-btn-top, 0.52083vw);
    width: 2.1875vw;
    font-size: 0vw;
  }
}

.close-btn::before, .close-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  width: 1.25rem;
  height: 3px;
  height: 0.19rem;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}

@media (min-width: 120rem){
  .close-btn::before, .close-btn::after{
    width: 1.04167vw;
    height: 0.15625vw;
  }
}

.close-btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.color--magic-mint {
  --heading-color: var(--magic-mint);
  --text-color: var(--magic-mint);
}

.color--dark-grey {
  --heading-color: var(--dark-grey);
  --text-color: var(--dark-grey);
}

.columns {
  --column-h-gutter: var(--gap-column, var(--gap, 0px));
  --column-v-gutter: var(--gap-row, var(--gap, 0px));
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  gap: var(--column-v-gutter) var(--column-h-gutter);
}

@media (min-width: 120rem){
  .columns{
    --column-h-gutter: var(--gap-column, var(--gap, 0vw));
    --column-v-gutter: var(--gap-row, var(--gap, 0vw));
  }
}

.columns__item {
  container: ColumnsItem/inline-size;
  width: 100%;
  --col-count: var(--columns, 1);
  flex: 0 1 calc((100% - 1px - max(var(--column-h-gutter), 1px) * max(var(--col-count) - 1, 0)) / var(--col-count) * var(--column-item-span, 1));
}

@media (min-width: 120rem){
  .columns__item{
    flex: 0 1 calc((100% - 0.05208vw - max(var(--column-h-gutter), 0.05208vw) * max(var(--col-count) - 1, 0)) / var(--col-count) * var(--column-item-span, 1));
  }
}

.columns__item--full {
  flex: 1 1 auto;
}

/*Standard Breakpoints*/
.confirmation-message {
  display: flex;
  width: 100%;
  height: 100%;
  flex-flow: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 30px;
  gap: 1.88rem;
  --icon-width: 86px;
  --icon-width: 5.38rem;
}
@media (min-width: 120rem){
  .confirmation-message{
    gap: 1.5625vw;
    --icon-width: 4.47917vw;
  }
}

.confirmation-message .editable-content {
  display: flex;
  text-align: center;
  flex-flow: column;
  gap: 20px;
  gap: 1.25rem;
}

@media (min-width: 120rem){
  .confirmation-message .editable-content{
    gap: 1.04167vw;
  }
}

.confirmation-message .editable-content * {
  margin: 0;
}

.confirmation-message .editable-content p {
  font-family: "space-mono", monospace;
  font-size: 14px;
  font-size: 0.88rem;
  line-height: 20px;
  line-height: 1.25rem;
}

@media (min-width: 47.5rem) {
  .confirmation-message .editable-content p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
@media (min-width: 80rem) {
  .confirmation-message .editable-content p {
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
@media (min-width: 120rem){
  .confirmation-message .editable-content p{
    font-size: 0.9375vw;
    line-height: 1.66667vw;
  }
}
.confirmation-message__icon {
  display: block;
  aspect-ratio: 86/96;
  width: var(--icon-width, 86px);
  width: var(--icon-width, 5.38rem);
}
@media (min-width: 120rem){
  .confirmation-message__icon{
    width: var(--icon-width, 4.47917vw);
  }
}

.confirmation-message--footer {
  text-align: center;
}

/*Standard Breakpoints*/
.contact-links {
  display: flex;
  flex-flow: column;
  gap: 10px;
  gap: 0.63rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

@media (min-width: 47.5rem) {
  .contact-links {
    gap: 14px;
    gap: 0.88rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 80rem) {
  .contact-links {
    gap: 20px;
    gap: 1.25rem;
    margin-bottom: 45px;
    margin-bottom: 2.81rem;
  }
}
@media (min-width: 120rem){
  .contact-links{
    gap: 1.04167vw;
    margin-bottom: 2.34375vw;
  }
}
.contact-links a {
  text-decoration: none;
}

.contact-links p {
  max-width: 350px;
  max-width: 21.88rem;
}

@media (min-width: 120rem){
  .contact-links p{
    max-width: 18.22917vw;
  }
}

.contact-links--no-margin {
  margin: 0;
}

.contact-links--small-gap {
  gap: 5px;
  gap: 0.31rem;
}

@media (min-width: 120rem){
  .contact-links--small-gap{
    gap: 0.26042vw;
  }
}

.contact-links--small-gap .heading {
  margin-bottom: 3px;
  margin-bottom: 0.19rem;
}

.contact-links--small-gap .heading:last-child {
  margin-bottom: 0;
}

@media (min-width: 64rem) {
  .contact-links--small-gap .heading {
    margin-bottom: 10px;
    margin-bottom: 0.63rem;
  }
}

@media (min-width: 120rem){
  .contact-links--small-gap .heading{
    margin-bottom: 0.52083vw;
  }
}
.contact-links--dark {
  --text-color: var(--dark-grey);
}

.container {
  margin: 0 auto;
  max-width: var(--site-container);
  display: flex;
  flex-flow: var(--container-flow, column);
  gap: var(--gap, 0);
}

.container--1200 {
  --site-container: 1200px;
  --site-container: 75rem;
}

@media (min-width: 120rem){
  .container--1200{
    --site-container: 62.5vw;
  }
}

.container--full {
  width: 100%;
}

.content-skip-button {
  inset: 0 0 auto 0;
  position: absolute;
  width: 100%;
  z-index: 99999;
  display: block;
  background: #F1F1F1;
  text-align: center;
  max-height: 200px;
  max-height: 12.5rem;
  padding: 10px;
  padding: 0.63rem;
  color: #252525;
  font-family: sans-serif;
  font-weight: 300;
  text-decoration: none;
  line-height: 14px;
  line-height: 0.88rem;
  font-size: 14px;
  font-size: 0.88rem;
  transform: translateY(-220px);
  transform: translateY(-13.75rem);
  transition: all 0.2s ease;
  overflow: hidden;
}

@media (min-width: 120rem){
  .content-skip-button{
    max-height: 10.41667vw;
    padding: 0.52083vw;
    line-height: 0.72917vw;
    font-size: 0.72917vw;
    transform: translateY(-11.45833vw);
  }
}
.content-skip-button:focus {
  transform: none;
}

/* Color styles */
:root {
  --dark-grey: #1C1C1B;
  --dark-grey-rgb: 28, 28, 27;
  --dark-grey-hexless: 1C1C1B;
  --dark-grey-blue: #363636;
  --dark-grey-blue-rgb: 54, 54, 54;
  --dark-grey-blue-hexless: 363636;
  --med-grey: #4B4B44;
  --med-grey-rgb: 75, 75, 68;
  --med-grey-hexless: 4B4B44;
  --grey: #A2A19C;
  --grey-rgb: 162, 161, 156;
  --grey-hexless: A2A19C;
  --off-white: #E9E6E1;
  --off-white-rgb: 233, 230, 225;
  --off-white-hexless: E9E6E1;
  --light-grey: #F5F5F5;
  --light-grey-rgb: 245, 245, 245;
  --light-grey-hexless: F5F5F5;
  --white: #FFF;
  --white-rgb: 255, 255, 255;
  --white-hexless: FFF;
  --magic-mint: #9FC;
  --magic-mint-rgb: 153, 255, 204;
  --magic-mint-hexless: 9FC;
  --winter-green: #71BE95;
  --winter-green-rgb: 113, 190, 149;
  --winter-green-hexless: 71BE95;
  --violet: #4E20D2;
  --violet-rgb: 78, 32, 210;
  --violet-hexless: 4E20D2;
  --burnt-peach: #E17973;
  --burnt-peach-rgb: 225, 121, 115;
  --burnt-peach-hexless: E17973;
  --lilac: #8F5CD1;
  --lilac-rgb: 143, 92, 209;
  --lilac-hexless: 8F5CD1;
  --coral: #FF584D;
  --coral-rgb: 255, 88, 77;
  --coral-hexless: FF584D;
  --heading-color: var(--dark-grey);
  --text-color: var(--med-grey);
}

/*Standard Breakpoints*/
.footer {
  --text-color: #FFF;
  --heading-color: #FFF;
  --logo-color: #FFF;
  --accent: var(--magic-mint);
  background: #1C1C1B url("/wp-content/themes/retail-experience-design/images/svg/watermark.svg") no-repeat center center/415px 413px;
  background: #1C1C1B url("/wp-content/themes/retail-experience-design/images/svg/watermark.svg") no-repeat center center/25.94rem 25.81rem;
}

@media (min-width: 47.5rem) {
  .footer {
    background-size: 852px 847px;
    background-size: 53.25rem 52.94rem;
  }
}
@media (min-width: 80rem) {
  .footer {
    background-size: 1234px 1227px;
    background-size: 77.13rem 76.69rem;
    background-position: top left;
  }
}
@media (min-width: 120rem){
  .footer{
    background: #1C1C1B url("/wp-content/themes/retail-experience-design/images/svg/watermark.svg") no-repeat center center/21.61458vw 21.51042vw;
    background-size: 64.27083vw 63.90625vw;
  }
}
.footer a:not(.btn) {
  color: var(--text-color);
}

.footer__bottom {
  display: block;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  padding: 1.25rem;
  position: relative;
}

@media (min-width: 47.5rem) {
  .footer__bottom {
    padding-inline: 30px;
    padding-inline: 1.88rem;
  }
}

@media (min-width: 120rem){
  .footer__bottom{
    border-top: 0.05208vw solid rgba(255, 255, 255, 0.1);
    padding: 1.04167vw;
    padding-inline: 1.5625vw;
  }
}
.footer__main {
  padding: 30px 15px;
  padding: 1.88rem 0.94rem;
}

@media (min-width: 47.5rem) {
  .footer__main {
    padding: 50px 30px;
    padding: 3.13rem 1.88rem;
  }
}
@media (min-width: 80rem) {
  .footer__main {
    padding-block: 80px;
    padding-block: 5rem;
  }
}
@media (min-width: 120rem){
  .footer__main{
    padding: 2.60417vw 1.5625vw;
    padding-block: 4.16667vw;
  }
}
/*Standard Breakpoints*/
.footer-bottom {
  display: flex;
  flex-flow: column;
  gap: 10px;
  gap: 0.63rem;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 47.5rem) {
  .footer-bottom {
    flex-flow: row;
  }
}

@media (min-width: 120rem){
  .footer-bottom{
    gap: 0.52083vw;
  }
}
.footer-bottom p {
  text-align: center;
}

.footer-bottom p a {
  text-decoration-line: underline;
}

.footer-bottom p a.no-underline {
  text-decoration: none;
}

.footer-bottom__content {
  display: flex;
  flex-flow: column;
  gap: 10px;
  gap: 0.63rem;
  --icon-width: 144px;
  --icon-width: 9rem;
  --icon-fill-color: var(--white);
}

.footer-bottom__content .small:nth-child(2) {
  order: 1;
}

@media (min-width: 37.5rem) {
  .footer-bottom__content .small:nth-child(2) {
    margin-right: 0;
    margin-left: auto;
  }
}
@media (min-width: 80rem) {
  .footer-bottom__content .small:nth-child(2) {
    margin: 0;
  }
}
@media (min-width: 37.5rem) {
  .footer-bottom__content {
    flex-flow: row;
    gap: 25px;
    gap: 1.56rem;
    row-gap: 0;
    justify-content: flex-start;
    width: 100%;
  }
}
@media (min-width: 64rem) {
  .footer-bottom__content {
    gap: 40px;
    gap: 2.5rem;
  }
}
@media (min-width: 120rem){
  .footer-bottom__content{
    gap: 2.08333vw;
    --icon-width: 7.5vw;
  }
}
/*Standard Breakpoints*/
.footer-layout {
  display: flex;
  flex-flow: column;
  gap: 40px;
  gap: 2.5rem;
}

@media (min-width: 37.5rem) {
  .footer-layout {
    display: grid;
    grid-template: "navigation newsletter" "divider divider" "logo details";
    grid-template-columns: auto 300px;
    grid-template-columns: auto 18.75rem;
    grid-template-rows: min-content;
  }
}
@media (min-width: 47.5rem) {
  .footer-layout {
    grid-template-columns: auto 397px;
    grid-template-columns: auto 24.81rem;
  }
}
@media (min-width: 64rem) {
  .footer-layout {
    grid-template: "logo navigation newsletter" "details navigation newsletter";
    column-gap: 40px;
    column-gap: 2.5rem;
    row-gap: 20px;
    row-gap: 1.25rem;
  }
}
@media (min-width: 120rem){
  .footer-layout{
    gap: 2.08333vw;
    grid-template-columns: auto 20.67708vw;
    column-gap: 2.08333vw;
    row-gap: 1.04167vw;
  }
}
.footer-layout__logo {
  order: 2;
  grid-area: logo;
  margin-bottom: -20px;
  margin-bottom: -1.25rem;
}

@media (min-width: 37.5rem) {
  .footer-layout__logo {
    margin-bottom: 0;
  }
}
@media (min-width: 80rem) {
  .footer-layout__logo {
    order: unset;
  }
}
.footer-layout__navigation {
  grid-area: navigation;
}

.footer-layout__details {
  order: 3;
  color: var(--text-color);
  display: flex;
  flex-flow: column;
  gap: 4px;
  gap: 0.25rem;
  grid-area: details;
  --accent: var(--white);
}

@media (min-width: 80rem) {
  .footer-layout__details {
    order: 0;
  }
}

@media (min-width: 120rem){
  .footer-layout__details{
    gap: 0.20833vw;
  }
}
@media (min-width: 64rem) and (max-width: 79.94rem) {
  .footer-layout__details .contact-links a {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.88rem;
  }
}
.footer-layout__newsletter {
  grid-area: newsletter;
  container-type: inline-size;
  width: 100%;
}

@media (min-width: 37.5rem) {
  .footer-layout__newsletter {
    display: flex;
    flex-flow: column;
    max-width: 300px;
    max-width: 18.75rem;
    min-width: 300px;
    min-width: 18.75rem;
    margin-right: 0;
    margin-left: auto;
  }
}

@media (min-width: 120rem){
  .footer-layout__newsletter{
    max-width: 15.625vw;
    min-width: 15.625vw;
  }
}
@media (min-width: 64rem) and (max-width: 79.94rem) {
  .footer-layout__newsletter {
    max-width: 280px;
    max-width: 17.5rem;
  }
}
.footer-layout__newsletter .form--newsletter {
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media (min-width: 120rem){
  .footer-layout__newsletter .form--newsletter{
    margin-top: 1.04167vw;
  }
}

.footer-layout__divider {
  display: none;
}

@media (min-width: 37.5rem) {
  .footer-layout__divider {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    grid-area: divider;
  }
}
@media (min-width: 64rem) {
  .footer-layout__divider {
    display: none;
  }
}
@media (min-width: 120rem){
  .footer-layout__divider{
    border-bottom: 0.05208vw solid rgba(255, 255, 255, 0.1);
  }
}
/*Standard Breakpoints*/
.footer-main {
  display: flex;
  flex-flow: column;
  gap: 40px;
  gap: 2.5rem;
}

@media (min-width: 47.5rem) {
  .footer-main {
    gap: 60px;
    gap: 3.75rem;
  }
}
@media (min-width: 80rem) {
  .footer-main {
    gap: 100px;
    gap: 6.25rem;
  }
}
@media (min-width: 120rem){
  .footer-main{
    gap: 5.20833vw;
  }
}
.footer-main__logo-section-wrap {
  display: flex;
  flex-flow: column;
  gap: 20px;
  gap: 1.25rem;
}

@media (min-width: 64rem) {
  .footer-main__logo-section-wrap {
    flex-flow: row;
  }
}
@media (min-width: 80rem) {
  .footer-main__logo-section-wrap {
    gap: 40px;
    gap: 2.5rem;
  }
}
@media (min-width: 120rem){
  .footer-main__logo-section-wrap{
    gap: 2.08333vw;
  }
}
.footer-main__text {
  --accent-color: var(--magic-mint);
  text-align: center;
}

.footer-main__text .subheading {
  margin-bottom: 0;
}

.footer-main__text .heading {
  margin-bottom: 15px;
  margin-bottom: 0.94rem;
}

@media (min-width: 80rem) {
  .footer-main__text .heading {
    margin-bottom: 25px;
    margin-bottom: 1.56rem;
  }
}
@media (min-width: 100rem) {
  .footer-main__text .heading {
    margin-bottom: 30px;
    margin-bottom: 1.88rem;
  }
}
@media (min-width: 120rem){
  .footer-main__text .heading{
    margin-bottom: 1.5625vw;
  }
}
.footer-main__text p {
  margin-bottom: 30px;
  margin-bottom: 1.88rem;
}

@media (min-width: 47.5rem) {
  .footer-main__text p {
    margin-bottom: 15px;
    margin-bottom: 0.94rem;
  }
}
@media (min-width: 80rem) {
  .footer-main__text p {
    margin-bottom: 35px;
    margin-bottom: 2.19rem;
  }
}
@media (min-width: 100rem) {
  .footer-main__text p {
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 120rem){
  .footer-main__text p{
    margin-bottom: 2.08333vw;
  }
}
.footer-main__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 40px 0 0;
  padding: 2.5rem 0 0;
}

@media (min-width: 47.5rem) {
  .footer-main__bottom {
    padding-top: 60px;
    padding-top: 3.75rem;
  }
}

@media (min-width: 120rem){
  .footer-main__bottom{
    border-top: 0.05208vw solid rgba(255, 255, 255, 0.1);
    padding: 2.08333vw 0 0;
    padding-top: 3.125vw;
  }
}
.footer-main__logo-section {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  --icon-fill-color: var(--white);
  --icon-ratio: auto;
  --icon-width: 210px;
  --icon-width: 13.13rem;
  gap: 20px;
  gap: 1.25rem;
  background: rgba(255, 255, 255, 0.04);
  padding: 15px;
  padding: 0.94rem;
}

@media (min-width: 37.5rem) {
  .footer-main__logo-section {
    padding: 20px;
    padding: 1.25rem;
    flex-flow: row;
    align-items: center;
  }
}
@media (min-width: 64rem) {
  .footer-main__logo-section {
    --icon-width: 160px;
    --icon-width: 10rem;
  }
}
@media (min-width: 64rem) and (max-width: 79.94rem) {
  .footer-main__logo-section {
    flex-flow: column;
  }
}
@media (min-width: 80rem) {
  .footer-main__logo-section {
    width: auto;
    flex: 1 1 calc(33.3333% - 40px);
    flex: 1 1 calc(33.3333% - 2.5rem);
    --icon-width: 210px;
    --icon-width: 13.13rem;
    padding: 20px;
    padding: 1.25rem;
    gap: 15px;
    gap: 0.94rem;
  }
}
@media (min-width: 120rem){
  .footer-main__logo-section{
    --icon-width: 10.9375vw;
    gap: 0.78125vw;
    padding: 1.04167vw;
    flex: 1 1 calc(33.3333% - 2.08333vw);
  }
}
.footer-main__logo-section .icon {
  position: relative;
  --icon-width: 150px;
  --icon-width: 9.38rem;
}

@media (min-width: 37.5rem) {
  .footer-main__logo-section .icon {
    --icon-width: 150px;
    --icon-width: 9.38rem;
    aspect-ratio: 150/90;
  }
}

@media (min-width: 120rem){
  .footer-main__logo-section .icon{
    --icon-width: 7.8125vw;
  }
}
@media (min-width: 64rem) and (max-width: 79.94rem) {
  .footer-main__logo-section .icon {
    margin: 0 auto 0 0;
  }
}
.footer-main__logo-section .icon--net-zero {
  --icon-width: 120px;
  --icon-width: 7.5rem;
}

@media (min-width: 37.5rem) {
  .footer-main__logo-section .icon--net-zero {
    --icon-width: 150px;
    --icon-width: 9.38rem;
    aspect-ratio: 150/90;
  }
}

@media (min-width: 120rem){
  .footer-main__logo-section .icon--net-zero{
    --icon-width: 7.8125vw;
  }
}
@media (min-width: 64rem) and (max-width: 79.94rem) {
  .footer-main__logo-section .icon--net-zero {
    height: 90px;
    height: 5.63rem;
    width: auto;
    aspect-ratio: auto;
  }
}
.footer-main__logo-section .heading {
  font-family: "red-hat", Arial, sans-serif;
  font-size: 14px;
  font-size: 0.88rem;
  line-height: 22px;
  line-height: 1.38rem;
  font-weight: 600;
}
@media (min-width: 120rem){
  .footer-main__logo-section .heading{
    font-size: 0.72917vw;
    line-height: 1.14583vw;
  }
}

.footer-main__logo-section .line {
  width: 2px;
  width: 0.13rem;
  background: rgba(255, 255, 255, 0.1);
  display: none;
  flex: 0 0 auto;
  align-self: stretch;
}

@media (min-width: 37.5rem) {
  .footer-main__logo-section .line {
    display: block;
  }
}

@media (min-width: 120rem){
  .footer-main__logo-section .line{
    width: 0.10417vw;
  }
}
@media (min-width: 64rem) and (max-width: 79.94rem) {
  .footer-main__logo-section .line {
    display: none;
  }
}
/*Standard Breakpoints*/
.footer-nav {
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
  gap: 0.63rem;
}

@media (min-width: 47.5rem) {
  .footer-nav {
    gap: 20px;
    gap: 1.25rem;
  }
}
@media (min-width: 47.5rem) {
  .footer-nav {
    gap: 10px;
    gap: 0.63rem;
  }
}
@media (min-width: 120rem){
  .footer-nav{
    gap: 0.52083vw;
  }
}
.footer-nav li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-nav li::before {
  display: none;
}

.footer-nav li a {
  text-decoration: none;
  text-decoration: none;
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--text-color)) 1px, var(--underline-color, var(--text-color)) 2px, transparent 2px, transparent 3px);
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--text-color)) 1px, var(--underline-color, var(--text-color)) 0.13rem, transparent 0.13rem, transparent 0.19rem);
  background-size: 0 3px;
  background-size: 0 0.19rem;
  background-position: 0 bottom;
  background-repeat: no-repeat;
  padding-bottom: 0;
  transition: color 150ms linear, background-size 0.3s ease-in-out;
  border-bottom: 3px solid transparent;
  border-bottom: 0.19rem solid transparent;
}

@media (min-width: 120rem){
  .footer-nav li a{
    background-image: linear-gradient(transparent 0.05208vw, var(--underline-color, var(--text-color)) 0.05208vw, var(--underline-color, var(--text-color)) 0.10417vw, transparent 0.10417vw, transparent 0.15625vw);
    background-size: 0 0.15625vw;
    border-bottom: 0.15625vw solid transparent;
  }
}

.footer-nav li a:hover {
  background-size: 100% 3px;
  background-size: 100% 0.19rem;
}

@media (min-width: 120rem){
  .footer-nav li a:hover{
    background-size: 100% 0.15625vw;
  }
}

/*Standard Breakpoints*/
.form--newsletter {
  container-type: inline-size;
}

.form--newsletter .field__input--error {
  border: 2px solid var(--coral);
  border: 0.13rem solid var(--coral);
}

@media (min-width: 120rem){
  .form--newsletter .field__input--error{
    border: 0.10417vw solid var(--coral);
  }
}

.form--newsletter .gform_wrapper.gravity-theme .gform_body .gform_fields {
  gap: 0;
}

.gform_wrapper.gravity-theme.form--newsletter_wrapper {
  width: 100%;
}

.gform_wrapper.gravity-theme.form--newsletter_wrapper .gfield.hidden_label .gfield_label {
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal !important;
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

@media (min-width: 120rem){
  .gform_wrapper.gravity-theme.form--newsletter_wrapper .gfield.hidden_label .gfield_label{
    clip: rect(0.05208vw, 0.05208vw, 0.05208vw, 0.05208vw);
    height: 0.05208vw;
    margin: -0.05208vw;
    width: 0.05208vw;
  }
}

.gform_wrapper.gravity-theme.form--newsletter_wrapper .input {
  width: 100%;
}

.gform_wrapper.gravity-theme.form--newsletter_wrapper .g-recaptcha-eotw {
  display: none;
}

.gform_wrapper.gravity-theme.form--newsletter_wrapper .btn {
  display: block;
  width: 100%;
  text-align: center;
}

.gform_wrapper.gravity-theme .form--newsletter {
  --accent: var(--magic-mint);
  --hover-color: var(--dark-grey);
  display: flex;
  gap: 30px;
  gap: 1.88rem;
}

@media (min-width: 120rem){
  .gform_wrapper.gravity-theme .form--newsletter{
    gap: 1.5625vw;
  }
}

.gform_wrapper.gravity-theme .form--newsletter .btn {
  min-width: fit-content;
}

.gform_wrapper.gravity-theme .form--newsletter .gform_body {
  flex: 1 1 auto;
}

.gform_wrapper.gravity-theme .form--newsletter .ginput_container_email input {
  padding: 12px 10px;
  padding: 0.75rem 0.63rem;
}

@media (min-width: 120rem){
  .gform_wrapper.gravity-theme .form--newsletter .ginput_container_email input{
    padding: 0.625vw 0.52083vw;
  }
}

.gform_wrapper.gravity-theme .form--newsletter .ginput_container_email input::placeholder {
  color: var(--white);
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "space-mono", monospace;
}

@media (min-width: 120rem){
  .gform_wrapper.gravity-theme .form--newsletter .ginput_container_email input::placeholder{
    font-size: 0.83333vw;
    line-height: 1.25vw;
  }
}

@container (max-width: 35.63rem) {
  .gform_wrapper.gravity-theme .form--newsletter {
    flex-flow: column;
  }
}
.form-layout {
  display: block;
}

.form-layout.form-layout--submitted .form-layout__fields {
  display: none;
}

.form-layout.form-layout--submitted .form-layout__message {
  display: block;
}

.form-layout__fields {
  display: flex;
  flex-flow: column;
  gap: var(--box-gap, 0vw);
}

.form-layout__message {
  display: none;
}

/*Standard Breakpoints*/
.full-width-gallery {
  display: grid;
  grid-template-rows: 211fr 93fr 106fr;
  grid-template-columns: 91fr 78fr 131fr;
  gap: 10px;
  gap: 0.63rem;
}

.full-width-gallery .image:first-child {
  aspect-ratio: 320/211;
  grid-row: 1;
  grid-column: 1/span 3;
}

.full-width-gallery .image:nth-child(2) {
  grid-row: 2;
  grid-column: 1;
}

.full-width-gallery .image:nth-child(3) {
  grid-row: 2;
  grid-column: 2/span 2;
}

.full-width-gallery .image:nth-child(4) {
  grid-row: 3;
  grid-column: 1/span 2;
}

.full-width-gallery .image:nth-child(5) {
  grid-row: 3;
  grid-column: 3/span 1;
}

@media (min-width: 37.5rem) {
  .full-width-gallery {
    grid-template-rows: 111fr 127fr;
    grid-template-columns: 373fr 108fr 93fr 156fr;
    gap: 15px;
    gap: 0.94rem;
  }
  .full-width-gallery .image:first-child {
    aspect-ratio: 373/248;
    grid-row: 1/span 2;
    grid-column: 1;
  }
  .full-width-gallery .image:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
  }
  .full-width-gallery .image:nth-child(3) {
    grid-row: 2;
    grid-column: 2/span 2;
  }
  .full-width-gallery .image:nth-child(4) {
    grid-row: 1;
    grid-column: 3/span 2;
  }
  .full-width-gallery .image:nth-child(5) {
    grid-row: 2;
    grid-column: 4;
  }
}
@media (min-width: 100rem) {
  .full-width-gallery {
    gap: 30px;
    gap: 1.88rem;
  }
}
@media (min-width: 120rem){
  .full-width-gallery{
    gap: 1.5625vw;
  }
}
.full-width-gallery--6-items {
  grid-template-rows: 86fr 111fr 78fr 133fr;
  grid-template-columns: 183fr 9fr 108fr;
}

.full-width-gallery--6-items .image:first-child {
  aspect-ratio: 202/207;
  grid-row: 1/span 2;
  grid-column: 1/span 2;
}

.full-width-gallery--6-items .image:nth-child(2) {
  grid-row: 1;
  grid-column: 3;
}

.full-width-gallery--6-items .image:nth-child(3) {
  grid-row: 2;
  grid-column: 3;
}

.full-width-gallery--6-items .image:nth-child(4) {
  grid-row: 3;
  grid-column: 1;
}

.full-width-gallery--6-items .image:nth-child(5) {
  grid-row: 3;
  grid-column: 2/span 2;
}

.full-width-gallery--6-items .image:nth-child(6) {
  grid-row: 4;
  grid-column: 1/span 3;
}

@media (min-width: 37.5rem) {
  .full-width-gallery--6-items {
    grid-template-rows: 277fr 316fr;
    grid-template-columns: 600fr 310fr 270fr 120fr 500fr;
  }
  .full-width-gallery--6-items .image:first-child {
    aspect-ratio: 600/623;
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .full-width-gallery--6-items .image:nth-child(2) {
    grid-column: 2;
  }
  .full-width-gallery--6-items .image:nth-child(3) {
    grid-row: 1;
  }
  .full-width-gallery--6-items .image:nth-child(4) {
    grid-row: 2;
    grid-column: 2/span 3;
  }
  .full-width-gallery--6-items .image:nth-child(5) {
    grid-row: 1;
    grid-column: 4/span 2;
  }
  .full-width-gallery--6-items .image:nth-child(6) {
    grid-row: 2;
    grid-column: 5;
  }
}
.full-width-gallery--7-items {
  grid-template-rows: 112fr 98fr 77fr 106fr;
  grid-template-columns: 180fr 25fr 95fr;
}

.full-width-gallery--7-items .image:first-child {
  aspect-ratio: 215/220;
  grid-row: 1/span 2;
  grid-column: 1/span 2;
}

.full-width-gallery--7-items .image:nth-child(2) {
  grid-row: 1;
  grid-column: 3;
}

.full-width-gallery--7-items .image:nth-child(3) {
  grid-row: 2;
  grid-column: 3;
}

.full-width-gallery--7-items .image:nth-child(4) {
  grid-row: 3;
  grid-column: 1;
}

.full-width-gallery--7-items .image:nth-child(5) {
  grid-row: 3;
  grid-column: 2/span 2;
}

.full-width-gallery--7-items .image:nth-child(6) {
  grid-row: 4;
  grid-column: 1;
}

.full-width-gallery--7-items .image:nth-child(7) {
  grid-row: 4;
  grid-column: 2/span 2;
}

@media (min-width: 37.5rem) {
  .full-width-gallery--7-items {
    grid-template-rows: 277fr 103fr 183fr;
    grid-template-columns: 600fr 310fr 270fr 231fr 389fr;
  }
  .full-width-gallery--7-items .image:first-child {
    aspect-ratio: 600/623;
    grid-column: 1;
    grid-row: 1/span 3;
  }
  .full-width-gallery--7-items .image:nth-child(2) {
    grid-column: 2;
    grid-row: 1/span 2;
  }
  .full-width-gallery--7-items .image:nth-child(3) {
    grid-column: 2;
    grid-row: 3;
  }
  .full-width-gallery--7-items .image:nth-child(4) {
    grid-row: 1;
    grid-column: 3;
  }
  .full-width-gallery--7-items .image:nth-child(5) {
    grid-row: 2/span 2;
    grid-column: 3/span 2;
  }
  .full-width-gallery--7-items .image:nth-child(6) {
    grid-row: 1;
    grid-column: 4/span 2;
  }
  .full-width-gallery--7-items .image:nth-child(7) {
    grid-row: 2/span 2;
    grid-column: 5;
  }
}
.full-width-gallery--inverted {
  transform: scaleX(-1);
}

.full-width-gallery--inverted .image {
  transform: scaleX(-1);
}

/*Standard Breakpoints*/
.fullscreen-navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  overflow: hidden;
  z-index: 1000;
  pointer-events: none;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  --text-color: var(--white);
  --heading-color: var(--white);
  --logo-color: var(--white);
  padding: 0 var(--screen-edge-padding) 20px;
  padding: 0 var(--screen-edge-padding) 1.25rem;
  gap: 20px;
  gap: 1.25rem;
  isolation: isolate;
  opacity: 0;
  transition: opacity 0s linear 400ms;
}

@media (min-width: 47.5rem) {
  .fullscreen-navigation {
    gap: 40px;
    gap: 2.5rem;
    padding-bottom: 30px;
    padding-bottom: 1.88rem;
  }
}
@media (min-width: 100rem) {
  .fullscreen-navigation {
    padding-bottom: 90px;
    padding-bottom: 5.63rem;
  }
}
@media (min-width: 120rem){
  .fullscreen-navigation{
    padding: 0 var(--screen-edge-padding) 1.04167vw;
    gap: 2.08333vw;
    padding-bottom: 4.6875vw;
  }
}
.fullscreen-navigation::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--bg-color);
  background-image: var(--bg-watermark);
  background-size: 406px 404px;
  background-size: 25.38rem 25.25rem;
  background-repeat: no-repeat;
  background-position: top 50% left -43px;
  background-position: top 50% left -2.69rem;
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  opacity: 0;
  transition: opacity 0.1s linear 0.4s, clip-path 0.2s ease-in-out 0.2s;
}

@media (min-width: 47.5rem) {
  .fullscreen-navigation::before {
    background-size: 827px 823px;
    background-size: 51.69rem 51.44rem;
    background-position: top 50% left 0px;
  }
}
@media (min-width: 80rem) {
  .fullscreen-navigation::before {
    background-size: 815px 811px;
    background-size: 50.94rem 50.69rem;
    background-position: top 45% left -34px;
    background-position: top 45% left -2.13rem;
  }
}
@media (min-width: 100rem) {
  .fullscreen-navigation::before {
    background-size: 1319px 1311px;
    background-size: 82.44rem 81.94rem;
    background-position: top 40% left -13px;
    background-position: top 40% left -0.81rem;
  }
}
@media (min-width: 120rem){
  .fullscreen-navigation::before{
    background-size: 68.69792vw 68.28125vw;
    background-position: top 40% left -0.67708vw;
  }
}
.fullscreen-navigation .logo {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition: clip-path 0.1s ease-in-out 0.1s;
}

.fullscreen-navigation__section {
  width: 100%;
  max-width: var(--site-container);
  display: flex;
  flex-flow: column;
  flex: 0 0 auto;
  gap: 20px;
  gap: 1.25rem;
}

@media (min-width: 47.5rem) {
  .fullscreen-navigation__section {
    gap: 60px;
    gap: 3.75rem;
  }
}
@media (min-width: 64rem) {
  .fullscreen-navigation__section {
    flex-flow: row;
    justify-content: space-between;
    gap: 40px;
    gap: 2.5rem;
  }
}
@media (min-width: 120rem){
  .fullscreen-navigation__section{
    gap: 2.08333vw;
  }
}
@media (min-width: 37.5rem) and (max-width: 47.44rem) {
  .fullscreen-navigation__section:not(.fullscreen-navigation__section--top):not(.fullscreen-navigation__section--bottom) {
    gap: 35px;
    gap: 2.19rem;
  }
}
.fullscreen-navigation__section--top {
  max-width: 1600px;
  max-width: 100rem;
  padding: 10px 0;
  padding: 0.63rem 0;
  position: relative;
}

@media (min-width: 47.5rem) {
  .fullscreen-navigation__section--top {
    padding-block: 20px;
    padding-block: 1.25rem;
  }
}
@media (min-width: 64rem) {
  .fullscreen-navigation__section--top {
    padding-block: 15px;
    padding-block: 0.94rem;
  }
}
@media (min-width: 100rem) {
  .fullscreen-navigation__section--top {
    padding-block: 20px;
    padding-block: 1.25rem;
    padding-inline: 50px;
    padding-inline: 3.13rem;
  }
}
@media (min-width: 120rem) {
  .fullscreen-navigation__section--top {
    padding-inline: 0;
  }
}
@media (min-width: 120rem){
  .fullscreen-navigation__section--top{
    max-width: 83.33333vw;
    padding: 0.52083vw 0;
    padding-block: 1.04167vw;
  }
}
@media (min-width: 47.5rem) {
  .fullscreen-navigation__section--bottom {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    gap: 1.25rem;
  }
}
@media (min-width: 120rem){
  .fullscreen-navigation__section--bottom{
    gap: 1.04167vw;
  }
}
.fullscreen-navigation__section--bottom .fullscreen-navigation__half {
  opacity: 0;
  transform: translateY(30px);
  transform: translateY(1.88rem);
  transition: opacity 0.2s linear, transform 0.2s ease-in-out;
}
@media (min-width: 120rem){
  .fullscreen-navigation__section--bottom .fullscreen-navigation__half{
    transform: translateY(1.5625vw);
  }
}

.fullscreen-navigation__half {
  display: flex;
  flex-flow: column;
  flex: 1 1 50%;
  gap: 6px;
  gap: 0.38rem;
}

@media (min-width: 47.5rem) {
  .fullscreen-navigation__half {
    gap: 4px;
    gap: 0.25rem;
  }
}

@media (min-width: 120rem){
  .fullscreen-navigation__half{
    gap: 0.20833vw;
  }
}
@media (min-width: 47.5rem) {
  .fullscreen-navigation__half--right {
    align-items: flex-end;
    flex: 1 1 45%;
  }
}
.fullscreen-navigation__close-btn {
  width: 42px;
  width: 2.63rem;
  aspect-ratio: 1;
  margin: auto 0 auto auto;
  flex: 0 0 auto;
  opacity: 0;
  transition: opacity 0.1s linear 0.1s;
  --close-btn-top: 11px;
  --close-btn-top: 0.69rem;
  position: absolute;
  top: var(--close-btn-top);
  right: 0;
}

.fullscreen-navigation__close-btn .close-btn {
  right: var(--close-btn-right, auto);
}

@media (min-width: 100rem) {
  .fullscreen-navigation__close-btn .close-btn::before, .fullscreen-navigation__close-btn .close-btn::after {
    width: 30px;
    width: 1.88rem;
  }
}

@media (min-width: 120rem){
  .fullscreen-navigation__close-btn .close-btn::before, .fullscreen-navigation__close-btn .close-btn::after{
    width: 1.5625vw;
  }
}
@media (min-width: 47.5rem) {
  .fullscreen-navigation__close-btn {
    --close-btn-top: 29px;
    --close-btn-top: 1.81rem;
  }
}
@media (min-width: 80rem) {
  .fullscreen-navigation__close-btn {
    --close-btn-top: 30px;
    --close-btn-top: 1.88rem;
  }
}
@media (min-width: 100rem) {
  .fullscreen-navigation__close-btn {
    --close-btn-top: 44px;
    --close-btn-top: 2.75rem;
    right: 50px;
    right: 3.13rem;
  }
}
@media (min-width: 120rem) {
  .fullscreen-navigation__close-btn {
    right: 0;
  }
}
@media (min-width: 120rem){
  .fullscreen-navigation__close-btn{
    width: 2.1875vw;
    --close-btn-top: 2.29167vw;
  }
}
body.nav-active {
  overflow: hidden;
}

body.nav-active .fullscreen-navigation {
  pointer-events: all;
  overflow: auto;
  opacity: 1;
  transition: opacity 0s linear;
}

body.nav-active .fullscreen-navigation::before {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  opacity: 1;
  transition: opacity 0.1s linear, clip-path 0.3s ease-in-out;
}

body.nav-active .fullscreen-navigation .logo {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: clip-path 0.2s ease-in-out 0.1s;
}

body.nav-active .fullscreen-navigation .fullscreen-navigation__close-btn {
  opacity: 1;
  transition: opacity 0.1s linear 0.1s;
}

body.nav-active .navigation li {
  opacity: 1;
  transform: none;
  transition: opacity 0.1s linear 0.3s, transform 0.3s ease-in-out 0.3s;
}

body.nav-active .navigation li:nth-child(2) {
  transition: opacity 0.1s linear 400ms, transform 0.3s ease-in-out 400ms;
}

body.nav-active .navigation li:nth-child(3) {
  transition: opacity 0.1s linear 500ms, transform 0.3s ease-in-out 500ms;
}

body.nav-active .navigation li:nth-child(4) {
  transition: opacity 0.1s linear 600ms, transform 0.3s ease-in-out 600ms;
}

body.nav-active .navigation li:nth-child(5) {
  transition: opacity 0.1s linear 700ms, transform 0.3s ease-in-out 700ms;
}

body.nav-active .box--navigation {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: clip-path 0.2s ease-in-out 0.3s;
}

body.nav-active .fullscreen-navigation__section--bottom .fullscreen-navigation__half {
  opacity: 1;
  transform: none;
  transition: opacity 0.1s linear 0.8s, transform 0.3s ease-in-out 0.8s;
}

/*Standard Breakpoints*/
.gallery {
  position: relative;
}

.gallery.section {
  padding: 0;
}

.gallery .image:first-child {
  aspect-ratio: 160/141;
  grid-row: 2/span 2;
  grid-column: 1;
}

.gallery .image:nth-child(2) {
  grid-row: 1/span 2;
  grid-column: 2;
}

.gallery .image:nth-child(3) {
  grid-row: 4/span 2;
  grid-column: 1;
}

.gallery .image:nth-child(4) {
  grid-row: 3/span 2;
  grid-column: 2;
}

@media (min-width: 37.5rem) {
  .gallery .image:first-child {
    aspect-ratio: 660/580;
    grid-row: 2/span 3;
  }
  .gallery .image:nth-child(2) {
    grid-row: 1/span 3;
  }
  .gallery .image:nth-child(3) {
    grid-column: 2/span 2;
  }
  .gallery .image:nth-child(4) {
    grid-row: 3/span 1;
    grid-column: 3/span 2;
  }
}
.gallery:has(.gallery__bg:not(.gallery__bg--secondary-color):not(.gallery__bg--center)) {
  padding-top: 15px;
  padding-top: 0.94rem;
}

@media (min-width: 100rem) {
  .gallery:has(.gallery__bg:not(.gallery__bg--secondary-color):not(.gallery__bg--center)) {
    padding-top: 80px;
    padding-top: 5rem;
  }
}

@media (min-width: 120rem){
  .gallery:has(.gallery__bg:not(.gallery__bg--secondary-color):not(.gallery__bg--center)){
    padding-top: 4.16667vw;
  }
}
.gallery:has(.gallery__bg--secondary-color) {
  padding-bottom: 15px;
  padding-bottom: 0.94rem;
}

@media (min-width: 37.5rem) {
  .gallery:has(.gallery__bg--secondary-color) {
    padding-top: 20px;
    padding-top: 1.25rem;
  }
}

@media (min-width: 120rem){
  .gallery:has(.gallery__bg--secondary-color){
    padding-bottom: 0.78125vw;
    padding-top: 1.04167vw;
  }
}
@media (min-width: 100rem) {
  .gallery:has(.gallery__bg--secondary-color):before {
    bottom: 20px;
    bottom: 1.25rem;
  }
}
@media (min-width: 120rem){
  .gallery:has(.gallery__bg--secondary-color):before{
    bottom: 1.04167vw;
  }
}
@media (min-width: 37.5rem) {
  .gallery:not(.gallery--5-items):not(.gallery--6-items):not(.gallery--7-items):has(.gallery__bg--secondary-color) {
    padding-top: 0;
  }
}
@media (min-width: 100rem) {
  .gallery:not(.gallery--5-items):not(.gallery--6-items):not(.gallery--7-items):has(.gallery__bg--secondary-color) {
    padding-bottom: 0;
  }
}
@media (min-width: 100rem) {
  .gallery:not(.gallery--5-items):not(.gallery--6-items):not(.gallery--7-items) .gallery__bg:before {
    bottom: 40px;
    bottom: 2.5rem;
  }
}
@media (min-width: 120rem){
  .gallery:not(.gallery--5-items):not(.gallery--6-items):not(.gallery--7-items) .gallery__bg:before{
    bottom: 2.08333vw;
  }
}
.gallery .image--modal:before {
  content: "";
  transition: all 250ms ease-in-out;
}

.gallery .image--modal:hover:before {
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.gallery .image--modal:hover:after {
  content: "";
  height: 20px;
  height: 1.25rem;
  width: 20px;
  width: 1.25rem;
  background-image: url("../images/svg/magnifying-glass.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
}

@media (min-width: 47.5rem) {
  .gallery .image--modal:hover:after {
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem;
  }
}

@media (min-width: 120rem){
  .gallery .image--modal:hover:after{
    height: 2.08333vw;
    width: 2.08333vw;
  }
}
.gallery--row .gallery__container {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

.gallery--row .gallery__container .image {
  aspect-ratio: 140/90;
  width: 100%;
}

@media (min-width: 80rem) {
  .gallery--row .gallery__container .image {
    aspect-ratio: 680/440;
  }
}
.gallery--row.gallery--row-3 .image {
  aspect-ratio: 1;
}

.gallery__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}

.gallery__bg:after {
  content: "";
  background-color: var(--bg-color);
  height: 45vw;
  width: 65.625vw;
  display: block;
  position: absolute;
}

@media (min-width: 37.5rem) {
  .gallery__bg:after {
    height: 32.8947368421vw;
    width: 46.0526315789vw;
  }
}
@media (min-width: 100rem) {
  .gallery__bg:after {
    height: 28.6458333333vw;
    width: 41.6666666667vw;
  }
}
.gallery__bg.gallery__bg--inverted:after {
  right: 0;
}

.gallery__bg--center {
  height: 100%;
}

.gallery__bg--center:after {
  height: 66%;
  width: 78.125vw;
  top: 50%;
  transform: translateY(-50%);
  max-height: 400px;
  max-height: 25rem;
  right: 0;
}

@media (min-width: 37.5rem) {
  .gallery__bg--center:after {
    height: 71%;
    width: 82.8947368421vw;
  }
}
@media (min-width: 100rem) {
  .gallery__bg--center:after {
    width: 76.0416666667vw;
  }
}
@media (min-width: 120rem){
  .gallery__bg--center:after{
    max-height: 20.83333vw;
  }
}
.gallery__bg--center.gallery__bg--inverted:after {
  right: auto;
  left: 0;
}

.gallery__bg--secondary-color {
  max-width: 1520px;
  max-width: 95rem;
  right: 50%;
  transform: translatex(50%);
}

@media (min-width: 120rem){
  .gallery__bg--secondary-color{
    max-width: 79.16667vw;
  }
}

.gallery__bg--secondary-color:after {
  content: "";
  background-color: var(--bg-color);
  height: 31.25vw;
  width: 45.9375vw;
  display: block;
  position: absolute;
  top: 0px;
}

@media (min-width: 37.5rem) {
  .gallery__bg--secondary-color:after {
    height: 25.1315789474vw;
    width: 36.9736842105vw;
    left: 25px;
    left: 1.56rem;
  }
}
@media (min-width: 100rem) {
  .gallery__bg--secondary-color:after {
    height: 18.75vw;
    width: 27.6041666667vw;
    left: 0;
  }
}
@media (min-width: 120rem){
  .gallery__bg--secondary-color:after{
    top: 0vw;
  }
}
.gallery__bg--secondary-color:before {
  content: "";
  background-color: var(--accent);
  height: 44.0625vw;
  width: 85.625vw;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (min-width: 37.5rem) {
  .gallery__bg--secondary-color:before {
    height: 22.3684210526vw;
    width: 43.5526315789vw;
    right: 25px;
    right: 1.56rem;
  }
}
@media (min-width: 100rem) {
  .gallery__bg--secondary-color:before {
    height: 18.75vw;
    width: 36.4583333333vw;
    right: 0;
  }
}
.gallery__bg--secondary-color.gallery__bg--inverted:after {
  right: 0;
  left: auto;
}

.gallery__bg--secondary-color.gallery__bg--inverted:before {
  left: 0;
}

.gallery__bg--row-style-1 {
  padding: 0 var(--screen-edge-padding);
}

.gallery__bg--row-style-1:after {
  content: "";
  background: var(--bg-color);
  height: 18.75vw;
  width: 100%;
  inset: auto auto -15px 0;
  inset: auto auto -0.94rem 0;
  max-width: 1460px;
  max-width: 91.25rem;
}

@media (min-width: 37.5rem) {
  .gallery__bg--row-style-1:after {
    height: 17.1052631579vw;
    right: 50%;
    transform: translateX(50%);
    left: auto;
    bottom: -30px;
    bottom: -1.88rem;
  }
}

@media (min-width: 120rem){
  .gallery__bg--row-style-1:after{
    inset: auto auto -0.78125vw 0;
    max-width: 76.04167vw;
    bottom: -1.5625vw;
  }
}
.gallery__bg--row-style-2:after {
  content: "";
  background: var(--bg-color);
  height: calc(100% + 20px);
  height: calc(100% + 1.25rem);
  width: 41.6666666667vw;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 37.5rem) {
  .gallery__bg--row-style-2:after {
    height: calc(100% + 30px);
    height: calc(100% + 1.88rem);
  }
}
@media (min-width: 100rem) {
  .gallery__bg--row-style-2:after {
    height: calc(100% + 110px);
    height: calc(100% + 6.88rem);
  }
}
@media (min-width: 120rem){
  .gallery__bg--row-style-2:after{
    height: calc(100% + 5.72917vw);
  }
}
.gallery__bg--row-style-2.gallery__bg--inverted:after {
  right: 0;
}

.gallery__bg--row-style-3:after {
  content: "";
  background: var(--bg-color);
  height: 20.8333333333vw;
  width: 76.0416666667vw;
  bottom: 76.0416666667vw;
  inset: auto 0 -10px auto;
  inset: auto 0 -0.63rem auto;
}

@media (min-width: 37.5rem) {
  .gallery__bg--row-style-3:after {
    bottom: -3.2291666667vw;
  }
}

@media (min-width: 120rem){
  .gallery__bg--row-style-3:after{
    inset: auto 0 -0.52083vw auto;
  }
}
.gallery__bg--row-style-3.gallery__bg--inverted:after {
  left: 0;
}

.gallery__bg--row-style-4 {
  max-width: 1520px;
  max-width: 95rem;
  right: 50%;
  transform: translateX(50%);
}

@media (min-width: 120rem){
  .gallery__bg--row-style-4{
    max-width: 79.16667vw;
  }
}

.gallery__bg--row-style-4:after {
  content: "";
  background: var(--bg-color);
  height: 17.1875vw;
  width: 17.1875vw;
  top: -3.125vw;
}

.gallery__bg--row-style-4:before {
  content: "";
  background: var(--accent);
  height: 18.75vw;
  width: 36.4583333333vw;
  bottom: -3.125vw;
  display: block;
  position: absolute;
  right: 0;
}

.gallery__bg--row-style-4.gallery__bg--inverted:after {
  right: 0;
}

.gallery__bg--row-style-4.gallery__bg--inverted:before {
  right: auto;
  left: 0;
}

.gallery__container {
  display: grid;
  grid-template-columns: 160fr 120fr;
  grid-template-rows: 18fr 121fr 10fr 63fr 9fr;
  gap: 10px;
  gap: 0.63rem;
  padding: 0 var(--screen-edge-padding);
}

@media (min-width: 37.5rem) {
  .gallery__container {
    grid-template-columns: 660fr 290fr 280fr 80fr;
    grid-template-rows: 30fr 0fr 240fr 220fr 30fr;
    gap: 15px;
    gap: 0.94rem;
  }
}
@media (min-width: 100rem) {
  .gallery__container {
    gap: 30px;
    gap: 1.88rem;
  }
}
@media (min-width: 120rem){
  .gallery__container{
    gap: 1.5625vw;
  }
}
.gallery--5-items .gallery__container {
  grid-template-rows: 15fr 133fr 27fr 51fr 41fr 48fr;
}

.gallery--5-items .gallery__container .image:first-child {
  aspect-ratio: 160/160;
}

.gallery--5-items .gallery__container .image:nth-child(5) {
  grid-row: 5/span 2;
  grid-column: 2;
}

@media (min-width: 37.5rem) {
  .gallery--5-items .gallery__container {
    grid-template-rows: 60fr 30fr 270fr 210fr 40fr 60fr;
    grid-template-columns: 580fr 290fr 185fr 285fr;
  }
  .gallery--5-items .gallery__container .image:first-child {
    grid-row: 2/span 4;
  }
  .gallery--5-items .gallery__container .image:nth-child(2) {
    grid-row: 1/span 3;
  }
  .gallery--5-items .gallery__container .image:nth-child(3) {
    grid-row: 4/span 3;
  }
  .gallery--5-items .gallery__container .image:nth-child(4) {
    grid-row: 3/span 1;
    grid-column: 3/span 3;
  }
  .gallery--5-items .gallery__container .image:nth-child(5) {
    grid-row: 4;
    grid-column: 4;
  }
}
@media (min-width: 37.5rem) {
  .gallery--5-items:has(.gallery__bg--secondary-color) {
    padding-top: 0;
    padding-bottom: 0;
  }
  .gallery--5-items:has(.gallery__bg--secondary-color) .gallery__bg:after {
    left: 20px;
    left: 1.25rem;
  }
  .gallery--5-items:has(.gallery__bg--secondary-color) .gallery__bg:before {
    bottom: 10px;
    bottom: 0.63rem;
  }
}
@media (min-width: 120rem){
  .gallery--5-items:has(.gallery__bg--secondary-color) .gallery__bg:before{
    bottom: 0.52083vw;
  }
}
@media (min-width: 120rem){
  .gallery--5-items:has(.gallery__bg--secondary-color) .gallery__bg:after{
    left: 1.04167vw;
  }
}
@media (min-width: 100rem) {
  .gallery--5-items:has(.gallery__bg--secondary-color):before {
    bottom: 40px;
    bottom: 2.5rem;
  }
}
@media (min-width: 120rem){
  .gallery--5-items:has(.gallery__bg--secondary-color):before{
    bottom: 2.08333vw;
  }
}
.gallery--6-items .gallery__container {
  grid-template-columns: 110fr 40fr 62fr 13fr 30fr;
  grid-template-rows: 9fr 76fr 92fr 100fr 9fr 46fr;
}

.gallery--6-items .gallery__container .image:first-child {
  aspect-ratio: 165/188;
  grid-row: 2/span 2;
  grid-column: 1/span 2;
}

.gallery--6-items .gallery__container .image:nth-child(2) {
  grid-row: 1/span 2;
  grid-column: 3/span 2;
}

.gallery--6-items .gallery__container .image:nth-child(3) {
  grid-row: 3;
  grid-column: 3/span 3;
}

.gallery--6-items .gallery__container .image:nth-child(4) {
  grid-row: 4/span 2;
  grid-column: 1;
}

.gallery--6-items .gallery__container .image:nth-child(5) {
  grid-row: 4/span 1;
  grid-column: 2/span 4;
}

.gallery--6-items .gallery__container .image:nth-child(6) {
  grid-row: 5/span 2;
  grid-column: 2/span 2;
}

@media (min-width: 37.5rem) {
  .gallery--6-items .gallery__container {
    grid-template-columns: 420fr 230fr 300fr 224fr 106fr;
    grid-template-rows: 0 0 210fr 128fr 79fr 29fr 0;
  }
  .gallery--6-items .gallery__container .image:first-child {
    aspect-ratio: 420/480;
    grid-column: 1;
    grid-row: 3/span 3;
  }
  .gallery--6-items .gallery__container .image:nth-child(2) {
    grid-column: 2;
    grid-row: 1/span 3;
  }
  .gallery--6-items .gallery__container .image:nth-child(3) {
    grid-column: 2/span 2;
    grid-row: 4/span 4;
  }
  .gallery--6-items .gallery__container .image:nth-child(4) {
    grid-column: 3;
    grid-row: 2/span 2;
  }
  .gallery--6-items .gallery__container .image:nth-child(5) {
    grid-column: 4/span 2;
    grid-row: 2/span 3;
  }
  .gallery--6-items .gallery__container .image:nth-child(6) {
    grid-column: 4;
    grid-row: 5/span 2;
  }
}
@media (min-width: 100rem) {
  .gallery--6-items:has(.gallery__bg--secondary-color) {
    padding-bottom: 60px;
    padding-bottom: 3.75rem;
    padding-top: 60px;
    padding-top: 3.75rem;
  }
}
@media (min-width: 120rem){
  .gallery--6-items:has(.gallery__bg--secondary-color){
    padding-bottom: 3.125vw;
    padding-top: 3.125vw;
  }
}
.gallery--7-items .gallery__container {
  grid-template-columns: 27fr 115fr 138fr;
  grid-template-rows: 41fr 130fr 88fr 58fr 42fr 53fr 43fr;
}

.gallery--7-items .gallery__container .image:first-child {
  aspect-ratio: 142/130;
  grid-row: 2;
  grid-column: 1/span 2;
}

.gallery--7-items .gallery__container .image:nth-child(2) {
  grid-row: 1/span 2;
  grid-column: 3;
}

.gallery--7-items .gallery__container .image:nth-child(3) {
  grid-row: 3/span 2;
  grid-column: 1/span 2;
}

.gallery--7-items .gallery__container .image:nth-child(4) {
  grid-row: 3;
  grid-column: 3;
}

.gallery--7-items .gallery__container .image:nth-child(5) {
  grid-row: 4/span 2;
  grid-column: 3;
}

.gallery--7-items .gallery__container .image:nth-child(6) {
  grid-row: 5/span 2;
  grid-column: 2;
}

.gallery--7-items .gallery__container .image:nth-child(7) {
  grid-row: 6/span 2;
  grid-column: 3;
}

@media (min-width: 37.5rem) {
  .gallery--7-items .gallery__container {
    grid-template-columns: 15fr 225fr 170fr 33fr 197fr;
    grid-template-rows: 67fr 14fr 159fr 60fr 49fr 20fr 45fr 11fr;
  }
  .gallery--7-items .gallery__container .image:first-child {
    grid-row: 3/span 2;
    grid-column: 1/span 2;
  }
  .gallery--7-items .gallery__container .image:nth-child(2) {
    grid-row: 1/span 3;
    grid-column: 3/span 2;
  }
  .gallery--7-items .gallery__container .image:nth-child(3) {
    grid-column: 5/span 1;
    grid-row: 2/span 2;
  }
  .gallery--7-items .gallery__container .image:nth-child(4) {
    grid-column: 2;
    grid-row: 5/span 3;
  }
  .gallery--7-items .gallery__container .image:nth-child(5) {
    grid-column: 3;
    grid-row: 4/span 2;
  }
  .gallery--7-items .gallery__container .image:nth-child(6) {
    grid-column: 4/span 2;
    grid-row: 4/span 3;
  }
  .gallery--7-items .gallery__container .image:nth-child(7) {
    grid-column: 3;
    grid-row: 6/span 3;
  }
}
@media (min-width: 80rem) {
  .gallery--7-items .gallery__container {
    grid-template-columns: 70fr 260fr 290fr 155fr 115fr 223fr 107fr;
    grid-template-rows: 22fr 20fr 0 230fr 40fr 160fr 0 20fr;
  }
  .gallery--7-items .gallery__container .image:first-child {
    grid-row: 3/span 3;
  }
  .gallery--7-items .gallery__container .image:nth-child(2) {
    grid-row: 1/span 4;
    grid-column: 3/span 1;
  }
  .gallery--7-items .gallery__container .image:nth-child(3) {
    grid-column: 4/span 2;
    grid-row: 2/span 3;
  }
  .gallery--7-items .gallery__container .image:nth-child(4) {
    grid-column: 6/span 2;
    grid-row: 3/span 2;
  }
  .gallery--7-items .gallery__container .image:nth-child(5) {
    grid-column: 2;
    grid-row: 6/span 2;
  }
  .gallery--7-items .gallery__container .image:nth-child(6) {
    grid-column: 3/span 2;
    grid-row: 5/span 4;
  }
  .gallery--7-items .gallery__container .image:nth-child(7) {
    grid-column: 5/span 2;
    grid-row: 5/span 2;
  }
}
@media (min-width: 100rem) {
  .gallery--7-items:has(.gallery__bg--secondary-color) {
    padding-bottom: 0;
    padding-top: 60px;
    padding-top: 3.75rem;
  }
  .gallery--7-items:has(.gallery__bg--secondary-color) .gallery__bg:before {
    bottom: 20px;
    bottom: 1.25rem;
  }
}
@media (min-width: 120rem){
  .gallery--7-items:has(.gallery__bg--secondary-color) .gallery__bg:before{
    bottom: 1.04167vw;
  }
}
@media (min-width: 120rem){
  .gallery--7-items:has(.gallery__bg--secondary-color){
    padding-top: 3.125vw;
  }
}
.gallery--8-items .gallery__container {
  grid-template-columns: 120fr 9fr 47fr 64fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 5px;
  gap: 0.31rem;
}

.gallery--8-items .gallery__container .image:first-child {
  aspect-ratio: 120/105;
  grid-row: 1;
  grid-column: 1/span 1;
}

.gallery--8-items .gallery__container .image:nth-child(2) {
  grid-column: 2/span 2;
  grid-row: 1;
}

.gallery--8-items .gallery__container .image:nth-child(3) {
  grid-column: 4/span 1;
  grid-row: 1;
}

.gallery--8-items .gallery__container .image:nth-child(4) {
  grid-column: 1/span 4;
  grid-row: 2;
}

.gallery--8-items .gallery__container .image:nth-child(5) {
  grid-column: 1/span 2;
  grid-row: 3;
}

.gallery--8-items .gallery__container .image:nth-child(6) {
  grid-column: 3/span 2;
  grid-row: 3;
}

.gallery--8-items .gallery__container .image:nth-child(7) {
  grid-column: 1/span 1;
  grid-row: 4;
}

.gallery--8-items .gallery__container .image:nth-child(8) {
  grid-column: 2/span 3;
  grid-row: 4;
}

@media (min-width: 47.5rem) {
  .gallery--8-items .gallery__container {
    grid-template-columns: 211fr 85fr 85fr 100fr 100fr;
    grid-template-rows: 92fr 39fr 35fr 92fr;
    gap: 10px;
    gap: 0.63rem;
  }
  .gallery--8-items .gallery__container .image:first-child {
    aspect-ratio: 211/184;
    grid-row: 1/span 3;
    grid-column: 1/span 1;
  }
  .gallery--8-items .gallery__container .image:nth-child(2) {
    grid-column: 2/span 1;
    grid-row: 1/span 2;
  }
  .gallery--8-items .gallery__container .image:nth-child(3) {
    grid-column: 3/span 1;
    grid-row: 1/span 2;
  }
  .gallery--8-items .gallery__container .image:nth-child(4) {
    grid-column: 1/span 1;
    grid-row: 4;
  }
  .gallery--8-items .gallery__container .image:nth-child(5) {
    grid-column: 2/span 2;
    grid-row: 3/span 2;
  }
  .gallery--8-items .gallery__container .image:nth-child(6) {
    grid-column: 4/span 1;
    grid-row: 1;
  }
  .gallery--8-items .gallery__container .image:nth-child(7) {
    grid-column: 5/span 1;
    grid-row: 1;
  }
  .gallery--8-items .gallery__container .image:nth-child(8) {
    grid-column: 4/span 2;
    grid-row: 2/span 3;
  }
}
@media (min-width: 100rem) {
  .gallery--8-items .gallery__container {
    gap: 20px;
    gap: 1.25rem;
  }
}
@media (min-width: 120rem){
  .gallery--8-items .gallery__container{
    gap: 1.04167vw;
  }
}
.gallery--inverted .gallery__container {
  grid-template-columns: 120fr 160fr;
}

.gallery--inverted .gallery__container .image:first-child {
  grid-column: 2;
}

.gallery--inverted .gallery__container .image:nth-child(2) {
  grid-column: 1;
}

.gallery--inverted .gallery__container .image:nth-child(3) {
  grid-column: 2;
}

.gallery--inverted .gallery__container .image:nth-child(4) {
  grid-column: 1;
}

@media (min-width: 37.5rem) {
  .gallery--inverted .gallery__container {
    grid-template-columns: 80fr 280fr 290fr 660fr;
  }
  .gallery--inverted .gallery__container .image:first-child {
    grid-column: 4;
  }
  .gallery--inverted .gallery__container .image:nth-child(2) {
    grid-column: 3;
  }
  .gallery--inverted .gallery__container .image:nth-child(3) {
    grid-column: 2/span 2;
  }
  .gallery--inverted .gallery__container .image:nth-child(4) {
    grid-column: 1/span 2;
  }
}
.gallery--inverted.gallery--5-items .gallery__container .image:nth-child(5) {
  grid-column: 1;
}

@media (min-width: 37.5rem) {
  .gallery--inverted.gallery--5-items .gallery__container {
    grid-template-columns: 285fr 185fr 290fr 580fr;
  }
  .gallery--inverted.gallery--5-items .gallery__container .image:nth-child(4) {
    grid-column: 1/span 2;
  }
  .gallery--inverted.gallery--5-items .gallery__container .image:nth-child(5) {
    grid-column: 1;
  }
}
.gallery--inverted.gallery--6-items .gallery__container {
  grid-template-columns: 30fr 13fr 62fr 40fr 110fr;
}

.gallery--inverted.gallery--6-items .gallery__container .image:first-child {
  grid-column: 4/span 2;
}

.gallery--inverted.gallery--6-items .gallery__container .image:nth-child(2) {
  grid-column: 2/span 2;
}

.gallery--inverted.gallery--6-items .gallery__container .image:nth-child(3) {
  grid-column: 1/span 3;
}

.gallery--inverted.gallery--6-items .gallery__container .image:nth-child(4) {
  grid-column: 5;
}

.gallery--inverted.gallery--6-items .gallery__container .image:nth-child(5) {
  grid-column: 1/span 4;
}

.gallery--inverted.gallery--6-items .gallery__container .image:nth-child(6) {
  grid-column: 3/span 2;
}

@media (min-width: 37.5rem) {
  .gallery--inverted.gallery--6-items .gallery__container {
    grid-template-columns: 106fr 224fr 300fr 230fr 420fr;
  }
  .gallery--inverted.gallery--6-items .gallery__container .image:first-child {
    grid-column: 5;
  }
  .gallery--inverted.gallery--6-items .gallery__container .image:nth-child(2) {
    grid-column: 4;
  }
  .gallery--inverted.gallery--6-items .gallery__container .image:nth-child(3) {
    grid-column: 3/span 2;
  }
  .gallery--inverted.gallery--6-items .gallery__container .image:nth-child(4) {
    grid-column: 3;
  }
  .gallery--inverted.gallery--6-items .gallery__container .image:nth-child(5) {
    grid-column: 1/span 2;
  }
  .gallery--inverted.gallery--6-items .gallery__container .image:nth-child(6) {
    grid-column: 2;
  }
}
.gallery--inverted.gallery--7-items .gallery__container {
  grid-template-columns: 138fr 115fr 27fr;
}

.gallery--inverted.gallery--7-items .gallery__container .image:first-child {
  grid-column: 2/span 2;
}

.gallery--inverted.gallery--7-items .gallery__container .image:nth-child(2) {
  grid-column: 1;
}

.gallery--inverted.gallery--7-items .gallery__container .image:nth-child(3) {
  grid-column: 2/span 2;
}

.gallery--inverted.gallery--7-items .gallery__container .image:nth-child(4) {
  grid-column: 1;
}

.gallery--inverted.gallery--7-items .gallery__container .image:nth-child(5) {
  grid-column: 1;
}

.gallery--inverted.gallery--7-items .gallery__container .image:nth-child(7) {
  grid-column: 1;
}

@media (min-width: 37.5rem) {
  .gallery--inverted.gallery--7-items .gallery__container {
    grid-template-columns: 197fr 33fr 170fr 225fr 15fr;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:first-child {
    grid-column: 4/span 2;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:nth-child(2) {
    grid-column: 2/span 2;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:nth-child(3) {
    grid-column: 1/span 1;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:nth-child(4) {
    grid-column: 4;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:nth-child(5) {
    grid-column: 3;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:nth-child(6) {
    grid-column: 1/span 2;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:nth-child(7) {
    grid-column: 3;
  }
}
@media (min-width: 80rem) {
  .gallery--inverted.gallery--7-items .gallery__container {
    grid-template-columns: 107fr 223fr 115fr 155fr 290fr 260fr 70fr;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:first-child {
    grid-column: 6/span 2;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:nth-child(2) {
    grid-column: 5/span 1;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:nth-child(3) {
    grid-column: 3/span 2;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:nth-child(4) {
    grid-column: 1/span 2;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:nth-child(5) {
    grid-column: 6;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:nth-child(6) {
    grid-column: 4/span 2;
  }
  .gallery--inverted.gallery--7-items .gallery__container .image:nth-child(7) {
    grid-column: 2/span 2;
  }
}
.gfield {
  position: relative;
}

.gfield input, .gfield .textarea {
  background-color: transparent;
  border: 1px solid var(--white);
  color: var(--white);
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding: 12px;
  padding: 0.75rem;
}

@media (min-width: 120rem){
  .gfield input, .gfield .textarea{
    border: 0.05208vw solid var(--white);
    font-size: 0.83333vw;
    line-height: 1.25vw;
    padding: 0.625vw;
  }
}

.gfield input:focus, .gfield .textarea:focus {
  background: var(--white);
  color: var(--dark-grey);
}

.gfield input:focus::-webkit-input-placeholder, .gfield .textarea:focus::-webkit-input-placeholder {
  color: var(--dark-grey) !important;
}

.gfield input:focus::-moz-placeholder, .gfield .textarea:focus::-moz-placeholder {
  color: var(--dark-grey) !important;
}

.gfield input:focus::-ms-placeholder, .gfield .textarea:focus::-ms-placeholder {
  color: var(--dark-grey) !important;
}

.gfield input:focus::placeholder, .gfield .textarea:focus::placeholder {
  color: var(--dark-grey) !important;
}

/*Standard Breakpoints*/
.gform_wrapper.gravity-theme .gform_body .gform_fields {
  grid-row-gap: 25px;
  grid-row-gap: 1.56rem;
  grid-column-gap: 15px;
  grid-column-gap: 0.94rem;
}

@media (min-width: 64rem) {
  .gform_wrapper.gravity-theme .gform_body .gform_fields {
    grid-row-gap: 30px;
    grid-row-gap: 1.88rem;
    grid-column-gap: 20px;
    grid-column-gap: 1.25rem;
  }
}
@media (min-width: 80rem) {
  .gform_wrapper.gravity-theme .gform_body .gform_fields {
    grid-row-gap: 40px;
    grid-row-gap: 2.5rem;
    grid-column-gap: 30px;
    grid-column-gap: 1.88rem;
  }
}
@media (min-width: 120rem){
  .gform_wrapper.gravity-theme .gform_body .gform_fields{
    grid-row-gap: 2.08333vw;
    grid-column-gap: 1.5625vw;
  }
}
.gform_wrapper.gravity-theme .gform_validation_errors {
  display: none;
}

.gform_wrapper.gravity-theme .gform_required_legend {
  display: none;
}

.gform_wrapper.gravity-theme .gfield_label .gfield_required {
  display: none;
}

.gfield_label {
  font-family: "space-mono", monospace;
  color: var(--text-color, var(--med-grey));
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  font-weight: 700;
  display: block;
}

@media (min-width: 120rem){
  .gfield_label{
    margin-bottom: 0.20833vw;
  }
}

/* Color styles */
:root {
  --dark-grey: #1C1C1B;
  --dark-grey-rgb: 28, 28, 27;
  --dark-grey-hexless: 1C1C1B;
  --dark-grey-blue: #363636;
  --dark-grey-blue-rgb: 54, 54, 54;
  --dark-grey-blue-hexless: 363636;
  --med-grey: #4B4B44;
  --med-grey-rgb: 75, 75, 68;
  --med-grey-hexless: 4B4B44;
  --grey: #A2A19C;
  --grey-rgb: 162, 161, 156;
  --grey-hexless: A2A19C;
  --off-white: #E9E6E1;
  --off-white-rgb: 233, 230, 225;
  --off-white-hexless: E9E6E1;
  --light-grey: #F5F5F5;
  --light-grey-rgb: 245, 245, 245;
  --light-grey-hexless: F5F5F5;
  --white: #FFF;
  --white-rgb: 255, 255, 255;
  --white-hexless: FFF;
  --magic-mint: #9FC;
  --magic-mint-rgb: 153, 255, 204;
  --magic-mint-hexless: 9FC;
  --winter-green: #71BE95;
  --winter-green-rgb: 113, 190, 149;
  --winter-green-hexless: 71BE95;
  --violet: #4E20D2;
  --violet-rgb: 78, 32, 210;
  --violet-hexless: 4E20D2;
  --burnt-peach: #E17973;
  --burnt-peach-rgb: 225, 121, 115;
  --burnt-peach-hexless: E17973;
  --lilac: #8F5CD1;
  --lilac-rgb: 143, 92, 209;
  --lilac-hexless: 8F5CD1;
  --coral: #FF584D;
  --coral-rgb: 255, 88, 77;
  --coral-hexless: FF584D;
  --heading-color: var(--dark-grey);
  --text-color: var(--med-grey);
}

.gform_button {
  width: calc(100% - var(--shadow-width));
  justify-content: center;
  display: flex;
  align-items: center;
}

.gform_button:after {
  transition: all 250ms ease-in-out;
  content: "";
  background: url("/wp-content/themes/retail-experience-design/images/svg/arrow.svg?color=99FFCC");
  background-repeat: no-repeat;
  width: 16px;
  width: 1rem;
  height: 15px;
  height: 0.94rem;
  display: block;
}

@media (min-width: 120rem){
  .gform_button:after{
    width: 0.83333vw;
    height: 0.78125vw;
  }
}

.gform_button:hover:after {
  content: "";
  background: url("/wp-content/themes/retail-experience-design/images/svg/arrow.svg?color=1C1C1B");
  background-repeat: no-repeat;
  width: 16px;
  width: 1rem;
  height: 15px;
  height: 0.94rem;
  display: block;
}

@media (min-width: 120rem){
  .gform_button:hover:after{
    width: 0.83333vw;
    height: 0.78125vw;
  }
}

.gform_button.btn--loading::after {
  width: 28px;
  width: 1.75rem;
  height: 28px;
  height: 1.75rem;
  background: url("/wp-content/themes/retail-experience-design/images/svg/loader.svg?color=FFFFFF") no-repeat center center/contain;
}

@media (min-width: 120rem){
  .gform_button.btn--loading::after{
    width: 1.45833vw;
    height: 1.45833vw;
  }
}

.gform_wrapper.gravity-theme .gfield_checkbox .gform-field-label {
  font-family: "red-hat", Arial, sans-serif;
  color: var(--text-color, var(--med-grey));
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

@media (min-width: 120rem){
  .gform_wrapper.gravity-theme .gfield_checkbox .gform-field-label{
    font-size: 0.83333vw;
    line-height: 1.25vw;
  }
}

.gform_wrapper.gravity-theme .gfield_checkbox .gchoice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  gap: 0.63rem;
}

@media (min-width: 64rem) {
  .gform_wrapper.gravity-theme .gfield_checkbox .gchoice {
    align-items: center;
    gap: 15px;
    gap: 0.94rem;
  }
}

@media (min-width: 120rem){
  .gform_wrapper.gravity-theme .gfield_checkbox .gchoice{
    gap: 0.78125vw;
  }
}
.gform_wrapper.gravity-theme .gfield_checkbox input {
  height: 22px;
  height: 1.38rem;
  width: 22px;
  width: 1.38rem;
  padding: 0;
  flex: 0 0 auto;
}

@media (min-width: 64rem) {
  .gform_wrapper.gravity-theme .gfield_checkbox input {
    height: 28px;
    height: 1.75rem;
    width: 28px;
    width: 1.75rem;
  }
}

@media (min-width: 120rem){
  .gform_wrapper.gravity-theme .gfield_checkbox input{
    height: 1.45833vw;
    width: 1.45833vw;
  }
}
.gform_wrapper.gravity-theme .gfield_checkbox input:checked {
  background-color: var(--input-checked, #fff);
  border: 1px solid var(--input-checked, #fff);
  background-image: url("/wp-content/themes/retail-experience-design/images/svg/tick.svg");
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 120rem){
  .gform_wrapper.gravity-theme .gfield_checkbox input:checked{
    border: 0.05208vw solid var(--input-checked, #fff);
  }
}

.gform_wrapper.gravity-theme .gform_footer.top_label {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.gform_wrapper.gravity-theme .gfield_error .textarea[aria-invalid=true], .gform_wrapper.gravity-theme .gfield_error input[aria-invalid=true] {
  border: 2px solid var(--coral);
  border: 0.13rem solid var(--coral);
}

@media (min-width: 120rem){
  .gform_wrapper.gravity-theme .gfield_error .textarea[aria-invalid=true], .gform_wrapper.gravity-theme .gfield_error input[aria-invalid=true]{
    border: 0.10417vw solid var(--coral);
  }
}

.gform_wrapper.gravity-theme .gfield_error .gfield_label {
  color: var(--white);
}

.gform_wrapper.gravity-theme .gfield_validation_message.validation_message {
  background: transparent;
  border: none;
  padding: 0;
  color: var(--white);
  text-align: right;
  font-size: 14px;
  font-size: 0.88rem;
  line-height: 22px;
  line-height: 1.38rem;
  position: absolute;
  margin-top: 0;
  width: auto;
  right: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  gap: 0.25rem;
}

@media (min-width: 120rem){
  .gform_wrapper.gravity-theme .gfield_validation_message.validation_message{
    font-size: 0.72917vw;
    line-height: 1.14583vw;
    gap: 0.20833vw;
  }
}

.gform_wrapper.gravity-theme .gfield_validation_message.validation_message:before {
  content: "";
  background-image: url("/wp-content/themes/retail-experience-design/images/svg/error-icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  height: 14px;
  height: 0.88rem;
  width: 16px;
  width: 1rem;
  display: block;
}

@media (min-width: 120rem){
  .gform_wrapper.gravity-theme .gfield_validation_message.validation_message:before{
    height: 0.72917vw;
    width: 0.83333vw;
  }
}

.gform--contact {
  --accent: var(--magic-mint);
  --input-checked: var(--magic-mint);
  --hover-color: var(--dark-grey);
  display: flex;
  flex-flow: column;
  gap: 25px;
  gap: 1.56rem;
}

@media (min-width: 80rem) {
  .gform--contact {
    gap: 40px;
    gap: 2.5rem;
  }
}

@media (min-width: 120rem){
  .gform--contact{
    gap: 2.08333vw;
  }
}
.gfield--type-textarea textarea {
  max-height: 110px;
  max-height: 6.88rem;
  resize: unset;
}
@media (min-width: 120rem){
  .gfield--type-textarea textarea{
    max-height: 5.72917vw;
  }
}

.gfield--recaptcha, .gfield--type-captcha_fake {
  display: none;
}

.graph {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  margin-bottom: 0.63rem;
  container-type: inline-size;
}

@media (min-width: 120rem){
  .graph{
    margin-bottom: 0.52083vw;
  }
}

.graph svg {
  width: 100%;
  height: auto;
  stroke-dasharray: 330;
}

.graph__popup {
  font-family: "space-mono", monospace;
  position: absolute;
  top: 31.9852941176cqi;
  left: 32.3529411765cqi;
  color: var(--dark-grey);
  text-align: center;
  font-size: 5.8823529412cqi;
  font-style: normal;
  font-weight: 700;
  line-height: 7.3529411765cqi;
  width: 30.5147058824cqi;
  padding: 1.4705882353cqi;
  isolation: isolate;
  background: var(--coral);
}

.graph__popup::before {
  content: "";
  width: 3.6395201973cqi;
  height: 3.6395201973cqi;
  background: var(--coral);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform-origin: bottom left;
  transform: translateY(2.5735294118cqi) rotate(-45deg);
  z-index: -1;
}

.graph__arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.graph__arrow svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Standard Breakpoints*/
.grid-image {
  position: relative;
  aspect-ratio: 1;
  width: 100%;
  display: block;
}

.grid-image:before {
  content: "";
  transition: all 250ms ease-in-out;
}

.grid-image:hover:before {
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.grid-image:hover:after {
  content: "";
  height: 20px;
  height: 1.25rem;
  width: 20px;
  width: 1.25rem;
  background-image: url("../images/svg/magnifying-glass.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
}

@media (min-width: 47.5rem) {
  .grid-image:hover:after {
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem;
  }
}

@media (min-width: 120rem){
  .grid-image:hover:after{
    height: 2.08333vw;
    width: 2.08333vw;
  }
}
/*Standard Breakpoints*/
@media (max-width: 63.94rem) {
  .grid-slider {
    display: block;
    width: 100%;
    overflow: visible;
    --track-item-width: 230px;
    --track-item-width: 14.38rem;
    --track-gutter: 10px;
    --track-gutter: 0.63rem;
  }
  .grid-slider__track {
    display: flex;
    column-gap: var(--track-gutter);
    transition: transform 100ms ease;
    cursor: move;
  }
  .grid-slider__track--dragging {
    transition: none;
  }
  .grid-slider__inner-wrap {
    display: flex;
    width: 100%;
  }
  .grid-slider__item {
    width: var(--track-item-width);
    flex: 0 0 auto;
    container-type: inline-size;
  }
}
@media (max-width: 63.94rem) and (min-width: 47.5rem) {
  .grid-slider {
    --track-gutter: 20px;
    --track-gutter: 1.25rem;
    --track-item-width: 310px;
    --track-item-width: 19.38rem;
  }
}
@media (min-width: 64rem) {
  .grid-slider__track {
    display: flex;
    flex-flow: row wrap;
    --items-per-row: 3;
    --column-gap: 20px;
    --column-gap: 1.25rem;
    column-gap: var(--column-gap);
    row-gap: 30px;
    row-gap: 1.88rem;
  }
}
@media (min-width: 80rem) {
  .grid-slider__track {
    --column-gap: 40px;
    --column-gap: 2.5rem;
  }
}
@media (min-width: 120rem){
  .grid-slider__track{
    --column-gap: 2.08333vw;
    row-gap: 1.5625vw;
  }
}
@media (min-width: 64rem) {
  .grid-slider__item {
    width: auto;
    flex: calc(100% / var(--items-per-row, 2) - 3% - (var(--column-gap, var(--gap, 0px)) + 1px) / var(--items-per-row, 2));
    max-width: calc(100% / var(--items-per-row, 2) - var(--column-gap, var(--gap, 0px)) * (var(--items-per-row, 2) - 1) / (var(--items-per-row, 2)));
  }
}
@media (min-width: 120rem){
  .grid-slider__item{
    flex: calc(100% / var(--items-per-row, 2) - 3% - (var(--column-gap, var(--gap, 0vw)) + 0.05208vw) / var(--items-per-row, 2));
    max-width: calc(100% / var(--items-per-row, 2) - var(--column-gap, var(--gap, 0vw)) * (var(--items-per-row, 2) - 1) / (var(--items-per-row, 2)));
  }
}
@media (min-width: 37.5rem) {
  .grid-slider--fill .grid-slider__item {
    max-width: none;
    flex: 1 1 auto;
  }
  .grid-slider--fill .card__media {
    max-height: 439px;
    max-height: 27.44rem;
  }
  .grid-slider--fill .grid-slider__track {
    width: 100%;
  }
}
@media (min-width: 120rem){
  .grid-slider--fill .card__media{
    max-height: 22.86458vw;
  }
}
.hamburger {
  aspect-ratio: 1;
  width: 42px;
  width: 2.63rem;
  font-size: 0;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: width 150ms linear, background 150ms linear;
}
@media (min-width: 120rem){
  .hamburger{
    width: 2.1875vw;
  }
}

.hamburger span {
  background: var(--logo-color, #FFF);
  width: 30px;
  width: 1.88rem;
  height: 3px;
  height: 0.19rem;
  position: relative;
  transition: background 150ms linear, opacity 200ms ease-in-out;
}

@media (min-width: 120rem){
  .hamburger span{
    width: 1.5625vw;
    height: 0.15625vw;
  }
}

.hamburger span::before, .hamburger span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  transform: translateY(-9px);
  transform: translateY(-0.56rem);
}

@media (min-width: 120rem){
  .hamburger span::before, .hamburger span::after{
    transform: translateY(-0.46875vw);
  }
}

.hamburger span::after {
  transform: translateY(9px);
  transform: translateY(0.56rem);
}

@media (min-width: 120rem){
  .hamburger span::after{
    transform: translateY(0.46875vw);
  }
}

.hamburger:hover span {
  opacity: 0.7;
}

/*Standard Breakpoints*/
/* Color styles */
:root {
  --dark-grey: #1C1C1B;
  --dark-grey-rgb: 28, 28, 27;
  --dark-grey-hexless: 1C1C1B;
  --dark-grey-blue: #363636;
  --dark-grey-blue-rgb: 54, 54, 54;
  --dark-grey-blue-hexless: 363636;
  --med-grey: #4B4B44;
  --med-grey-rgb: 75, 75, 68;
  --med-grey-hexless: 4B4B44;
  --grey: #A2A19C;
  --grey-rgb: 162, 161, 156;
  --grey-hexless: A2A19C;
  --off-white: #E9E6E1;
  --off-white-rgb: 233, 230, 225;
  --off-white-hexless: E9E6E1;
  --light-grey: #F5F5F5;
  --light-grey-rgb: 245, 245, 245;
  --light-grey-hexless: F5F5F5;
  --white: #FFF;
  --white-rgb: 255, 255, 255;
  --white-hexless: FFF;
  --magic-mint: #9FC;
  --magic-mint-rgb: 153, 255, 204;
  --magic-mint-hexless: 9FC;
  --winter-green: #71BE95;
  --winter-green-rgb: 113, 190, 149;
  --winter-green-hexless: 71BE95;
  --violet: #4E20D2;
  --violet-rgb: 78, 32, 210;
  --violet-hexless: 4E20D2;
  --burnt-peach: #E17973;
  --burnt-peach-rgb: 225, 121, 115;
  --burnt-peach-hexless: E17973;
  --lilac: #8F5CD1;
  --lilac-rgb: 143, 92, 209;
  --lilac-hexless: 8F5CD1;
  --coral: #FF584D;
  --coral-rgb: 255, 88, 77;
  --coral-hexless: FF584D;
  --heading-color: var(--dark-grey);
  --text-color: var(--med-grey);
}

@media (min-width: 64rem) {
  .hamburger--dark span {
    background: #1C1C1B;
  }
}
/*Standard Breakpoints*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px var(--screen-edge-padding);
  padding: 0.63rem var(--screen-edge-padding);
  --container-flow: row;
  --site-container: 1600px;
  --site-container: 100rem;
  z-index: 1000;
  transition: padding 150ms linear;
  pointer-events: none;
}

@media (min-width: 47.5rem) {
  .header {
    padding-block: 20px;
    padding-block: 1.25rem;
  }
}
@media (min-width: 64rem) {
  .header {
    padding-block: 15px;
    padding-block: 0.94rem;
  }
}
@media (min-width: 100rem) {
  .header {
    padding-block: 20px;
    padding-block: 1.25rem;
    padding-inline: 50px;
    padding-inline: 3.13rem;
  }
}
@media (min-width: 120rem) {
  .header {
    padding-inline: 0;
  }
}
@media (min-width: 120rem){
  .header{
    padding: 0.52083vw var(--screen-edge-padding);
    --site-container: 83.33333vw;
    padding-block: 1.04167vw;
  }
}
.header__actions {
  display: flex;
  gap: 40px;
  gap: 2.5rem;
  margin-inline: auto 0;
  align-items: center;
  pointer-events: auto;
}

@media (min-width: 100rem) {
  .header__actions {
    gap: 50px;
    gap: 3.13rem;
  }
}

@media (min-width: 120rem){
  .header__actions{
    gap: 2.60417vw;
  }
}
@media (max-width: 47.44rem) {
  .header__actions .btn {
    display: none;
  }
}
.header--sticky {
  padding-block: 20px;
  padding-block: 1.25rem;
}

@media (min-width: 80rem) {
  .header--sticky {
    padding-block: 40px;
    padding-block: 2.5rem;
  }
}

@media (min-width: 120rem){
  .header--sticky{
    padding-block: 2.08333vw;
  }
}
.header--sticky .logo {
  opacity: 0;
  pointer-events: none;
}

.header--sticky .hamburger {
  background: var(--white);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 0.31rem 0 rgba(0, 0, 0, 0.12);
}

@media (min-width: 64rem) {
  .header--sticky .hamburger {
    width: 54px;
    width: 3.38rem;
  }
}

@media (min-width: 120rem){
  .header--sticky .hamburger{
    box-shadow: 0 0.05208vw 0.26042vw 0 rgba(0, 0, 0, 0.12);
    width: 2.8125vw;
  }
}
.header--sticky .hamburger span {
  background: var(--dark-grey);
}

.header--sticky .hamburger span:before, .header--sticky .hamburger span:after {
  background: var(--dark-grey);
}

/*Standard Breakpoints*/
.heading-content-action {
  display: grid;
  grid-template-areas: "heading" "content" "action";
  grid-template-columns: 100%;
  gap: 20px;
  gap: 1.25rem;
}

@media (min-width: 64rem) {
  .heading-content-action {
    grid-template-areas: "heading action" "content content";
    grid-template-columns: auto min-content;
    gap: 30px;
    gap: 1.88rem;
  }
}

@media (min-width: 120rem){
  .heading-content-action{
    gap: 1.5625vw;
  }
}
.heading-content-action__action {
  grid-area: action;
  display: flex;
  align-items: center;
}

.heading-content-action__action .link {
  margin-right: auto;
  margin-left: 0;
}

.heading-content-action__action .btn {
  white-space: pre;
}

@media (max-width: 63.94rem) {
  .heading-content-action__action .btn {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}
.heading-content-action__content {
  grid-area: content;
}

.heading-content-action__heading {
  grid-area: heading;
  display: flex;
  flex-flow: column;
  gap: 10px;
  gap: 0.63rem;
}

@media (min-width: 120rem){
  .heading-content-action__heading{
    gap: 0.52083vw;
  }
}

/*Standard Breakpoints*/
.heading-section {
  display: flex;
  flex-flow: column;
  gap: 15px;
  gap: 0.94rem;
  margin-bottom: 15px;
  margin-bottom: 0.94rem;
}

@media (min-width: 47.5rem) {
  .heading-section {
    gap: 30px;
    gap: 1.88rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 120rem){
  .heading-section{
    gap: 1.5625vw;
    margin-bottom: 1.04167vw;
  }
}
.heading-section .heading {
  margin-bottom: 0;
  max-width: fit-content;
}

.heading-section--center {
  margin: 0 auto;
  max-width: 800px;
  max-width: 50rem;
  text-align: center;
  display: flex;
  align-items: center;
}

@media (min-width: 80rem) {
  .heading-section--center {
    max-width: 1000px;
    max-width: 62.5rem;
  }
}

@media (min-width: 120rem){
  .heading-section--center{
    max-width: 52.08333vw;
  }
}
.heading-section--40-150 {
  gap: 10px;
  gap: 0.63rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

@media (min-width: 47.5rem) {
  .heading-section--40-150 {
    gap: 20px;
    gap: 1.25rem;
    margin-bottom: 60px;
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 80rem) {
  .heading-section--40-150 {
    margin-bottom: 80px;
    margin-bottom: 5rem;
  }
}
@media (min-width: 100rem) {
  .heading-section--40-150 {
    gap: 40px;
    gap: 2.5rem;
    margin-bottom: 150px;
    margin-bottom: 9.38rem;
  }
}
@media (min-width: 120rem){
  .heading-section--40-150{
    gap: 2.08333vw;
    margin-bottom: 7.8125vw;
  }
}
.heading-section--medium {
  margin-bottom: 10px;
  margin-bottom: 0.63rem;
}

@media (min-width: 47.5rem) {
  .heading-section--medium {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 100rem) {
  .heading-section--medium {
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 120rem){
  .heading-section--medium{
    margin-bottom: 2.08333vw;
  }
}
.hero {
  position: relative;
}

.hero.inverted .hero__caption {
  right: 10px;
  right: 0.63rem;
  left: auto;
}

@media (min-width: 120rem){
  .hero.inverted .hero__caption{
    right: 0.52083vw;
  }
}

/*Standard Breakpoints*/
.hero__container {
  padding: 0 15px;
  padding: 0 0.94rem;
  position: relative;
}

@media (min-width: 47.5rem) {
  .hero__container {
    padding: 0 30px;
    padding: 0 1.88rem;
  }
}
@media (min-width: 64rem) {
  .hero__container {
    padding: 0;
  }
}
.hero__secondary-image {
  display: none;
  z-index: 2;
  container-type: inline-size;
}

@media (min-width: 47.5rem) {
  .hero__secondary-image {
    display: block;
    position: absolute;
    bottom: -53px;
    bottom: -3.31rem;
    right: 0;
    width: 412px;
    width: 25.75rem;
    height: 283px;
    height: 17.69rem;
  }
}
@media (min-width: 64rem) {
  .hero__secondary-image {
    width: 390px;
    width: 24.38rem;
    height: 268px;
    height: 16.75rem;
    bottom: -108px;
    bottom: -6.75rem;
  }
}
@media (min-width: 80rem) {
  .hero__secondary-image {
    width: 510px;
    width: 31.88rem;
    height: 350px;
    height: 21.88rem;
    bottom: -178px;
    bottom: -11.13rem;
  }
}
@media (min-width: 100rem) {
  .hero__secondary-image {
    width: 670px;
    width: 41.88rem;
    height: 460px;
    height: 28.75rem;
    bottom: -240px;
    bottom: -15rem;
  }
}
@media (min-width: 120rem){
  .hero__secondary-image{
    bottom: -12.5vw;
    width: 34.89583vw;
    height: 23.95833vw;
  }
}
.hero__secondary-image .video-link__icon {
  width: 29.8507462687cqi;
}

@media (min-width: 47.5rem) {
  .hero__secondary-image .video-link__icon {
    width: 19.4029850746cqi;
  }
}
.hero__secondary-image .video-link__text {
  position: absolute;
  fill: var(--white);
  top: calc(50% - 8.6505190311cqi);
  left: calc(50% - 8.6505190311cqi);
  transform: translate(-50%, -50%);
  width: 27.6816608997cqi;
  aspect-ratio: 1;
}

.hero__secondary-image .video-link__text svg {
  height: 100%;
  width: 100%;
}

.hero__secondary-image .video-link:after {
  content: "";
  opacity: 0.4;
  background: radial-gradient(50% 50% at 50% 50%, #000 0%, rgba(0, 0, 0, 0) 68.75%);
  position: absolute;
  height: 100%;
  width: 100%;
}

.hero__btn {
  position: absolute;
  bottom: 0;
  --edge-offset: 0;
  right: var(--edge-offset);
  z-index: 5;
  color: var(--hover-color);
  --link-hover-bg: var(--violet);
  --link-hover-color: var(--white);
  font-family: "space-mono", monospace;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.13rem;
  line-height: 26px;
  line-height: 1.63rem;
  text-decoration: none;
  flex: 0 0 auto;
  display: inline-flex;
  gap: 10px;
  gap: 0.63rem;
}

html[data-useragent*="Safari/"][data-useragent*="Macintosh;"]:not([data-useragent*=Chrome]) .hero__btn {
  display: block;
}

.hero__btn {
  background: var(--bg-color);
  --icon-width: 16px;
  --icon-width: 1rem;
  padding: 12px 20px;
  padding: 0.75rem 1.25rem;
  transition: color 0.25s ease-in-out, fill 0.25s ease-in-out;
}

@media (min-width: 47.5rem) {
  .hero__btn {
    --edge-offset: 412px;
    --edge-offset: 25.75rem;
    padding: 32px;
    padding: 2rem;
  }
}
@media (min-width: 64rem) {
  .hero__btn {
    --edge-offset: 390px;
    --edge-offset: 24.38rem;
    padding: 41px 30px;
    padding: 2.56rem 1.88rem;
  }
}
@media (min-width: 80rem) {
  .hero__btn {
    --edge-offset: 510px;
    --edge-offset: 31.88rem;
  }
}
@media (min-width: 100rem) {
  .hero__btn {
    --edge-offset: 670px;
    --edge-offset: 41.88rem;
    padding: 50px;
    padding: 3.13rem;
  }
}
@media (min-width: 120rem){
  .hero__btn{
    --edge-offset: 34.89583vw;
    font-size: 0.9375vw;
    line-height: 1.35417vw;
    gap: 0.52083vw;
    --icon-width: 0.83333vw;
    padding: 2.60417vw;
  }
}
.hero__btn:hover {
  color: var(--link-hover-color);
}

.hero__btn:hover:after {
  --visible-amount: 100%;
}

.hero__btn:after {
  content: "";
  height: 100%;
  width: 100%;
  background: var(--link-hover-bg);
  position: absolute;
  right: 0;
  z-index: -1;
  top: 0;
  left: auto;
  clip-path: polygon(0 0, var(--visible-amount, 0%) 0, var(--visible-amount, 0%) 100%, 0% 100%);
  transition: clip-path 0.25s ease-in-out;
}

.hero__btn.accent--violet {
  --link-hover-bg: var(--magic-mint);
  --link-hover-color: var(--mid-grey);
}

.hero__btn .icon svg {
  transition: none;
}

.hero__color-block {
  position: absolute;
  top: 100%;
  right: 0;
  background: var(--bg-color);
  width: 245px;
  width: 15.31rem;
  height: 15px;
  height: 0.94rem;
  z-index: 1;
}

@media (min-width: 47.5rem) {
  .hero__color-block {
    width: 362px;
    width: 22.63rem;
    height: 83px;
    height: 5.19rem;
  }
}
@media (min-width: 64rem) {
  .hero__color-block {
    width: 360px;
    width: 22.5rem;
    height: 138px;
    height: 8.63rem;
  }
}
@media (min-width: 80rem) {
  .hero__color-block {
    width: 470px;
    width: 29.38rem;
    height: 218px;
    height: 13.63rem;
  }
}
@media (min-width: 100rem) {
  .hero__color-block {
    width: 550px;
    width: 34.38rem;
    height: 300px;
    height: 18.75rem;
  }
}
@media (min-width: 120rem){
  .hero__color-block{
    width: 28.64583vw;
    height: 15.625vw;
  }
}
.hero__caption {
  font-family: "space-mono", monospace;
  position: absolute;
  z-index: 10;
  bottom: 15px;
  bottom: 0.94rem;
  left: 10px;
  left: 0.63rem;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.13rem;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 0px 0.63rem rgba(0, 0, 0, 0.4);
  text-decoration: none;
}

@media (min-width: 47.5rem) {
  .hero__caption {
    font-size: 14px;
    font-size: 0.88rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
@media (min-width: 64rem) {
  .hero__caption {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 120rem){
  .hero__caption{
    bottom: 0.78125vw;
    left: 0.52083vw;
    font-size: 0.83333vw;
    line-height: 1.25vw;
    text-shadow: 0vw 0vw 0.52083vw rgba(0, 0, 0, 0.4);
  }
}
.hero--blog {
  --heading-color: var(--white);
  color: var(--white);
  padding-top: 94px;
  padding-top: 5.88rem;
}

@media (min-width: 47.5rem) {
  .hero--blog {
    padding-top: 130px;
    padding-top: 8.13rem;
  }
}
@media (min-width: 64rem) {
  .hero--blog {
    padding-top: 100px;
    padding-top: 6.25rem;
    min-height: 600px;
    min-height: 37.5rem;
    display: flex;
    align-items: center;
    padding-bottom: 56px;
    padding-bottom: 3.5rem;
  }
}
@media (min-width: 100rem) {
  .hero--blog {
    min-height: 800px;
    min-height: 50rem;
    padding-top: 130px;
    padding-top: 8.13rem;
    padding-bottom: 51px;
    padding-bottom: 3.19rem;
  }
}
@media (min-width: 120rem){
  .hero--blog{
    padding-top: 6.77083vw;
    min-height: 41.66667vw;
    padding-bottom: 2.65625vw;
  }
}
.hero--blog .hero__text {
  margin-bottom: 28px;
  margin-bottom: 1.75rem;
  display: flex;
  flex-flow: column;
  gap: 15px;
  gap: 0.94rem;
}

@media (min-width: 47.5rem) {
  .hero--blog .hero__text {
    margin-bottom: 35px;
    margin-bottom: 2.19rem;
  }
}
@media (min-width: 64rem) {
  .hero--blog .hero__text {
    padding: 0 40px;
    padding: 0 2.5rem;
    margin-bottom: 0;
    max-width: 50%;
  }
}
@media (min-width: 100rem) {
  .hero--blog .hero__text {
    padding: 0;
  }
}
@media (min-width: 120rem){
  .hero--blog .hero__text{
    gap: 0.78125vw;
  }
}
.hero--blog .hero__image {
  aspect-ratio: 304/203;
  width: calc(100% - 30px);
  width: calc(100% - 1.88rem);
  background: grey;
  position: relative;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 47.5rem) {
  .hero--blog .hero__image {
    aspect-ratio: 700/480;
    width: calc(100% - 60px);
    width: calc(100% - 3.75rem);
  }
}
@media (min-width: 64rem) {
  .hero--blog .hero__image {
    width: 50%;
    position: absolute;
    right: 0;
    left: auto;
    top: 100px;
    top: 6.25rem;
    transform: none;
    max-width: 644px;
    max-width: 40.25rem;
  }
}
@media (min-width: 100rem) {
  .hero--blog .hero__image {
    width: 47%;
    top: 130px;
    top: 8.13rem;
    max-width: 900px;
    max-width: 56.25rem;
  }
}
@media (min-width: 120rem){
  .hero--blog .hero__image{
    top: 6.77083vw;
    max-width: 46.875vw;
  }
}
.hero--blog .hero__container {
  width: 100%;
}

@media (min-width: 64rem) {
  .hero--blog .hero__container {
    height: calc(100% - 56px);
    height: calc(100% - 3.5rem);
  }
}

@media (min-width: 120rem){
  .hero--blog .hero__container{
    height: calc(100% - 2.91667vw);
  }
}
.hero--blog::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background-color: var(--bg-color, #EEE);
  bottom: 99px;
  bottom: 6.19rem;
  background-image: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark-0-07.svg");
  background-repeat: no-repeat;
  background-size: 294px 293px;
  background-size: 18.38rem 18.31rem;
  background-position: top 53px left 13px;
  background-position: top 3.31rem left 0.81rem;
}

@media (min-width: 47.5rem) {
  .hero--blog::before {
    bottom: 262px;
    bottom: 16.38rem;
    background-size: 812px 806px;
    background-size: 50.75rem 50.38rem;
    background-position: bottom 57px left -94px;
    background-position: bottom 3.56rem left -5.88rem;
  }
}
@media (min-width: 64rem) {
  .hero--blog::before {
    right: 300px;
    right: 18.75rem;
    bottom: 0;
    background-size: 763px 760px;
    background-size: 47.69rem 47.5rem;
    background-position: top -26px left 300px;
    background-position: top -1.63rem left 18.75rem;
  }
}
@media (min-width: 100rem) {
  .hero--blog::before {
    right: 23.4375vw;
    background-size: 945px 941px;
    background-size: 59.06rem 58.81rem;
    background-position: top -42px left 450px;
    background-position: top -2.63rem left 28.13rem;
  }
}
@media (min-width: 120rem){
  .hero--blog::before{
    background-size: 49.21875vw 49.01042vw;
    background-position: top -2.1875vw left 23.4375vw;
  }
}
.hero--services {
  background: var(--dark-grey);
  --text-color: var(--white);
  --heading-color: var(--white);
  min-height: 470px;
  min-height: 29.38rem;
  padding: 41px var(--screen-edge-padding) 46px;
  padding: 2.56rem var(--screen-edge-padding) 2.88rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

@media (min-width: 47.5rem) {
  .hero--services {
    min-height: 880px;
    min-height: 55rem;
    margin-bottom: 153px;
    margin-bottom: 9.56rem;
  }
}
@media (min-width: 64rem) {
  .hero--services {
    min-height: 700px;
    min-height: 43.75rem;
    margin-bottom: 0;
  }
}
@media (min-width: 100rem) {
  .hero--services {
    min-height: 960px;
    min-height: 60rem;
  }
}
@media (min-width: 120rem){
  .hero--services{
    min-height: 50vw;
    padding: 2.13542vw var(--screen-edge-padding) 2.39583vw;
  }
}
.hero--services .hero__container {
  padding: 0;
  position: relative;
  z-index: 1;
  width: 100%;
}

.hero--services .hero__text {
  display: flex;
  flex-flow: column;
  gap: 10px;
  gap: 0.63rem;
  width: 100%;
}

@media (min-width: 47.5rem) {
  .hero--services .hero__text {
    max-width: 620px;
    max-width: 38.75rem;
    gap: 20px;
    gap: 1.25rem;
  }
}
@media (min-width: 47.5rem) and (max-width: 63.94rem) {
  .hero--services .hero__text {
    transform: translateY(-65px);
    transform: translateY(-4.06rem);
  }
}
@media (min-width: 64rem) {
  .hero--services .hero__text {
    max-width: 660px;
    max-width: 41.25rem;
    gap: 25px;
    gap: 1.56rem;
  }
}
@media (min-width: 100rem) {
  .hero--services .hero__text {
    max-width: 785px;
    max-width: 49.06rem;
    gap: 40px;
    gap: 2.5rem;
  }
}
@media (min-width: 120rem){
  .hero--services .hero__text{
    gap: 2.08333vw;
    max-width: 40.88542vw;
  }
}
.hero--services .hero__text .heading {
  font-family: "cormorant-garamond", "Times New Roman", sans-serif;
  font-weight: 400;
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 48px;
  line-height: 3rem;
  text-shadow: 0px 0px 24px #000;
  text-shadow: 0px 0px 1.5rem #000;
}

@media (min-width: 47.5rem) {
  .hero--services .hero__text .heading {
    font-size: 80px;
    font-size: 5rem;
    line-height: 90px;
    line-height: 5.63rem;
  }
}
@media (min-width: 64rem) {
  .hero--services .hero__text .heading {
    font-size: 84px;
    font-size: 5.25rem;
    line-height: 94px;
    line-height: 5.88rem;
  }
}
@media (min-width: 100rem) {
  .hero--services .hero__text .heading {
    font-size: 110px;
    font-size: 6.88rem;
    line-height: 110px;
    line-height: 6.88rem;
  }
}
@media (min-width: 120rem){
  .hero--services .hero__text .heading{
    font-size: 5.72917vw;
    line-height: 5.72917vw;
    text-shadow: 0vw 0vw 1.25vw #000;
  }
}
.hero--services .hero__text .heading em {
  font-weight: 600;
  display: block;
  padding-left: 90px;
  padding-left: 5.63rem;
}

@media (min-width: 47.5rem) {
  .hero--services .hero__text .heading em {
    padding-left: 160px;
    padding-left: 10rem;
  }
}
@media (min-width: 64rem) {
  .hero--services .hero__text .heading em {
    padding-left: 120px;
    padding-left: 7.5rem;
  }
}
@media (min-width: 100rem) {
  .hero--services .hero__text .heading em {
    padding-left: 190px;
    padding-left: 11.88rem;
  }
}
@media (min-width: 120rem){
  .hero--services .hero__text .heading em{
    padding-left: 9.89583vw;
  }
}
.hero--services .hero__text p {
  text-shadow: 0px 0px 12px #000;
  text-shadow: 0px 0px 0.75rem #000;
}

@media (min-width: 47.5rem) {
  .hero--services .hero__text p {
    max-width: 460px;
    max-width: 28.75rem;
    margin-inline: auto 0;
  }
}
@media (min-width: 64rem) {
  .hero--services .hero__text p {
    max-width: 540px;
    max-width: 33.75rem;
  }
}
@media (min-width: 100rem) {
  .hero--services .hero__text p {
    max-width: 595px;
    max-width: 37.19rem;
  }
}
@media (min-width: 120rem){
  .hero--services .hero__text p{
    text-shadow: 0vw 0vw 0.625vw #000;
    max-width: 30.98958vw;
  }
}
.hero--services .hero__image {
  isolation: isolate;
  -webkit-user-select: none;
          user-select: none;
}

.hero--services .hero__image::after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url("/wp-content/themes/retail-experience-design/images/svg/watermark-0-07.svg");
  background-repeat: no-repeat;
  background-size: 450px 450px;
  background-size: 28.13rem 28.13rem;
  background-position: bottom 57px left -44px;
  background-position: bottom 3.56rem left -2.75rem;
  z-index: 1;
}

@media (min-width: 47.5rem) {
  .hero--services .hero__image::after {
    background-size: 812px 806px;
    background-size: 50.75rem 50.38rem;
    background-position: bottom 57px left -94px;
    background-position: bottom 3.56rem left -5.88rem;
  }
}
@media (min-width: 64rem) {
  .hero--services .hero__image::after {
    background-size: 803px 798px;
    background-size: 50.19rem 49.88rem;
    background-position: top -26px left 0;
    background-position: top -1.63rem left 0;
  }
}
@media (min-width: 100rem) {
  .hero--services .hero__image::after {
    background-size: 1123px 1116px;
    background-size: 70.19rem 69.75rem;
    background-position: top -42px left 0;
    background-position: top -2.63rem left 0;
  }
}
@media (min-width: 120rem){
  .hero--services .hero__image::after{
    background-size: 58.48958vw 58.125vw;
    background-position: top -2.1875vw left 0;
  }
}
@media (min-width: 64rem) {
  .hero--services.inverted .hero__text {
    margin-inline: auto 0;
  }
}
.hero--services.inverted .hero__secondary-image,
.hero--services.inverted .hero__color-block {
  right: auto;
  left: 0;
}

.hero--services.inverted .hero__btn {
  right: auto;
  left: var(--edge-offset);
}

@media (min-width: 47.5rem) {
  .hero--services.inverted .hero__image:before {
    background-position: bottom 57px right -94px;
    background-position: bottom 3.56rem right -5.88rem;
  }
}
@media (min-width: 64rem) {
  .hero--services.inverted .hero__image:before {
    background-position: top -26px right 0;
    background-position: top -1.63rem right 0;
  }
}
@media (min-width: 100rem) {
  .hero--services.inverted .hero__image:before {
    background-position: top -42px right 0;
    background-position: top -2.63rem right 0;
  }
}
@media (min-width: 120rem){
  .hero--services.inverted .hero__image:before{
    background-position: top -2.1875vw right 0;
  }
}
.hero--sector {
  background: var(--dark-grey);
  --text-color: var(--white);
  --heading-color: var(--white);
  min-height: 470px;
  min-height: 29.38rem;
  padding: 41px var(--screen-edge-padding) 46px;
  padding: 2.56rem var(--screen-edge-padding) 2.88rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

@media (min-width: 47.5rem) {
  .hero--sector {
    min-height: 880px;
    min-height: 55rem;
    margin-bottom: 90px;
    margin-bottom: 5.63rem;
  }
}
@media (min-width: 64rem) {
  .hero--sector {
    min-height: 700px;
    min-height: 43.75rem;
    margin-bottom: 70px;
    margin-bottom: 4.38rem;
  }
}
@media (min-width: 80rem) {
  .hero--sector {
    margin-bottom: 0;
  }
}
@media (min-width: 100rem) {
  .hero--sector {
    min-height: 960px;
    min-height: 60rem;
  }
}
@media (min-width: 120rem){
  .hero--sector{
    min-height: 50vw;
    padding: 2.13542vw var(--screen-edge-padding) 2.39583vw;
  }
}
.hero--sector .hero__container {
  padding: 0;
  position: relative;
  z-index: 1;
  width: 100%;
}

@media (min-width: 47.5rem) {
  .hero--sector .hero__secondary-image {
    bottom: -20px;
    bottom: -1.25rem;
  }
}
@media (min-width: 100rem) {
  .hero--sector .hero__secondary-image {
    bottom: -40px;
    bottom: -2.5rem;
  }
}
@media (min-width: 120rem){
  .hero--sector .hero__secondary-image{
    bottom: -2.08333vw;
  }
}
@media (min-width: 47.5rem) {
  .hero--sector .hero__color-block {
    height: 40px;
    height: 2.5rem;
    width: 390px;
    width: 24.38rem;
  }
}
@media (min-width: 64rem) {
  .hero--sector .hero__color-block {
    width: 370px;
    width: 23.13rem;
  }
}
@media (min-width: 80rem) {
  .hero--sector .hero__color-block {
    width: 480px;
    width: 30rem;
  }
}
@media (min-width: 100rem) {
  .hero--sector .hero__color-block {
    height: 80px;
    height: 5rem;
    width: 630px;
    width: 39.38rem;
  }
}
@media (min-width: 120rem){
  .hero--sector .hero__color-block{
    height: 4.16667vw;
    width: 32.8125vw;
  }
}
.hero--sector .hero__text {
  display: flex;
  flex-flow: column;
  gap: 10px;
  gap: 0.63rem;
  width: 100%;
}

@media (min-width: 47.5rem) {
  .hero--sector .hero__text {
    max-width: 620px;
    max-width: 38.75rem;
    gap: 20px;
    gap: 1.25rem;
  }
}
@media (min-width: 64rem) {
  .hero--sector .hero__text {
    max-width: 660px;
    max-width: 41.25rem;
    gap: 25px;
    gap: 1.56rem;
  }
}
@media (min-width: 100rem) {
  .hero--sector .hero__text {
    max-width: 785px;
    max-width: 49.06rem;
    gap: 40px;
    gap: 2.5rem;
  }
}
@media (min-width: 120rem){
  .hero--sector .hero__text{
    gap: 2.08333vw;
    max-width: 40.88542vw;
  }
}
.hero--sector .hero__text .heading {
  font-family: "cormorant-garamond", "Times New Roman", sans-serif;
  font-weight: 400;
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 48px;
  line-height: 3rem;
  text-shadow: 0px 0px 24px #000;
  text-shadow: 0px 0px 1.5rem #000;
}

@media (min-width: 47.5rem) {
  .hero--sector .hero__text .heading {
    font-size: 80px;
    font-size: 5rem;
    line-height: 90px;
    line-height: 5.63rem;
  }
}
@media (min-width: 64rem) {
  .hero--sector .hero__text .heading {
    font-size: 84px;
    font-size: 5.25rem;
    line-height: 94px;
    line-height: 5.88rem;
  }
}
@media (min-width: 100rem) {
  .hero--sector .hero__text .heading {
    font-size: 110px;
    font-size: 6.88rem;
    line-height: 110px;
    line-height: 6.88rem;
  }
}
@media (min-width: 120rem){
  .hero--sector .hero__text .heading{
    font-size: 5.72917vw;
    line-height: 5.72917vw;
    text-shadow: 0vw 0vw 1.25vw #000;
  }
}
@media (min-width: 47.5rem) {
  .hero--sector .hero__text p {
    max-width: 460px;
    max-width: 28.75rem;
  }
}
@media (min-width: 64rem) {
  .hero--sector .hero__text p {
    max-width: 540px;
    max-width: 33.75rem;
  }
}
@media (min-width: 100rem) {
  .hero--sector .hero__text p {
    max-width: 650px;
    max-width: 40.63rem;
  }
}
@media (min-width: 120rem){
  .hero--sector .hero__text p{
    max-width: 33.85417vw;
  }
}
.hero--sector .hero__image {
  isolation: isolate;
  -webkit-user-select: none;
          user-select: none;
}

.hero--sector .hero__image::after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background-color: rgba(0, 0, 0, 0.35);
  background-image: url("/wp-content/themes/retail-experience-design/images/svg/watermark-0-07.svg");
  background-repeat: no-repeat;
  background-size: 450px 450px;
  background-size: 28.13rem 28.13rem;
  background-position: bottom 57px left -44px;
  background-position: bottom 3.56rem left -2.75rem;
}

@media (min-width: 47.5rem) {
  .hero--sector .hero__image::after {
    background-size: 812px 806px;
    background-size: 50.75rem 50.38rem;
    background-position: bottom 57px left -94px;
    background-position: bottom 3.56rem left -5.88rem;
  }
}
@media (min-width: 64rem) {
  .hero--sector .hero__image::after {
    background-size: 803px 798px;
    background-size: 50.19rem 49.88rem;
    background-position: top -26px left 0;
    background-position: top -1.63rem left 0;
  }
}
@media (min-width: 100rem) {
  .hero--sector .hero__image::after {
    background-size: 1123px 1116px;
    background-size: 70.19rem 69.75rem;
    background-position: top -42px left 0;
    background-position: top -2.63rem left 0;
  }
}
.hero--sector .hero__image::after {
  z-index: 1;
}
@media (min-width: 120rem){
  .hero--sector .hero__image::after{
    background-size: 58.48958vw 58.125vw;
    background-position: top -2.1875vw left 0;
  }
}

.hero--sector.inverted .hero__text {
  margin-inline: auto 0;
}

@media (min-width: 64rem) and (max-width: 79.94rem) {
  .hero--sector.inverted .hero__text {
    max-width: 580px;
    max-width: 36.25rem;
  }
}
.hero--sector.inverted .hero__secondary-image,
.hero--sector.inverted .hero__color-block {
  right: auto;
  left: 0;
}

.hero--sector.inverted .hero__btn {
  right: auto;
  left: var(--edge-offset);
}

.hero--sector.hero--bg-shadow:after {
  left: 96px;
  left: 6rem;
}

@media (min-width: 47.5rem) {
  .hero--sector.hero--bg-shadow:after {
    left: 176px;
    left: 11rem;
  }
}
@media (min-width: 80rem) {
  .hero--sector.hero--bg-shadow:after {
    left: -21.6875vw;
  }
}
@media (min-width: 47.5rem) {
  .hero--sector.hero--bg-shadow.inverted:after {
    right: 176px;
    right: 11rem;
    left: 50%;
  }
}
@media (min-width: 80rem) {
  .hero--sector.hero--bg-shadow.inverted:after {
    left: unset;
    right: -3.90625vw;
  }
}
.hero--project {
  background: var(--dark-grey);
  --text-color: var(--white);
  --heading-color: var(--white);
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  min-height: 470px;
  min-height: 29.38rem;
  padding: 41px var(--screen-edge-padding) 46px;
  padding: 2.56rem var(--screen-edge-padding) 2.88rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

@media (min-width: 47.5rem) {
  .hero--project {
    min-height: 880px;
    min-height: 55rem;
    margin-bottom: 153px;
    margin-bottom: 9.56rem;
  }
}
@media (min-width: 64rem) {
  .hero--project {
    min-height: 700px;
    min-height: 43.75rem;
    margin-bottom: 0;
  }
}
@media (min-width: 100rem) {
  .hero--project {
    min-height: 960px;
    min-height: 60rem;
  }
}
@media (min-width: 120rem){
  .hero--project{
    min-height: 50vw;
    padding: 2.13542vw var(--screen-edge-padding) 2.39583vw;
  }
}
.hero--project .hero__container {
  padding: 0;
  position: relative;
  z-index: 1;
  width: 100%;
}

.hero--project .hero__secondary-image {
  display: block;
  aspect-ratio: 670/460;
  width: 190px;
  width: 11.88rem;
  position: absolute;
  bottom: -30px;
  bottom: -1.88rem;
  right: 25px;
  right: 1.56rem;
  left: auto;
}

@media (min-width: 47.5rem) {
  .hero--project .hero__secondary-image {
    width: 430px;
    width: 26.88rem;
    height: auto;
    bottom: -110px;
    bottom: -6.88rem;
    right: 50px;
    right: 3.13rem;
  }
}
@media (min-width: 64rem) {
  .hero--project .hero__secondary-image {
    right: 70px;
    right: 4.38rem;
  }
}
@media (min-width: 80rem) {
  .hero--project .hero__secondary-image {
    right: 90px;
    right: 5.63rem;
  }
}
@media (min-width: 100rem) {
  .hero--project .hero__secondary-image {
    width: 670px;
    width: 41.88rem;
    bottom: -300px;
    bottom: -18.75rem;
    right: 150px;
    right: 9.38rem;
  }
}
@media (min-width: 120rem){
  .hero--project .hero__secondary-image{
    width: 34.89583vw;
    bottom: -15.625vw;
    right: 7.8125vw;
  }
}
.hero--project .hero__color-block {
  height: 124px;
  height: 7.75rem;
  width: 180px;
  width: 11.25rem;
  bottom: -40px;
  bottom: -2.5rem;
  top: auto;
  right: 15px;
  right: 0.94rem;
}

@media (min-width: 47.5rem) {
  .hero--project .hero__color-block {
    height: 295px;
    height: 18.44rem;
    width: 430px;
    width: 26.88rem;
    bottom: -130px;
    bottom: -8.13rem;
    right: 30px;
    right: 1.88rem;
  }
}
@media (min-width: 64rem) {
  .hero--project .hero__color-block {
    right: 50px;
    right: 3.13rem;
  }
}
@media (min-width: 80rem) {
  .hero--project .hero__color-block {
    right: 70px;
    right: 4.38rem;
  }
}
@media (min-width: 100rem) {
  .hero--project .hero__color-block {
    height: 460px;
    height: 28.75rem;
    width: 670px;
    width: 41.88rem;
    top: calc(100% - 116px);
    top: calc(100% - 7.25rem);
    right: 116px;
    right: 7.25rem;
  }
}
@media (min-width: 120rem){
  .hero--project .hero__color-block{
    height: 23.95833vw;
    width: 34.89583vw;
    bottom: -6.77083vw;
    top: calc(100% - 6.04167vw);
    right: 6.04167vw;
  }
}
.hero--project .hero__text {
  display: flex;
  flex-flow: column;
  gap: 10px;
  gap: 0.63rem;
  width: 100%;
  margin: auto;
  text-align: center;
}

@media (min-width: 47.5rem) and (max-width: 63.94rem) {
  .hero--project .hero__text {
    transform: translateY(-50px);
    transform: translateY(-3.13rem);
  }
}
@media (min-width: 47.5rem) {
  .hero--project .hero__text {
    max-width: 620px;
    max-width: 38.75rem;
    gap: 10px;
    gap: 0.63rem;
  }
}
@media (min-width: 64rem) {
  .hero--project .hero__text {
    max-width: 660px;
    max-width: 41.25rem;
  }
}
@media (min-width: 80rem) {
  .hero--project .hero__text {
    max-width: 900px;
    max-width: 56.25rem;
  }
}
@media (min-width: 120rem){
  .hero--project .hero__text{
    gap: 0.52083vw;
    max-width: 46.875vw;
  }
}
.hero--project .hero__text .heading {
  font-family: "cormorant-garamond", "Times New Roman", sans-serif;
  font-weight: 400;
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 48px;
  line-height: 3rem;
  text-shadow: 0px 0px 24px #000;
  text-shadow: 0px 0px 1.5rem #000;
}

@media (min-width: 47.5rem) {
  .hero--project .hero__text .heading {
    font-size: 80px;
    font-size: 5rem;
    line-height: 90px;
    line-height: 5.63rem;
  }
}
@media (min-width: 64rem) {
  .hero--project .hero__text .heading {
    font-size: 84px;
    font-size: 5.25rem;
    line-height: 94px;
    line-height: 5.88rem;
  }
}
@media (min-width: 100rem) {
  .hero--project .hero__text .heading {
    font-size: 110px;
    font-size: 6.88rem;
    line-height: 110px;
    line-height: 6.88rem;
  }
}
@media (min-width: 120rem){
  .hero--project .hero__text .heading{
    font-size: 5.72917vw;
    line-height: 5.72917vw;
    text-shadow: 0vw 0vw 1.25vw #000;
  }
}
.hero--project .hero__image {
  isolation: isolate;
  -webkit-user-select: none;
          user-select: none;
}

.hero--project .hero__image::before {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url("/wp-content/themes/retail-experience-design/images/svg/watermark-0-07.svg");
  background-repeat: no-repeat;
  background-size: 450px 450px;
  background-size: 28.13rem 28.13rem;
  background-position: bottom 57px left -44px;
  background-position: bottom 3.56rem left -2.75rem;
}

@media (min-width: 47.5rem) {
  .hero--project .hero__image::before {
    background-size: 812px 806px;
    background-size: 50.75rem 50.38rem;
    background-position: bottom 57px left -94px;
    background-position: bottom 3.56rem left -5.88rem;
  }
}
@media (min-width: 64rem) {
  .hero--project .hero__image::before {
    background-size: 803px 798px;
    background-size: 50.19rem 49.88rem;
    background-position: top -26px left 0;
    background-position: top -1.63rem left 0;
  }
}
@media (min-width: 100rem) {
  .hero--project .hero__image::before {
    background-size: 1123px 1116px;
    background-size: 70.19rem 69.75rem;
    background-position: top -42px left 0;
    background-position: top -2.63rem left 0;
  }
}
.hero--project .hero__image::before {
  z-index: 1;
}
@media (min-width: 120rem){
  .hero--project .hero__image::before{
    background-size: 58.48958vw 58.125vw;
    background-position: top -2.1875vw left 0;
  }
}

.hero--project.inverted .hero__secondary-image {
  left: 25px;
  left: 1.56rem;
  right: 0;
}

@media (min-width: 47.5rem) {
  .hero--project.inverted .hero__secondary-image {
    left: 50px;
    left: 3.13rem;
  }
}
@media (min-width: 64rem) {
  .hero--project.inverted .hero__secondary-image {
    left: 70px;
    left: 4.38rem;
  }
}
@media (min-width: 80rem) {
  .hero--project.inverted .hero__secondary-image {
    left: 90px;
    left: 5.63rem;
  }
}
@media (min-width: 100rem) {
  .hero--project.inverted .hero__secondary-image {
    left: 156px;
    left: 9.75rem;
  }
}
@media (min-width: 120rem){
  .hero--project.inverted .hero__secondary-image{
    left: 8.125vw;
  }
}
.hero--project.inverted .hero__color-block {
  left: 15px;
  left: 0.94rem;
  right: auto;
}

@media (min-width: 47.5rem) {
  .hero--project.inverted .hero__color-block {
    left: 30px;
    left: 1.88rem;
  }
}
@media (min-width: 64rem) {
  .hero--project.inverted .hero__color-block {
    left: 50px;
    left: 3.13rem;
  }
}
@media (min-width: 80rem) {
  .hero--project.inverted .hero__color-block {
    left: 70px;
    left: 4.38rem;
  }
}
@media (min-width: 100rem) {
  .hero--project.inverted .hero__color-block {
    left: 116px;
    left: 7.25rem;
  }
}
@media (min-width: 120rem){
  .hero--project.inverted .hero__color-block{
    left: 6.04167vw;
  }
}
.hero--project.inverted .hero__btn {
  right: auto;
  left: var(--edge-offset);
}

@media (min-width: 80rem) {
  .hero--project.hero--bg-shadow:after {
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 80rem) {
  .hero--project.hero--bg-shadow.inverted:after {
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 47.44rem) {
  .hero--with-video {
    margin-bottom: 130px;
    margin-bottom: 8.13rem;
  }
  .hero--with-video .hero__secondary-image {
    display: block;
    aspect-ratio: 264/182;
    width: 264px;
    width: 16.5rem;
    bottom: -97px;
    bottom: -6.06rem;
    position: absolute;
    right: 0;
  }
  .hero--with-video .hero__color-block {
    height: 112px;
    height: 7rem;
    bottom: -112px;
    bottom: -7rem;
  }
}
@media (max-width: 47.44rem) and (min-width: 25.56rem) {
  .hero--with-video .hero__secondary-image {
    width: 350px;
    width: 21.88rem;
  }
  .hero--with-video .hero__color-block {
    width: 330px;
    width: 20.63rem;
  }
}
.hero--lp {
  min-height: 374px;
  min-height: 23.38rem;
  --heading-color: var(--white);
  color: var(--white);
  margin-bottom: 46px;
  margin-bottom: 2.88rem;
}

@media (min-width: 47.5rem) {
  .hero--lp {
    min-height: 708px;
    min-height: 44.25rem;
    margin-bottom: 120px;
    margin-bottom: 7.5rem;
  }
}
@media (min-width: 64rem) {
  .hero--lp .hero__container {
    padding-inline: 30px;
    padding-inline: 1.88rem;
  }
}
@media (min-width: 100rem) {
  .hero--lp {
    min-height: 846px;
    min-height: 52.88rem;
    margin-bottom: 254px;
    margin-bottom: 15.88rem;
  }
  .hero--lp .hero__container {
    padding-inline: 0;
  }
}
@media (min-width: 120rem){
  .hero--lp{
    min-height: 44.0625vw;
    margin-bottom: 13.22917vw;
  }
}
.hero--lp .hero__secondary-image {
  position: absolute;
  display: block;
  aspect-ratio: 670/499;
  height: auto;
  width: 171px;
  width: 10.69rem;
  bottom: -12px;
  bottom: -0.75rem;
  right: 0;
}

@media (min-width: 47.5rem) {
  .hero--lp .hero__secondary-image {
    width: 412px;
    width: 25.75rem;
    bottom: -47px;
    bottom: -2.94rem;
  }
}
@media (min-width: 100rem) {
  .hero--lp .hero__secondary-image {
    width: 670px;
    width: 41.88rem;
    bottom: -124px;
    bottom: -7.75rem;
  }
}
@media (min-width: 120rem){
  .hero--lp .hero__secondary-image{
    width: 34.89583vw;
    bottom: -6.45833vw;
  }
}
.hero--lp .hero__tertiary-image {
  position: absolute;
  aspect-ratio: 118/81;
  width: 118px;
  width: 7.38rem;
  height: auto;
  bottom: -12px;
  bottom: -0.75rem;
  right: 177px;
  right: 11.06rem;
  z-index: 10;
}

@media (min-width: 47.5rem) {
  .hero--lp .hero__tertiary-image {
    width: 286px;
    width: 17.88rem;
    bottom: -47px;
    bottom: -2.94rem;
    right: 424px;
    right: 26.5rem;
  }
}
@media (min-width: 100rem) {
  .hero--lp .hero__tertiary-image {
    width: 466px;
    width: 29.13rem;
    bottom: -124px;
    bottom: -7.75rem;
    right: 692px;
    right: 43.25rem;
  }
}
@media (min-width: 120rem){
  .hero--lp .hero__tertiary-image{
    width: 24.27083vw;
    bottom: -6.45833vw;
    right: 36.04167vw;
  }
}
.hero--lp .hero__color-block {
  height: 24px;
  height: 1.5rem;
  width: 305px;
  width: 19.06rem;
}

@media (min-width: 47.5rem) {
  .hero--lp .hero__color-block {
    height: 67px;
    height: 4.19rem;
    width: 730px;
    width: 45.63rem;
  }
}
@media (min-width: 100rem) {
  .hero--lp .hero__color-block {
    width: 1188px;
    width: 74.25rem;
    height: 154px;
    height: 9.63rem;
  }
}
@media (min-width: 120rem){
  .hero--lp .hero__color-block{
    height: 8.02083vw;
    width: 61.875vw;
  }
}
.hero--lp .hero__container {
  min-height: inherit;
  z-index: 1;
}

.hero--lp .hero__text {
  max-width: 924px;
  max-width: 57.75rem;
  margin: 89px 0 auto 0;
  margin: 5.56rem 0 auto 0;
}

@media (min-width: 47.5rem) {
  .hero--lp .hero__text {
    margin: 180px 0 auto 0;
    margin: 11.25rem 0 auto 0;
  }
}
@media (min-width: 100rem) {
  .hero--lp .hero__text {
    margin: auto 0;
  }
}
@media (min-width: 120rem){
  .hero--lp .hero__text{
    max-width: 48.125vw;
  }
}
.hero--lp .hero__text .heading {
  font-family: "cormorant-garamond", "Times New Roman", sans-serif;
  font-weight: 400;
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 48px;
  line-height: 3rem;
  text-shadow: 0px 0px 24px #000;
  text-shadow: 0px 0px 1.5rem #000;
}

@media (min-width: 47.5rem) {
  .hero--lp .hero__text .heading {
    font-size: 80px;
    font-size: 5rem;
    line-height: 90px;
    line-height: 5.63rem;
  }
}
@media (min-width: 64rem) {
  .hero--lp .hero__text .heading {
    font-size: 84px;
    font-size: 5.25rem;
    line-height: 94px;
    line-height: 5.88rem;
  }
}
@media (min-width: 100rem) {
  .hero--lp .hero__text .heading {
    font-size: 110px;
    font-size: 6.88rem;
    line-height: 110px;
    line-height: 6.88rem;
  }
}
@media (min-width: 120rem){
  .hero--lp .hero__text .heading{
    font-size: 5.72917vw;
    line-height: 5.72917vw;
    text-shadow: 0vw 0vw 1.25vw #000;
  }
}
.hero--lp .hero__image {
  isolation: isolate;
  -webkit-user-select: none;
          user-select: none;
}

.hero--lp .hero__image::before {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url("/wp-content/themes/retail-experience-design/images/svg/watermark-0-07.svg");
  background-repeat: no-repeat;
  background-size: 450px 450px;
  background-size: 28.13rem 28.13rem;
  background-position: bottom 57px left -44px;
  background-position: bottom 3.56rem left -2.75rem;
}

@media (min-width: 47.5rem) {
  .hero--lp .hero__image::before {
    background-size: 812px 806px;
    background-size: 50.75rem 50.38rem;
    background-position: bottom 57px left -94px;
    background-position: bottom 3.56rem left -5.88rem;
  }
}
@media (min-width: 64rem) {
  .hero--lp .hero__image::before {
    background-size: 803px 798px;
    background-size: 50.19rem 49.88rem;
    background-position: top -26px left 0;
    background-position: top -1.63rem left 0;
  }
}
@media (min-width: 100rem) {
  .hero--lp .hero__image::before {
    background-size: 1123px 1116px;
    background-size: 70.19rem 69.75rem;
    background-position: top -42px left 0;
    background-position: top -2.63rem left 0;
  }
}
.hero--lp .hero__image::before {
  z-index: 1;
}
@media (min-width: 120rem){
  .hero--lp .hero__image::before{
    background-size: 58.48958vw 58.125vw;
    background-position: top -2.1875vw left 0;
  }
}

.hero--bg-shadow {
  overflow-x: clip;
}

.hero--bg-shadow:after {
  content: "";
  background: radial-gradient(50% 50% at 50% 50%, #000 0%, rgba(0, 0, 0, 0) 100%);
  aspect-ratio: 690/440;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
}

@media (min-width: 80rem) {
  .hero--bg-shadow:after {
    left: -145px;
    left: -9.06rem;
    transform: translateY(-50%);
  }
}
@media (min-width: 100rem) {
  .hero--bg-shadow:after {
    left: -205px;
    left: -12.81rem;
    opacity: 0.6;
    background: radial-gradient(50% 50% at 50% 50%, #000 0%, rgba(0, 0, 0, 0) 100%);
  }
}
@media (min-width: 120rem){
  .hero--bg-shadow:after{
    left: -10.67708vw;
  }
}
@media (min-width: 80rem) {
  .hero--bg-shadow.inverted:after {
    left: auto;
    right: -145px;
    right: -9.06rem;
  }
}
@media (min-width: 100rem) {
  .hero--bg-shadow.inverted:after {
    right: -205px;
    right: -12.81rem;
  }
}
@media (min-width: 120rem){
  .hero--bg-shadow.inverted:after{
    right: -10.67708vw;
  }
}
.icon {
  display: inline-block;
  position: relative;
  width: var(--icon-width, 100px);
  width: var(--icon-width, 6.25rem);
  background: var(--background, none);
  border: var(--border-style, none);
  flex: 0 0 auto;
}
@media (min-width: 120rem){
  .icon{
    width: var(--icon-width, 5.20833vw);
  }
}

.icon svg {
  width: 100%;
  height: 100%;
  aspect-ratio: var(--icon-ratio, 1);
  fill: var(--icon-fill-color, currentColor);
  transition: all 250ms ease-in-out;
}

.icon--outline {
  border-radius: 50%;
  height: var(--icon-width, 100px);
  height: var(--icon-width, 6.25rem);
  --border-style: 2px solid var(--accent, var(--dark-grey));
  --border-style: 0.13rem solid var(--accent, var(--dark-grey));
  --background: transparent;
  --icon-fill-color: var(--accent, var(--dark-grey));
}

@media (min-width: 120rem){
  .icon--outline{
    height: var(--icon-width, 5.20833vw);
    --border-style: 0.10417vw solid var(--accent, var(--dark-grey));
  }
}

a > .icon--outline {
  transition: background 0.2s ease-in-out;
}

a > .icon--outline svg {
  transition: fill 0.2s ease-in-out;
}

a > .icon--outline:hover {
  --background: var(--accent, var(--dark-grey));
  --icon-fill-color: var(--hover-color, var(--white));
}

.icon--square-outline {
  --border-style: 2px solid var(--accent, var(--dark-grey));
  --border-style: 0.13rem solid var(--accent, var(--dark-grey));
  --background: transparent;
  --icon-fill-color: var(--accent, var(--dark-grey));
}

@media (min-width: 120rem){
  .icon--square-outline{
    --border-style: 0.10417vw solid var(--accent, var(--dark-grey));
  }
}

.icon--background {
  background: var(--bg-color, var(--accent, var(--accent)));
  border: var(--border-style, none);
  --icon-fill-color: var(--hover-color);
}

.icon--half {
  --background: linear-gradient(0deg, var(--accent, var(--bg-color, #EEE)) 0%, var(--accent, var(--bg-color, #EEE)) 50%, transparent 50%, transparent 100%);
  --icon-fill-color: var(--hover-color, var(--heading-color));
}

/*Standard Breakpoints*/
.icon-content {
  display: flex;
  gap: 10px;
  gap: 0.63rem;
  --icon-width: 40px;
  --icon-width: 2.5rem;
  align-items: center;
  container-type: inline-size;
}

@media (min-width: 47.5rem) {
  .icon-content {
    --icon-width: 50px;
    --icon-width: 3.13rem;
  }
}

@media (min-width: 120rem){
  .icon-content{
    gap: 0.52083vw;
    --icon-width: 2.60417vw;
  }
}
.icon-content .icon {
  height: 40px;
  height: 2.5rem;
}

@media (min-width: 47.5rem) {
  .icon-content .icon {
    height: 50px;
    height: 3.13rem;
  }
}

@media (min-width: 120rem){
  .icon-content .icon{
    height: 2.60417vw;
  }
}
@container (max-width:330 px) {
  .icon-content {
    flex-flow: column;
    align-items: flex-start;
  }
}
.icon-content__content {
  display: flex;
  flex-flow: column;
  gap: 4px;
  gap: 0.25rem;
}
@media (min-width: 120rem){
  .icon-content__content{
    gap: 0.20833vw;
  }
}

.icon-content__content strong {
  color: var(--dark-grey);
}

.icon-content--align-start {
  align-items: flex-start;
}

.icon-content--mobile-stacked {
  flex-flow: column;
}

@media (min-width: 37.5rem) {
  .icon-content--mobile-stacked {
    flex-flow: row;
  }
}
/*Standard Breakpoints*/
.image {
  position: relative;
  display: block;
  width: 100%;
}

.image--video {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.image--video::before {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background: #000;
  opacity: 0.3;
  z-index: 10;
}

.image__play {
  position: relative;
  display: block;
  margin: 0 auto 5px;
  margin: 0 auto 0.31rem;
  z-index: 100;
  width: 80px;
  width: 5rem;
}

@media (min-width: 120rem){
  .image__play{
    margin: 0 auto 0.26042vw;
    width: 4.16667vw;
  }
}

.image__play svg {
  width: 100%;
  height: auto;
  fill: #FFF;
}

.image__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 8px 15px;
  padding: 0.5rem 0.94rem;
  background: rgba(255, 255, 255, 0.7);
  --text-color: var(--dark-grey);
}

@media (min-width: 120rem){
  .image__caption{
    padding: 0.41667vw 0.78125vw;
  }
}
.image__caption.accent--white {
  background: rgba(28, 28, 27, 0.7);
  --text-color: #FFF;
}
.image__caption p {
  margin: 0;
}

.image-gallery {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

/*Standard Breakpoints*/
.image-gallery__main {
  aspect-ratio: 1200/700;
  width: 100%;
  position: relative;
  margin: auto auto 60px auto;
  margin: auto auto 3.75rem auto;
}

@media (min-width: 64rem) {
  .image-gallery__main {
    max-width: 900px;
    max-width: 56.25rem;
  }
}
@media (min-width: 100rem) {
  .image-gallery__main {
    max-width: 1200px;
    max-width: 75rem;
  }
}
@media (min-width: 120rem){
  .image-gallery__main{
    margin: auto auto 3.125vw auto;
    max-width: 62.5vw;
  }
}
.image-gallery__main-wrap {
  inset: 0 auto auto 0;
  position: absolute;
  display: flex;
  flex-flow: row;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.image-gallery__main-image {
  inset: 0 auto auto 0;
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s linear;
  margin-top: 20px;
  margin-top: 1.25rem;
}

@media (min-width: 120rem){
  .image-gallery__main-image{
    margin-top: 1.04167vw;
  }
}

.image-gallery__main-image img, .image-gallery__main-image picture {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.image-gallery__main-image--active {
  pointer-events: all;
  opacity: 1;
}

.image-gallery__main-image--out {
  opacity: 0;
}

.image-gallery__main-image--next {
  opacity: 1;
  transform: translateX(100%);
}

.image-gallery__main-image--prev {
  opacity: 1;
  transform: translateX(-102%);
}

.image-gallery__controls {
  position: absolute;
  width: 100%;
  justify-content: space-between;
  display: none;
}

@media (min-width: 64rem) {
  .image-gallery__controls {
    transform: none;
    display: flex;
  }
}
.image-gallery__thumbnails {
  position: relative;
  margin-top: auto;
  margin-bottom: 0;
  width: 100%;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  padding-inline: 10px;
  padding-inline: 0.63rem;
}

.image-gallery__thumbnails .track__track {
  --track-gutter: 10px;
  --track-gutter: 0.63rem;
}

@media (min-width: 120rem){
  .image-gallery__thumbnails .track__track{
    --track-gutter: 0.52083vw;
  }
}

@media (min-width: 80rem) {
  .image-gallery__thumbnails {
    padding-bottom: 30px;
    padding-bottom: 1.88rem;
    padding-inline: 30px;
    padding-inline: 1.88rem;
  }
}

@media (min-width: 120rem){
  .image-gallery__thumbnails{
    padding-bottom: 1.5625vw;
    padding-inline: 1.5625vw;
  }
}
.image-gallery__thumbnail {
  aspect-ratio: 1;
  width: 50px;
  width: 3.13rem;
  background-color: grey;
  flex: 0 0 auto;
  position: relative;
}

@media (min-width: 64rem) {
  .image-gallery__thumbnail {
    width: 100px;
    width: 6.25rem;
  }
}

@media (min-width: 120rem){
  .image-gallery__thumbnail{
    width: 5.20833vw;
  }
}
.image-gallery__thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-gallery__thumbnail--active {
  border: 2px solid var(--coral);
  border: 0.13rem solid var(--coral);
}

@media (min-width: 100rem) {
  .image-gallery__thumbnail--active {
    border-width: 3px;
    border-width: 0.19rem;
  }
}

@media (min-width: 120rem){
  .image-gallery__thumbnail--active{
    border: 0.10417vw solid var(--coral);
    border-width: 0.15625vw;
  }
}
.image-gallery__btn {
  aspect-ratio: 1;
  border-color: #fff;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  width: 40px;
  width: 2.5rem;
  --icon-width: 10px;
  --icon-width: 0.63rem;
  --icon-fill-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 250ms ease-in-out;
}

.image-gallery__btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 64rem) {
  .image-gallery__btn {
    width: 60px;
    width: 3.75rem;
    border-width: 2px 0 2px 2px;
    border-width: 0.13rem 0 0.13rem 0.13rem;
    --icon-width: 20px;
    --icon-width: 1.25rem;
  }
}

@media (min-width: 120rem){
  .image-gallery__btn{
    border-width: 0.10417vw 0 0.10417vw 0.10417vw;
    width: 3.125vw;
    --icon-width: 1.04167vw;
  }
}
.image-gallery__btn:hover {
  background-color: var(--violet);
  border-color: var(--violet);
}

.image-gallery__btn--prev {
  border-width: 1px 1px 1px 0;
}

.image-gallery__btn--prev .icon {
  transform: rotate(180deg);
}

@media (min-width: 64rem) {
  .image-gallery__btn--prev {
    width: 60px;
    width: 3.75rem;
    border-width: 2px 2px 2px 0;
    border-width: 0.13rem 0.13rem 0.13rem 0;
  }
}

@media (min-width: 120rem){
  .image-gallery__btn--prev{
    border-width: 0.10417vw 0.10417vw 0.10417vw 0;
    width: 3.125vw;
  }
}
.image-gallery__overlay {
  inset: 0 auto auto 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

/*Standard Breakpoints*/
.image-link-section {
  width: 100%;
  container-type: inline-size;
  display: flex;
  flex-flow: column;
  list-style: none;
  gap: 15px;
  gap: 0.94rem;
  position: relative;
  isolation: isolate;
}

@media (min-width: 80rem) {
  .image-link-section {
    gap: 20px;
    gap: 1.25rem;
  }
}
@media (min-width: 100rem) {
  .image-link-section {
    min-height: 700px;
    min-height: 43.75rem;
  }
}
@media (min-width: 120rem){
  .image-link-section{
    gap: 1.04167vw;
    min-height: 36.45833vw;
  }
}
.image-link-section li {
  margin: 0;
}

.image-link-section__link {
  display: block;
  text-decoration: none;
}

.image-link-section__link:hover {
  --font-fill-color: #fff;
  --visible-image-amount: 100%;
}

.image-link-section__link:hover .image-link-section__image {
  z-index: -99;
  transition: clip-path 0.3s ease-in-out;
}

.image-link-section__text {
  font-family: "work-sans", Arial, sans-serif;
  font-weight: 900;
  -webkit-text-fill-color: var(--font-fill-color, transparent);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: currentColor;
  font-size: 42px;
  font-size: 2.63rem;
  line-height: 50px;
  line-height: 3.13rem;
}

@media (min-width: 47.5rem) {
  .image-link-section__text {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 62px;
    line-height: 3.88rem;
  }
}
@media (min-width: 80rem) {
  .image-link-section__text {
    font-size: 62px;
    font-size: 3.88rem;
    line-height: 70px;
    line-height: 4.38rem;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-width: 0.13rem;
  }
}
@media (min-width: 100rem) {
  .image-link-section__text {
    font-size: 80px;
    font-size: 5rem;
    line-height: 90px;
    line-height: 5.63rem;
  }
}
@media (min-width: 120rem){
  .image-link-section__text{
    -webkit-text-stroke-width: 0.10417vw;
    font-size: 4.16667vw;
    line-height: 4.6875vw;
  }
}
.image-link-section__image {
  pointer-events: none;
  position: absolute;
  z-index: -100;
}

@media (max-width: 63.94rem) {
  .image-link-section__image {
    display: none;
  }
}
.image-link-section__image {
  left: 20px;
  left: 1.25rem;
  aspect-ratio: 620/410;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  clip-path: polygon(0 0, var(--visible-image-amount, 0%) 0, var(--visible-image-amount, 0%) 100%, 0% 100%);
  transition: clip-path 0.3s ease-in-out 0.3s;
}

@media (min-width: 100rem) {
  .image-link-section__image {
    aspect-ratio: 830/657;
    left: 110px;
    left: 6.88rem;
    width: calc(100% + 30px);
    width: calc(100% + 1.88rem);
    right: auto;
  }
}

@media (min-width: 120rem){
  .image-link-section__image{
    left: 5.72917vw;
    width: calc(100% + 1.5625vw);
  }
}
.image-link-section__image img {
  position: absolute;
  inset: 0;
  object-fit: cover;
  z-index: -10;
}

.image-link-section__image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.inline {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

.inline--align-center {
  align-items: center;
}

.inline--space-between {
  justify-content: space-between;
}

.inline--no-wrap {
  flex-wrap: nowrap;
}

/*Standard Breakpoints*/
.layout {
  display: flex;
  flex-flow: column;
  --layout-item-flex-basis: calc(((100% / var(--items-per-row, 2)) - 3%) - ((var(--column-gap, var(--gap, 0px)) + 1px) / var(--items-per-row, 2)));
  --layout-item-max-width: none;
  --gap: 20px;
  --gap: 1.25rem;
  column-gap: var(--column-gap, var(--gap, 0));
  row-gap: var(--row-gap, var(--gap, 0));
  width: 100%;
  align-items: stretch;
}

@media (min-width: 47.5rem) {
  .layout {
    --gap: 30px;
    --gap: 1.88rem;
  }
}
@media (min-width: 64rem) {
  .layout {
    flex-flow: row wrap;
    --gap: 40px;
    --gap: 2.5rem;
    --layout-item-max-width: calc((100% / var(--items-per-row, 2)) - ((var(--column-gap, var(--gap, 0px)) * (var(--items-per-row, 2) - 1)) / (var(--items-per-row, 2))));
  }
}
@media (min-width: 120rem){
  .layout{
    --layout-item-flex-basis: calc(((100% / var(--items-per-row, 2)) - 3%) - ((var(--column-gap, var(--gap, 0vw)) + 0.05208vw) / var(--items-per-row, 2)));
    --layout-item-max-width: calc((100% / var(--items-per-row, 2)) - ((var(--column-gap, var(--gap, 0vw)) * (var(--items-per-row, 2) - 1)) / (var(--items-per-row, 2))));
    --gap: 2.08333vw;
  }
}
.layout__item {
  container-type: inline-size;
  display: flex;
  flex-flow: column;
  width: var(--layout-item-width, 100%);
  flex: var(--layout-item-flex, 1 1 var(--layout-item-flex-basis, auto));
  max-width: var(--layout-item-max-width, none);
  gap: var(--content-gap, 10px);
  gap: var(--content-gap, 0.63rem);
  height: auto;
}

@media (min-width: 47.5rem) {
  .layout__item {
    --content-gap: 20px;
    --content-gap: 1.25rem;
  }
}

@media (min-width: 120rem){
  .layout__item{
    gap: var(--content-gap, 0.52083vw);
    --content-gap: 1.04167vw;
  }
}
.layout__item .heading-section {
  margin-bottom: 0;
}

.layout--3-cols {
  --items-per-row: 3;
}

@media (min-width: 37.5rem) {
  .layout--4-cols {
    flex-flow: row wrap;
    --layout-item-max-width: calc((100% / var(--items-per-row, 2)) - ((var(--column-gap, var(--gap, 0px)) * (var(--items-per-row, 2) - 1)) / (var(--items-per-row, 2))));
    --items-per-row: 2;
  }
}
@media (min-width: 80rem) {
  .layout--4-cols {
    --items-per-row: 4;
  }
}
@media (min-width: 120rem){
  .layout--4-cols{
    --layout-item-max-width: calc((100% / var(--items-per-row, 2)) - ((var(--column-gap, var(--gap, 0vw)) * (var(--items-per-row, 2) - 1)) / (var(--items-per-row, 2))));
  }
}
.layout--5-cols {
  --items-per-row: 2;
}

@media (min-width: 80rem) {
  .layout--5-cols {
    --items-per-row: 5;
  }
}
.layout--6-cols {
  --items-per-row: 3;
}

@media (min-width: 80rem) {
  .layout--6-cols {
    --items-per-row: 6;
  }
}
.layout--single-column {
  --layout-item-flex-basis: 1 1 100%;
}

.layout--single-column .layout__item {
  max-width: none;
}

.layout--sidebar {
  --sidebar-width: 33.3%;
}

@media (min-width: 100rem) {
  .layout--sidebar {
    --sidebar-width: 23.3%;
    --column-gap: 60px;
    --column-gap: 3.75rem;
  }
}

@media (min-width: 120rem){
  .layout--sidebar{
    --column-gap: 3.125vw;
  }
}
.layout--sidebar > .layout__item {
  --layout-item-flex-basis: 1 1 calc((100% - var(--sidebar-width)) - var(--column-gap, var(--gap, 0px)));
}

@media (min-width: 64rem) {
  .layout--sidebar > .layout__item {
    --layout-item-max-width: calc((100% - var(--sidebar-width)) - var(--column-gap, var(--gap, 0px)));
  }
}

@media (min-width: 120rem){
  .layout--sidebar > .layout__item{
    --layout-item-flex-basis: 1 1 calc((100% - var(--sidebar-width)) - var(--column-gap, var(--gap, 0vw)));
    --layout-item-max-width: calc((100% - var(--sidebar-width)) - var(--column-gap, var(--gap, 0vw)));
  }
}
.layout--sidebar > .layout__item:nth-child(2n+1) {
  --layout-item-flex-basis: 1 1 var(--sidebar-width);
}

@media (min-width: 64rem) {
  .layout--sidebar > .layout__item:nth-child(2n+1) {
    --layout-item-max-width: var(--sidebar-width);
  }
}
.layout--sidebar-right {
  --sidebar-width: 33.3%;
}

.layout--sidebar-right > .layout__item {
  --layout-item-flex-basis: 1 1 calc((100% - var(--sidebar-width)) - var(--column-gap, var(--gap, 0px)));
}

@media (min-width: 64rem) {
  .layout--sidebar-right > .layout__item {
    --layout-item-max-width: calc((100% - var(--sidebar-width)) - var(--column-gap, var(--gap, 0px)));
  }
}

@media (min-width: 120rem){
  .layout--sidebar-right > .layout__item{
    --layout-item-flex-basis: 1 1 calc((100% - var(--sidebar-width)) - var(--column-gap, var(--gap, 0vw)));
    --layout-item-max-width: calc((100% - var(--sidebar-width)) - var(--column-gap, var(--gap, 0vw)));
  }
}
.layout--sidebar-right > .layout__item:nth-child(2n+2) {
  --layout-item-flex-basis: 1 1 var(--sidebar-width);
}

@media (min-width: 64rem) {
  .layout--sidebar-right > .layout__item:nth-child(2n+2) {
    --layout-item-max-width: var(--sidebar-width);
  }
}
.layout--testimonial {
  --text-color: var(--dark-grey);
  align-items: center;
  --layout-item-width: 100%;
  --layout-item-max-width: 100%;
}

@media (min-width: 47.5rem) {
  .layout--testimonial {
    padding-top: 15px;
    padding-top: 0.94rem;
  }
}
@media (min-width: 80rem) {
  .layout--testimonial {
    padding-top: 30px;
    padding-top: 1.88rem;
  }
}
@media (min-width: 120rem){
  .layout--testimonial{
    padding-top: 1.5625vw;
  }
}
.layout--testimonial > .layout__item:first-child {
  position: relative;
}

.layout--testimonial > .layout__item:nth-child(2n+1) {
  --content-gap: 0;
  --layout-item-flex-basis: 1 1 auto;
}

@media (min-width: 64rem) {
  .layout--testimonial > .layout__item:nth-child(2n+1) {
    --layout-item-width: 438px;
    --layout-item-width: 27.38rem;
    --layout-item-max-width: 438px;
    --layout-item-max-width: 27.38rem;
  }
}
@media (min-width: 80rem) {
  .layout--testimonial > .layout__item:nth-child(2n+1) {
    --layout-item-width: 500px;
    --layout-item-width: 31.25rem;
    --layout-item-max-width: 500px;
    --layout-item-max-width: 31.25rem;
  }
}
@media (min-width: 120rem){
  .layout--testimonial > .layout__item:nth-child(2n+1){
    --layout-item-width: 26.04167vw;
    --layout-item-max-width: 26.04167vw;
  }
}
@media (min-width: 64rem) {
  .layout--testimonial.layout--inverted {
    flex-flow: row-reverse;
  }
}
@media (min-width: 47.5rem) {
  .layout--testimonial .layout__item .layout {
    flex-flow: row;
    flex-wrap: wrap;
  }
  .layout--testimonial .layout__item .layout .layout__item {
    --layout-item-max-width: calc((100% / var(--items-per-row, 2)) - ((var(--column-gap, var(--gap, 0px)) * (var(--items-per-row, 2) - 1)) / (var(--items-per-row, 2))));
  }
}
@media (min-width: 120rem){
  .layout--testimonial .layout__item .layout .layout__item{
    --layout-item-max-width: calc((100% / var(--items-per-row, 2)) - ((var(--column-gap, var(--gap, 0vw)) * (var(--items-per-row, 2) - 1)) / (var(--items-per-row, 2))));
  }
}
@media (max-width: 79.94rem) {
  .layout--testimonial .layout__item .layout {
    --gap: 15px;
    --gap: 0.94rem;
  }
}
.layout--testimonial-with-bg {
  position: relative;
  padding: 30px 15px 15px;
  padding: 1.88rem 0.94rem 0.94rem;
  isolation: isolate;
}

@media (max-width: 47.44rem) {
  .layout--testimonial-with-bg {
    padding-top: 0;
  }
}
@media (min-width: 64rem) {
  .layout--testimonial-with-bg {
    padding: 25px 15px;
    padding: 1.56rem 0.94rem;
  }
}
@media (min-width: 80rem) {
  .layout--testimonial-with-bg {
    padding: 22px 60px 22px 0;
    padding: 1.38rem 3.75rem 1.38rem 0;
  }
}
@media (min-width: 120rem){
  .layout--testimonial-with-bg{
    padding: 1.14583vw 3.125vw 1.14583vw 0;
  }
}
.layout--testimonial-with-bg > .layout__item:first-child {
  position: relative;
}

@media (min-width: 80rem) {
  .layout--testimonial-with-bg > .layout__item:nth-child(2) {
    padding: 50px 0;
    padding: 3.13rem 0;
  }
  .layout--testimonial-with-bg > .layout__item:first-child {
    margin-top: 39px;
    margin-top: 2.44rem;
  }
}

@media (min-width: 120rem){
  .layout--testimonial-with-bg > .layout__item:nth-child(2){
    padding: 2.60417vw 0;
  }
}

@media (min-width: 120rem){
  .layout--testimonial-with-bg > .layout__item:first-child{
    margin-top: 2.03125vw;
  }
}
.layout--testimonial-with-bg:before {
  content: "";
  background-color: var(--bg-color);
  height: calc(100% - 80px);
  height: calc(100% - 5rem);
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

@media (min-width: 64rem) {
  .layout--testimonial-with-bg:before {
    width: calc(100% - 100px);
    width: calc(100% - 6.25rem);
    height: 100%;
  }
}

@media (min-width: 120rem){
  .layout--testimonial-with-bg:before{
    width: calc(100% - 5.20833vw);
  }
}
.layout--testimonial-with-bg .layout__item--border {
  border: 2px solid #E9E6E1;
  border: 0.13rem solid #E9E6E1;
}
@media (min-width: 120rem){
  .layout--testimonial-with-bg .layout__item--border{
    border: 0.10417vw solid #E9E6E1;
  }
}

@media (min-width: 80rem) {
  .layout--testimonial-with-bg.layout--inverted {
    padding: 22px 0 22px 60px;
    padding: 1.38rem 0 1.38rem 3.75rem;
  }
}

@media (min-width: 120rem){
  .layout--testimonial-with-bg.layout--inverted{
    padding: 1.14583vw 0 1.14583vw 3.125vw;
  }
}
.layout--testimonial-with-bg.layout--inverted:before {
  right: auto;
  left: 0;
}

.layout--500-800 {
  --1n-item-width: 35.715%;
}

.layout--500-800 > .layout__item {
  --layout-item-flex-basis: 1 1 calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0px)));
}

@media (min-width: 64rem) {
  .layout--500-800 > .layout__item {
    --layout-item-max-width: calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0px)));
  }
}

@media (min-width: 120rem){
  .layout--500-800 > .layout__item{
    --layout-item-flex-basis: 1 1 calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0vw)));
    --layout-item-max-width: calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0vw)));
  }
}
.layout--500-800 > .layout__item:nth-child(2n+1) {
  --layout-item-flex-basis: 1 1 var(--1n-item-width);
}

@media (min-width: 64rem) {
  .layout--500-800 > .layout__item:nth-child(2n+1) {
    --layout-item-max-width: var(--1n-item-width);
  }
}
.layout--620-680 {
  --1n-item-width: 44.286%;
}

@media (min-width: 47.5rem) {
  .layout--620-680 {
    flex-flow: row;
  }
}
.layout--620-680 > .layout__item {
  --layout-item-flex-basis: 1 1 calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0px)));
}

@media (min-width: 64rem) {
  .layout--620-680 > .layout__item {
    --layout-item-max-width: calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0px)));
  }
}

@media (min-width: 120rem){
  .layout--620-680 > .layout__item{
    --layout-item-flex-basis: 1 1 calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0vw)));
    --layout-item-max-width: calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0vw)));
  }
}
.layout--620-680 > .layout__item:nth-child(2n+1) {
  --layout-item-flex-basis: 1 1 var(--1n-item-width);
}

@media (min-width: 64rem) {
  .layout--620-680 > .layout__item:nth-child(2n+1) {
    --layout-item-max-width: var(--1n-item-width);
  }
}
.layout--720-560 {
  --1n-item-width: 42.429%;
}

@media (min-width: 64rem) {
  .layout--720-560 {
    flex-flow: row;
  }
}
@media (min-width: 80rem) {
  .layout--720-560 {
    --1n-item-width: 48.429%;
  }
}
@media (min-width: 100rem) {
  .layout--720-560 {
    --1n-item-width: 51.429%;
  }
}
.layout--720-560 > .layout__item {
  --layout-item-flex-basis: 1 1 calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0px)));
}

@media (min-width: 64rem) {
  .layout--720-560 > .layout__item {
    --layout-item-max-width: calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0px)));
  }
}

@media (min-width: 120rem){
  .layout--720-560 > .layout__item{
    --layout-item-flex-basis: 1 1 calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0vw)));
    --layout-item-max-width: calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0vw)));
  }
}
.layout--720-560 > .layout__item:nth-child(2n+1) {
  --layout-item-flex-basis: 1 1 var(--1n-item-width);
}

@media (min-width: 64rem) {
  .layout--720-560 > .layout__item:nth-child(2n+1) {
    --layout-item-max-width: var(--1n-item-width);
  }
}
.layout--880-400 {
  --1n-item-width: 58.85%;
}

@media (min-width: 64rem) {
  .layout--880-400 {
    flex-flow: row;
  }
}
.layout--880-400 > .layout__item {
  --layout-item-flex-basis: 1 1 calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0px)));
}

@media (min-width: 64rem) {
  .layout--880-400 > .layout__item {
    --layout-item-max-width: calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0px)));
  }
}

@media (min-width: 120rem){
  .layout--880-400 > .layout__item{
    --layout-item-flex-basis: 1 1 calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0vw)));
    --layout-item-max-width: calc((100% - var(--1n-item-width)) - var(--column-gap, var(--gap, 0vw)));
  }
}
.layout--880-400 > .layout__item:nth-child(2n+1) {
  --layout-item-flex-basis: 1 1 var(--1n-item-width);
}

@media (min-width: 64rem) {
  .layout--880-400 > .layout__item:nth-child(2n+1) {
    --layout-item-max-width: var(--1n-item-width);
  }
}
@media (max-width: 99.94rem) {
  .layout--offset-columns {
    --gap: 30px;
    --gap: 1.88rem;
  }
}
@media (min-width: 37.5rem) {
  .layout--offset-columns {
    display: block;
    --layout-item-max-width: calc((100% / var(--items-per-row, 2)) - ((var(--column-gap, var(--gap, 0px)) * (var(--items-per-row, 2) - 1)) / (var(--items-per-row, 2))));
    --gap: 20px;
    --gap: 1.25rem;
  }
  .layout--offset-columns .layout__item {
    margin-bottom: var(--gap);
  }
  .layout--offset-columns .layout__item:nth-child(even) {
    float: right;
  }
  .layout--offset-columns .layout__item:nth-child(odd) {
    float: left;
  }
  .layout--offset-columns .layout__item:nth-child(2) {
    margin-top: 100px;
    margin-top: 6.25rem;
  }
  .layout--offset-columns .layout__item:last-child, .layout--offset-columns .layout__item:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media (min-width: 64rem) {
  .layout--offset-columns {
    --gap: 30px;
    --gap: 1.88rem;
  }
}
@media (min-width: 80rem) {
  .layout--offset-columns {
    --gap: 40px;
    --gap: 2.5rem;
  }
}
@media (min-width: 120rem){
  .layout--offset-columns{
    --layout-item-max-width: calc((100% / var(--items-per-row, 2)) - ((var(--column-gap, var(--gap, 0vw)) * (var(--items-per-row, 2) - 1)) / (var(--items-per-row, 2))));
    --gap: 2.08333vw;
  }
}
@media (min-width: 100rem) {
  .layout--offset-columns .layout__item {
    margin-bottom: 80px;
    margin-bottom: 5rem;
  }
  .layout--offset-columns .layout__item:nth-child(2) {
    margin-top: 180px;
    margin-top: 11.25rem;
    margin-bottom: 80px;
    margin-bottom: 5rem;
  }
}
@media (min-width: 120rem){
  .layout--offset-columns .layout__item:nth-child(2){
    margin-top: 9.375vw;
    margin-bottom: 4.16667vw;
  }
}
@media (min-width: 120rem){
  .layout--offset-columns .layout__item{
    margin-bottom: 4.16667vw;
  }
}
.layout--inline {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}

.layout--inline .layout__item {
  container-type: unset;
  width: auto;
  max-width: none;
  flex: 1 1 auto;
}

.layout--inline .layout__item .wp-block-buttons {
  margin-top: 0;
}

.layout--gap-none {
  --gap: 0px;
}

@media (min-width: 120rem){
  .layout--gap-none{
    --gap: 0vw;
  }
}

.layout--gap-small {
  --gap: 25px;
  --gap: 1.56rem;
}

@media (min-width: 100rem) {
  .layout--gap-small {
    --gap: 30px;
    --gap: 1.88rem;
  }
}

@media (min-width: 120rem){
  .layout--gap-small{
    --gap: 1.5625vw;
  }
}
.layout--gap-large {
  --gap: 30px;
  --gap: 1.88rem;
}

@media (min-width: 47.5rem) {
  .layout--gap-large {
    --gap: 50px;
    --gap: 3.13rem;
  }
}
@media (min-width: 64rem) {
  .layout--gap-large {
    --gap: 60px;
    --gap: 3.75rem;
  }
}
@media (min-width: 120rem){
  .layout--gap-large{
    --gap: 3.125vw;
  }
}
.layout--gap-x-large {
  --gap: 25px;
  --gap: 1.56rem;
}

@media (min-width: 47.5rem) {
  .layout--gap-x-large {
    --gap: 40px;
    --gap: 2.5rem;
  }
}
@media (min-width: 64rem) {
  .layout--gap-x-large {
    --gap: 60px;
    --gap: 3.75rem;
  }
}
@media (min-width: 80rem) {
  .layout--gap-x-large {
    --gap: 100px;
    --gap: 6.25rem;
  }
}
@media (min-width: 120rem){
  .layout--gap-x-large{
    --gap: 5.20833vw;
  }
}
.layout--gap-80 {
  --gap: 20px;
  --gap: 1.25rem;
}

@media (min-width: 64rem) {
  .layout--gap-80 {
    --gap: 60px;
    --gap: 3.75rem;
  }
}
@media (min-width: 80rem) {
  .layout--gap-80 {
    --gap: 80px;
    --gap: 5rem;
  }
}
@media (min-width: 120rem){
  .layout--gap-80{
    --gap: 4.16667vw;
  }
}
.layout--gap-120 {
  --gap: 25px;
  --gap: 1.56rem;
}

@media (min-width: 47.5rem) {
  .layout--gap-120 {
    --gap: 40px;
    --gap: 2.5rem;
  }
}
@media (min-width: 64rem) {
  .layout--gap-120 {
    --gap: 60px;
    --gap: 3.75rem;
  }
}
@media (min-width: 80rem) {
  .layout--gap-120 {
    --gap: 90px;
    --gap: 5.63rem;
  }
}
@media (min-width: 100rem) {
  .layout--gap-120 {
    --gap: 120px;
    --gap: 7.5rem;
  }
}
@media (min-width: 120rem){
  .layout--gap-120{
    --gap: 6.25vw;
  }
}
.layout__item--gap-20 {
  --content-gap: 20px;
  --content-gap: 1.25rem;
}
@media (min-width: 120rem){
  .layout__item--gap-20{
    --content-gap: 1.04167vw;
  }
}

.layout__item--gap-40 {
  --content-gap: 20px;
  --content-gap: 1.25rem;
}

@media (min-width: 47.5rem) {
  .layout__item--gap-40 {
    --content-gap: 30px;
    --content-gap: 1.88rem;
  }
}
@media (min-width: 64rem) {
  .layout__item--gap-40 {
    --content-gap: 40px;
    --content-gap: 2.5rem;
  }
}
@media (min-width: 120rem){
  .layout__item--gap-40{
    --content-gap: 2.08333vw;
  }
}
.layout__item--gap-large {
  --content-gap: 15px;
  --content-gap: 0.94rem;
}

@media (min-width: 47.5rem) {
  .layout__item--gap-large {
    --content-gap: 20px;
    --content-gap: 1.25rem;
  }
}
@media (min-width: 64rem) {
  .layout__item--gap-large {
    --content-gap: 30px;
    --content-gap: 1.88rem;
  }
}
@media (min-width: 120rem){
  .layout__item--gap-large{
    --content-gap: 1.5625vw;
  }
}
.layout__item--gap-x-large {
  --content-gap: 15px;
  --content-gap: 0.94rem;
}

@media (min-width: 47.5rem) {
  .layout__item--gap-x-large {
    --content-gap: 20px;
    --content-gap: 1.25rem;
  }
}
@media (min-width: 64rem) {
  .layout__item--gap-x-large {
    --content-gap: 80px;
    --content-gap: 5rem;
  }
}
@media (min-width: 120rem){
  .layout__item--gap-x-large{
    --content-gap: 4.16667vw;
  }
}
.layout__item--gap-none {
  --content-gap: 0px;
}
@media (min-width: 120rem){
  .layout__item--gap-none{
    --content-gap: 0vw;
  }
}

.layout__item--gap-medium {
  --content-gap: 15px;
  --content-gap: 0.94rem;
}

@media (min-width: 47.5rem) {
  .layout__item--gap-medium {
    --content-gap: 20px;
    --content-gap: 1.25rem;
  }
}
@media (min-width: 64rem) {
  .layout__item--gap-medium {
    --content-gap: 25px;
    --content-gap: 1.56rem;
  }
}
@media (min-width: 120rem){
  .layout__item--gap-medium{
    --content-gap: 1.30208vw;
  }
}
.layout__item--border {
  border: 1px solid var(--off-white);
  padding: 8px;
  padding: 0.5rem;
  align-self: stretch;
  justify-content: center;
}

@media (min-width: 64rem) {
  .layout__item--border {
    padding: 15px;
    padding: 0.94rem;
  }
}

@media (min-width: 120rem){
  .layout__item--border{
    border: 0.05208vw solid var(--off-white);
    padding: 0.78125vw;
  }
}
@media (max-width: 63.94rem) and (min-width: 37.5rem) {
  .layout__item--columns-at-tablet {
    flex-flow: row;
    flex-wrap: wrap;
  }
  .layout__item--columns-at-tablet > * {
    width: calc(50% - 10px);
    width: calc(50% - 0.63rem);
  }
}
.layout--vertically-center {
  align-items: center;
}

.layout--match-heights {
  align-items: stretch;
}

.layout--form .layout__item:nth-child(2n+1) {
  margin: auto;
}

.layout--form .layout__item:nth-child(2n+2) {
  display: flex;
  flex-flow: row;
  gap: 0;
}

@media (min-width: 80rem) {
  .layout--inverted {
    flex-flow: row-reverse;
    --grid-direction: rtl;
    --link-alignment: flex-end;
  }
}
@media (min-width: 80rem) {
  .layout--inverted .testimonial-quote {
    left: var(--quote-offset);
    right: auto;
  }
}
@media (min-width: 80rem) {
  .layout--inverted .testimonial-quote--right {
    right: 0;
    left: auto;
  }
}
/*Standard Breakpoints*/
.link {
  font-family: "space-mono", monospace;
  color: var(--accent, var(--heading-color));
  --icon-width: 14px;
  --icon-width: 0.88rem;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.13rem;
  line-height: 26px;
  line-height: 1.63rem;
  z-index: 100;
  text-decoration: none;
  display: flex;
  gap: var(--gap, 8px);
  gap: var(--gap, 0.5rem);
  justify-content: var(--link-alignment, flex-start);
  white-space: nowrap;
  position: relative;
  width: max-content;
  padding: 10px 15px 10px 0;
  padding: 0.63rem 0.94rem 0.63rem 0;
  transition: all 0.2s linear;
}

.link .icon {
  transition: none;
}

.link .icon svg {
  transition: none;
}

@media (min-width: 37.5rem) {
  .link {
    --gap: 10px;
    --gap: 0.63rem;
    --icon-width: 16px;
    --icon-width: 1rem;
  }
}
@media (min-width: 80rem) {
  .link {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
@media (min-width: 120rem){
  .link{
    --icon-width: 0.83333vw;
    font-size: 1.04167vw;
    line-height: 1.45833vw;
    gap: var(--gap, 0.41667vw);
    padding: 0.52083vw 0.78125vw 0.52083vw 0;
    --gap: 0.52083vw;
  }
}
.link:after {
  content: "";
  height: 100%;
  width: 47%;
  background: var(--link-hover-bg, var(--accent));
  position: absolute;
  right: 0;
  z-index: -1;
  top: 0;
  left: auto;
  clip-path: polygon(0 0, var(--visible-amount, 0%) 0, var(--visible-amount, 0%) 100%, 0% 100%);
  transition: clip-path 250ms ease-in;
}

.link.accent--dark-grey::after {
  background: var(--link-hover-bg, var(--magic-mint));
}

.link.link--hover-lilac::after {
  background: var(--link-hover-bg, var(--lilac));
}

.link.link--hover-magic-mint::after {
  background: var(--link-hover-bg, var(--magic-mint));
}

.link.link--hover-coral::after {
  background: var(--link-hover-bg, var(--coral));
}

.link:hover {
  color: var(--link-hover-color);
}

.link:hover:after {
  --visible-amount: 100%;
}

/*Standard Breakpoints*/
.list {
  list-style: none;
}

.list li {
  padding-left: 1.625em;
  font-size: 1em;
  line-height: 1.4em;
  font-weight: 400;
  position: relative;
  margin-bottom: 0.9375em;
}

.list ul, .list ol {
  padding-top: 0.9375em;
}

ul.list > li::before {
  content: "";
  position: absolute;
  top: 0.125em;
  left: 0;
  aspect-ratio: 1;
  width: 1em;
  background-image: var(--marker-image, url("/wp-content/themes/retail-experience-design/images/svg/marker.svg"));
  background-size: contain;
  background-repeat: no-repeat;
}

ul.list ul li {
  padding-left: 1.125em;
}

ul.list ul li::before {
  top: 0.5em;
  width: 0.5em;
  background-image: url("/wp-content/themes/retail-experience-design/images/svg/marker-small.svg");
}

ul.list ul ul li:before {
  background-image: url("/wp-content/themes/retail-experience-design/images/svg/marker-small-outline.svg");
}

ul.list.square > li:before, ul.list.square-m > li:before, ul.list.square-xl > li:before, ul.list.square-l > li:before {
  top: 0.1875em;
}

ol.list > li {
  counter-increment: count;
  padding-left: 2.5em;
}

@media (min-width: 47.5rem) {
  ol.list > li {
    line-height: 1.75em;
  }
}
ol.list > li::before {
  font-family: "space-mono", monospace;
  content: counters(count, ".") ".";
  position: absolute;
  top: 0;
  right: calc(100% - 1.625em);
  font-weight: 700;
  color: var(--accent, var(--dark-grey));
  font-size: 0.875em;
}

@media (min-width: 47.5rem) {
  ol.list > li::before {
    font-size: 1em;
  }
}
ol.list ol {
  counter-reset: count;
}

.list--square {
  font-family: "space-mono", monospace;
}

ol.list--square {
  font-size: 14px;
  font-size: 0.88rem;
}

@media (min-width: 47.5rem) {
  ol.list--square {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (min-width: 120rem){
  ol.list--square{
    font-size: 0.83333vw;
  }
}
ol.list--square li {
  line-height: 20px;
  line-height: 1.25rem;
}

@media (min-width: 47.5rem) {
  ol.list--square li {
    line-height: 24px;
    line-height: 1.5rem;
  }
}

@media (min-width: 120rem){
  ol.list--square li{
    line-height: 1.25vw;
  }
}
ul.list--2 > li,
ul.list--2 ul li,
ul.list--2 ul li ul li {
  padding-left: 1.0625em;
  margin-bottom: 0.8125em;
}

@media (min-width: 47.5rem) {
  ul.list--2 > li,
  ul.list--2 ul li,
  ul.list--2 ul li ul li {
    margin-bottom: 0.9375em;
  }
}
ul.list--2 > li::before,
ul.list--2 ul li::before,
ul.list--2 ul li ul li::before {
  top: 0;
  aspect-ratio: 7/24;
  width: 0.4375em;
  background-image: var(--marker-image-2, url("/wp-content/themes/retail-experience-design/images/svg/marker--chevron.svg"));
}

ul.list--2 > li a.active,
ul.list--2 ul li a.active,
ul.list--2 ul li ul li a.active {
  color: var(--accent);
}

ul.list--2.square > li:before, ul.list--2.square-m > li:before, ul.list--2.square-xl > li:before, ul.list--2.square-l > li:before {
  top: 0;
}

/*Standard Breakpoints*/
.logo {
  display: inline-flex;
  width: 100%;
  max-width: 133px;
  max-width: 8.31rem;
  transition: opacity 150ms linear;
  pointer-events: auto;
}

@media (min-width: 47.5rem) {
  .logo {
    max-width: 184px;
    max-width: 11.5rem;
  }
}
@media (min-width: 80rem) {
  .logo {
    max-width: 219px;
    max-width: 13.69rem;
  }
}
@media (min-width: 100rem) {
  .logo {
    max-width: 269px;
    max-width: 16.81rem;
  }
}
@media (min-width: 120rem){
  .logo{
    max-width: 14.01042vw;
  }
}
.logo img, .logo svg {
  width: 100%;
  height: auto;
}

.logo svg {
  fill: var(--logo-color, #FFF);
}

.logo--footer {
  max-width: 178px;
  max-width: 11.13rem;
}

@media (min-width: 47.5rem) {
  .logo--footer {
    max-width: 199px;
    max-width: 12.44rem;
  }
}
@media (min-width: 80rem) {
  .logo--footer {
    max-width: 230px;
    max-width: 14.38rem;
  }
}
@media (min-width: 120rem){
  .logo--footer{
    max-width: 11.97917vw;
  }
}
/*Standard Breakpoints*/
.lp-form .lp-form__bg {
  height: 100%;
  width: 100%;
  background: var(--bg-color);
  position: absolute;
  inset: 0;
  z-index: -1;
}

@media (min-width: 80rem) {
  .lp-form .lp-form__bg {
    width: 82%;
  }
}
@media (min-width: 100rem) {
  .lp-form .lp-form__bg {
    width: 72%;
  }
}
.lp-form .lp-form__bg:before {
  pointer-events: none;
  background-image: var(--bg-watermark);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background-size: 368px 366px;
  background-size: 23rem 22.88rem;
  background-repeat: no-repeat;
  background-position: top right -33px;
  background-position: top right -2.06rem;
}

@media (min-width: 47.5rem) {
  .lp-form .lp-form__bg:before {
    background-size: 418px 414px;
    background-size: 26.13rem 25.88rem;
    background-position: top -5px right -60px;
    background-position: top -0.31rem right -3.75rem;
  }
}
@media (min-width: 80rem) {
  .lp-form .lp-form__bg:before {
    background-position: top -5px left -60px;
    background-position: top -0.31rem left -3.75rem;
  }
}
@media (min-width: 100rem) {
  .lp-form .lp-form__bg:before {
    background-size: 1048px 1044px;
    background-size: 65.5rem 65.25rem;
    background-position: top -100px left -15px;
    background-position: top -6.25rem left -0.94rem;
  }
}
@media (min-width: 120rem){
  .lp-form .lp-form__bg:before{
    background-size: 54.58333vw 54.375vw;
    background-position: top -5.20833vw left -0.78125vw;
  }
}
.lp-form .container {
  display: flex;
  gap: 30px;
  gap: 1.88rem;
}

@media (min-width: 80rem) {
  .lp-form .container {
    flex-flow: row;
    gap: 60px;
    gap: 3.75rem;
    align-items: center;
  }
}
@media (min-width: 100rem) {
  .lp-form .container {
    gap: 120px;
    gap: 7.5rem;
  }
}
@media (min-width: 120rem){
  .lp-form .container{
    gap: 6.25vw;
  }
}
.lp-form .lp-form__form {
  background: var(--violet);
  padding: 30px;
  padding: 1.88rem;
}
@media (min-width: 120rem){
  .lp-form .lp-form__form{
    padding: 1.5625vw;
  }
}

.lp-form .lp-form__form:before {
  pointer-events: none;
  background-image: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark-0-07.svg");
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background-size: 714px 711px;
  background-size: 44.63rem 44.44rem;
  background-repeat: no-repeat;
  background-position: top -70px right -33px;
  background-position: top -4.38rem right -2.06rem;
}

@media (min-width: 120rem){
  .lp-form .lp-form__form:before{
    background-size: 37.1875vw 37.03125vw;
    background-position: top -3.64583vw right -1.71875vw;
  }
}

.lp-form__text {
  display: flex;
  flex-flow: column;
  gap: 15px;
  gap: 0.94rem;
}

@media (min-width: 47.5rem) {
  .lp-form__text {
    gap: 20px;
    gap: 1.25rem;
  }
}
@media (min-width: 100rem) {
  .lp-form__text {
    gap: 30px;
    gap: 1.88rem;
  }
}
@media (min-width: 120rem){
  .lp-form__text{
    gap: 1.5625vw;
  }
}
.lp-form__form {
  --text-color: var(--white);
  position: relative;
}

.lp-form__form p.small {
  text-align: center;
  margin-top: 15px;
  margin-top: 0.94rem;
}

@media (min-width: 120rem){
  .lp-form__form p.small{
    margin-top: 0.78125vw;
  }
}

@media (min-width: 80rem) {
  .lp-form__form {
    width: 500px;
    width: 31.25rem;
    flex-shrink: 0;
  }
}
@media (min-width: 100rem) {
  .lp-form__form {
    width: 560px;
    width: 35rem;
  }
}
@media (min-width: 120rem){
  .lp-form__form{
    width: 29.16667vw;
  }
}
.main {
  padding: 1px 0;
  margin: -1px 0;
}
@media (min-width: 120rem){
  .main{
    padding: 0.05208vw 0;
    margin: -0.05208vw 0;
  }
}

/*Standard Breakpoints*/
.media-grid {
  width: 100%;
  display: grid;
  grid-auto-flow: row;
  direction: var(--grid-direction, ltr);
  grid-template-columns: 170fr 50fr 70fr;
  grid-template-rows: max-content 13.4482758621cqi max-content;
}

@media (min-width: 47.5rem) {
  .media-grid {
    grid-template-columns: 300fr 110fr 290fr;
    grid-template-rows: max-content 30cqi max-content;
  }
}
@media (min-width: 64rem) {
  .media-grid {
    grid-template-columns: 240fr 220fr 40fr;
    grid-template-rows: max-content 26cqi max-content;
  }
}
.media-grid__image {
  position: relative;
  width: 100%;
  aspect-ratio: var(--media-grid-main-image-aspect-ratio, 1);
  grid-column: var(--media-grid-main-image-column, 1/span 2);
  grid-row: var(--media-grid-main-image-row, 1/span 2);
}

.media-grid__image--small {
  aspect-ratio: var(--media-grid-small-image-aspect-ratio, 120/83);
  grid-column: var(--media-grid-small-image-column, 2/span 2);
  grid-row: var(--media-grid-small-image-row, 2/span 2);
  align-self: end;
}

.media-grid__link {
  grid-column: var(--media-grid-link-column, 1/span 1);
  grid-row: var(--media-grid-link-row, 3/span 1);
  align-self: center;
  direction: ltr;
  color: var(--dark-grey);
}

.media-grid--video {
  --media-grid-small-image-aspect-ratio: 1;
  grid-template-rows: max-content 28cqi max-content;
}

@media (min-width: 47.5rem) {
  .media-grid--video {
    grid-template-rows: max-content 35cqi max-content;
  }
}
@media (min-width: 47.5rem) and (max-width: 79.94rem) {
  .media-grid--video {
    grid-template-columns: 480fr 110fr 250fr;
  }
}
@media (min-width: 80rem) {
  .media-grid--video {
    grid-template-rows: max-content 42cqi max-content;
  }
}
.media-grid--single .media-grid__image {
  grid-column: 1/span 3;
}

/*Standard Breakpoints*/
.message {
  background: #FFC8C8;
  padding: 10px 10px 10px 40px;
  padding: 0.63rem 0.63rem 0.63rem 2.5rem;
  width: 100%;
  max-width: 800px;
  max-width: 50rem;
  margin: 0 auto 15px;
  margin: 0 auto 0.94rem;
  --text-color: #821212;
  position: relative;
}

@media (min-width: 47.5rem) {
  .message {
    padding: 15px 20px 15px 70px;
    padding: 0.94rem 1.25rem 0.94rem 4.38rem;
  }
}

@media (min-width: 120rem){
  .message{
    padding: 0.78125vw 1.04167vw 0.78125vw 3.64583vw;
    max-width: 41.66667vw;
    margin: 0 auto 0.78125vw;
  }
}
.message::before {
  content: "";
  position: absolute;
  background: url("/wp-content/themes/retail-experience-design/images/svg/error-icon-dark.svg") no-repeat center/contain;
  aspect-ratio: 16/14;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  width: 1.25rem;
  left: 8px;
  left: 0.5rem;
}

@media (min-width: 47.5rem) {
  .message::before {
    width: 30px;
    width: 1.88rem;
    left: 17px;
    left: 1.06rem;
  }
}

@media (min-width: 120rem){
  .message::before{
    width: 1.5625vw;
    left: 0.88542vw;
  }
}
.message p {
  margin: 0;
}

.message--small {
  margin: 10px auto 0;
  margin: 0.63rem auto 0;
  padding: 10px 15px 10px 40px;
  padding: 0.63rem 0.94rem 0.63rem 2.5rem;
}

@media (min-width: 120rem){
  .message--small{
    margin: 0.52083vw auto 0;
    padding: 0.52083vw 0.78125vw 0.52083vw 2.08333vw;
  }
}

.message--small::before {
  width: 20px;
  width: 1.25rem;
  left: 10px;
  left: 0.63rem;
}

@media (min-width: 120rem){
  .message--small::before{
    width: 1.04167vw;
    left: 0.52083vw;
  }
}

/*Standard Breakpoints*/
.modal {
  inset: 0 0 0 0;
  position: fixed;
  display: flex;
  visibility: hidden;
  overflow: auto;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
}

.modal__container {
  position: relative;
  z-index: 1;
  margin: auto;
}

.modal {
  display: flex;
  align-items: center;
}

@media (min-width: 80rem) {
  .modal {
    --close-btn-top: 25px;
    --close-btn-top: 1.56rem;
    --close-btn-right: 25px;
    --close-btn-right: 1.56rem;
  }
}

@media (min-width: 120rem){
  .modal{
    --close-btn-top: 1.30208vw;
    --close-btn-right: 1.30208vw;
  }
}
body.modal-active {
  overflow: hidden;
}

.modal__close {
  position: absolute;
  top: var(--close-btn-top, 0px);
  right: var(--close-btn-right, 0px);
  position: absolute;
  cursor: pointer;
  width: 48px;
  width: 3rem;
  height: 48px;
  height: 3rem;
}

@media (min-width: 120rem){
  .modal__close{
    top: var(--close-btn-top, 0vw);
    right: var(--close-btn-right, 0vw);
    width: 2.5vw;
    height: 2.5vw;
  }
}

.modal__close::before, .modal__close::after {
  content: "";
  background: #FFF;
  width: 40px;
  width: 2.5rem;
  height: 2px;
  height: 0.13rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg) translateZ(0px);
}

@media (min-width: 120rem){
  .modal__close::before, .modal__close::after{
    width: 2.08333vw;
    height: 0.10417vw;
    transform: translate(-50%, -50%) rotate(-45deg) translateZ(0vw);
  }
}

.modal__close::after {
  transform: translate(-50%, -50%) rotate(45deg) translateZ(0px);
}

@media (min-width: 120rem){
  .modal__close::after{
    transform: translate(-50%, -50%) rotate(45deg) translateZ(0vw);
  }
}

.modal--video {
  padding-inline: 20px;
  padding-inline: 1.25rem;
}

@media (min-width: 120rem){
  .modal--video{
    padding-inline: 1.04167vw;
  }
}

.modal--video .modal__container {
  margin: auto;
  width: 100%;
  max-width: 1600px;
  max-width: 100rem;
}

@media (min-width: 120rem){
  .modal--video .modal__container{
    max-width: 83.33333vw;
  }
}

.modal--active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/*Standard Breakpoints*/
.navigation {
  list-style: none;
  display: flex;
  flex-flow: column;
  gap: 20px;
  gap: 1.25rem;
  width: 100%;
}
@media (min-width: 100rem) {
  .navigation {
    gap: 30px;
    gap: 1.88rem;
  }
}
@media (min-width: 120rem){
  .navigation{
    gap: 1.5625vw;
  }
}
.navigation li {
  margin: 0;
  padding: 0;
  opacity: 0;
  transform: translateY(30px);
  transform: translateY(1.88rem);
  transition: opacity 0.2s linear, transform 0.2s ease-in-out;
}
@media (min-width: 120rem){
  .navigation li{
    transform: translateY(1.5625vw);
  }
}
.navigation li a {
  text-decoration: none;
  text-decoration: none;
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--magic-mint)) 1px, var(--underline-color, var(--magic-mint)) 2px, transparent 2px, transparent 3px);
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--magic-mint)) 1px, var(--underline-color, var(--magic-mint)) 0.13rem, transparent 0.13rem, transparent 0.19rem);
  background-size: 0 3px;
  background-size: 0 0.19rem;
  background-position: 0 bottom;
  background-repeat: no-repeat;
  padding-bottom: 0;
  transition: color 150ms linear, background-size 0.3s ease-in-out;
  border-bottom: 3px solid transparent;
  border-bottom: 0.19rem solid transparent;
}
@media (min-width: 120rem){
  .navigation li a{
    background-image: linear-gradient(transparent 0.05208vw, var(--underline-color, var(--magic-mint)) 0.05208vw, var(--underline-color, var(--magic-mint)) 0.10417vw, transparent 0.10417vw, transparent 0.15625vw);
    background-size: 0 0.15625vw;
    border-bottom: 0.15625vw solid transparent;
  }
}
.navigation li a:hover {
  background-size: 100% 3px;
  background-size: 100% 0.19rem;
}
.navigation li a:hover {
  color: var(--magic-mint);
}
@media (min-width: 120rem){
  .navigation li a:hover{
    background-size: 100% 0.15625vw;
  }
}

.navigation li a.active {
  --heading-color: var(--magic-mint);
}

.numbered-list {
  counter-reset: count;
  display: flex;
  flex-flow: column;
  gap: 25px;
  gap: 1.56rem;
}

@media (min-width: 120rem){
  .numbered-list{
    gap: 1.30208vw;
  }
}

/*Standard Breakpoints*/
.numbered-list--serif .numbered-list-item:before {
  font-family: "cormorant-garamond", "Times New Roman", sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 23px;
  font-size: 1.44rem;
  line-height: 34px;
  line-height: 2.13rem;
}

@media (min-width: 47.5rem) {
  .numbered-list--serif .numbered-list-item:before {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
}

@media (min-width: 120rem){
  .numbered-list--serif .numbered-list-item:before{
    font-size: 1.875vw;
    line-height: 2.08333vw;
  }
}
.numbered-list--half {
  --color: var(--hover-color, var(--dark-grey));
  --background: linear-gradient(0deg, var(--accent, #EEE) 0%, var(--accent, #EEE) 50%, transparent 50%, transparent 100%);
}

.numbered-list--half-serif {
  --color: var(--hover-color, var(--dark-grey));
  --background: linear-gradient(0deg, var(--accent, #EEE) 0%, var(--accent, #EEE) 50%, transparent 50%, transparent 100%);
}

.numbered-list--half-serif .numbered-list-item:before {
  font-family: "cormorant-garamond", "Times New Roman", sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 23px;
  font-size: 1.44rem;
  line-height: 34px;
  line-height: 2.13rem;
}

@media (min-width: 47.5rem) {
  .numbered-list--half-serif .numbered-list-item:before {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
}

@media (min-width: 120rem){
  .numbered-list--half-serif .numbered-list-item:before{
    font-size: 1.875vw;
    line-height: 2.08333vw;
  }
}
.numbered-list--outline {
  --border-style: 2px solid var(--accent, var(--dark-grey));
  --border-style: 0.13rem solid var(--accent, var(--dark-grey));
  --color: var(--accent, var(--dark-grey));
  --background: transparent;
}
@media (min-width: 120rem){
  .numbered-list--outline{
    --border-style: 0.10417vw solid var(--accent, var(--dark-grey));
  }
}

.numbered-list--outline-serif {
  --border-style: 2px solid var(--accent, var(--dark-grey));
  --border-style: 0.13rem solid var(--accent, var(--dark-grey));
  --color: var(--accent, var(--dark-grey));
  --background: transparent;
}

@media (min-width: 120rem){
  .numbered-list--outline-serif{
    --border-style: 0.10417vw solid var(--accent, var(--dark-grey));
  }
}

.numbered-list--outline-serif .numbered-list-item:before {
  font-family: "cormorant-garamond", "Times New Roman", sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 23px;
  font-size: 1.44rem;
  line-height: 34px;
  line-height: 2.13rem;
}

@media (min-width: 47.5rem) {
  .numbered-list--outline-serif .numbered-list-item:before {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
}

@media (min-width: 120rem){
  .numbered-list--outline-serif .numbered-list-item:before{
    font-size: 1.875vw;
    line-height: 2.08333vw;
  }
}
/*Standard Breakpoints*/
.numbered-list-item {
  display: flex;
  flex-flow: row;
  gap: 15px;
  gap: 0.94rem;
}
@media (min-width: 120rem){
  .numbered-list-item{
    gap: 0.78125vw;
  }
}

.numbered-list-item::before {
  font-family: "space-mono", monospace;
  counter-increment: count;
  content: counters(count, ".");
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  flex: 0 0 auto;
  margin: 0;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 38px;
  line-height: 2.38rem;
  background: var(--background, var(--accent, var(--dark-grey)));
  border: var(--border-style, none);
  color: var(--color, #FFF);
}

@media (min-width: 47.5rem) {
  .numbered-list-item::before {
    width: 50px;
    width: 3.13rem;
    height: 50px;
    height: 3.13rem;
    font-size: 22px;
    font-size: 1.38rem;
    line-height: 48px;
    line-height: 3rem;
  }
}

@media (min-width: 120rem){
  .numbered-list-item::before{
    width: 2.60417vw;
    height: 2.60417vw;
    font-size: 1.14583vw;
    line-height: 2.5vw;
  }
}
.numbered-list-item__content {
  margin: auto 0;
}

/*Standard Breakpoints*/
.page-404 {
  max-width: 1000px;
  max-width: 62.5rem;
  text-align: center;
  display: flex;
  flex-flow: column;
  gap: 10px;
  gap: 0.63rem;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 170px 0;
  padding: 10.63rem 0;
}

@media (min-width: 47.5rem) {
  .page-404 {
    gap: 15px;
    gap: 0.94rem;
  }
}
@media (min-width: 100rem) {
  .page-404 {
    gap: 30px;
    gap: 1.88rem;
  }
}
@media (min-width: 120rem){
  .page-404{
    max-width: 52.08333vw;
    gap: 1.5625vw;
    padding: 8.85417vw 0;
  }
}
.pagination {
  display: flex;
  justify-content: center;
}

/*Standard Breakpoints*/
.pagination__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
}

@media (min-width: 64rem) {
  .pagination__wrap {
    width: auto;
    gap: 20px;
    gap: 1.25rem;
  }
}

@media (min-width: 120rem){
  .pagination__wrap{
    gap: 1.04167vw;
  }
}
.pagination__wrap li a {
  text-decoration: none;
}

.pagination__btn {
  background: var(--light-grey);
  height: 32px;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  --icon-width: 100%;
  --icon-fill-color: var(--med-grey);
  transition: all 250ms ease-in-out;
  aspect-ratio: 1;
  position: absolute;
  left: auto;
  right: 0;
}

.pagination__btn:hover {
  background: var(--violet);
  --icon-fill-color: var(--white);
}

@media (min-width: 47.5rem) {
  .pagination__btn {
    height: 46px;
    height: 2.88rem;
  }
}
@media (min-width: 47.5rem) and (max-width: 63.94rem) {
  .pagination__btn svg {
    padding: 6px;
    padding: 0.38rem;
  }
}
@media (min-width: 64rem) {
  .pagination__btn {
    height: 32px;
    height: 2rem;
    left: 100%;
    right: auto;
    margin-left: 20px;
    margin-left: 1.25rem;
    margin-right: auto;
  }
}
@media (min-width: 120rem){
  .pagination__btn{
    height: 1.66667vw;
    margin-left: 1.04167vw;
  }
}
.pagination__btn--prev {
  left: 0;
  right: auto;
}

.pagination__btn--prev .icon {
  transform: rotate(180deg);
}

@media (min-width: 64rem) {
  .pagination__btn--prev {
    right: 100%;
    left: auto;
    margin-right: 20px;
    margin-right: 1.25rem;
    margin-left: auto;
  }
}

@media (min-width: 120rem){
  .pagination__btn--prev{
    margin-right: 1.04167vw;
  }
}
/*Standard Breakpoints*/
.pagination-list {
  display: flex;
  gap: 10px;
  gap: 0.63rem;
  margin: auto;
}

@media (min-width: 47.5rem) {
  .pagination-list {
    gap: 20px;
    gap: 1.25rem;
  }
}

@media (min-width: 120rem){
  .pagination-list{
    gap: 1.04167vw;
  }
}
.pagination-list li {
  list-style: none;
  width: 42px;
  width: 2.63rem;
  display: flex;
  justify-content: center;
  position: relative;
}
@media (min-width: 120rem){
  .pagination-list li{
    width: 2.1875vw;
  }
}

.pagination-list li a {
  display: flex;
  align-items: center;
  width: 32px;
  width: 2rem;
  justify-content: center;
  transition: all 250ms ease-in-out;
}

@media (min-width: 120rem){
  .pagination-list li a{
    width: 1.66667vw;
  }
}

.pagination-list li a strong {
  z-index: 1;
}

.pagination-list li a:hover {
  color: var(--dark-grey);
}

.pagination-list li a:hover:before {
  content: "";
  width: 100%;
  height: 50%;
  background: var(--light-grey);
  position: absolute;
  bottom: 0;
}

.pagination-list li span {
  aspect-ratio: 1;
  width: 32px;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media (min-width: 120rem){
  .pagination-list li span{
    width: 1.66667vw;
  }
}

.pagination-list li span strong {
  z-index: 2;
}

.pagination-list li span.active {
  color: var(--dark-grey);
}

.pagination-list li span.active:before {
  content: "";
  width: 100%;
  height: 50%;
  background: var(--magic-mint);
  position: absolute;
  bottom: 0;
}

.pip {
  display: block;
  width: 20px;
  width: 1.25rem;
  height: 4px;
  height: 0.25rem;
  background: var(--off-white, #E9E6E1);
  transition: all 0.3s linear;
}

@media (min-width: 120rem){
  .pip{
    width: 1.04167vw;
    height: 0.20833vw;
  }
}

.pip--active {
  width: 50px;
  width: 3.13rem;
  background: var(--accent, var(--violet));
}

@media (min-width: 120rem){
  .pip--active{
    width: 2.60417vw;
  }
}

/*Standard Breakpoints*/
.privacy-policy {
  --gap: 15px;
  --gap: 0.94rem;
}

@media (min-width: 47.5rem) {
  .privacy-policy {
    --gap: 20px;
    --gap: 1.25rem;
  }
}

@media (min-width: 120rem){
  .privacy-policy{
    --gap: 1.04167vw;
  }
}
.privacy-policy .main .container {
  max-width: 1000px;
  max-width: 62.5rem;
}
@media (min-width: 120rem){
  .privacy-policy .main .container{
    max-width: 52.08333vw;
  }
}

.privacy-policy .main .list li strong {
  color: var(--text-color);
}

.privacy-policy .main .list a strong {
  color: var(--accent);
}

/*Standard Breakpoints*/
.project-accordion__top {
  background: var(--bg-color);
  --space-inside-sections-bottom: 104px;
  --space-inside-sections-bottom: 6.5rem;
  margin-bottom: -88px !important;
  margin-bottom: -5.5rem !important;
  --space-inside-sections-top: 20px;
  --space-inside-sections-top: 1.25rem;
}

.project-accordion__top a {
  font-weight: 500;
}

.project-accordion__top:before {
  pointer-events: none;
  background-image: var(--bg-watermark);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background-size: 368px 366px;
  background-size: 23rem 22.88rem;
  background-repeat: no-repeat;
  background-position: top right -33px;
  background-position: top right -2.06rem;
}

@media (min-width: 47.5rem) {
  .project-accordion__top:before {
    background-size: 418px 414px;
    background-size: 26.13rem 25.88rem;
    background-position: top -5px right -60px;
    background-position: top -0.31rem right -3.75rem;
  }
}
@media (min-width: 100rem) {
  .project-accordion__top:before {
    background-size: 822px 816px;
    background-size: 51.38rem 51rem;
    background-position: top -100px right -158px;
    background-position: top -6.25rem right -9.88rem;
  }
}
@media (min-width: 120rem){
  .project-accordion__top:before{
    background-size: 42.8125vw 42.5vw;
    background-position: top -5.20833vw right -8.22917vw;
  }
}
@media (min-width: 47.5rem) {
  .project-accordion__top {
    margin-bottom: -85px !important;
    margin-bottom: -5.31rem !important;
    --space-inside-sections-bottom: 95px;
    --space-inside-sections-bottom: 5.94rem;
    --space-inside-sections-top: 70px;
    --space-inside-sections-top: 4.38rem;
  }
}
@media (min-width: 100rem) {
  .project-accordion__top {
    margin-bottom: -195px !important;
    margin-bottom: -12.19rem !important;
    --space-inside-sections-top: 100px;
    --space-inside-sections-top: 6.25rem;
    --space-inside-sections-bottom: 258px;
    --space-inside-sections-bottom: 16.13rem;
  }
}
@media (min-width: 120rem){
  .project-accordion__top{
    --space-inside-sections-bottom: 13.4375vw;
    margin-bottom: -10.15625vw;
    --space-inside-sections-top: 5.20833vw;
  }
}
.project-accordion__top-text {
  max-width: 960px;
  max-width: 60rem;
  text-align: center;
  margin: auto;
  display: flex;
  flex-flow: column;
  gap: 30px;
  gap: 1.88rem;
}
@media (min-width: 120rem){
  .project-accordion__top-text{
    max-width: 50vw;
    gap: 1.5625vw;
  }
}

.project-accordion__button {
  max-width: var(--site-container);
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  gap: 0.38rem;
}

.project-accordion__button .btn {
  z-index: 1;
}

.project-accordion__button:before, .project-accordion__button:after {
  content: "";
  height: 1px;
  width: 100%;
  background: #E9E6E1;
}

@media (min-width: 120rem){
  .project-accordion__button:before, .project-accordion__button:after{
    height: 0.05208vw;
  }
}

@media (min-width: 47.5rem) {
  .project-accordion__button {
    gap: 10px;
    gap: 0.63rem;
  }
}
@media (min-width: 100rem) {
  .project-accordion__button {
    gap: 30px;
    gap: 1.88rem;
  }
}
@media (min-width: 120rem){
  .project-accordion__button{
    gap: 1.5625vw;
  }
}
.project-accordion__project {
  position: relative;
  --space-between-sections-top: 0;
}

.project-accordion__project .gallery__container {
  padding: 0;
}

.project-accordion__project:after {
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 46.86%, #FFFFFF 96.42%);
  width: 100%;
  height: 320px;
  height: 20rem;
  position: absolute;
  bottom: 57px;
  bottom: 3.56rem;
  transition: height 0.5s ease;
}

@media (min-width: 120rem){
  .project-accordion__project:after{
    height: 16.66667vw;
    bottom: 2.96875vw;
  }
}

.project-accordion__project .container {
  overflow: hidden;
  transition: height 0.5s ease;
}

.project-accordion__project.active:after {
  height: 0;
}

.project-accordion__project-body {
  flex-flow: column;
  gap: 20px;
  gap: 1.25rem;
  display: flex;
  overflow: visible;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}

@media (min-width: 47.5rem) {
  .project-accordion__project-body {
    padding-bottom: 40px;
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 100rem) {
  .project-accordion__project-body {
    padding-bottom: 80px;
    padding-bottom: 5rem;
  }
}
.project-accordion__project-body > *:not(.card--project) {
  padding-inline: 15px;
  padding-inline: 0.94rem;
}

@media (min-width: 47.5rem) {
  .project-accordion__project-body > *:not(.card--project) {
    padding-inline: 38px;
    padding-inline: 2.38rem;
  }
}
@media (min-width: 100rem) {
  .project-accordion__project-body > *:not(.card--project) {
    padding-inline: 80px;
    padding-inline: 5rem;
  }
}
@media (min-width: 120rem){
  .project-accordion__project-body > *:not(.card--project){
    padding-inline: 4.16667vw;
  }
}
@media (min-width: 47.5rem) {
  .project-accordion__project-body {
    gap: 30px;
    gap: 1.88rem;
  }
}
@media (min-width: 100rem) {
  .project-accordion__project-body {
    gap: 80px;
    gap: 5rem;
  }
}
@media (min-width: 120rem){
  .project-accordion__project-body{
    gap: 4.16667vw;
    padding-bottom: 4.16667vw;
  }
}
.pseudo-link {
  text-decoration: none;
}

.pseudo-link::after {
  content: "";
  inset: 0 0 0 0;
  position: absolute;
  z-index: 20;
}

/* THIS DISGUSTS ME */
/* If this is too big, it makes chrome die */
.pseudo-link--force-fill::after {
  top: -50vmax;
  left: -50vmax;
  width: 100vmax;
  height: 100vmax;
}

/*Standard Breakpoints*/
.recaptcha {
  width: 196px;
  width: 12.25rem;
  height: 44px;
  height: 2.75rem;
  display: flex;
  flex-flow: row;
  margin: 0 auto;
  border-radius: 5px;
  border-radius: 0.31rem;
  overflow: hidden;
  flex: 0 0 auto;
}
@media (min-width: 37.5rem) {
  .recaptcha {
    margin: 0 auto 0 0;
  }
}
@media (min-width: 120rem){
  .recaptcha{
    width: 10.20833vw;
    height: 2.29167vw;
    border-radius: 0.26042vw;
  }
}
@media (max-width: 63.94rem) and (min-width: 37.5rem) {
  .recaptcha {
    position: absolute;
    left: 15px;
    left: 0.94rem;
    bottom: calc(100% + 570px);
    bottom: calc(100% + 35.63rem);
  }
}
@media (max-width: 63.94rem) and (min-width: 47.5rem) {
  .recaptcha {
    left: 30px;
    left: 1.88rem;
    bottom: calc(100% + 625px);
    bottom: calc(100% + 39.06rem);
  }
}

.recaptcha__text {
  background: #333;
  padding: 6px 12px 6px 9px;
  padding: 0.38rem 0.75rem 0.38rem 0.56rem;
  text-align: left;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

@media (min-width: 120rem){
  .recaptcha__text{
    padding: 0.3125vw 0.625vw 0.3125vw 0.46875vw;
  }
}
.recaptcha__text span, .recaptcha__text a {
  color: #FFF;
}
.recaptcha__text span {
  display: inline-block;
  font-size: 11px;
  font-size: 0.69rem;
}
@media (min-width: 120rem){
  .recaptcha__text span{
    font-size: 0.57292vw;
  }
}
.recaptcha__text a {
  font-size: 10px;
  font-size: 0.63rem;
  text-decoration: none;
  position: relative;
  margin-right: 10px;
  margin-right: 0.63rem;
}
@media (min-width: 120rem){
  .recaptcha__text a{
    font-size: 0.52083vw;
    margin-right: 0.52083vw;
  }
}
.recaptcha__text a:hover {
  text-decoration: underline;
}
.recaptcha__text a:nth-of-type(1)::after {
  content: "";
  position: absolute;
  inset: 50% -6px auto auto;
  inset: 50% -0.38rem auto auto;
  transform: translateY(-50%) translateY(1px);
  width: 2px;
  width: 0.13rem;
  height: 2px;
  height: 0.13rem;
  display: inline-block;
  background: #FFF;
  border-radius: 50%;
}
@media (min-width: 120rem){
  .recaptcha__text a:nth-of-type(1)::after{
    inset: 50% -0.3125vw auto auto;
    transform: translateY(-50%) translateY(0.05208vw);
    width: 0.10417vw;
    height: 0.10417vw;
  }
}

.recaptcha__logo {
  background: #3F3F3F;
  width: 44px;
  width: 2.75rem;
  height: 44px;
  height: 2.75rem;
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
  border-radius: 0 5px 5px 0;
  border-radius: 0 0.31rem 0.31rem 0;
}

@media (min-width: 120rem){
  .recaptcha__logo{
    width: 2.29167vw;
    height: 2.29167vw;
    border-radius: 0 0.26042vw 0.26042vw 0;
  }
}
.recaptcha__logo svg {
  position: absolute;
  height: 100%;
  width: 100%;
}

/*Standard Breakpoints*/
.responsive-video {
  aspect-ratio: 640/360;
  max-height: 99vh;
  margin: auto;
}

@media (min-width: 64rem) {
  .responsive-video {
    aspect-ratio: 16/9;
  }
}
.responsive-video iframe {
  max-width: 100vw;
  height: 100%;
  width: 100%;
}

.responsive-video video {
  aspect-ratio: 16/9;
  max-width: 100%;
  background: black;
}

.scrolling-image-grid {
  width: 100%;
  container-type: inline-size;
}

.scrolling-image-grid__container {
  width: 100%;
  display: flex;
  flex-flow: column;
  --grid-gap: 3.125cqi;
  gap: var(--grid-gap);
  overflow: hidden;
}

@container (min-width: 47.5rem) {
  .scrolling-image-grid__container {
    --grid-gap: 1.5789473684cqi;
  }
}
@container (min-width: 80rem) {
  .scrolling-image-grid__container {
    --grid-gap: 1.5625cqi;
  }
}
@container (min-width: 100rem) {
  .scrolling-image-grid__container {
    --grid-gap: 2.0833333333cqi;
  }
}
.scrolling-image-grid__row {
  display: flex;
  align-items: flex-end;
  width: 100%;
  gap: var(--grid-gap);
}

.scrolling-image-grid__row--align-top {
  align-items: flex-start;
}

.scrolling-image-grid__row--ltr {
  flex-flow: row-reverse;
}

.scrolling-image-grid__item {
  aspect-ratio: 135/100;
  width: 42.1875cqi;
  flex: 0 0 auto;
  position: relative;
}

@container (min-width: 47.5rem) {
  .scrolling-image-grid__item {
    width: 28.0263157895cqi;
  }
}
@container (min-width: 80rem) {
  .scrolling-image-grid__item {
    width: 26.5625cqi;
  }
}
@container (min-width: 100rem) {
  .scrolling-image-grid__item {
    width: 25.8333333333cqi;
  }
}
.scrolling-image-grid__item--small {
  aspect-ratio: 63/51;
  width: 19.6875cqi;
}

@container (min-width: 47.5rem) {
  .scrolling-image-grid__item--small {
    width: 13.0263157895cqi;
  }
}
@container (min-width: 80rem) {
  .scrolling-image-grid__item--small {
    width: 12.421875cqi;
  }
}
@container (min-width: 100rem) {
  .scrolling-image-grid__item--small {
    width: 11.9270833333cqi;
  }
}
.scrolling-image-grid__item--medium {
  aspect-ratio: 121/75;
  width: 37.8125cqi;
}

@container (min-width: 47.5rem) {
  .scrolling-image-grid__item--medium {
    width: 25.1315789474cqi;
  }
}
@container (min-width: 80rem) {
  .scrolling-image-grid__item--medium {
    width: 23.828125cqi;
  }
}
@container (min-width: 100rem) {
  .scrolling-image-grid__item--medium {
    width: 22.96875cqi;
  }
}
/*Standard Breakpoints*/
.section {
  margin-block-start: calc(var(--space-between-sections-top) - 20px);
  margin-block-start: calc(var(--space-between-sections-top) - 1.25rem);
  margin-block-end: calc(var(--space-between-sections-bottom) - 20px);
  margin-block-end: calc(var(--space-between-sections-bottom) - 1.25rem);
  padding: 10px var(--screen-edge-padding);
  padding: 0.63rem var(--screen-edge-padding);
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  --link-hover-color: var(--dark-grey);
}
@media (min-width: 120rem){
  .section{
    margin-block-start: calc(var(--space-between-sections-top) - 1.04167vw);
    margin-block-end: calc(var(--space-between-sections-bottom) - 1.04167vw);
    padding: 0.52083vw var(--screen-edge-padding);
  }
}

.section.contains-slider {
  overflow-y: visible;
  overflow-x: clip;
}

main > .section:first-child {
  margin-top: 0;
  --nav-height: 62px;
  --nav-height: 3.88rem;
  --padding-top: 10px;
  --padding-top: 0.63rem;
  padding-top: calc(var(--nav-height) + var(--padding-top));
}

@media (min-width: 47.5rem) {
  main > .section:first-child {
    --nav-height: 98px;
    --nav-height: 6.13rem;
  }
}
@media (min-width: 64rem) {
  main > .section:first-child {
    --nav-height: 88px;
    --nav-height: 5.5rem;
  }
}
@media (min-width: 80rem) {
  main > .section:first-child {
    --nav-height: 100px;
    --nav-height: 6.25rem;
  }
}
@media (min-width: 100rem) {
  main > .section:first-child {
    --nav-height: 125px;
    --nav-height: 7.81rem;
  }
}
@media (min-width: 120rem){
  main > .section:first-child{
    --nav-height: 6.51042vw;
    --padding-top: 0.52083vw;
  }
}
.section--bg-text {
  margin-bottom: 0;
  padding-bottom: var(--space-between-sections-bottom);
}

.section--with-bg {
  padding-block-start: var(--space-inside-sections-top);
  padding-block-end: var(--space-inside-sections-bottom);
  margin-block: 0;
  isolation: isolate;
}

.section--no-gutter {
  padding-inline: 0;
}

.section__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--bg-color);
}

.section__bg--with-watermark {
  background-image: var(--bg-watermark, url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark-0-02.svg"));
  background-repeat: no-repeat;
  background-size: 614px 610px;
  background-size: 38.38rem 38.13rem;
  background-position: bottom 5px left -80px;
  background-position: bottom 0.31rem left -5rem;
}

@media (min-width: 47.5rem) {
  .section__bg--with-watermark {
    background-size: 934px 928px;
    background-size: 58.38rem 58rem;
    background-position: bottom -60px left -44px;
    background-position: bottom -3.75rem left -2.75rem;
  }
}
@media (min-width: 80rem) {
  .section__bg--with-watermark {
    background-size: 987px 981px;
    background-size: 61.69rem 61.31rem;
    background-position: top -61px left -62px;
    background-position: top -3.81rem left -3.88rem;
  }
}
@media (min-width: 100rem) {
  .section__bg--with-watermark {
    background-size: 1101px 1097px;
    background-size: 68.81rem 68.56rem;
    background-position: top -140px left -110px;
    background-position: top -8.75rem left -6.88rem;
  }
}
@media (min-width: 120rem){
  .section__bg--with-watermark{
    background-size: 57.34375vw 57.13542vw;
    background-position: top -7.29167vw left -5.72917vw;
  }
}
.section__bg--top-left {
  left: 0;
  right: auto;
  top: 0;
}

.section__bg--top-left.section__watermark {
  aspect-ratio: 1030/941;
  height: auto;
  width: 300px;
  width: 18.75rem;
}

@media (min-width: 37.5rem) {
  .section__bg--top-left.section__watermark {
    width: 500px;
    width: 31.25rem;
  }
}
@media (min-width: 80rem) {
  .section__bg--top-left.section__watermark {
    width: 700px;
    width: 43.75rem;
  }
}
@media (min-width: 100rem) {
  .section__bg--top-left.section__watermark {
    width: 945px;
    width: 59.06rem;
    top: -225px;
    top: -14.06rem;
  }
}
@media (min-width: 120rem){
  .section__bg--top-left.section__watermark{
    width: 49.21875vw;
    top: -11.71875vw;
  }
}
@media (min-width: 100rem) {
  .section__bg--top-left.section__rotating-circle {
    left: 65px;
    left: 4.06rem;
  }
}
@media (min-width: 120rem){
  .section__bg--top-left.section__rotating-circle{
    left: 3.38542vw;
  }
}
.section__bg--bottom-left.section__rotating-circle {
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
}

@media (min-width: 100rem) {
  .section__bg--bottom-left.section__rotating-circle {
    bottom: -59px;
    bottom: -3.69rem;
    top: auto;
  }
}

@media (min-width: 120rem){
  .section__bg--bottom-left.section__rotating-circle{
    bottom: -3.07292vw;
  }
}
.section__bg--bottom-right.section__rotating-circle {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
}

@media (min-width: 100rem) {
  .section__bg--bottom-right.section__rotating-circle {
    right: -20px;
    right: -1.25rem;
    bottom: -59px;
    bottom: -3.69rem;
    top: auto;
  }
}

@media (min-width: 120rem){
  .section__bg--bottom-right.section__rotating-circle{
    bottom: -3.07292vw;
    right: -1.04167vw;
  }
}
.section__offset-bg {
  width: 100%;
  right: 0;
  left: auto;
  position: absolute;
  z-index: -1;
  bottom: 0;
  background-color: var(--bg-color);
  height: 458px;
  height: 28.63rem;
}

@media (min-width: 64rem) {
  .section__offset-bg {
    width: 28.0208333333vw;
    height: 100%;
    top: 0;
  }
}
.section__watermark {
  background: grey;
  position: absolute;
  bottom: calc((var(--space-between-sections-bottom) + 10px) * -1);
  bottom: calc((var(--space-between-sections-bottom) + 0.63rem) * -1);
  right: 0;
  width: 210px;
  width: 13.13rem;
  height: 258px;
  height: 16.13rem;
  z-index: -1;
  background: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark.svg") no-repeat top left/auto 100%;
}

@media (min-width: 47.5rem) {
  .section__watermark {
    bottom: auto;
    width: 453px;
    width: 28.31rem;
    top: -33px;
    top: -2.06rem;
    height: 566px;
    height: 35.38rem;
  }
}
@media (min-width: 80rem) {
  .section__watermark {
    width: 589px;
    width: 36.81rem;
    top: -60px;
    top: -3.75rem;
    height: 667px;
    height: 41.69rem;
  }
}
@media (min-width: 100rem) {
  .section__watermark {
    top: -126px;
    top: -7.88rem;
    width: 680px;
    width: 42.5rem;
    height: 859px;
    height: 53.69rem;
  }
}
@media (min-width: 120rem){
  .section__watermark{
    width: 35.41667vw;
    height: 44.73958vw;
    top: -6.5625vw;
  }
}
.section__watermark--top-left {
  left: 0;
  right: auto;
  aspect-ratio: 1030/941;
  height: auto;
}

@media (max-width: 37.44rem) {
  .section__watermark--top-left {
    width: 294px;
    width: 18.38rem;
    left: auto;
  }
}
@media (min-width: 100rem) {
  .section__watermark--top-left {
    width: 945px;
    width: 59.06rem;
  }
}
@media (min-width: 120rem){
  .section__watermark--top-left{
    width: 49.21875vw;
  }
}
.section__watermark--2 {
  top: -100px;
  top: -6.25rem;
}

@media (min-width: 64rem) {
  .section__watermark--2 {
    top: -150px;
    top: -9.38rem;
  }
}
@media (min-width: 100rem) {
  .section__watermark--2 {
    top: -200px;
    top: -12.5rem;
  }
}
@media (min-width: 100rem) {
  .section__watermark--2 {
    top: -261px;
    top: -16.31rem;
  }
}
@media (min-width: 120rem){
  .section__watermark--2{
    top: -13.59375vw;
  }
}
@media (max-width: 47.44rem) {
  .section__watermark--large {
    width: 400px;
    width: 25rem;
    height: 400px;
    height: 25rem;
    top: 0;
  }
}
@media (min-width: 100rem) {
  .section__watermark--large {
    width: 1101px;
    width: 68.81rem;
    height: 1097px;
    height: 68.56rem;
    right: -190px;
    right: -11.88rem;
  }
}
@media (min-width: 120rem){
  .section__watermark--large{
    width: 57.34375vw;
    height: 57.13542vw;
    right: -9.89583vw;
  }
}
.section__rotating-circle {
  position: absolute;
  top: -10px;
  top: -0.63rem;
  right: 0;
  overflow: hidden;
  width: 119px;
  width: 7.44rem;
  height: 136px;
  height: 8.5rem;
  z-index: -1;
  display: block;
}

@media (min-width: 47.5rem) {
  .section__rotating-circle {
    top: -20px;
    top: -1.25rem;
    width: 192px;
    width: 12rem;
    height: 209px;
    height: 13.06rem;
  }
}
@media (min-width: 80rem) {
  .section__rotating-circle {
    top: -40px;
    top: -2.5rem;
    height: 236px;
    height: 14.75rem;
  }
}
@media (min-width: 100rem) {
  .section__rotating-circle {
    top: -70px;
    top: -4.38rem;
    width: 300px;
    width: 18.75rem;
    height: 339px;
    height: 21.19rem;
  }
}
@media (min-width: 120rem){
  .section__rotating-circle{
    top: -3.64583vw;
    width: 15.625vw;
    height: 17.65625vw;
  }
}
.section__rotating-circle svg {
  width: 139px;
  width: 8.69rem;
  height: auto;
  fill: var(--light-grey);
}

@media (min-width: 47.5rem) {
  .section__rotating-circle svg {
    width: 215px;
    width: 13.44rem;
  }
}
@media (min-width: 80rem) {
  .section__rotating-circle svg {
    width: 242px;
    width: 15.13rem;
  }
}
@media (min-width: 100rem) {
  .section__rotating-circle svg {
    width: 348px;
    width: 21.75rem;
  }
}
@media (min-width: 120rem){
  .section__rotating-circle svg{
    width: 18.125vw;
  }
}
.section__bg-text {
  position: absolute;
  top: 0;
  bottom: 40px;
  bottom: 2.5rem;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: -1;
  display: block;
  -webkit-user-select: none;
          user-select: none;
}

@media (min-width: 47.5rem) {
  .section__bg-text {
    bottom: 8px;
    bottom: 0.5rem;
  }
}
@media (min-width: 80rem) {
  .section__bg-text {
    bottom: -60px;
    bottom: -3.75rem;
  }
}
@media (min-width: 100rem) {
  .section__bg-text {
    bottom: -127px;
    bottom: -7.94rem;
  }
}
@media (min-width: 120rem){
  .section__bg-text{
    bottom: -6.61458vw;
  }
}
.section__bg-text span {
  font-family: "work-sans", Arial, sans-serif;
  font-weight: 900;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  overflow: visible;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 1em;
  color: var(--light-grey);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-width: 0.13rem;
  -webkit-text-stroke-color: currentColor;
  display: block;
  bottom: 0;
}

@media (max-width: 47.44rem) {
  .section__bg-text span {
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 0.09rem;
  }
}
@media (min-width: 37.5rem) {
  .section__bg-text span {
    font-size: 100px;
    font-size: 6.25rem;
    white-space: nowrap;
  }
}
@media (min-width: 64rem) {
  .section__bg-text span {
    font-size: 114px;
    font-size: 7.13rem;
  }
}
@media (min-width: 80rem) {
  .section__bg-text span {
    font-size: 150px;
    font-size: 9.38rem;
    bottom: 9px;
    bottom: 0.56rem;
  }
}
@media (min-width: 100rem) {
  .section__bg-text span {
    font-size: 210px;
    font-size: 13.13rem;
    bottom: 15px;
    bottom: 0.94rem;
  }
}
@media (min-width: 120rem){
  .section__bg-text span{
    font-size: 10.9375vw;
    -webkit-text-stroke-width: 0.10417vw;
    bottom: 0.78125vw;
  }
}
.section--overflow-hidden {
  overflow: hidden;
}

.section--large-spacing-top {
  --space-inside-sections-top: 95px;
  --space-inside-sections-top: 5.94rem;
  --space-between-sections-top: 105px;
  --space-between-sections-top: 6.56rem;
}

.section--large-spacing-bottom {
  --space-inside-sections-bottom: 95px;
  --space-inside-sections-bottom: 5.94rem;
  --space-between-sections-bottom: 105px;
  --space-between-sections-bottom: 6.56rem;
}

@media (min-width: 47.5rem) {
  .section--large-spacing-top {
    --space-inside-sections-top: 140px;
    --space-inside-sections-top: 8.75rem;
    --space-between-sections-top: 150px;
    --space-between-sections-top: 9.38rem;
  }
  .section--large-spacing-bottom {
    --space-inside-sections-bottom: 140px;
    --space-inside-sections-bottom: 8.75rem;
    --space-between-sections-bottom: 150px;
    --space-between-sections-bottom: 9.38rem;
  }
}
@media (min-width: 80rem) {
  .section--large-spacing-top {
    --space-inside-sections-top: 170px;
    --space-inside-sections-top: 10.63rem;
    --space-between-sections-top: 180px;
    --space-between-sections-top: 11.25rem;
  }
  .section--large-spacing-bottom {
    --space-inside-sections-bottom: 170px;
    --space-inside-sections-bottom: 10.63rem;
    --space-between-sections-bottom: 180px;
    --space-between-sections-bottom: 11.25rem;
  }
}
@media (min-width: 100rem) {
  .section--large-spacing-top {
    --space-inside-sections-top: 190px;
    --space-inside-sections-top: 11.88rem;
    --space-between-sections-top: 200px;
    --space-between-sections-top: 12.5rem;
  }
  .section--large-spacing-bottom {
    --space-inside-sections-bottom: 190px;
    --space-inside-sections-bottom: 11.88rem;
    --space-between-sections-bottom: 200px;
    --space-between-sections-bottom: 12.5rem;
  }
}
@media (min-width: 120rem){
  .section--large-spacing-bottom{
    --space-inside-sections-bottom: 9.89583vw;
    --space-between-sections-bottom: 10.41667vw;
  }
}
@media (min-width: 120rem){
  .section--large-spacing-top{
    --space-inside-sections-top: 9.89583vw;
    --space-between-sections-top: 10.41667vw;
  }
}
@media (min-width: 80rem) {
  .section--medium-spacing-top {
    --space-inside-sections-top: 70px;
    --space-inside-sections-top: 4.38rem;
    --space-between-sections-top: 80px;
    --space-between-sections-top: 5rem;
  }
  .section--medium-spacing-bottom {
    --space-inside-sections-bottom: 70px;
    --space-inside-sections-bottom: 4.38rem;
    --space-between-sections-bottom: 80px;
    --space-between-sections-bottom: 5rem;
  }
}
@media (min-width: 100rem) {
  .section--medium-spacing-top {
    --space-inside-sections-top: 120px;
    --space-inside-sections-top: 7.5rem;
    --space-between-sections-top: 130px;
    --space-between-sections-top: 8.13rem;
  }
  .section--medium-spacing-bottom {
    --space-inside-sections-bottom: 120px;
    --space-inside-sections-bottom: 7.5rem;
    --space-between-sections-bottom: 130px;
    --space-between-sections-bottom: 8.13rem;
  }
}
@media (min-width: 120rem){
  .section--medium-spacing-bottom{
    --space-inside-sections-bottom: 6.25vw;
    --space-between-sections-bottom: 6.77083vw;
  }
}
@media (min-width: 120rem){
  .section--medium-spacing-top{
    --space-inside-sections-top: 6.25vw;
    --space-between-sections-top: 6.77083vw;
  }
}
@media (min-width: 80rem) {
  .section--small-spacing-top {
    --space-inside-sections-top: 40px;
    --space-inside-sections-top: 2.5rem;
    --space-between-sections-top: 50px;
    --space-between-sections-top: 3.13rem;
  }
  .section--small-spacing-bottom {
    --space-inside-sections-bottom: 40px;
    --space-inside-sections-bottom: 2.5rem;
    --space-between-sections-bottom: 50px;
    --space-between-sections-bottom: 3.13rem;
  }
}
@media (min-width: 100rem) {
  .section--small-spacing-top {
    --space-inside-sections-top: 80px;
    --space-inside-sections-top: 5rem;
    --space-between-sections-top: 90px;
    --space-between-sections-top: 5.63rem;
  }
  .section--small-spacing-bottom {
    --space-inside-sections-bottom: 80px;
    --space-inside-sections-bottom: 5rem;
    --space-between-sections-bottom: 90px;
    --space-between-sections-bottom: 5.63rem;
  }
}
@media (min-width: 120rem){
  .section--small-spacing-bottom{
    --space-inside-sections-bottom: 4.16667vw;
    --space-between-sections-bottom: 4.6875vw;
  }
}
@media (min-width: 120rem){
  .section--small-spacing-top{
    --space-inside-sections-top: 4.16667vw;
    --space-between-sections-top: 4.6875vw;
  }
}
@media (min-width: 47.5rem) and (max-width: 63.94rem) {
  .section--small-spacing-tablet {
    --space-between-sections-top: 40px;
    --space-between-sections-top: 2.5rem;
  }
}
/*Standard Breakpoints*/
@media (min-width: 47.5rem) and (max-width: 63.94rem) {
  .single-post:not(.sticky-header) .header__actions .btn--filled {
    background: var(--white);
    border-color: var(--white);
    color: var(--violet);
    --icon-fill-color: var(--violet);
  }
}

/*Standard Breakpoints*/
.slider {
  isolation: isolate;
  display: flex;
  flex-flow: column;
  gap: 10px;
  gap: 0.63rem;
}

@media (min-width: 100rem) {
  .slider {
    gap: 0;
  }
}
.slider .slider__slide {
  grid-row: 1;
  grid-column: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s linear, transform 0.3s ease-in;
}

.slider .slider__slide--active {
  opacity: 1;
  pointer-events: all;
  transform: none;
}

.slider .slider__slide--out {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50px);
  transform: translateY(-3.13rem);
}

@media (min-width: 120rem){
  .slider .slider__slide--out{
    transform: translateY(-2.60417vw);
  }
}

.slider .slider__slide--in {
  opacity: 0;
  pointer-events: none;
  transform: translateY(50px);
  transform: translateY(3.13rem);
}

@media (min-width: 120rem){
  .slider .slider__slide--in{
    transform: translateY(2.60417vw);
  }
}

.slider__slides {
  display: grid;
  align-items: flex-start;
}

@media (min-width: 64rem) {
  .slider__slides {
    align-items: stretch;
  }
}
.slider__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  margin-top: 0.31rem;
}
@media (min-width: 120rem){
  .slider__controls{
    margin-top: 0.26042vw;
  }
}

.slider__pips {
  display: flex;
  flex-flow: row;
  gap: 4px;
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
  width: 100%;
}

@media (min-width: 120rem){
  .slider__pips{
    gap: 0.20833vw;
  }
}

.slider__pips li {
  list-style: none;
  margin: 0;
}

.slider__button {
  aspect-ratio: 1;
  background: var(--violet);
  --icon-width: 40px;
  --icon-width: 2.5rem;
  --accent: #fff;
  padding: 0;
  font-size: 0;
  pointer-events: all;
  --icon-fill-color: var(--white);
  transition: all 250ms ease-in-out;
}

@media (min-width: 47.5rem) {
  .slider__button {
    --icon-width: 56px;
    --icon-width: 3.5rem;
  }
}
@media (min-width: 100rem) {
  .slider__button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    --icon-width: 80px;
    --icon-width: 5rem;
  }
}
@media (min-width: 120rem){
  .slider__button{
    --icon-width: 4.16667vw;
  }
}
.slider__button .icon {
  padding: 0;
  font-size: 0;
}

.slider__button:hover {
  background: var(--magic-mint);
  --icon-fill-color: var(--dark-grey);
}

@media (min-width: 100rem) {
  .slider__button--left {
    left: 0;
    right: auto;
  }
}
.slider__button--left .icon {
  transform: scale(-1);
}

/*Standard Breakpoints*/
.social-links {
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  gap: 0.5rem;
}

@media (min-width: 80rem) {
  .social-links {
    gap: 12px;
    gap: 0.75rem;
  }
}

@media (min-width: 120rem){
  .social-links{
    gap: 0.625vw;
  }
}
.social-links a {
  display: block;
  aspect-ratio: 1;
  height: 46px;
  height: 2.88rem;
  --icon-width: 46px;
  --icon-width: 2.88rem;
  transition: all 250ms ease-in-out;
}

@media (min-width: 80rem) {
  .social-links a {
    gap: 12px;
    gap: 0.75rem;
  }
}

@media (min-width: 120rem){
  .social-links a{
    height: 2.39583vw;
    --icon-width: 2.39583vw;
    gap: 0.625vw;
  }
}
.social-links.accent--dark-grey a:hover {
  background: var(--light-grey);
}

.sticky {
  position: sticky;
  display: flex;
  flex-flow: column;
  gap: inherit;
  top: 50px;
  top: 3.13rem;
}

@media (min-width: 120rem){
  .sticky{
    top: 2.60417vw;
  }
}

/*Standard Breakpoints*/
@media (min-width: 64rem) {
  .sticky-section {
    position: sticky;
    top: 50px;
    top: 3.13rem;
  }
}
@media (min-width: 120rem){
  .sticky-section{
    top: 2.60417vw;
  }
}
/*Standard Breakpoints*/
.team-grid {
  container-type: inline-size;
}
.team-grid .columns__item:last-child {
  flex: 1;
  position: relative;
}
@media (min-width: 47.5rem) {
  .team-grid .columns__item:last-child {
    max-height: 48.8571428571cqi;
    overflow: hidden;
    top: 4.5714285714cqi;
  }
}
@media (min-width: 64rem) {
  .team-grid .columns__item:last-child {
    max-height: 32.0872274143cqi;
    top: 3cqi;
  }
}
@media (min-width: 80rem) {
  .team-grid .columns__item:last-child {
    max-height: 32.0872274143cqi;
    top: 3cqi;
  }
}
@media (min-width: 100rem) {
  .team-grid .columns__item:last-child {
    max-height: 22.8571428571cqi;
    top: 2.1428571429cqi;
  }
}
.team-grid .box {
  justify-content: center;
  height: 100%;
  --box-padding: 15px;
  --box-padding: 0.94rem;
  --box-gap: 10px;
  --box-gap: 0.63rem;
}
@media (min-width: 80rem) {
  .team-grid .box {
    background-size: 714px 711px;
    background-size: 44.63rem 44.44rem;
    background-position: center center;
    --box-padding: 30px;
    --box-padding: 1.88rem;
  }
}
@media (max-width: 47.44rem) {
  .team-grid .box p {
    font-size: 14px;
    font-size: 0.88rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}
@container (min-width:325 px) {
  @media (min-width: 1600px) {
    .team-grid .box {
      --box-gap: 20px;
      --box-gap: 1.25rem;
    }
    .team-grid .box .heading {
      font-size: 44px;
      font-size: 2.75rem;
      line-height: 48px;
      line-height: 3rem;
    }
    .team-grid .box p {
      font-family: "space-mono", monospace;
      font-size: 18px;
      font-size: 1.13rem;
      line-height: 32px;
      line-height: 2rem;
    }
    .team-grid .box p strong {
      font-family: "cormorant-garamond", "Times New Roman", sans-serif;
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 42px;
      line-height: 2.63rem;
    }
  }
}
@media (min-width: 120rem){
  .team-grid .box p strong{
    font-size: 1.875vw;
    line-height: 2.1875vw;
  }
}
@media (min-width: 120rem){
  .team-grid .box p{
    font-size: 0.9375vw;
    line-height: 1.66667vw;
  }
}
@media (min-width: 120rem){
  .team-grid .box .heading{
    font-size: 2.29167vw;
    line-height: 2.5vw;
  }
}
@media (min-width: 120rem){
  .team-grid .box{
    --box-padding: 1.5625vw;
    --box-gap: 1.04167vw;
    background-size: 37.1875vw 37.03125vw;
  }
}

/*Standard Breakpoints*/
.testimonial-quote {
  display: inline-flex;
  width: 64px;
  width: 4rem;
  height: 58px;
  height: 3.63rem;
  --bg-height: 20px;
  --bg-height: 1.25rem;
  background: linear-gradient(0deg, var(--accent) 0%, var(--accent) var(--bg-height), rgba(112, 112, 112, 0) var(--bg-height), rgba(255, 255, 255, 0) 100%);
  padding: 10px;
  padding: 0.63rem;
}

@media (min-width: 47.5rem) {
  .testimonial-quote {
    position: absolute;
    bottom: calc(100% - var(--bg-height));
    padding: 15px 11px;
    padding: 0.94rem 0.69rem;
    width: 80px;
    width: 5rem;
    height: 80px;
    height: 5rem;
    --bg-height: 40px;
    --bg-height: 2.5rem;
    --quote-offset: 29.7142857143cqi;
    left: 0;
  }
}
@media (min-width: 80rem) {
  .testimonial-quote {
    width: 130px;
    width: 8.13rem;
    height: 120px;
    height: 7.5rem;
    padding: 20px;
    padding: 1.25rem;
    --bg-height: 60px;
    --bg-height: 3.75rem;
    --quote-offset: 40px;
    --quote-offset: 2.5rem;
  }
}
@media (min-width: 120rem){
  .testimonial-quote{
    width: 6.77083vw;
    height: 6.25vw;
    --bg-height: 3.125vw;
    padding: 1.04167vw;
    --quote-offset: 2.08333vw;
  }
}
.testimonial-quote svg {
  width: 100%;
  height: auto;
}

@media (min-width: 80rem) {
  .testimonial-quote--right {
    right: var(--quote-offset);
    left: auto;
  }
}
/*Standard Breakpoints*/
.text-layout--1 {
  display: flex;
  flex-flow: column;
  gap: var(--gap, 10px);
  gap: var(--gap, 0.63rem);
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

@media (min-width: 47.5rem) {
  .text-layout--1 {
    max-width: 750px;
    max-width: 46.88rem;
    --gap: 25px;
    --gap: 1.56rem;
  }
}
@media (min-width: 100rem) {
  .text-layout--1 {
    max-width: 980px;
    max-width: 61.25rem;
    --gap: 40px;
    --gap: 2.5rem;
  }
}
@media (min-width: 120rem){
  .text-layout--1{
    gap: var(--gap, 0.52083vw);
    max-width: 51.04167vw;
    --gap: 2.08333vw;
  }
}
.text-layout--1 .text-layout__text {
  margin: 0 auto;
}

@media (min-width: 47.5rem) {
  .text-layout--1 .text-layout__text {
    width: calc(100% - 90px);
    width: calc(100% - 5.63rem);
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 100rem) {
  .text-layout--1 .text-layout__text {
    width: calc(100% - 180px);
    width: calc(100% - 11.25rem);
    margin-right: auto;
    margin-left: 0;
  }
}
@media (min-width: 120rem){
  .text-layout--1 .text-layout__text{
    width: calc(100% - 9.375vw);
  }
}
.text-layout--2 {
  display: flex;
  flex-flow: column;
  gap: var(--gap, 20px);
  gap: var(--gap, 1.25rem);
  overflow: hidden;
}

@media (min-width: 47.5rem) {
  .text-layout--2 {
    --gap: 30px;
    --gap: 1.88rem;
  }
}
@media (min-width: 64rem) {
  .text-layout--2 {
    flex-flow: row;
    --gap: 40px;
    --gap: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .text-layout--2 {
    --gap: 60px;
    --gap: 3.75rem;
  }
}
@media (min-width: 100rem) {
  .text-layout--2 {
    --gap: 80px;
    --gap: 5rem;
    --card-content-gap: 30px;
    --card-content-gap: 1.88rem;
  }
}
@media (min-width: 120rem){
  .text-layout--2{
    gap: var(--gap, 1.04167vw);
    --gap: 4.16667vw;
    --card-content-gap: 1.5625vw;
  }
}
@media (min-width: 47.5rem) {
  .text-layout--2 .text-layout__heading {
    width: 640px;
    width: 40rem;
    margin-inline: 0 auto;
  }
}
@media (min-width: 64rem) {
  .text-layout--2 .text-layout__heading {
    width: 51.6666666667%;
    flex: 1 1 auto;
  }
}
@media (min-width: 47.5rem) {
  .text-layout--2 .text-layout__text {
    width: 480px;
    width: 30rem;
    margin-inline: auto 0;
  }
}
@media (min-width: 64rem) {
  .text-layout--2 .text-layout__text {
    width: 43.3333333333%;
    margin-top: 120px;
    margin-top: 7.5rem;
  }
}
@media (min-width: 100rem) {
  .text-layout--2 .text-layout__text {
    margin-top: 138px;
    margin-top: 8.63rem;
    flex: 1 1 auto;
  }
}
@media (min-width: 120rem){
  .text-layout--2 .text-layout__text{
    margin-top: 7.1875vw;
  }
}
.text-layout--50-50 {
  display: flex;
  flex-flow: column;
  gap: 20px;
  gap: 1.25rem;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 50px;
  margin-bottom: 3.13rem;
}

@media (min-width: 64rem) {
  .text-layout--50-50 {
    flex-flow: row;
    gap: 50px;
    gap: 3.13rem;
    margin-bottom: 70px;
    margin-bottom: 4.38rem;
  }
}
@media (min-width: 80rem) {
  .text-layout--50-50 {
    gap: 80px;
    gap: 5rem;
    margin-bottom: 100px;
    margin-bottom: 6.25rem;
  }
}
@media (min-width: 120rem){
  .text-layout--50-50{
    gap: 4.16667vw;
    margin-bottom: 5.20833vw;
  }
}
.text-layout--50-50 div {
  flex: 1;
}

.text-layout__text {
  display: flex;
  flex-flow: column;
  gap: var(--card-content-gap, 20px);
  gap: var(--card-content-gap, 1.25rem);
}

@media (min-width: 120rem){
  .text-layout__text{
    gap: var(--card-content-gap, 1.04167vw);
  }
}

.track {
  overflow: visible;
  position: relative;
  display: block;
  width: 100%;
  overflow: visible;
  --track-item-width: 230px;
  --track-item-width: 14.38rem;
  --track-gutter: 40px;
  --track-gutter: 2.5rem;
}

@media (min-width: 120rem){
  .track{
    --track-item-width: 11.97917vw;
    --track-gutter: 2.08333vw;
  }
}

.track__track {
  display: flex;
  column-gap: var(--track-gutter);
  transition: transform 100ms ease;
  cursor: move;
}

.track__track--dragging {
  transition: none;
}

.track__inner-wrap {
  display: flex;
  width: 100%;
}

.track__item {
  width: var(--track-item-width);
  flex: 0 0 auto;
  container-type: inline-size;
}

/*Standard Breakpoints*/
.track__button {
  border: 1px solid var(--text-color, var(--dark-grey));
  aspect-ratio: 1;
  height: 40px;
  height: 2.5rem;
  position: relative;
  transition: background-color 0.3s linear;
}

@media (min-width: 47.5rem) {
  .track__button {
    height: 56px;
    height: 3.5rem;
  }
}
@media (min-width: 64rem) {
  .track__button {
    height: 60px;
    height: 3.75rem;
  }
}
@media (min-width: 120rem){
  .track__button{
    border: 0.05208vw solid var(--text-color, var(--dark-grey));
    height: 3.125vw;
  }
}
.track__button .icon {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.track__button .icon svg {
  height: 100%;
  transition: fill 0.3s linear;
}

.track__button:hover {
  background: var(--text-color, var(--dark-grey));
  --icon-fill-color: #FFF;
}

.bg-color--dark-grey .track__button:hover,
.bg-color--violet .track__button:hover {
  --icon-fill-color: var(--bg-color);
}

.track__button--left {
  transform: rotate(180deg);
}

.track__controls {
  display: flex;
}

@media (max-width: 79.94rem) {
  .track__controls {
    justify-content: space-between;
  }
}
.track__controls--highlight {
  margin-left: 30px;
  margin-left: 1.88rem;
  justify-content: flex-end;
  gap: 10px;
  gap: 0.63rem;
  right: 0;
  margin-bottom: 10px;
  margin-bottom: 0.63rem;
  margin-top: 10px;
  margin-top: 0.63rem;
}

@media (min-width: 47.5rem) {
  .track__controls--highlight {
    justify-content: flex-start;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-left: 62px;
    margin-left: 3.88rem;
  }
}
@media (min-width: 64rem) {
  .track__controls--highlight {
    gap: 15px;
    gap: 0.94rem;
    margin-bottom: 30px;
    margin-bottom: 1.88rem;
    margin-top: 30px;
    margin-top: 1.88rem;
    margin-left: 80px;
    margin-left: 5rem;
  }
}
@media (min-width: 80rem) {
  .track__controls--highlight {
    margin-left: 70px;
    margin-left: 4.38rem;
  }
}
@media (min-width: 100rem) {
  .track__controls--highlight {
    margin-left: 30px;
    margin-left: 1.88rem;
  }
}
@media (min-width: 120rem){
  .track__controls--highlight{
    margin-left: 1.5625vw;
    gap: 0.78125vw;
    margin-bottom: 1.5625vw;
    margin-top: 1.5625vw;
  }
}
.track__controls--highlight:before {
  content: "";
  height: 169px;
  height: 10.56rem;
  width: 100%;
  background: var(--bg-color);
  left: 55px;
  left: 3.44rem;
  right: 0;
  position: absolute;
  z-index: -1;
  top: auto;
  bottom: 10px;
  bottom: 0.63rem;
}

@media (min-width: 37.5rem) {
  .track__controls--highlight:before {
    left: 80px;
    left: 5rem;
    height: 190px;
    height: 11.88rem;
  }
}
@media (min-width: 64rem) {
  .track__controls--highlight:before {
    height: 350px;
    height: 21.88rem;
  }
}
@media (min-width: 100rem) {
  .track__controls--highlight:before {
    left: 50%;
    transform: translateX(-700px);
    transform: translateX(-43.75rem);
  }
}
@media (min-width: 120rem){
  .track__controls--highlight:before{
    height: 18.22917vw;
    bottom: 0.52083vw;
    transform: translateX(-36.45833vw);
  }
}
@media (min-width: 37.5rem) {
  .track__controls--right {
    justify-content: flex-end;
  }
}
.track__pips {
  display: flex;
  flex-flow: row;
  gap: 4px;
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media (min-width: 120rem){
  .track__pips{
    gap: 0.20833vw;
  }
}

.track__pips li {
  list-style: none;
  margin: 0;
}

.track--articles {
  --track-gutter: 15px;
  --track-gutter: 0.94rem;
  --track-item-width: 240px;
  --track-item-width: 15rem;
}

@media (min-width: 47.5rem) {
  .track--articles {
    --track-item-width: 300px;
    --track-item-width: 18.75rem;
  }
}
@media (min-width: 64rem) {
  .track--articles {
    --track-gutter: 30px;
    --track-gutter: 1.88rem;
  }
  .track--articles .track__track {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
@media (min-width: 100rem) {
  .track--articles {
    --track-gutter: 40px;
    --track-gutter: 2.5rem;
    --track-item-width: 440px;
    --track-item-width: 27.5rem;
  }
}
@media (min-width: 120rem){
  .track--articles{
    --track-gutter: 2.08333vw;
    --track-item-width: 22.91667vw;
  }
}
.track--articles .track__item {
  flex: 1;
}

.track--images {
  --track-item-width: 210px;
  --track-item-width: 13.13rem;
  --track-gutter: 5px;
  --track-gutter: 0.31rem;
  position: static;
}

@media (min-width: 47.5rem) {
  .track--images {
    --track-item-width: 320px;
    --track-item-width: 20rem;
    --track-gutter: 10px;
    --track-gutter: 0.63rem;
  }
}
@media (min-width: 64rem) {
  .track--images {
    --track-item-width: 500px;
    --track-item-width: 31.25rem;
    --track-gutter: 30px;
    --track-gutter: 1.88rem;
  }
}
@media (min-width: 120rem){
  .track--images{
    --track-item-width: 26.04167vw;
    --track-gutter: 1.5625vw;
  }
}
.track--images .track__track {
  position: relative;
}

@media (min-width: 100rem) {
  .track--images .track__track {
    left: -80px;
    left: -5rem;
  }
}
@media (min-width: 120rem) {
  .track--images .track__track {
    left: -100px;
    left: -6.25rem;
  }
}
@media (min-width: 120rem){
  .track--images .track__track{
    left: -5.20833vw;
  }
}
.track--images .image {
  aspect-ratio: 210/139;
}

.track--images .image:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 0;
  transition: all 250ms ease-in-out;
}

.track--images .image:after {
  content: "";
  height: 40px;
  height: 2.5rem;
  width: 40px;
  width: 2.5rem;
  background-image: url("../images/svg/magnifying-glass.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  opacity: 0;
  transition: all 250ms ease-in-out;
}

@media (min-width: 80rem) {
  .track--images .image:after {
    height: 70px;
    height: 4.38rem;
    width: 70px;
    width: 4.38rem;
  }
}

@media (min-width: 120rem){
  .track--images .image:after{
    height: 3.64583vw;
    width: 3.64583vw;
  }
}
.track--images .image:hover:before, .track--images .image:hover:after {
  opacity: 1;
}

@media (min-width: 80rem) {
  .track--images .image {
    aspect-ratio: 500/330;
  }
}
.track--images .image p {
  z-index: 1;
}

.track--images .image--video:after {
  display: none;
}

.track--images .image--video::before {
  opacity: 0;
}

.track--images .image--video p {
  z-index: 10;
}

.track--images .track__button {
  --accent: var(--text-color);
}

@media (min-width: 100rem) {
  .track--images-large {
    --track-item-width: 990px;
    --track-item-width: 61.88rem;
    --track-gutter: 30px;
    --track-gutter: 1.88rem;
  }
}

@media (min-width: 120rem){
  .track--images-large{
    --track-item-width: 51.5625vw;
    --track-gutter: 1.5625vw;
  }
}
@media (min-width: 120rem) {
  .track--images-large .track__track {
    left: 0;
  }
}
@media (min-width: 100rem) {
  .track--images-large .track__controls--highlight:before {
    transform: translateX(-600px);
    transform: translateX(-37.5rem);
    height: 604px;
    height: 37.75rem;
  }
  .track--images-large .track__controls--highlight:not(.track__controls--right) {
    margin-left: 130px;
    margin-left: 8.13rem;
  }
}
@media (min-width: 120rem){
  .track--images-large .track__controls--highlight:not(.track__controls--right){
    margin-left: 6.77083vw;
  }
}
@media (min-width: 120rem){
  .track--images-large .track__controls--highlight:before{
    transform: translateX(-31.25vw);
    height: 31.45833vw;
  }
}
.track--images-large .image {
  aspect-ratio: 210/139;
}

@media (min-width: 100rem) {
  .track--images-large .image {
    aspect-ratio: 990/600;
  }
}
.track--disabled .track__track {
  cursor: initial;
}

.track--testimonial {
  isolation: isolate;
  display: flex;
  flex-flow: column;
  gap: 15px;
  gap: 0.94rem;
  --track-item-width: 100%;
}

.track--testimonial .track__track {
  width: 100%;
}

.track--testimonial .track__controls {
  width: 100%;
}

.track--testimonial .track__button {
  height: 40px;
  height: 2.5rem;
  border: 1px solid var(--accent);
  --icon-fill-color: var(--accent);
  transition: all 250ms ease-in-out;
}

.track--testimonial .track__button:hover {
  background-color: var(--accent);
  border: 1px solid var(--accent);
  --icon-fill-color: var(--white);
}

@media (min-width: 120rem){
  .track--testimonial .track__button:hover{
    border: 0.05208vw solid var(--accent);
  }
}

@media (max-width: 63.94rem) {
  .track--testimonial .track__track {
    position: relative;
    width: 100%;
    transition: min-height 300ms linear;
    overflow: hidden;
  }
  .track--testimonial .slider__slide {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
  }
  .track--testimonial .slider__slide--out-forwards {
    animation-fill-mode: forwards;
    animation-duration: 300ms;
    animation-name: fade-out-left;
  }
  .track--testimonial .slider__slide--in-forwards {
    animation-fill-mode: forwards;
    animation-duration: 300ms;
    animation-name: fade-in-right;
    opacity: 0;
    transform: translateX(100%) translateZ(0);
  }
  .track--testimonial .slider__slide--out-backwards {
    animation-fill-mode: forwards;
    animation-duration: 300ms;
    animation-name: fade-out-right;
  }
  .track--testimonial .slider__slide--in-backwards {
    animation-fill-mode: forwards;
    animation-duration: 300ms;
    animation-name: fade-in-left;
    opacity: 0;
    transform: translateX(-100%) translateZ(0);
  }
  .track--testimonial .slider__slide--active {
    opacity: 1;
    pointer-events: all;
  }
}
@media (min-width: 64rem) {
  .track--testimonial {
    --track-gutter: 60px;
    --track-gutter: 3.75rem;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .track--testimonial .track__track {
    display: flex;
    justify-content: space-between;
  }
  .track--testimonial .track__button {
    height: 50px;
    height: 3.13rem;
  }
}
@media (min-width: 120rem){
  .track--testimonial .track__button{
    height: 2.60417vw;
    border: 0.05208vw solid var(--accent);
  }
}
@media (min-width: 80rem) {
  .track--testimonial .track__pips {
    display: none;
  }
  .track--testimonial .track__inner-wrap {
    order: 1;
  }
  .track--testimonial .track__controls {
    gap: 12px;
    gap: 0.75rem;
    width: auto;
  }
}
@media (min-width: 120rem){
  .track--testimonial .track__controls{
    gap: 0.625vw;
  }
}
@media (min-width: 100rem) {
  .track--testimonial {
    --track-gutter: 60px;
    --track-gutter: 3.75rem;
    --track-item-width: 1260px;
    --track-item-width: 78.75rem;
  }
}
@media (min-width: 120rem){
  .track--testimonial{
    gap: 0.78125vw;
    --track-item-width: 65.625vw;
    --track-gutter: 3.125vw;
  }
}
.video {
  width: 100%;
}

.video video {
  width: 100%;
}

/*Standard Breakpoints*/
.video-hero {
  background: var(--dark-grey);
  --text-color: var(--white);
  --heading-color: var(--white);
  position: relative;
  display: grid;
  align-items: center;
  justify-content: center;
}

.video-hero__container {
  padding: 30px 15px;
  padding: 1.88rem 0.94rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: 100%;
  grid-row-start: 1;
  grid-column-start: 1;
}

@media (min-width: 47.5rem) {
  .video-hero__container {
    padding: 30px 30px;
    padding: 1.88rem 1.88rem;
  }
}
@media (min-width: 64rem) {
  .video-hero__container {
    padding: 0;
    max-width: 900px;
    max-width: 56.25rem;
  }
}
@media (min-width: 100rem) {
  .video-hero__container {
    max-width: 1200px;
    max-width: 75rem;
  }
}
@media (min-width: 120rem){
  .video-hero__container{
    max-width: 62.5vw;
  }
}
/*Required Variables*/
/*Viewport Width Base*/
.video-hero__media {
  position: relative;
  top: 0;
  z-index: 0;
  grid-row-start: 1;
  grid-column-start: 1;
  box-sizing: border-box;
  height: 100%;
  aspect-ratio: 220/392;
  width: 100vw;
}

@media (min-width: 75rem) {
  .video-hero__media {
    aspect-ratio: 700/394;
  }
}
@media screen and (min-aspect-ratio: 1/1) {
  .video-hero__media {
    aspect-ratio: 700/394;
  }
}
.video-hero__media video {
  width: 100%;
  object-fit: cover;
  display: flex;
  height: 100%;
}

.video-hero__media:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  opacity: 50%;
  left: 0;
  top: 0;
}

.video-hero__media a, .video-hero__media p {
  font-family: "space-mono", monospace;
  position: absolute;
  z-index: 10;
  bottom: 15px;
  bottom: 0.94rem;
  right: 10px;
  right: 0.63rem;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.13rem;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 0px 0.63rem rgba(0, 0, 0, 0.4);
  text-decoration: none;
}

@media (max-width: 37.44rem) {
  .video-hero__media a, .video-hero__media p {
    transform: none;
    writing-mode: unset;
    bottom: 10px;
    bottom: 0.63rem;
  }
}
@media (min-width: 47.5rem) {
  .video-hero__media a, .video-hero__media p {
    font-size: 14px;
    font-size: 0.88rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
@media (min-width: 64rem) {
  .video-hero__media a, .video-hero__media p {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 120rem){
  .video-hero__media a, .video-hero__media p{
    bottom: 0.78125vw;
    right: 0.52083vw;
    font-size: 0.83333vw;
    line-height: 1.25vw;
    text-shadow: 0vw 0vw 0.52083vw rgba(0, 0, 0, 0.4);
  }
}
.video-hero__media p {
  pointer-events: none;
}

.video-hero__text {
  text-align: center;
  display: flex;
  flex-flow: column;
  gap: 20px;
  gap: 1.25rem;
  align-items: center;
}

@media (min-width: 47.5rem) {
  .video-hero__text {
    gap: 30px;
    gap: 1.88rem;
  }
}
@media (min-width: 100rem) {
  .video-hero__text {
    gap: 40px;
    gap: 2.5rem;
  }
}
@media (min-width: 120rem){
  .video-hero__text{
    gap: 2.08333vw;
  }
}
.video-hero__text p {
  opacity: 0.9;
}

@media (max-width: 47.44rem) {
  .video-hero__text p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.63rem;
  }
}
.video-hero__text .heading--1 {
  font-size: 30px;
  font-size: 1.88rem;
  line-height: 36px;
  line-height: 2.25rem;
}

@media (min-width: 47.5rem) {
  .video-hero__text .heading--1 {
    font-size: 54px;
    font-size: 3.38rem;
    line-height: 59px;
    line-height: 3.69rem;
  }
}
@media (min-width: 80rem) {
  .video-hero__text .heading--1 {
    font-size: 66px;
    font-size: 4.13rem;
    line-height: 76px;
    line-height: 4.75rem;
  }
}
@media (min-width: 100rem) {
  .video-hero__text .heading--1 {
    font-size: 80px;
    font-size: 5rem;
    line-height: 90px;
    line-height: 5.63rem;
  }
}
@media (min-width: 120rem){
  .video-hero__text .heading--1{
    font-size: 4.16667vw;
    line-height: 4.6875vw;
  }
}
.video-link {
  position: absolute;
  inset: 0 0 0 0;
  isolation: isolate;
  container-type: inline-size;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.video-link::before {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background: #000;
  opacity: 0.3;
  z-index: 10;
  transition: opacity 0.2s ease-in-out;
}

.video-link:hover::before {
  opacity: 0.5;
}

.video-link__icon {
  position: relative;
  display: block;
  margin: 0 auto 5px;
  margin: 0 auto 0.31rem;
  z-index: 100;
  width: 30.7692307692cqi; /* 80px */
}

@media (min-width: 120rem){
  .video-link__icon{
    margin: 0 auto 0.26042vw;
  }
}

.video-link__icon svg {
  width: 100%;
  height: auto;
  fill: #FFF;
}

/*Standard Breakpoints*/
.video-link__text {
  font-family: "space-mono", monospace;
  position: relative;
  z-index: 100;
  display: block;
  text-align: center;
  color: var(--white);
  text-decoration: none;
  font-size: 6.1538461538cqi; /* 16px */
  line-height: 9.2307692308cqi; /* 24px */
}

@media (max-width: 47.44rem) {
  .video-link__text {
    font-size: 14px;
    font-size: 0.88rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}
/*Standard Breakpoints*/
.wp-block-buttons {
  width: 100%;
  column-gap: 40px;
  column-gap: 2.5rem;
  row-gap: 20px;
  row-gap: 1.25rem;
}
@media (min-width: 120rem){
  .wp-block-buttons{
    column-gap: 2.08333vw;
    row-gap: 1.04167vw;
  }
}

.wp-block-buttons:has(> :last-child:nth-child(3)).is-layout-flex {
  flex-flow: column;
  align-items: stretch;
}

.wp-block-buttons:has(> :last-child:nth-child(3)).is-layout-flex .btn {
  justify-content: center;
}

@media (min-width: 37.5rem) {
  .wp-block-buttons:has(> :last-child:nth-child(3)).is-layout-flex {
    flex-flow: row;
  }
}
.wp-block-buttons:has(> :last-child:nth-child(3)) {
  column-gap: 28px;
  column-gap: 1.75rem;
}
@media (min-width: 120rem){
  .wp-block-buttons:has(> :last-child:nth-child(3)){
    column-gap: 1.45833vw;
  }
}

.wp-block-buttons--center {
  display: flex;
  flex-flow: row;
  justify-content: center;
}

.wp-block-buttons--container {
  width: 100%;
  container-type: inline-size;
}

/*Standard Breakpoints*/
.image-text {
  position: relative;
  overflow: visible;
  overflow-x: clip;
  padding-inline: 0;
  margin-top: calc(var(--space-between-sections-top) - 20px);
  margin-top: calc(var(--space-between-sections-top) - 1.25rem);
  margin-bottom: calc(var(--space-between-sections-bottom) - 20px);
  margin-bottom: calc(var(--space-between-sections-bottom) - 1.25rem);
  --image-1-top: auto;
  --image-1-left: auto;
  --image-1-bottom: 0;
  --image-1-right: 4.6875vw;
  --image-1-aspect-ratio: 1;
  --image-1-width: 43.75vw;
  --image-2-top: 0;
  --image-2-left: 4.6875vw;
  --image-2-bottom: auto;
  --image-2-right: auto;
  --image-2-aspect-ratio: 323 / 500;
  --image-2-width: 34.375vw;
  --bg-top: 9.375vw;
  --bg-left: 0;
  --bg-bottom: 6.875vw;
  --bg-right: 0;
  --link-top: auto;
  --link-bottom: 11.25vw;
  --link-right: auto;
  --link-left: 4.6875vw;
  --media-left: auto;
  --media-right: auto;
  --media-height: 75.625vw;
  --media-width: 100%;
  --container-padding-right: 0;
  --container-padding-left: 0;
  --content-width: 100%;
  --caption-right: auto;
  --caption-left: 0;
  --caption-bottom: 0;
}

@media (min-width: 37.5rem) {
  .image-text {
    --image-1-right: 9.2105263158vw;
    --image-1-width: 35.7894736842vw;
    --image-2-left: 11.5789473684vw;
    --image-2-width: 25.1315789474vw;
    --bg-top: 14.7368421053vw;
    --bg-bottom: 5.6578947368vw;
    --link-left: 3.9473684211vw;
    --link-bottom: 8.5526315789vw;
    --media-height: 55.3947368421vw;
  }
}
@media (min-width: 64rem) {
  .image-text {
    padding: 10px 30px;
    padding: 0.63rem 1.88rem;
    --image-1-left: 0;
    --image-1-right: auto;
    --image-1-width: 252px;
    --image-1-width: 15.75rem;
    --image-1-bottom: 60px;
    --image-1-bottom: 3.75rem;
    --image-2-right: 0px;
    --image-2-left: auto;
    --image-2-top: 40px;
    --image-2-top: 2.5rem;
    --image-2-width: 180px;
    --image-2-width: 11.25rem;
    --bg-top: 0;
    --bg-bottom: 0;
    --bg-left: 113px;
    --bg-left: 7.06rem;
    --bg-right: 70px;
    --bg-right: 4.38rem;
    --link-left: 120px;
    --link-left: 7.5rem;
    --link-bottom: 17px;
    --link-bottom: 1.06rem;
    --media-height: 532px;
    --media-height: 33.25rem;
    --media-width: 460px;
    --media-width: 28.75rem;
  }
}
@media (min-width: 80rem) {
  .image-text {
    padding: 10px 40px;
    padding: 0.63rem 2.5rem;
    --image-1-width: 317px;
    --image-1-width: 19.81rem;
    --image-1-bottom: 79px;
    --image-1-bottom: 4.94rem;
    --image-2-top: 50px;
    --image-2-top: 3.13rem;
    --image-2-width: 222px;
    --image-2-width: 13.88rem;
    --bg-left: 165px;
    --bg-left: 10.31rem;
    --bg-right: 100px;
    --bg-right: 6.25rem;
    --link-left: auto;
    --link-right: 120px;
    --link-right: 7.5rem;
    --link-bottom: 20px;
    --link-bottom: 1.25rem;
    --media-height: 560px;
    --media-height: 35rem;
    --media-width: 580px;
    --media-width: 36.25rem;
  }
}
@media (min-width: 100rem) {
  .image-text {
    padding: 10px 125px;
    padding: 0.63rem 7.81rem;
    --image-1-width: 460px;
    --image-1-width: 28.75rem;
    --image-1-bottom: 112px;
    --image-1-bottom: 7rem;
    --image-2-right: -100px;
    --image-2-right: -6.25rem;
    --image-2-top: 60px;
    --image-2-top: 3.75rem;
    --image-2-width: 323px;
    --image-2-width: 20.19rem;
    --bg-left: 295px;
    --bg-left: 18.44rem;
    --bg-right: 0px;
    --link-right: 30px;
    --link-right: 1.88rem;
    --link-bottom: 30px;
    --link-bottom: 1.88rem;
    --media-height: 800px;
    --media-height: 50rem;
    --media-width: 745px;
    --media-width: 46.56rem;
  }
}
@media (min-width: 120rem){
  .image-text{
    margin-top: calc(var(--space-between-sections-top) - 1.04167vw);
    margin-bottom: calc(var(--space-between-sections-bottom) - 1.04167vw);
    --image-1-bottom: 5.83333vw;
    --image-1-width: 23.95833vw;
    --image-2-top: 3.125vw;
    --image-2-right: -5.20833vw;
    --image-2-width: 16.82292vw;
    --bg-left: 15.36458vw;
    --bg-right: 0vw;
    --link-bottom: 1.5625vw;
    --link-right: 1.5625vw;
    --media-height: 41.66667vw;
    --media-width: 38.80208vw;
    padding: 0.52083vw 6.51042vw;
  }
}
.image-text.accent--magic-mint {
  --link-hover-bg: rgba(28, 28, 27, 0.15);
}

.image-text.accent--coral {
  --link-hover-bg: rgba(255, 255, 255, 0.15);
}

.image-text.accent--lilac {
  --link-hover-bg: rgba(255, 255, 255, 0.15);
}

.image-text.accent--violet {
  --link-hover-bg: rgba(255, 255, 255, 0.15);
}

.image-text.image-text--default .image-text__bg .image-text__bg-text {
  display: none;
  font-family: "space-mono", monospace;
  color: var(--card-text-color, var(--heading-color));
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  z-index: 10;
  -webkit-text-fill-color: unset;
  -webkit-text-stroke-width: unset;
  -webkit-text-stroke-color: unset;
  white-space: pre-wrap;
  text-align: left;
  padding: 20px 50px 20px 20px;
  padding: 1.25rem 3.13rem 1.25rem 1.25rem;
  top: auto;
  bottom: 0;
}

@media (min-width: 100rem) {
  .image-text.image-text--default .image-text__bg .image-text__bg-text {
    display: block;
  }
}

@media (min-width: 120rem){
  .image-text.image-text--default .image-text__bg .image-text__bg-text{
    font-size: 0.83333vw;
    line-height: 1.25vw;
    padding: 1.04167vw 2.60417vw 1.04167vw 1.04167vw;
  }
}
.image-text__bg-text {
  font-family: "work-sans", Arial, sans-serif;
  font-weight: 900;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  overflow: visible;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 1em;
  z-index: 0;
  color: var(--light-grey);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: currentColor;
  display: block;
  top: calc(75.625vw - 50px);
  top: calc(75.625vw - 3.13rem);
}

@media (min-width: 37.5rem) {
  .image-text__bg-text {
    font-size: 90px;
    font-size: 5.63rem;
    white-space: nowrap;
    top: calc(55.3947368421vw - 43px);
    top: calc(55.3947368421vw - 2.69rem);
  }
}
@media (min-width: 64rem) {
  .image-text__bg-text {
    top: 0;
    font-size: 114px;
    font-size: 7.13rem;
  }
}
@media (min-width: 80rem) {
  .image-text__bg-text {
    font-size: 150px;
    font-size: 9.38rem;
  }
}
@media (min-width: 100rem) {
  .image-text__bg-text {
    font-size: 210px;
    font-size: 13.13rem;
  }
}
@media (min-width: 120rem){
  .image-text__bg-text{
    font-size: 10.9375vw;
    -webkit-text-stroke-width: 0.05208vw;
  }
}
.image-text__container {
  display: flex;
  flex-flow: column;
  gap: 25px;
  gap: 1.56rem;
  isolation: isolate;
}

@media (min-width: 64rem) {
  .image-text__container {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
    gap: 3.75rem;
  }
}
@media (min-width: 80rem) {
  .image-text__container {
    gap: 60px;
    gap: 3.75rem;
  }
}
@media (min-width: 100rem) {
  .image-text__container {
    gap: 100px;
    gap: 6.25rem;
  }
}
@media (min-width: 120rem){
  .image-text__container{
    gap: 5.20833vw;
  }
}
.image-text__content {
  width: var(--content-width);
  display: flex;
  flex-flow: column;
  --gap: 15px;
  --gap: 0.94rem;
  gap: var(--gap);
  order: 5;
  padding: 0 15px;
  padding: 0 0.94rem;
  z-index: 5;
}

.image-text__content a:not(.btn) {
  --underline-color: var(--accent);
  text-decoration: none;
  text-decoration: none;
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--accent, inherit)) 1px, var(--underline-color, var(--accent, inherit)) 2px, transparent 2px, transparent 3px);
  background-image: linear-gradient(transparent 1px, var(--underline-color, var(--accent, inherit)) 1px, var(--underline-color, var(--accent, inherit)) 0.13rem, transparent 0.13rem, transparent 0.19rem);
  background-size: 0 3px;
  background-size: 0 0.19rem;
  background-position: 0 bottom;
  background-repeat: no-repeat;
  padding-bottom: 0;
  transition: color 150ms linear, background-size 0.3s ease-in-out;
  border-bottom: 3px solid transparent;
  border-bottom: 0.19rem solid transparent;
}

@media (min-width: 120rem){
  .image-text__content a:not(.btn){
    background-image: linear-gradient(transparent 0.05208vw, var(--underline-color, var(--accent, inherit)) 0.05208vw, var(--underline-color, var(--accent, inherit)) 0.10417vw, transparent 0.10417vw, transparent 0.15625vw);
    background-size: 0 0.15625vw;
    border-bottom: 0.15625vw solid transparent;
  }
}

.image-text__content a:not(.btn):hover {
  background-size: 100% 3px;
  background-size: 100% 0.19rem;
}

@media (min-width: 120rem){
  .image-text__content a:not(.btn):hover{
    background-size: 100% 0.15625vw;
  }
}

@media (min-width: 37.5rem) {
  .image-text__content {
    --gap: 20px;
    --gap: 1.25rem;
    padding: 0 30px;
    padding: 0 1.88rem;
  }
}
@media (min-width: 64rem) {
  .image-text__content {
    padding: 0;
    flex: 1 1 auto;
    order: 1;
  }
}
@media (min-width: 100rem) {
  .image-text__content {
    max-width: 554px;
    max-width: 34.63rem;
  }
}
@media (min-width: 120rem){
  .image-text__content{
    --gap: 1.04167vw;
    max-width: 28.85417vw;
  }
}
.image-text__bg {
  background: var(--accent, #EEE);
  display: block;
  position: absolute;
  top: var(--bg-top);
  right: var(--bg-right);
  bottom: var(--bg-bottom);
  left: var(--bg-left);
  z-index: -1;
  overflow: hidden;
}

.image-text__link {
  position: absolute;
  color: var(--hover-color, #FFF);
  top: var(--link-top);
  bottom: var(--link-bottom);
  right: var(--link-right);
  left: var(--link-left);
  --accent: var(--hover-color, #FFF);
  padding: 0;
}

@media (max-width: 47.44rem) {
  .image-text__link {
    font-size: 15px;
    font-size: 0.94rem;
    line-height: 22px;
    line-height: 1.38rem;
  }
}
.image-text__media {
  position: relative;
  isolation: isolate;
  order: 1;
  z-index: 0;
  width: var(--media-width);
  height: var(--media-height);
  left: var(--media-left);
  right: var(--media-right);
}

@media (min-width: 64rem) {
  .image-text__media {
    order: 5;
    flex: 0 0 auto;
  }
}
@media (min-width: 100rem) {
  .image-text__media {
    flex: 1 1 auto;
  }
}
.image-text__media .video-link {
  container-type: inline-size;
}

.image-text__media .video-link:after {
  content: "";
  opacity: 0.4;
  background: radial-gradient(50% 50% at 50% 50%, #000 0%, rgba(0, 0, 0, 0) 68.75%);
  position: absolute;
  height: 100%;
  width: 100%;
}

.image-text__media .video-link .video-link__icon {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  width: 11.1111111111cqi;
}

.image-text__media .video-link .video-link__text {
  position: absolute;
  fill: var(--white);
  top: calc(50% - 3.7037037037cqi);
  left: calc(50% - 4.1666666667cqi);
  transform: translate(-50%, -50%);
  width: 13.8888888889cqi;
  aspect-ratio: 1;
}

.image-text__media .video-link .video-link__text svg {
  height: 100%;
  width: 100%;
}

.image-text__image {
  background: lightslategrey;
  position: absolute;
  top: var(--image-1-top);
  left: var(--image-1-left);
  bottom: var(--image-1-bottom);
  right: var(--image-1-right);
  width: var(--image-1-width);
  aspect-ratio: var(--image-1-aspect-ratio);
}

.image-text__image figcaption {
  font-family: "space-mono", monospace;
  position: absolute;
  bottom: var(--caption-bottom);
  left: var(--caption-left);
  right: var(--caption-right);
  z-index: 200;
  color: var(--accent, #1C1C1B);
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.13rem;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
}

@media (min-width: 47.5rem) {
  .image-text__image figcaption {
    font-size: 14px;
    font-size: 0.88rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
@media (min-width: 64rem) {
  .image-text__image figcaption {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 120rem){
  .image-text__image figcaption{
    font-size: 0.83333vw;
    line-height: 1.25vw;
  }
}
.image-text__image figcaption a {
  display: inline;
  text-decoration: none;
  color: inherit;
  background: linear-gradient(180deg, var(--accent, #1C1C1B) 0%, var(--accent, #1C1C1B) 50%, transparent 50%, transparent 100%);
  background-size: 2px 200%;
  background-size: 0.13rem 200%;
  background-repeat: no-repeat;
  background-position: 0 100%;
  transition: background 0.3s linear;
}
@media (min-width: 120rem){
  .image-text__image figcaption a{
    background-size: 0.10417vw 200%;
  }
}

.image-text__image figcaption a:hover {
  background-position: 0% 0%;
}

.image-text__image--secondary {
  background: transparent;
  top: var(--image-2-top);
  left: var(--image-2-left);
  bottom: var(--image-2-bottom);
  right: var(--image-2-right);
  width: var(--image-2-width);
  aspect-ratio: var(--image-2-aspect-ratio);
}

.image-text__image--tertiary {
  background: grey;
  top: var(--image-3-top);
  left: var(--image-3-left);
  bottom: var(--image-3-bottom);
  right: var(--image-3-right);
  width: var(--image-3-width);
  aspect-ratio: var(--image-3-aspect-ratio);
}

.image-text__image--box-caption figcaption {
  padding: 15px 8px;
  padding: 0.94rem 0.5rem;
  background: rgba(255, 255, 255, 0.7);
  --text-color: var(--dark-grey);
  color: var(--text-color);
}

@media (min-width: 120rem){
  .image-text__image--box-caption figcaption{
    padding: 0.78125vw 0.41667vw;
  }
}

.image-text__image--box-caption figcaption.accent--white {
  background: rgba(28, 28, 27, 0.7);
  --text-color: #FFF;
}

.image-text__case-study {
  height: 100%;
  overflow: hidden;
}

.image-text__case-study .case-study-stats-gallery {
  height: 100%;
}

.image-text--style-2 {
  --image-1-top: 0;
  --image-1-left: 9.375vw;
  --image-1-bottom: 0;
  --image-1-right: 0;
  --image-1-aspect-ratio: 290/173;
  --image-1-width: auto;
  --image-2-top: auto;
  --image-2-left: 4.6875vw;
  --image-2-bottom: 4.6875vw;
  --image-2-right: auto;
  --image-2-aspect-ratio: 100 / 72;
  --image-2-width: 31.25vw;
  --bg-top: 15.625vw;
  --bg-left: 0;
  --bg-bottom: -15.625vw;
  --bg-right: 9.375vw;
  --text-color: var(--dark-grey);
  --media-height: 54.0625vw;
}

@media (min-width: 64rem) {
  .image-text--style-2 .image-text__media {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.image-text--style-2 .image-text__container {
  gap: calc(15.625vw - 25px);
  gap: calc(15.625vw - 1.56rem);
}

@media (min-width: 37.5rem) {
  .image-text--style-2 .image-text__container {
    gap: calc(7.8947368421vw - 32px);
    gap: calc(7.8947368421vw - 2rem);
  }
}
@media (min-width: 64rem) {
  .image-text--style-2 .image-text__container {
    gap: 0;
    min-height: 38.18359375vw;
  }
}
@media (min-width: 80rem) {
  .image-text--style-2 .image-text__container {
    gap: 0;
    min-height: 40.390625vw;
  }
}
@media (min-width: 100rem) {
  .image-text--style-2 .image-text__container {
    min-height: 39.3229166667vw;
  }
}
.image-text--style-2 .image-text__content {
  flex: 0 0 auto;
}

@media (min-width: 37.5rem) {
  .image-text--style-2 {
    --bg-left: 30px;
    --bg-left: 1.88rem;
    --bg-right: 55px;
    --bg-right: 3.44rem;
    --bg-bottom: -7.8947368421vw;
    --bg-top: 7.8947368421vw;
    --image-1-left: calc(15px + 11.1842105263vw);
    --image-1-left: calc(0.94rem + 11.1842105263vw);
    --image-2-left: calc(15px + 3.9473684211vw);
    --image-2-left: calc(0.94rem + 3.9473684211vw);
    --image-2-bottom: 3.9473684211vw;
    --image-2-width: 26.3157894737vw;
    --media-height: 50.6578947368vw;
  }
}
@media (min-width: 64rem) {
  .image-text--style-2 {
    --bg-top: 5.37109375vw;
    --bg-left: -10.25390625vw;
    --bg-bottom: 1.953125vw;
    --bg-right: 10.25390625vw;
    --image-1-top: 0;
    --image-1-left: auto;
    --image-1-right: 0;
    --image-1-width: 51.7578125vw;
    --image-2-left: 6.640625vw;
    --image-2-bottom: 0;
    --image-2-width: 16.796875vw;
    --media-right: 0;
    --content-width: 45.651%;
    --media-width: var(--image-1-width);
    --media-height: 38.18359375vw;
  }
}
@media (min-width: 80rem) {
  .image-text--style-2 {
    --bg-top: 3.28125vw;
    --bg-left: -12.890625vw;
    --bg-bottom: 2.34375vw;
    --bg-right: 12.890625vw;
    --image-1-width: 58.203125vw;
    --image-2-left: 10.15625vw;
    --image-2-width: 17.96875vw;
    --content-width: 35.2%;
    --media-height: 40.390625vw;
  }
}
@media (min-width: 100rem) {
  .image-text--style-2 {
    --image-1-width: 56.25vw;
    --image-2-left: 7.2916666667vw;
    --image-2-width: 15.625vw;
    --bg-right: 12.3958333333vw;
    --bg-left: -12.3958333333vw;
    --media-height: 39.3229166667vw;
  }
}
.image-text--style-3 {
  --bg-top: 0;
  --bg-left: 30vw;
  --bg-bottom: 0;
  --image-1-top: 6.25vw;
  --image-1-left: 4.6875vw;
  --image-1-bottom: 6.25vw;
  --image-1-right: 14.0625vw;
  --image-1-aspect-ratio: unset;
  --image-1-width: auto;
  --media-height: 93.75vw;
  --caption-left: calc(100% + 10px);
  --caption-left: calc(100% + 0.63rem);
  --caption-bottom: 0;
}

@media (min-width: 47.5rem) {
  .image-text--style-3 .image-text__container {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    gap: 1.88rem;
  }
}
@media (min-width: 64rem) {
  .image-text--style-3 .image-text__container {
    gap: 40px;
    gap: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .image-text--style-3 .image-text__container {
    gap: 60px;
    gap: 3.75rem;
  }
}
@media (min-width: 100rem) {
  .image-text--style-3 .image-text__container {
    gap: 100px;
    gap: 6.25rem;
  }
}
@media (min-width: 120rem){
  .image-text--style-3 .image-text__container{
    gap: 5.20833vw;
  }
}
@media (min-width: 47.5rem) {
  .image-text--style-3 .image-text__content {
    order: 1;
  }
}
@media (min-width: 80rem) {
  .image-text--style-3 .image-text__content {
    margin-bottom: -100px;
    margin-bottom: -6.25rem;
  }
}
@media (min-width: 100rem) {
  .image-text--style-3 .image-text__content {
    margin-bottom: -110px;
    margin-bottom: -6.88rem;
  }
}
@media (min-width: 120rem){
  .image-text--style-3 .image-text__content{
    margin-bottom: -5.72917vw;
  }
}
@media (min-width: 47.5rem) {
  .image-text--style-3 .image-text__media {
    order: 5;
  }
}
.image-text--style-3 .image-text__bg-text {
  display: none;
  opacity: var(--bg-text-opacity, 0.05);
}

@media (min-width: 64rem) {
  .image-text--style-3 .image-text__bg-text {
    display: block;
    color: var(--dark-grey);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-width: 0.13rem;
    top: auto;
    right: 20px;
    right: 1.25rem;
    bottom: 5px;
    bottom: 0.31rem;
    left: auto;
    white-space: pre-line;
    text-align: left;
    font-size: 140px;
    font-size: 8.75rem;
    line-height: 150px;
    line-height: 9.38rem;
    min-width: 0px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
  }
}
@media (min-width: 80rem) {
  .image-text--style-3 .image-text__bg-text {
    font-size: 180px;
    font-size: 11.25rem;
    line-height: 180px;
    line-height: 11.25rem;
  }
}
@media (min-width: 100rem) {
  .image-text--style-3 .image-text__bg-text {
    bottom: 15px;
    bottom: 0.94rem;
    font-size: 200px;
    font-size: 12.5rem;
    line-height: 210px;
    line-height: 13.13rem;
  }
}
@media (min-width: 120rem){
  .image-text--style-3 .image-text__bg-text{
    -webkit-text-stroke-width: 0.10417vw;
    right: 1.04167vw;
    bottom: 0.78125vw;
    font-size: 10.41667vw;
    line-height: 10.9375vw;
    min-width: 0vw;
  }
}
@media (min-width: 47.5rem) {
  .image-text--style-3.image-text--inverted .image-text__container {
    flex-direction: row-reverse;
  }
}
@media (min-width: 64rem) {
  .image-text--style-3.image-text--inverted .image-text__bg-text {
    left: 20px;
    left: 1.25rem;
    right: auto;
  }
}
@media (min-width: 120rem){
  .image-text--style-3.image-text--inverted .image-text__bg-text{
    left: 1.04167vw;
  }
}
@media (min-width: 37.5rem) {
  .image-text--style-3 {
    --media-height: 86.6666666667vw;
    --caption-left: calc(100% + 5px);
    --caption-left: calc(100% + 0.31rem);
  }
}
@media (min-width: 47.5rem) {
  .image-text--style-3 {
    --image-1-width: 310px;
    --image-1-width: 19.38rem;
    --image-1-aspect-ratio: 1;
    --image-1-left: 0;
    --image-1-right: auto;
    --image-1-top: 93px;
    --image-1-top: 5.81rem;
    --bg-left: 110px;
    --bg-left: 6.88rem;
    --media-height: 520px;
    --media-height: 32.5rem;
  }
}
@media (min-width: 64rem) {
  .image-text--style-3 {
    --bg-right: calc(-30px + (0px - max((100vw - var(--site-container)), 0px) / 2) + -20px);
    --bg-right: calc(-1.88rem + (0px - max((100vw - var(--site-container)), 0px) / 2) + -1.25rem);
    --bg-left: 100px;
    --bg-left: 6.25rem;
  }
}
@media (min-width: 80rem) {
  .image-text--style-3 {
    --image-1-width: 420px;
    --image-1-width: 26.25rem;
    --image-1-top: 190px;
    --image-1-top: 11.88rem;
    --media-width: 640px;
    --media-width: 40rem;
    --media-height: 702px;
    --media-height: 43.88rem;
    --bg-left: 270px;
    --bg-left: 16.88rem;
    --caption-left: calc(100% + 20px);
    --caption-left: calc(100% + 1.25rem);
  }
}
@media (min-width: 100rem) {
  .image-text--style-3 {
    --image-1-width: 460px;
    --image-1-width: 28.75rem;
    --image-1-top: 220px;
    --image-1-top: 13.75rem;
    --media-height: 792px;
    --media-height: 49.5rem;
    --media-width: 750px;
    --media-width: 46.88rem;
    --bg-left: 277px;
    --bg-left: 17.31rem;
    --bg-right: calc(0px - ((100vw - var(--site-container)) / 2) - 30px);
    --bg-right: calc(0px - ((100vw - var(--site-container)) / 2) - 1.88rem);
  }
}
@media (min-width: 120rem){
  .image-text--style-3{
    --bg-left: 14.42708vw;
    --image-1-top: 11.45833vw;
    --image-1-width: 23.95833vw;
    --media-height: 41.25vw;
    --caption-left: calc(100% + 1.04167vw);
    --bg-right: calc(0vw - ((100vw - var(--site-container)) / 2) - 1.5625vw);
    --media-width: 39.0625vw;
  }
}
.image-text--style-4 {
  --image-1-aspect-ratio: 145/224;
  --image-1-width: 45.3125vw;
  --image-1-left: 4.6875vw;
  --image-1-right: auto;
  --image-2-aspect-ratio: 155/109;
  --image-2-width: 48.4375vw;
  --image-2-right: 10.9375vw;
  --image-2-left: auto;
  --image-2-top: 25.9375vw;
  --bg-top: 33.75vw;
  --bg-right: 0vw;
  --bg-bottom: calc(-7.8125vw - 25px);
  --bg-bottom: calc(-7.8125vw - 1.56rem);
  --media-height: 70vw;
  --caption-left: 0;
  --caption-right: auto;
}

@media (min-width: 37.5rem) {
  .image-text--style-4 {
    --image-2-right: 30px;
    --image-2-right: 1.88rem;
    --image-2-width: 58.3333333333vw;
  }
}
@media (min-width: 47.5rem) {
  .image-text--style-4 {
    --media-height: 410px;
    --media-height: 25.63rem;
    --media-width: 100%;
    --image-1-top: 0;
    --image-1-left: 90px;
    --image-1-left: 5.63rem;
    --image-1-right: auto;
    --image-1-width: 227px;
    --image-1-width: 14.19rem;
    --image-2-bottom: 0;
    --image-2-left: 0;
    --image-2-top: auto;
    --image-2-right: auto;
    --image-2-width: 200px;
    --image-2-width: 12.5rem;
    --bg-top: 72px;
    --bg-top: 4.5rem;
    --bg-bottom: 72px;
    --bg-bottom: 4.5rem;
    --bg-right: 0;
    --bg-left: calc((100vw - 500px) * -1);
    --bg-left: calc((100vw - 31.25rem) * -1);
  }
}
@media (min-width: 47.5rem) and (max-width: 63.94rem) {
  .image-text--style-4 .image-text__content {
    max-width: 50%;
    padding-right: 0;
    padding-left: 30px;
    padding-left: 1.88rem;
  }
  .image-text--style-4.image-text--inverted .image-text__content {
    padding-right: 30px;
    padding-right: 1.88rem;
    padding-left: 0;
  }
  .image-text--style-4 .image-text__media {
    max-width: 50%;
  }
}
@media (min-width: 64rem) {
  .image-text--style-4 {
    --bg-left: -392px;
    --bg-left: -24.5rem;
    --bg-right: -40px;
    --bg-right: -2.5rem;
    --image-1-right: 0;
    --image-1-left: auto;
    --image-1-width: 272px;
    --image-1-width: 17rem;
    --image-2-bottom: 55px;
    --image-2-bottom: 3.44rem;
    --image-2-width: 243px;
    --image-2-width: 15.19rem;
    --media-height: 419px;
    --media-height: 26.19rem;
    --media-width: 470px;
    --media-width: 29.38rem;
    --caption-left: auto;
    --caption-right: 0;
  }
}
@media (min-width: 80rem) {
  .image-text--style-4 {
    --image-1-width: 350px;
    --image-1-width: 21.88rem;
    --image-2-width: 283px;
    --image-2-width: 17.69rem;
    --image-2-bottom: 86px;
    --image-2-bottom: 5.38rem;
    --media-height: 541px;
    --media-height: 33.81rem;
    --media-width: 580px;
    --media-width: 36.25rem;
    --bg-top: 108px;
    --bg-top: 6.75rem;
    --bg-bottom: 127px;
    --bg-bottom: 7.94rem;
    --bg-left: -210px;
    --bg-left: -13.13rem;
  }
}
@media (min-width: 93.13rem) {
  .image-text--style-4 {
    --bg-right: -92px;
    --bg-right: -5.75rem;
  }
}
@media (min-width: 100rem) {
  .image-text--style-4 {
    --image-1-width: 460px;
    --image-1-width: 28.75rem;
    --image-2-width: 376px;
    --image-2-width: 23.5rem;
    --image-2-bottom: 113px;
    --image-2-bottom: 7.06rem;
    --bg-top: 130px;
    --bg-top: 8.13rem;
    --bg-bottom: 160px;
    --bg-bottom: 10rem;
    --bg-left: -330px;
    --bg-left: -20.63rem;
    --bg-right: calc(-40px - ((100vw - var(--site-container)) / 2));
    --bg-right: calc(-2.5rem - ((100vw - var(--site-container)) / 2));
    --media-height: 761px;
    --media-height: 47.56rem;
    --media-width: 710px;
    --media-width: 44.38rem;
  }
}
@media (min-width: 120rem){
  .image-text--style-4{
    --image-1-width: 23.95833vw;
    --image-2-width: 19.58333vw;
    --bg-top: 6.77083vw;
    --bg-right: calc(-2.08333vw - ((100vw - var(--site-container)) / 2));
    --bg-bottom: 8.33333vw;
    --media-height: 39.63542vw;
    --media-width: 36.97917vw;
    --image-2-bottom: 5.88542vw;
    --bg-left: -17.1875vw;
  }
}
@media (min-width: 47.5rem) {
  .image-text--style-4 .image-text__container {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 35px;
    gap: 2.19rem;
  }
}
@media (min-width: 64rem) {
  .image-text--style-4 .image-text__container {
    gap: 55px;
    gap: 3.44rem;
  }
}
@media (min-width: 80rem) {
  .image-text--style-4 .image-text__container {
    gap: 60px;
    gap: 3.75rem;
  }
}
@media (min-width: 100rem) {
  .image-text--style-4 .image-text__container {
    gap: 90px;
    gap: 5.63rem;
  }
}
@media (min-width: 120rem){
  .image-text--style-4 .image-text__container{
    gap: 4.6875vw;
  }
}
@media (min-width: 47.5rem) {
  .image-text--style-4 .image-text__content {
    order: 1;
    padding-top: 40px;
    padding-top: 2.5rem;
  }
}
@media (min-width: 80rem) {
  .image-text--style-4 .image-text__content {
    padding-top: 82px;
    padding-top: 5.13rem;
  }
}
@media (min-width: 100rem) {
  .image-text--style-4 .image-text__content {
    padding-top: 100px;
    padding-top: 6.25rem;
  }
}
@media (min-width: 120rem){
  .image-text--style-4 .image-text__content{
    padding-top: 5.20833vw;
  }
}
.image-text--style-4 .image-text__media {
  flex: 1 0 auto;
}

@media (min-width: 64rem) {
  .image-text--style-4 .image-text__media {
    order: 5;
    flex: 0 0 auto;
  }
}
@media (min-width: 47.5rem) {
  .image-text--style-4.image-text--inverted .image-text__container {
    flex-direction: row-reverse;
  }
}
.image-text--style-4 .image-text__image .video-link__icon {
  width: 15cqi;
}

.image-text--style-4 .image-text__image .video-link__text {
  width: 22.5cqi;
  top: calc(50% - 5.25cqi);
  left: calc(50% - 6cqi);
}

.image-text--style-7 {
  --bg-top: 0;
  --bg-left: 21.875vw;
  --bg-bottom: 0;
  --image-1-top: 6.25vw;
  --image-1-left: 4.6875vw;
  --image-1-bottom: auto;
  --image-1-right: auto;
  --image-1-aspect-ratio: 460 / 320;
  --image-1-width: 57.8125vw;
  --image-2-aspect-ratio: 1;
  --image-2-width: 29.6875vw;
  --image-2-left: 65.625vw;
  --image-2-right: auto;
  --image-2-top: 16.5625vw;
  --image-3-aspect-ratio: 384/150;
  --image-3-width: 65.625vw;
  --image-3-left: 14.375vw;
  --image-3-right: auto;
  --image-3-top: 49.375vw;
  --media-height: 81.25vw;
  --caption-left: calc(100% + 10px);
  --caption-left: calc(100% + 0.63rem);
  --caption-bottom: 0;
}

@media (min-width: 47.5rem) {
  .image-text--style-7 .image-text__container {
    gap: 40px;
    gap: 2.5rem;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 80rem) {
  .image-text--style-7 .image-text__container {
    gap: 60px;
    gap: 3.75rem;
  }
}
@media (min-width: 100rem) {
  .image-text--style-7 .image-text__container {
    gap: 100px;
    gap: 6.25rem;
  }
}
@media (min-width: 120rem){
  .image-text--style-7 .image-text__container{
    gap: 5.20833vw;
  }
}
@media (min-width: 47.5rem) {
  .image-text--style-7 .image-text__content {
    order: unset;
  }
}
@media (min-width: 80rem) {
  .image-text--style-7 .image-text__content {
    margin-bottom: -100px;
    margin-bottom: -6.25rem;
  }
}
@media (min-width: 100rem) {
  .image-text--style-7 .image-text__content {
    margin-bottom: -110px;
    margin-bottom: -6.88rem;
  }
}
@media (min-width: 120rem){
  .image-text--style-7 .image-text__content{
    margin-bottom: -5.72917vw;
  }
}
@media (min-width: 47.5rem) {
  .image-text--style-7 .image-text__media {
    padding-right: 30px;
    padding-right: 1.88rem;
  }
}
@media (min-width: 120rem){
  .image-text--style-7 .image-text__media{
    padding-right: 1.5625vw;
  }
}
.image-text--style-7 .image-text__image--secondary .video-link__icon {
  width: 19.2307692308cqi;
}

.image-text--style-7 .image-text__image--secondary .video-link__text {
  width: 28.8461538462cqi;
  top: calc(50% - 6.7307692308cqi);
  left: calc(50% - 7.6923076923cqi);
}

.image-text--style-7 .image-text__bg-text {
  display: none;
  opacity: var(--bg-text-opacity, 0.05);
}

@media (min-width: 80rem) {
  .image-text--style-7 .image-text__bg-text {
    display: block;
    color: var(--dark-grey);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-width: 0.13rem;
    top: auto;
    right: 20px;
    right: 1.25rem;
    bottom: 5px;
    bottom: 0.31rem;
    left: auto;
    white-space: pre-line;
    text-align: left;
    font-size: 180px;
    font-size: 11.25rem;
    line-height: 180px;
    line-height: 11.25rem;
    min-width: 0px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
  }
}
@media (min-width: 100rem) {
  .image-text--style-7 .image-text__bg-text {
    bottom: 15px;
    bottom: 0.94rem;
    font-size: 200px;
    font-size: 12.5rem;
    line-height: 210px;
    line-height: 13.13rem;
  }
}
@media (min-width: 120rem){
  .image-text--style-7 .image-text__bg-text{
    -webkit-text-stroke-width: 0.10417vw;
    right: 1.04167vw;
    bottom: 0.78125vw;
    font-size: 10.41667vw;
    line-height: 10.9375vw;
    min-width: 0vw;
  }
}
@media (min-width: 47.5rem) {
  .image-text--style-7.image-text--inverted .image-text__container {
    flex-direction: row-reverse;
  }
}
@media (min-width: 64rem) {
  .image-text--style-7.image-text--inverted .image-text__bg-text {
    left: 20px;
    left: 1.25rem;
    right: auto;
    flex-direction: row-reverse;
  }
}
@media (min-width: 120rem){
  .image-text--style-7.image-text--inverted .image-text__bg-text{
    left: 1.04167vw;
  }
}
@media (min-width: 47.5rem) {
  .image-text--style-7 {
    --image-1-left: 0;
    --image-1-width: 26.5789473684vw;
    --image-1-top: 8.5526315789vw;
    --image-2-left: 28.1578947368vw;
    --image-2-width: 15.2631578947vw;
    --image-2-top: 11.8421052632vw;
    --image-3-left: 5.2631578947vw;
    --image-3-width: 33.1578947368vw;
    --image-3-top: 28.4210526316vw;
    --bg-left: 77px;
    --bg-left: 4.81rem;
    --media-height: 49.8684210526vw;
    --caption-left: calc(100% + 5px);
    --caption-left: calc(100% + 0.31rem);
  }
}
@media (min-width: 64rem) {
  .image-text--style-7 {
    --image-1-width: 28.75vw;
    --image-1-top: 6.25vw;
    --image-2-width: 16.25vw;
    --image-2-left: 30.625vw;
    --image-2-top: 10vw;
    --image-3-width: 24vw;
    --image-3-left: 11vw;
    --image-3-top: 28.125vw;
    --media-height: 43.75vw;
    --media-width: 46.875vw;
    --bg-right: calc(-30px + (0px - max((100vw - var(--site-container)), 0px) / 2) + -20px);
    --bg-right: calc(-1.88rem + (0px - max((100vw - var(--site-container)), 0px) / 2) + -1.25rem);
    --caption-left: calc(100% + 20px);
    --caption-left: calc(100% + 1.25rem);
  }
}
@media (min-width: 100rem) {
  .image-text--style-7 {
    --bg-left: 17.375vw;
    --bg-right: calc(0px - ((100vw - var(--site-container)) / 2) - 30px);
    --bg-right: calc(0px - ((100vw - var(--site-container)) / 2) - 1.88rem);
  }
}
@media (min-width: 120rem){
  .image-text--style-7{
    --caption-left: calc(100% + 1.04167vw);
    --bg-right: calc(0vw - ((100vw - var(--site-container)) / 2) - 1.5625vw);
  }
}
@media (min-width: 64rem) {
  .image-text--inverted .image-text__container {
    flex-direction: row-reverse;
  }
}
.image-text--inverted .image-text__link {
  right: var(--link-left);
  left: var(--link-right);
}

.image-text--inverted .image-text__bg {
  right: var(--bg-left);
  left: var(--bg-right);
}

.image-text--inverted .image-text__image {
  right: var(--image-1-left);
  left: var(--image-1-right);
}

.image-text--inverted .image-text__image figcaption {
  left: var(--caption-right);
  right: var(--caption-left);
}

.image-text--inverted .image-text__image--secondary {
  right: var(--image-2-left);
  left: var(--image-2-right);
}

.image-text--inverted .image-text__image--tertiary {
  right: var(--image-3-left);
  left: var(--image-3-right);
}

.image-text--inverted .image-text__media {
  right: var(--media-left);
  left: var(--media-right);
}

@media (max-width: 63.94rem) and (min-width: 47.5rem) {
  .image-text--tablet-stacked .image-text__content {
    order: 5;
  }
  .image-text--tablet-stacked.image-text--style-3 {
    --bg-left: 33.9473684211vw;
    --image-1-top: 2.6315789474vw;
    --image-1-left: 3.6842105263vw;
    --image-1-bottom: 2.6315789474vw;
    --image-1-width: auto;
    --media-height: 66.0526315789vw;
  }
  .image-text--tablet-stacked.image-text--style-3 .image-text__container {
    flex-flow: column-reverse;
  }
  .image-text--tablet-stacked.image-text--style-4 {
    --media-height: 62.7631578947vw;
    --media-width: 100%;
    --bg-left: 0;
    --bg-right: 0;
    --image-1-left: 3.6842105263vw;
    --image-1-width: 40.7894736842vw;
    --image-1-top: 0;
    --image-1-right: auto;
    --bg-top: 200px;
    --bg-top: 12.5rem;
    --bg-bottom: -62px;
    --bg-bottom: -3.88rem;
    --image-2-left: 42.1052631579vw;
    --image-2-width: 53.9473684211vw;
    --image-2-top: 19.0789473684vw;
  }
  .image-text--tablet-stacked.image-text--style-4 .image-text__container {
    flex-flow: column;
    gap: 30px;
    gap: 1.88rem;
  }
  .image-text--tablet-stacked.image-text--style-4 .image-text__content {
    padding-top: 0;
    padding-right: 30px;
    padding-right: 1.88rem;
    padding-left: 30px;
    padding-left: 1.88rem;
    max-width: none;
  }
  .image-text--tablet-stacked.image-text--style-4 .image-text__media {
    max-width: none;
  }
  .image-text--tablet-stacked.image-text--style-7 .image-text__container {
    flex-flow: column;
    gap: 30px;
    gap: 1.88rem;
  }
  .image-text--tablet-stacked.image-text--style-7 .image-text__content {
    order: 5;
  }
  .image-text--tablet-stacked.image-text--style-7 {
    --image-1-left: 3.6842105263vw;
    --image-1-width: 51.9736842105vw;
    --image-1-top: 2.6315789474vw;
    --image-2-left: 56.9736842105vw;
    --image-2-width: 29.8684210526vw;
    --image-2-top: 8.9473684211vw;
    --image-3-left: 17.2368421053vw;
    --image-3-width: 48.2894736842vw;
    --image-3-top: 40.1315789474vw;
    --bg-left: 77px;
    --bg-left: 4.81rem;
    --media-height: 61.8421052632vw;
    --caption-left: calc(100% + 5px);
    --caption-left: calc(100% + 0.31rem);
  }
}
.image-text--align-center .image-text__container {
  align-items: center;
}

.image-text--align-center .image-text__content {
  padding-top: 0;
  margin-bottom: 0;
}

/* Color styles */
:root {
  --dark-grey: #1C1C1B;
  --dark-grey-rgb: 28, 28, 27;
  --dark-grey-hexless: 1C1C1B;
  --dark-grey-blue: #363636;
  --dark-grey-blue-rgb: 54, 54, 54;
  --dark-grey-blue-hexless: 363636;
  --med-grey: #4B4B44;
  --med-grey-rgb: 75, 75, 68;
  --med-grey-hexless: 4B4B44;
  --grey: #A2A19C;
  --grey-rgb: 162, 161, 156;
  --grey-hexless: A2A19C;
  --off-white: #E9E6E1;
  --off-white-rgb: 233, 230, 225;
  --off-white-hexless: E9E6E1;
  --light-grey: #F5F5F5;
  --light-grey-rgb: 245, 245, 245;
  --light-grey-hexless: F5F5F5;
  --white: #FFF;
  --white-rgb: 255, 255, 255;
  --white-hexless: FFF;
  --magic-mint: #9FC;
  --magic-mint-rgb: 153, 255, 204;
  --magic-mint-hexless: 9FC;
  --winter-green: #71BE95;
  --winter-green-rgb: 113, 190, 149;
  --winter-green-hexless: 71BE95;
  --violet: #4E20D2;
  --violet-rgb: 78, 32, 210;
  --violet-hexless: 4E20D2;
  --burnt-peach: #E17973;
  --burnt-peach-rgb: 225, 121, 115;
  --burnt-peach-hexless: E17973;
  --lilac: #8F5CD1;
  --lilac-rgb: 143, 92, 209;
  --lilac-hexless: 8F5CD1;
  --coral: #FF584D;
  --coral-rgb: 255, 88, 77;
  --coral-hexless: FF584D;
  --heading-color: var(--dark-grey);
  --text-color: var(--med-grey);
}

.accent--magic-mint {
  --accent: var(--magic-mint);
  --accent-text: var(--winter-green);
  --hover-color: var(--dark-grey);
  --bg-color: var(--magic-mint);
  --marker-image: url("/wp-content/themes/retail-experience-design/images/svg/marker-magic-mint.svg");
  --marker-image-2: url("/wp-content/themes/retail-experience-design/images/svg/marker--chevron-magic-mint.svg");
  --loading-icon: url("/wp-content/themes/retail-experience-design/images/svg/loader-magic-mint.svg");
}

.bg-color--white {
  --bg-color: #FFF;
}

.accent--coral {
  --accent: var(--coral);
  --bg-color: var(--coral);
  --marker-image: url("/wp-content/themes/retail-experience-design/images/svg/marker-coral.svg");
  --marker-image-2: url("/wp-content/themes/retail-experience-design/images/svg/marker--chevron-coral.svg");
}

.accent--violet {
  --accent: var(--violet);
  --bg-color: var(--violet);
  --marker-image: url("/wp-content/themes/retail-experience-design/images/svg/marker-violet.svg");
  --bg-text-opacity: 0.15;
  --marker-image-2: url("/wp-content/themes/retail-experience-design/images/svg/marker--chevron-violet.svg");
  --hover-color:#fff;
  --card-text-color: #FFF;
  --loading-icon: url("/wp-content/themes/retail-experience-design/images/svg/loader-violet.svg");
}

.accent--dark-grey {
  --accent: var(--dark-grey);
  --hover-color: #FFF;
  --marker-image: url("/wp-content/themes/retail-experience-design/images/svg/marker-dark-grey.svg");
  --marker-image-2: url("/wp-content/themes/retail-experience-design/images/svg/marker--chevron-dark-grey.svg");
  --text-color: var(--dark-grey);
}

.accent--lilac {
  --accent: var(--lilac);
  --marker-image: url("/wp-content/themes/retail-experience-design/images/svg/marker-lilac.svg");
  --bg-text-opacity: 0.15;
  --bg-color: var(--lilac);
  --marker-image-2: url("/wp-content/themes/retail-experience-design/images/svg/marker--chevron-lilac.svg");
  --hover-color:#fff;
  --card-text-color: #FFF;
}

.accent--none {
  --accent: none;
}

/* Color styles */
:root {
  --dark-grey: #1C1C1B;
  --dark-grey-rgb: 28, 28, 27;
  --dark-grey-hexless: 1C1C1B;
  --dark-grey-blue: #363636;
  --dark-grey-blue-rgb: 54, 54, 54;
  --dark-grey-blue-hexless: 363636;
  --med-grey: #4B4B44;
  --med-grey-rgb: 75, 75, 68;
  --med-grey-hexless: 4B4B44;
  --grey: #A2A19C;
  --grey-rgb: 162, 161, 156;
  --grey-hexless: A2A19C;
  --off-white: #E9E6E1;
  --off-white-rgb: 233, 230, 225;
  --off-white-hexless: E9E6E1;
  --light-grey: #F5F5F5;
  --light-grey-rgb: 245, 245, 245;
  --light-grey-hexless: F5F5F5;
  --white: #FFF;
  --white-rgb: 255, 255, 255;
  --white-hexless: FFF;
  --magic-mint: #9FC;
  --magic-mint-rgb: 153, 255, 204;
  --magic-mint-hexless: 9FC;
  --winter-green: #71BE95;
  --winter-green-rgb: 113, 190, 149;
  --winter-green-hexless: 71BE95;
  --violet: #4E20D2;
  --violet-rgb: 78, 32, 210;
  --violet-hexless: 4E20D2;
  --burnt-peach: #E17973;
  --burnt-peach-rgb: 225, 121, 115;
  --burnt-peach-hexless: E17973;
  --lilac: #8F5CD1;
  --lilac-rgb: 143, 92, 209;
  --lilac-hexless: 8F5CD1;
  --coral: #FF584D;
  --coral-rgb: 255, 88, 77;
  --coral-hexless: FF584D;
  --heading-color: var(--dark-grey);
  --text-color: var(--med-grey);
}

.bg-color--magic-mint {
  --bg-color: var(--magic-mint);
  --heading-color: var(--dark-grey);
  --text-color: var(--dark-grey);
  --bg-watermark: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark-0-03.svg");
  --link-hover-bg: rgba(28, 28, 27, 0.15);
}

.bg-color--magic-mint:has(.btn--link) .btn--link {
  --link-hover-bg: rgba(28, 28, 27, 0.15);
}

.bg-color--magic-mint:has(.btn--link) .btn--link::after {
  background: var(--link-hover-bg, var(--dark-grey));
}

.accent--white {
  --accent: #FFF;
  --hover-color: var(--dark-grey);
  --marker-image: url("/wp-content/themes/retail-experience-design/images/svg/marker.svg?color=FFFFFF");
  --marker-image-2: url("/wp-content/themes/retail-experience-design/images/svg/marker--chevron.svg?color=FFFFFF");
  --bg-watermark: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark.svg");
  --link-hover-color: var(--dark-grey);
}

.bg-color--coral {
  --bg-color: var(--coral);
  --heading-color: var(--dark-grey);
  --text-color: var(--dark-grey);
  --bg-watermark: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark-0-03.svg");
  --link-hover-bg: rgba(255, 255, 255, 0.15);
}

.bg-color--violet {
  --bg-color: var(--violet);
  --heading-color: var(--white);
  --text-color: var(--white);
  --bg-watermark: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark-0-07.svg");
  --bg-text-color: var(--white);
  --link-hover-color: var(--white);
  --link-hover-bg: rgba(255,255,255,0.15);
}

.bg-color--violet.accent--magic-mint, .bg-color--violet .accent--magic-mint {
  --accent-text: var(--magic-mint);
}

.bg-color--dark-grey {
  --bg-color: var(--dark-grey);
  --heading-color: var(--white);
  --text-color: var(--white);
  --bg-watermark: url("/wp-content/themes/retail-experience-design/images/svg/watermark.svg");
  --link-hover-color: var(--white);
  --link-hover-bg: rgba(255,255,255,0.15);
}

.bg-color--lilac {
  --bg-color: var(--lilac);
  --heading-color: var(--white);
  --text-color: var(--white);
  --bg-watermark: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark-0-05.svg");
  --bg-text-color: var(--white);
  --link-hover-color: var(--white);
  --link-hover-bg: rgba(255, 255, 255, 0.15);
}

.bg-color--light-grey {
  --bg-color: var(--light-grey);
  --heading-color: var(--dark-grey);
  --text-color: var(--dark-grey);
  --bg-watermark: url("/wp-content/themes/retail-experience-design/images/svg/watermark-dark-0-03.svg");
}

.bg-color--none {
  --bg-color: none;
}

/*Standard Breakpoints*/
.col-1 {
  --columns: 1;
}

.col-2 {
  --columns: 2;
}

.col-3 {
  --columns: 3;
}

.col-4 {
  --columns: 4;
}

.col-5 {
  --columns: 5;
}

.col-6 {
  --columns: 6;
}

@media (min-width: 20rem) {
  .mb\:col-1 {
    --columns: 1;
  }
  .mb\:col-2 {
    --columns: 2;
  }
  .mb\:col-3 {
    --columns: 3;
  }
  .mb\:col-4 {
    --columns: 4;
  }
  .mb\:col-5 {
    --columns: 5;
  }
  .mb\:col-6 {
    --columns: 6;
  }
}
@media (min-width: 26.25rem) {
  .mbl\:col-1 {
    --columns: 1;
  }
  .mbl\:col-2 {
    --columns: 2;
  }
  .mbl\:col-3 {
    --columns: 3;
  }
  .mbl\:col-4 {
    --columns: 4;
  }
  .mbl\:col-5 {
    --columns: 5;
  }
  .mbl\:col-6 {
    --columns: 6;
  }
}
@media (min-width: 37.5rem) {
  .ph\:col-1 {
    --columns: 1;
  }
  .ph\:col-2 {
    --columns: 2;
  }
  .ph\:col-3 {
    --columns: 3;
  }
  .ph\:col-4 {
    --columns: 4;
  }
  .ph\:col-5 {
    --columns: 5;
  }
  .ph\:col-6 {
    --columns: 6;
  }
}
@media (min-width: 47.5rem) {
  .tb\:col-1 {
    --columns: 1;
  }
  .tb\:col-2 {
    --columns: 2;
  }
  .tb\:col-3 {
    --columns: 3;
  }
  .tb\:col-4 {
    --columns: 4;
  }
  .tb\:col-5 {
    --columns: 5;
  }
  .tb\:col-6 {
    --columns: 6;
  }
}
@media (min-width: 64rem) {
  .sm\:col-1 {
    --columns: 1;
  }
  .sm\:col-2 {
    --columns: 2;
  }
  .sm\:col-3 {
    --columns: 3;
  }
  .sm\:col-4 {
    --columns: 4;
  }
  .sm\:col-5 {
    --columns: 5;
  }
  .sm\:col-6 {
    --columns: 6;
  }
}
@media (min-width: 80rem) {
  .md\:col-1 {
    --columns: 1;
  }
  .md\:col-2 {
    --columns: 2;
  }
  .md\:col-3 {
    --columns: 3;
  }
  .md\:col-4 {
    --columns: 4;
  }
  .md\:col-5 {
    --columns: 5;
  }
  .md\:col-6 {
    --columns: 6;
  }
}
@media (min-width: 100rem) {
  .hg\:col-1 {
    --columns: 1;
  }
  .hg\:col-2 {
    --columns: 2;
  }
  .hg\:col-3 {
    --columns: 3;
  }
  .hg\:col-4 {
    --columns: 4;
  }
  .hg\:col-5 {
    --columns: 5;
  }
  .hg\:col-6 {
    --columns: 6;
  }
}
@media (min-width: 120rem) {
  .mx\:col-1 {
    --columns: 1;
  }
  .mx\:col-2 {
    --columns: 2;
  }
  .mx\:col-3 {
    --columns: 3;
  }
  .mx\:col-4 {
    --columns: 4;
  }
  .mx\:col-5 {
    --columns: 5;
  }
  .mx\:col-6 {
    --columns: 6;
  }
}
@container (min-width: 31.25rem) {
  .ct-500\:col-1 {
    --columns: 1;
  }
  .ct-500\:col-2 {
    --columns: 2;
  }
  .ct-500\:col-3 {
    --columns: 3;
  }
  .ct-500\:col-4 {
    --columns: 4;
  }
  .ct-500\:col-5 {
    --columns: 5;
  }
  .ct-500\:col-6 {
    --columns: 6;
  }
}
/*Standard Breakpoints*/
.gap-10 {
  --gap: 10px;
  --gap: 0.63rem;
}
@media (min-width: 120rem){
  .gap-10{
    --gap: 0.52083vw;
  }
}

.gap-row-10 {
  --gap-row: 10px;
  --gap-row: 0.63rem;
}

@media (min-width: 120rem){
  .gap-row-10{
    --gap-row: 0.52083vw;
  }
}

.gap-column-10 {
  --gap-column: 10px;
  --gap-column: 0.63rem;
}

@media (min-width: 120rem){
  .gap-column-10{
    --gap-column: 0.52083vw;
  }
}

.gap-15 {
  --gap: 15px;
  --gap: 0.94rem;
}

@media (min-width: 120rem){
  .gap-15{
    --gap: 0.78125vw;
  }
}

.gap-20 {
  --gap: 20px;
  --gap: 1.25rem;
}

@media (min-width: 120rem){
  .gap-20{
    --gap: 1.04167vw;
  }
}

.gap--25 {
  --gap: 25px;
  --gap: 1.56rem;
}

@media (min-width: 120rem){
  .gap--25{
    --gap: 1.30208vw;
  }
}

.gap-30 {
  --gap: 30px;
  --gap: 1.88rem;
}

@media (min-width: 120rem){
  .gap-30{
    --gap: 1.5625vw;
  }
}

/* Tablet */
@media (min-width: 47.5rem) {
  .tb\:gap-20 {
    --gap: 20px;
    --gap: 1.25rem;
  }
  .tb\:gap-25 {
    --gap: 25px;
    --gap: 1.56rem;
  }
  .tb\:gap-30 {
    --gap: 30px;
    --gap: 1.88rem;
  }
  .tb\:gap-40 {
    --gap: 40px;
    --gap: 2.5rem;
  }
  .tb\:gap-70 {
    --gap: 70px;
    --gap: 4.38rem;
  }
}
@media (min-width: 120rem){
  .tb\:gap-70{
    --gap: 3.64583vw;
  }
}
@media (min-width: 120rem){
  .tb\:gap-40{
    --gap: 2.08333vw;
  }
}
@media (min-width: 120rem){
  .tb\:gap-30{
    --gap: 1.5625vw;
  }
}
@media (min-width: 120rem){
  .tb\:gap-25{
    --gap: 1.30208vw;
  }
}
@media (min-width: 120rem){
  .tb\:gap-20{
    --gap: 1.04167vw;
  }
}
/* Small */
@media (min-width: 64rem) {
  .sm\:gap-20 {
    --gap: 20px;
    --gap: 1.25rem;
  }
  .sm\:gap-40 {
    --gap: 40px;
    --gap: 2.5rem;
  }
}
@media (min-width: 120rem){
  .sm\:gap-40{
    --gap: 2.08333vw;
  }
}
@media (min-width: 120rem){
  .sm\:gap-20{
    --gap: 1.04167vw;
  }
}
/* Medium */
@media (min-width: 80rem) {
  .md\:gap-30 {
    --gap: 30px;
    --gap: 1.88rem;
  }
  .md\:gap-40 {
    --gap: 40px;
    --gap: 2.5rem;
  }
  .md\:gap-50 {
    --gap: 50px;
    --gap: 3.13rem;
  }
  .md\:gap-60 {
    --gap: 60px;
    --gap: 3.75rem;
  }
  .md\:gap-80 {
    --gap: 80px;
    --gap: 5rem;
  }
}
@media (min-width: 120rem){
  .md\:gap-80{
    --gap: 4.16667vw;
  }
}
@media (min-width: 120rem){
  .md\:gap-60{
    --gap: 3.125vw;
  }
}
@media (min-width: 120rem){
  .md\:gap-50{
    --gap: 2.60417vw;
  }
}
@media (min-width: 120rem){
  .md\:gap-40{
    --gap: 2.08333vw;
  }
}
@media (min-width: 120rem){
  .md\:gap-30{
    --gap: 1.5625vw;
  }
}
/* Huge */
@media (min-width: 100rem) {
  .hg\:gap-10 {
    --gap: 20px;
    --gap: 1.25rem;
  }
  .hg\:gap-20 {
    --gap: 20px;
    --gap: 1.25rem;
  }
  .hg\:gap-30 {
    --gap: 30px;
    --gap: 1.88rem;
  }
  .hg\:gap-40 {
    --gap: 40px;
    --gap: 2.5rem;
  }
  .hg\:gap-50 {
    --gap: 50px;
    --gap: 3.13rem;
  }
  .hg\:gap-90 {
    --gap: 90px;
    --gap: 5.63rem;
  }
}
@media (min-width: 120rem){
  .hg\:gap-90{
    --gap: 4.6875vw;
  }
}
@media (min-width: 120rem){
  .hg\:gap-50{
    --gap: 2.60417vw;
  }
}
@media (min-width: 120rem){
  .hg\:gap-40{
    --gap: 2.08333vw;
  }
}
@media (min-width: 120rem){
  .hg\:gap-30{
    --gap: 1.5625vw;
  }
}
@media (min-width: 120rem){
  .hg\:gap-20{
    --gap: 1.04167vw;
  }
}
@media (min-width: 120rem){
  .hg\:gap-10{
    --gap: 1.04167vw;
  }
}
/* Container 500 */
@container (min-width: 31.25rem) {
  .ct-500\:gap-20 {
    --gap: 20px;
    --gap: 1.25rem;
  }
}
html[data-useragent*="Chrome/87"] .card__media:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 68.9655172414%;
}
html[data-useragent*="Chrome/87"] .card--vertical-image-block .card__media:before {
  padding-top: 100%;
}
html[data-useragent*="Chrome/87"] .card--stacked .card__media:before {
  padding-top: 46.6666666667%;
}
html[data-useragent*="Chrome/87"] .gform_wrapper.gravity-theme .form--newsletter {
  flex-flow: column;
}
html[data-useragent*="Chrome/87"] .hamburger {
  height: 54px;
  height: 3.38rem;
}
@media (min-width: 120rem){
  html[data-useragent*="Chrome/87"] .hamburger{
    height: 2.8125vw;
  }
}
html[data-useragent*="Chrome/87"] .hero--project .hero__secondary-image:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 68.6567164179%;
}
html[data-useragent*="Chrome/87"] .track--images .image {
  padding-top: 66%;
}
html[data-useragent*="Chrome/87"] .track--images .image::before {
  position: absolute;
  top: 0;
  left: 0;
}
html[data-useragent*="Chrome/87"] .track--images .image .image__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
html[data-useragent*="Chrome/87"] .track--images .image .image__play + p {
  position: absolute;
  top: calc(50% + 65px);
  top: calc(50% + 4.06rem);
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 120rem){
  html[data-useragent*="Chrome/87"] .track--images .image .image__play + p{
    top: calc(50% + 3.38542vw);
  }
}
html[data-useragent*="Chrome/87"] .track--images .track__button {
  width: 56px;
  width: 3.5rem;
}
@media (min-width: 120rem){
  html[data-useragent*="Chrome/87"] .track--images .track__button{
    width: 2.91667vw;
  }
}
html[data-useragent*="Chrome/87"] .card--inline .card__media:before {
  padding-top: 100%;
}
html[data-useragent*="Chrome/87"] .image-text .image-text__image::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
html[data-useragent*="Chrome/87"] .image-text .image-text__image--secondary::before {
  padding-top: 154.7987616099%;
}
html[data-useragent*="Chrome/87"] .image-text--style-7 .image-text__image {
  bottom: auto;
}
html[data-useragent*="Chrome/87"] .image-text--style-7 .image-text__image::before {
  padding-top: 69.5652173913%;
}
html[data-useragent*="Chrome/87"] .image-text--style-7 .image-text__image--secondary:before {
  padding-top: 100%;
}
html[data-useragent*="Chrome/87"] .image-text--style-7 .image-text__image--tertiary:before {
  padding-top: 39.0625%;
}
html[data-useragent*="Chrome/87"] .media-grid .media-grid__image::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
html[data-useragent*="Chrome/87"] .media-grid .media-grid__image--small::before {
  padding-top: 68.8461538462%;
}
html[data-useragent*="Chrome/87"] ul.list > li::before {
  height: 1em;
}
html[data-useragent*="Chrome/87"] .image-gallery__thumbnail::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
html[data-useragent*="Chrome/87"] .image-gallery__btn {
  height: 60px;
  height: 3.75rem;
}
@media (min-width: 120rem){
  html[data-useragent*="Chrome/87"] .image-gallery__btn{
    height: 3.125vw;
  }
}
html[data-useragent*="Chrome/87"] .image-gallery__btn svg {
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
}
@media (min-width: 120rem){
  html[data-useragent*="Chrome/87"] .image-gallery__btn svg{
    width: 1.04167vw;
    height: 1.04167vw;
  }
}
html[data-useragent*="Chrome/87"] .image-gallery__main::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 58.3333333333%;
}
html[data-useragent*="Chrome/87"] .responsive-video {
  position: relative;
  width: 100%;
  height: auto;
}
html[data-useragent*="Chrome/87"] .responsive-video::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
html[data-useragent*="Chrome/87"] .responsive-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

html {
  background-color: #1C1C1B;
  scroll-behavior: smooth;
}

body {
  background: #FFF;
  font-family: "red-hat", Arial, sans-serif;
  /* SET BODY FONT */
  color: var(--text-color);
  --logo-color: #FFF;
}
body.page-no-hero {
  --logo-color: #000;
}

h1, h2, h3, h4, h5, h6, p, li, button {
  color: var(--text-color);
}

a {
  color: var(--accent, var(--text-color));
}

:root {
  --site-container: 1400px;
  --site-container: 87.5rem;
  --screen-edge-padding: 15px;
  --screen-edge-padding: 0.94rem;
  --space-between-sections-top: 40px;
  --space-between-sections-top: 2.5rem;
  --space-between-sections-bottom: 40px;
  --space-between-sections-bottom: 2.5rem;
  --space-inside-sections-top: 40px;
  --space-inside-sections-top: 2.5rem;
  --space-inside-sections-bottom: 40px;
  --space-inside-sections-bottom: 2.5rem;
}
@media (min-width: 47.5rem) {
  :root {
    --screen-edge-padding: 30px;
    --screen-edge-padding: 1.88rem;
    --space-between-sections-top: 70px;
    --space-between-sections-top: 4.38rem;
    --space-between-sections-bottom: 70px;
    --space-between-sections-bottom: 4.38rem;
    --space-inside-sections-top: 70px;
    --space-inside-sections-top: 4.38rem;
    --space-inside-sections-bottom: 70px;
    --space-inside-sections-bottom: 4.38rem;
  }
}
@media (min-width: 80rem) {
  :root {
    --screen-edge-padding: 40px;
    --screen-edge-padding: 2.5rem;
    --space-between-sections-top: 100px;
    --space-between-sections-top: 6.25rem;
    --space-between-sections-bottom: 100px;
    --space-between-sections-bottom: 6.25rem;
    --space-inside-sections-top: 80px;
    --space-inside-sections-top: 5rem;
    --space-inside-sections-bottom: 80px;
    --space-inside-sections-bottom: 5rem;
  }
}
@media (min-width: 100rem) {
  :root {
    --screen-edge-padding: 0;
    --space-inside-sections-top: 180px;
    --space-inside-sections-top: 11.25rem;
    --space-inside-sections-bottom: 180px;
    --space-inside-sections-bottom: 11.25rem;
    --space-between-sections-top: 190px;
    --space-between-sections-top: 11.88rem;
    --space-between-sections-bottom: 190px;
    --space-between-sections-bottom: 11.88rem;
  }
}
@media (min-width: 120rem){
  :root{
    --site-container: 72.91667vw;
    --space-between-sections-top: 9.89583vw;
    --space-between-sections-bottom: 9.89583vw;
    --space-inside-sections-top: 9.375vw;
    --space-inside-sections-bottom: 9.375vw;
  }
}
/*# sourceMappingURL=styles.css.map */