/* @link https://utopia.fyi/type/calculator?c=360,17,1.25,1440,22,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --fluid-min-width: 360;
  --fluid-max-width: var(--max-width);
  --fluid-bp: calc(
    (100vw - (var(--fluid-min-width) * 1px)) / (var(--fluid-max-width) - var(--fluid-min-width))
  );
}

@media screen and (min-width: 1440px) {
  :root {
    --fluid-screen: calc(var(--fluid-max-width) * 1px);
  }
}

:root {
  --f--2-min: 8.96;
  --f--2-max: 11.52;
  --step--2: calc(
    ((var(--f--2-min) / 10) * 1rem) + (var(--f--2-max) - var(--f--2-min)) * var(--fluid-bp)
  );

  /* text-s */
  --f--1-min: 11.2;
  --f--1-max: 14.4;
  --step--1: calc(
    ((var(--f--1-min) / 10) * 1rem) + (var(--f--1-max) - var(--f--1-min)) * var(--fluid-bp)
  );

  /* text-s-larger */
  --f--1L-min: (var(--f--1-min) * 1.1);
  --f--1L-max: (var(--f--1-max) * 1.1);
  --step--1L: calc(
    ((var(--f--1L-min) / 10) * 1rem) + (var(--f--1L-max) - var(--f--1L-min)) * var(--fluid-bp)
  );

  /* text-m */
  --f-0-min: 14;
  --f-0-max: 18;
  --step-0: calc(
    ((var(--f-0-min) / 10) * 1rem) + (var(--f-0-max) - var(--f-0-min)) * var(--fluid-bp)
  );

  /* text-m-larger */
  --f-0L-min: (var(--f-0-min) * 1.1);
  --f-0L-max: (var(--f-0-max) * 1.1);
  --step-0L: calc(
    ((var(--f-0L-min) / 10) * 1rem) + (var(--f-0L-max) - var(--f-0L-min)) * var(--fluid-bp)
  );

  /* text-l */
  --f-1-min: 17.5;
  --f-1-max: 22.5;
  --step-1: calc(
    ((var(--f-1-min) / 10) * 1rem) + (var(--f-1-max) - var(--f-1-min)) * var(--fluid-bp)
  );

  /* text-l-larger */
  --f-1L-min: (var(--f-1-min) * 1.1);
  --f-1L-max: (var(--f-1-max) * 1.1);
  --step-1L: calc(
    ((var(--f-1L-min) / 10) * 1rem) + (var(--f-1L-max) - var(--f-1L-min)) * var(--fluid-bp)
  );

  /* h4 */
  --f-2-min: 21.88;
  --f-2-max: 28.13;
  --step-2: calc(
    ((var(--f-2-min) / 10) * 1rem) + (var(--f-2-max) - var(--f-2-min)) * var(--fluid-bp)
  );

  /* h4-larger */
  --f-2L-min: (var(--f-2-min) * 1.1);
  --f-2L-max: (var(--f-2-max) * 1.1);
  --step-2L: calc(
    ((var(--f-2L-min) / 10) * 1rem) + (var(--f-2L-max) - var(--f-2L-min)) * var(--fluid-bp)
  );

  /* h3 */
  --f-3-min: 27.34;
  --f-3-max: 35.16;
  --step-3: calc(
    ((var(--f-3-min) / 10) * 1rem) + (var(--f-3-max) - var(--f-3-min)) * var(--fluid-bp)
  );

  /* h3-larger */
  --f-3L-min: (var(--f-3-min) * 1.1);
  --f-3L-max: (var(--f-3-max) * 1.1);
  --step-3L: calc(
    ((var(--f-3L-min) / 10) * 1rem) + (var(--f-3L-max) - var(--f-3L-min)) * var(--fluid-bp)
  );

  /* h2 */
  --f-4-min: 34.18;
  --f-4-max: 43.95;
  --step-4: calc(
    ((var(--f-4-min) / 10) * 1rem) + (var(--f-4-max) - var(--f-4-min)) * var(--fluid-bp)
  );

  /* h2-larger */
  --f-4L-min: (var(--f-4-min) * 1.1);
  --f-4L-max: (var(--f-4-max) * 1.1);
  --step-4L: calc(
    ((var(--f-4L-min) / 10) * 1rem) + (var(--f-4L-max) - var(--f-4L-min)) * var(--fluid-bp)
  );

  /* h1 */
  --f-5-min: 42.72;
  --f-5-max: 54.93;
  --step-5: calc(
    ((var(--f-5-min) / 10) * 1rem) + (var(--f-5-max) - var(--f-5-min)) * var(--fluid-bp)
  );

  /* h1-larger */
  --f-5L-min: (var(--f-5-min) * 1.1);
  --f-5L-max: (var(--f-5-max) * 1.1);
  --step-5L: calc(
    ((var(--f-5L-min) / 10) * 1rem) + (var(--f-5L-max) - var(--f-5L-min)) * var(--fluid-bp)
  );

  --text-xs: var(--step--2);
  --text-s: var(--step--1);
  --text-s-larger: var(--step--1L);
  --text-larger: var(--step-0L);
  --text-m: var(--step-0);
  --text-l: var(--step-1);
  --text-xl: var(--step-2);
  --text-xxl: var(--step-3);
  --h1: var(--step-5);
  --h1-larger: var(--step-5L);
  --h2: var(--step-4);
  --h2-larger: var(--step-4L);
  --h3: var(--step-3);
  --h3-larger: var(--step-3L);
  --h4: var(--step-2);
  --h4-larger: var(--step-2L);
}

h1 {
  font-size: var(--step-5);
}

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

h2 {
  font-size: var(--step-4);
}

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

h3 {
  font-size: var(--step-3);
}

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

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

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

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

.text--xs,
.text--xs > p,
.text--xs > ol li,
.text--xs > ul li {
  font-size: var(--step--2);
}

.text--s,
.text--s > p,
.text--s > ol li,
.text--s > ul li {
  font-size: var(--step--1);
}

.text--s.text--larger,
.text--s.text--larger > p,
.text--s.text--larger > ol li,
.text--s.text--larger > ul li {
  font-size: var(--step--1L);
}

p,
.text--m,
.text--m > p,
.text--m > ol li,
.text--m > ul li {
  font-size: var(--step-0);
  max-inline-size: 65;
}

.text--l,
.text--l > p,
.text--l > ol li,
.text--l > ul li {
  font-size: var(--step-1);
}

.text--xl,
.text--xl > p,
.text--xl > ol li,
.text--xl > ul li {
  font-size: var(--step-2);
}

.text--xxl,
.text--xxl > p,
.text--xxl > ol li,
.text--xxl > ul li {
  font-size: var(--step-3);
}

/* Dynamic colour pallete (set core colours in Site-specific styles) */

:root {
  /* Transparencies */
  --primary-10: rgba(var(--primary-rgb), 0.1);
  --primary-20: rgba(var(--primary-rgb), 0.2);
  --primary-30: rgba(var(--primary-rgb), 0.3);
  --primary-40: rgba(var(--primary-rgb), 0.4);
  --primary-50: rgba(var(--primary-rgb), 0.5);
  --primary-60: rgba(var(--primary-rgb), 0.6);
  --primary-70: rgba(var(--primary-rgb), 0.7);
  --primary-80: rgba(var(--primary-rgb), 0.8);
  --primary-90: rgba(var(--primary-rgb), 0.9);
  --secondary-10: rgba(var(--secondary-rgb), 0.1);
  --secondary-20: rgba(var(--secondary-rgb), 0.2);
  --secondary-30: rgba(var(--secondary-rgb), 0.3);
  --secondary-40: rgba(var(--secondary-rgb), 0.4);
  --secondary-50: rgba(var(--secondary-rgb), 0.5);
  --secondary-60: rgba(var(--secondary-rgb), 0.6);
  --secondary-70: rgba(var(--secondary-rgb), 0.7);
  --secondary-80: rgba(var(--secondary-rgb), 0.8);
  --secondary-90: rgba(var(--secondary-rgb), 0.9);
  --tertiary-10: rgba(var(--tertiary-rgb), 0.1);
  --tertiary-20: rgba(var(--tertiary-rgb), 0.2);
  --tertiary-30: rgba(var(--tertiary-rgb), 0.3);
  --tertiary-40: rgba(var(--tertiary-rgb), 0.4);
  --tertiary-50: rgba(var(--tertiary-rgb), 0.5);
  --tertiary-60: rgba(var(--tertiary-rgb), 0.6);
  --tertiary-70: rgba(var(--tertiary-rgb), 0.7);
  --tertiary-80: rgba(var(--tertiary-rgb), 0.8);
  --tertiary-90: rgba(var(--tertiary-rgb), 0.9);
  --accent-10: rgba(var(--accent-rgb), 0.1);
  --accent-20: rgba(var(--accent-rgb), 0.2);
  --accent-30: rgba(var(--accent-rgb), 0.3);
  --accent-40: rgba(var(--accent-rgb), 0.4);
  --accent-50: rgba(var(--accent-rgb), 0.5);
  --accent-60: rgba(var(--accent-rgb), 0.6);
  --accent-70: rgba(var(--accent-rgb), 0.7);
  --accent-80: rgba(var(--accent-rgb), 0.8);
  --accent-90: rgba(var(--accent-rgb), 0.9);

  /* Dark/light shades */
  --primary-dark-90: color-mix(in oklab, var(--primary), #000 90%);
  --primary-dark-80: color-mix(in oklab, var(--primary), #000 80%);
  --primary-dark-70: color-mix(in oklab, var(--primary), #000 70%);
  --primary-dark-60: color-mix(in oklab, var(--primary), #000 60%);
  --primary-dark-50: color-mix(in oklab, var(--primary), #000 50%);
  --primary-dark-40: color-mix(in oklab, var(--primary), #000 40%);
  --primary-dark-30: color-mix(in oklab, var(--primary), #000 30%);
  --primary-dark-20: color-mix(in oklab, var(--primary), #000 20%);
  --primary-dark-10: color-mix(in oklab, var(--primary), #000 10%);
  --primary-light-90: color-mix(in oklab, var(--primary), #fff 90%);
  --primary-light-80: color-mix(in oklab, var(--primary), #fff 80%);
  --primary-light-70: color-mix(in oklab, var(--primary), #fff 70%);
  --primary-light-60: color-mix(in oklab, var(--primary), #fff 60%);
  --primary-light-50: color-mix(in oklab, var(--primary), #fff 50%);
  --primary-light-40: color-mix(in oklab, var(--primary), #fff 40%);
  --primary-light-30: color-mix(in oklab, var(--primary), #fff 30%);
  --primary-light-20: color-mix(in oklab, var(--primary), #fff 20%);
  --primary-light-10: color-mix(in oklab, var(--primary), #fff 10%);
  --secondary-dark-90: color-mix(in oklab, var(--secondary), #000 90%);
  --secondary-dark-80: color-mix(in oklab, var(--secondary), #000 80%);
  --secondary-dark-70: color-mix(in oklab, var(--secondary), #000 70%);
  --secondary-dark-60: color-mix(in oklab, var(--secondary), #000 60%);
  --secondary-dark-50: color-mix(in oklab, var(--secondary), #000 50%);
  --secondary-dark-40: color-mix(in oklab, var(--secondary), #000 40%);
  --secondary-dark-30: color-mix(in oklab, var(--secondary), #000 30%);
  --secondary-dark-20: color-mix(in oklab, var(--secondary), #000 20%);
  --secondary-dark-10: color-mix(in oklab, var(--secondary), #000 10%);
  --secondary-light-90: color-mix(in oklab, var(--secondary), #fff 90%);
  --secondary-light-80: color-mix(in oklab, var(--secondary), #fff 80%);
  --secondary-light-70: color-mix(in oklab, var(--secondary), #fff 70%);
  --secondary-light-60: color-mix(in oklab, var(--secondary), #fff 60%);
  --secondary-light-50: color-mix(in oklab, var(--secondary), #fff 50%);
  --secondary-light-40: color-mix(in oklab, var(--secondary), #fff 40%);
  --secondary-light-30: color-mix(in oklab, var(--secondary), #fff 30%);
  --secondary-light-20: color-mix(in oklab, var(--secondary), #fff 20%);
  --secondary-light-10: color-mix(in oklab, var(--secondary), #fff 10%);
  --tertiary-dark-90: color-mix(in oklab, var(--tertiary), #000 90%);
  --tertiary-dark-80: color-mix(in oklab, var(--tertiary), #000 80%);
  --tertiary-dark-70: color-mix(in oklab, var(--tertiary), #000 70%);
  --tertiary-dark-60: color-mix(in oklab, var(--tertiary), #000 60%);
  --tertiary-dark-50: color-mix(in oklab, var(--tertiary), #000 50%);
  --tertiary-dark-40: color-mix(in oklab, var(--tertiary), #000 40%);
  --tertiary-dark-30: color-mix(in oklab, var(--tertiary), #000 30%);
  --tertiary-dark-20: color-mix(in oklab, var(--tertiary), #000 20%);
  --tertiary-dark-10: color-mix(in oklab, var(--tertiary), #000 10%);
  --tertiary-light-90: color-mix(in oklab, var(--tertiary), #fff 90%);
  --tertiary-light-80: color-mix(in oklab, var(--tertiary), #fff 80%);
  --tertiary-light-70: color-mix(in oklab, var(--tertiary), #fff 70%);
  --tertiary-light-60: color-mix(in oklab, var(--tertiary), #fff 60%);
  --tertiary-light-50: color-mix(in oklab, var(--tertiary), #fff 50%);
  --tertiary-light-40: color-mix(in oklab, var(--tertiary), #fff 40%);
  --tertiary-light-30: color-mix(in oklab, var(--tertiary), #fff 30%);
  --tertiary-light-20: color-mix(in oklab, var(--tertiary), #fff 20%);
  --tertiary-light-10: color-mix(in oklab, var(--tertiary), #fff 10%);
  --accent-dark-90: color-mix(in oklab, var(--accent), #000 90%);
  --accent-dark-80: color-mix(in oklab, var(--accent), #000 80%);
  --accent-dark-70: color-mix(in oklab, var(--accent), #000 70%);
  --accent-dark-60: color-mix(in oklab, var(--accent), #000 60%);
  --accent-dark-50: color-mix(in oklab, var(--accent), #000 50%);
  --accent-dark-40: color-mix(in oklab, var(--accent), #000 40%);
  --accent-dark-30: color-mix(in oklab, var(--accent), #000 30%);
  --accent-dark-20: color-mix(in oklab, var(--accent), #000 20%);
  --accent-dark-10: color-mix(in oklab, var(--accent), #000 10%);
  --accent-light-90: color-mix(in oklab, var(--accent), #fff 90%);
  --accent-light-80: color-mix(in oklab, var(--accent), #fff 80%);
  --accent-light-70: color-mix(in oklab, var(--accent), #fff 70%);
  --accent-light-60: color-mix(in oklab, var(--accent), #fff 60%);
  --accent-light-50: color-mix(in oklab, var(--accent), #fff 50%);
  --accent-light-40: color-mix(in oklab, var(--accent), #fff 40%);
  --accent-light-30: color-mix(in oklab, var(--accent), #fff 30%);
  --accent-light-20: color-mix(in oklab, var(--accent), #fff 20%);
  --accent-light-10: color-mix(in oklab, var(--accent), #fff 10%);
}

:root {
  --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.1), 0 10px 10px -10px rgba(0, 0, 0, 0.3),
    0 30px 45px -10px rgba(0, 0, 0, 0.5);
  --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);
  }
}