/* based on automatic.css - Version: 2.7.1, but now with properly responsive typography */
/* Why did I put up with this bug for so long? */

:root {
  --text-xs: clamp(1.17rem, 1.06174rem + 0.22648vw, 1.56rem);
  --text-s: clamp(1.44rem, 1.30676rem + 0.27875vw, 1.92rem);
  --text-s-larger: clamp(1.55rem, 1.4rem + 0.33vw, 2rem);
  --text-larger: clamp(2.04rem, 1.78439rem + 0.53476vw, 2.64rem);
  --text-m: clamp(1.7rem, 1.48699rem + 0.44563vw, 2.2rem);
  --text-l:  clamp(2.5rem, 2.27793rem + 0.46458vw, 3.3rem);
  --text-xl: clamp(3.2rem, 2.89466rem + 0.63879vw, 4.3rem);
  --text-xxl: clamp(3.78rem, 3.43024rem + 0.73171vw, 5.04rem);
  --h1: clamp(5.2rem, 4.40444rem + 1.66436vw, 7.6rem);
  --h1-larger: clamp(6.7rem, 5.37932rem + 2.76292vw, 9.8rem);
  --h2: clamp(3.6rem, 2.74795rem + 1.78253vw, 5.6rem);
  --h2-larger: clamp(4.7rem, 3.59234rem + 2.31729vw, 7.3rem);
  --h3: clamp(3rem, 2.53592rem + 0.97087vw, 4.4rem);
  --h3-larger: clamp(3.6rem, 3.03648rem + 1.17892vw, 5.3rem);
  --h4: clamp(2.2rem, 1.94439rem + 0.53476vw, 2.8rem);
  --h4-larger: clamp(2.9rem, 2.60178rem + 0.62389vw, 3.6rem);
}

h1 {
  font-size: var(--h1);
}
h1.text--larger {
  font-size: var(--h1-larger);
}

h2 {
  font-size: var(--h2);
}
h2.text--larger {
  font-size: var(--h2-larger);
}

h3 {
  font-size: var(--h3);
}
h3.text--larger {
  font-size: var(--h3-larger);
}

h4 {
  font-size: var(--h4);
}

h4.text--larger {
  font-size: var(--h4-larger);
}

.text--larger, .text--larger p, text--m.text--larger, p.text--larger {
  font-size: var(--text-larger);
}


.text--xs, .text--xs > p, .text--xs > ol li, .text--xs > ul li {
  font-size: var(--text-xs);
}
.text--s, .text--s > p, .text--s > ol li, .text--s > ul li {
  font-size: var(--text-s);
}
.text--s.text--larger, .text--s.text--larger > p, .text--s.text--larger > ol li, .text--s.text--larger > ul li {
  font-size: var(--text-s-larger);
}
.text--m, .text--m > p, .text--m > ol li, .text--m > ul li {
  font-size: var(--text-m);
  max-inline-size: 65;
}
.text--l, .text--l > p, .text--l > ol li, .text--l > ul li {
  font-size: var(--text-l);
}
.text--xl, .text--xl > p, .text--xl > ol li, .text--xl > ul li {
  font-size: var(--text-xl);
}
.text--xxl, .text--xxl > p, .text--xxl > ol li, .text--xxl > ul li {
  font-size: var(--text-xxl);
}


:root {
  --root-font-size: 62.5%;
  --space-xs: 1.896rem;
  --space-s: 2.133rem;
  --space-m: 2.4rem;
  --space-l: 2.7rem;
  --space-xl: 3.038rem;
  --space-xxl: 3.42rem;
  --section-space-xs: 3.84rem;
  --section-space-s: 4.8rem;
  --section-space-m: 6rem;
  --section-space-l: 7.5rem;
  --section-space-xl: 9.375rem;
  --section-space-xxl: 11.719rem;
  --radius-xs: 0.4444444444rem;
  --radius-s: 0.6666666667rem;
  --radius-m: 1rem;
  --radius-l: 1.5rem;
  --radius-xl: 2.25rem;
  --radius-xxl: 3.375rem;
  --radius-50: 50%;
  --radius-circle: 50%;
  --grid-1: repeat(1, minmax(0, 1fr));
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --content-gap: var(--space-m);
  --container-gap: var(--space-xl);
  --grid-gap: var(--space-m);
  --paragraph-spacing: 1em;
  --heading-spacing: 1.5em;
  --list-spacing: 1em;
  --list-item-spacing: 0.5em;
  --focus-color: var(--primary);
  --focus-width: 0.2rem;
  --focus-offset: 0.25em;
  --text-m-length: 65;
  --box-shadow-m: 0 4px 4px -10px rgba(0, 0, 0, 0.4), 0 13px 13px -10px rgba(0, 0, 0, 0.6), 0 40px 60px -10px rgba(0, 0, 0, 0.8);
  --box-shadow-l: 0 2.7px 3.6px -5px rgba(0, 0, 0, 0.4), 0 7.5px 10px -5px rgba(0, 0, 0, 0.6), 0 18px 24.1px -5px rgba(0, 0, 0, 0.8), 0 60px 80px -5px rgba(0, 0, 0, 0.1);
  --box-shadow-xl: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.2), 0 6.7px 5.3px -5px rgba(0, 0, 0, 0.4), 0 12.5px 10px -5px rgba(0, 0, 0, 0.6), 0 22.3px 17.9px -5px rgba(0, 0, 0, 0.9), 0 41.8px 33.4px -5px rgba(0, 0, 0, 1), 0 80px 80px -5px rgba(0, 0, 0, 1);
}

html {
  font-size: 62.5% !important;
}
*, *::before, *::after {
  box-sizing: border-box;
}
body {
  min-block-size: 100vh;
}
input, button, textarea, select {
  font: inherit;
}
.focus-parent:focus-within {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}
.focus-parent :focus {
  outline: none !important;
  box-shadow: none !important;
}
.focus-parent--shadow:focus-within {
  box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
}
.focus-parent--shadow :focus {
  outline: none !important;
  box-shadow: none !important;
}
.focus-parent--outline:focus-within {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}
.focus-parent--outline :focus {
  outline: none !important;
  box-shadow: none !important;
}
.hidden-accessible {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* added line */
  border: 0;
}

.clickable-parent:not(a) {
  position: static;
}
.clickable-parent:not(a) a {
  position: static;
}
.clickable-parent:not(a) > a::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
  z-index: 10;
}
button.clickable-parent, a.clickable-parent {
  position: static;
}
button.clickable-parent::after, a.clickable-parent::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
  z-index: 10;
}
.bricks-area a.clickable-parent::after {
  content: '';
  position: relative;
}


/* @media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
} */

p {
  max-inline-size: 65;
}
.pad--xs {
  padding: var(--space-xs);
}
.pad--s {
  padding: var(--space-s);
}
.pad--m {
  padding: var(--space-m);
}
.pad--l {
  padding: var(--space-l);
}
.pad--xl {
  padding: var(--space-xl);
}
.pad--xxl {
  padding: var(--space-xxl);
}
.pad-header--xs {
  padding: var(--space-xs) var(--section-padding-x);
}
.pad-header--s {
  padding: var(--space-s) var(--section-padding-x);
}
.pad-header--m {
  padding: var(--space-m) var(--section-padding-x);
}
.pad-header--l {
  padding: var(--space-l) var(--section-padding-x);
}
.pad-header--xl {
  padding: var(--space-xl) var(--section-padding-x);
}
.pad-header--xxl {
  padding: var(--space-xxl) var(--section-padding-x);
}
.pad--none {
  padding: 0 !important;
}
figure[class*="overlay--"]::before {
  z-index: 0;
}

p:where(:only-of-type), li:not(nav li, nav a), blockquote {
  text-wrap: pretty;
}

.balance {
  text-wrap: balance;
}
.balance p, .balance li, .balance blockquote, .balance h1, .balance h2, .balance h3, .balance h4, .balance h5, .balance h6 {
  text-wrap: balance;
}
.unbalance {
  text-wrap: pretty;
}
.unbalance p, .unbalance li, .unbalance blockquote, .unbalance h1, .unbalance h2, .unbalance h3, .unbalance h4, .unbalance h5, .unbalance h6 {
  text-wrap: pretty;
}
.box-shadow--m {
  box-shadow: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.08);
}
.box-shadow--l {
  box-shadow: 0 2.7px 3.6px -5px rgba(0, 0, 0, 0.04), 0 7.5px 10px -5px rgba(0, 0, 0, 0.06), 0 18px 24.1px -5px rgba(0, 0, 0, 0.08), 0 60px 80px -5px rgba(0, 0, 0, 0.1);
}
.box-shadow--xl {
  box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px -5px rgba(0, 0, 0, 0.04), 0 12.5px 10px -5px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px -5px rgba(0, 0, 0, 0.08), 0 41.8px 33.4px -5px rgba(0, 0, 0, 0.1), 0 80px 80px -5px rgba(0, 0, 0, 0.105);
}
@media (min-width: 1360px) {
  .breakout--full {
    inline-size: 100vw !important;
    max-inline-size: 100vw !important;
    margin-inline: calc(-50vw + 50%) !important;
    align-self: flex-start;
  }
}
@media (max-width: 1360px) {
  [class*="breakout--"]:not(.breakout--full) {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    margin: 0 !important;
  }
}
.grid--1 {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--1 > * {
  grid-column: 1 !important;
}
.grid--2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--5 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--6 {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--7 {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--8 {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  inline-size: 100%;
}

.gap--xs {
  gap: var(--space-xs);
}
.gap--s {
  gap: var(--space-s);
}
.gap--m {
  gap: var(--space-m);
}
.gap--l {
  gap: var(--space-l);
}
.gap--xl {
  gap: var(--space-xl);
}
.gap--xxl {
  gap: var(--space-xxl);
}
.rounded--xs {
  border-radius: 0.4444444444rem;
}
.rounded--s {
  border-radius: 0.6666666667rem;
}
.rounded--m {
  border-radius: 1rem;
}
.rounded--l {
  border-radius: 1.5rem;
}
.rounded--xl {
  border-radius: 2.25rem;
}
.rounded--xxl {
  border-radius: 3.375rem;
}
.rounded--50 {
  border-radius: 50%;
}
.rounded--circle {
  border-radius: 50%;
}

ul.list--none, ol.list--none, .list--none > ul, .list--none > ol {
  list-style: none;
  padding-inline-start: 0;
  list-style-type: none;
  -webkit-margin-before: 0em;
  margin-block-start: 0em;
  margin-block-end: 0;
}




@supports (padding: calc(1vw + 2vw)) {
  :root {
    --space-xs: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 104)));
    --space-s: calc(1.6rem + (0.4 * ((100vw - 32rem) / 104)));
    --space-m: calc(2.4rem + (0.6 * ((100vw - 32rem) / 104)));
    --space-l: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 104)));
    --space-xl: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 104)));
    --space-xxl: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 104)));
    --section-space-xs: calc(3.2rem + (2.1333333333 * ((100vw - 32rem) / 104)));
    --section-space-s: calc(4.8rem + (3.2 * ((100vw - 32rem) / 104)));
    --section-space-m: calc(7.2rem + (4.8 * ((100vw - 32rem) / 104)));
    --section-space-l: calc(9.5976rem + (8.4024 * ((100vw - 32rem) / 104)));
    --section-space-xl: calc(12.7936008rem + (14.2063992 * ((100vw - 32rem) / 104)));
    --section-space-xxl: calc(17.0538698664rem + (23.4461301336 * ((100vw - 32rem) / 104)));
    --section-padding-x: calc(2.4rem + (0.6 * ((100vw - 32rem) / 104)));
  }
  @media (min-width: 1280px) {
    :root {
      --space-xs: 1.3333333333rem;
      --space-s: 2rem;
      --space-m: 3rem;
      --space-l: 4.5rem;
      --space-xl: 6.75rem;
      --space-xxl: 10.125rem;
      --section-space-xs: 5.3333333333rem;
      --section-space-s: 8rem;
      --section-space-m: 12rem;
      --section-space-l: 18rem;
      --section-space-xl: 27rem;
      --section-space-xxl: 40.5rem;
      --section-padding-x: 3rem;
    }
  }
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
  :root {
    --space-xs: clamp(1.0666666667rem, calc(0.2564102564vw + 0.9846153846rem), 1.3333333333rem);
    --space-s: clamp(1.6rem, calc(0.3846153846vw + 1.4769230769rem), 2rem);
    --space-m: clamp(2.4rem, calc(0.5769230769vw + 2.2153846154rem), 3rem);
    --space-l: clamp(3.1992rem, calc(1.2507692308vw + 2.7989538462rem), 4.5rem);
    --space-xl: clamp(4.2645336rem, calc(2.3898715385vw + 3.4997747077rem), 6.75rem);
    --space-xxl: clamp(5.6846232888rem, calc(4.2695929915vw + 4.3183535315rem), 10.125rem);
    --section-space-xs: clamp(3.2rem, calc(2.0512820513vw + 2.5435897436rem), 5.3333333333rem);
    --section-space-s: clamp(4.8rem, calc(3.0769230769vw + 3.8153846154rem), 8rem);
    --section-space-m: clamp(7.2rem, calc(4.6153846154vw + 5.7230769231rem), 12rem);
    --section-space-l: clamp(9.5976rem, calc(8.0792307692vw + 7.0122461538rem), 18rem);
    --section-space-xl: clamp(12.7936008rem, calc(13.6599992308vw + 8.4224010462rem), 27rem);
    --section-space-xxl: clamp(17.0538698664rem, calc(22.5443558977vw + 9.8396759791rem), 40.5rem);
    --section-padding-x: clamp(2.4rem, calc(0.5769230769vw + 2.2153846154rem), 3rem);
  }
}