/* File: automatic.css - Version: 4.0.0-dev-28 - Generated: 2025-12-26 15:14:08 */
/* Feat: Reset */
:root {
  interpolate-size: allow-keywords;
}
*, *::before, *::after {
  box-sizing: border-box;
}
body {
  min-block-size: 100vh;
}
input, button, textarea, select {
  font: inherit;
}
:where(dd) {
  margin-inline-start: 0;
}
/* Feat: Body, Heading, or Text Defaults */
html {
  font-size: var(--root-font-size) !important;
}
/* Feat: Body Defaults */
:where(body) {
  font-size: var(--default-font-size, var(--text-m));
  font-family: var(--text-font-family);
  color: var(--text-color);
  line-height: var(--text-line-height);
  font-weight: var(--text-font-weight);
  text-wrap: var(--text-text-wrap);
  background: var(--body-bg-color, var(--white));
}
:where(p) {
  line-height: var(--text-line-height, calc(1.68));
}
/* Feat: Link Defaults */
body a:where(:not([class*= btn--])) {
  color: var(--link-color, var(--primary));
  font-weight: var(--link-weight, inherit);
  -webkit-text-decoration: var(--link-decoration, inherit);
  text-decoration: var(--link-decoration, inherit);
  text-underline-offset: var(--link-underline-offset, auto);
  transition: var(--link-transition, var(--transition));
}
@media (hover: hover) and (pointer: fine) {
  body a:where(:not([class*= btn--])):hover {
    color: var(--link-color-hover, var(--primary-hover));
  }
}
/* Feat: Heading Defaults */
h1, :where(.h1), h2, :where(.h2), h3, :where(.h3), h4, :where(.h4), h5, :where(.h5), h6, :where(.h6) {
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
  font-weight: var(--heading-font-weight);
  text-wrap: var(--heading-text-wrap);
}
h1 {
  font-size: var(--h1);
  font-weight: var(--h1-font-weight);
  max-width: var(--h1-max-width);
}
h2 {
  font-size: var(--h2);
  max-width: var(--h2-max-width);
}
h3 {
  font-size: var(--h3);
  max-width: var(--h3-max-width);
}
h4 {
  font-size: var(--h4);
  line-height: var(--h4-line-height);
  max-width: var(--h4-max-width);
}
h5 {
  font-size: var(--h5);
  max-width: var(--h5-max-width);
}
h6 {
  font-size: var(--h6);
  max-width: var(--h6-max-width);
}
@layer acss-layer-anchors {
  .btn--primary {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .btn--primary-dark {
    --btn-background: var(--primary-dark);
    --btn-background-hover: var(--primary-ultra-dark);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary-dark);
    --btn-border-color-hover: var(--primary-ultra-dark);
    --focus-color: var(--primary-semi-dark);
  }
  .btn--primary-light {
    --btn-background: var(--primary-ultra-light);
    --btn-background-hover: var(--primary-light);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-dark);
    --btn-border-color: var(--primary-ultra-light);
    --btn-border-color-hover: var(--primary-light);
    --focus-color: var(--primary-light);
  }
  .btn--primary.btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .btn--primary-dark.btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-dark);
    --btn-text-color: var(--primary-dark);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary-dark);
    --btn-border-color-hover: var(--primary-dark);
    --focus-color: var(--primary-light);
  }
  .btn--primary-light.btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-light);
    --btn-text-color: var(--primary-light);
    --btn-text-color-hover: var(--primary-dark);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary-light);
    --btn-border-color-hover: var(--primary-light);
    --focus-color: var(--primary-light);
  }
  .btn--secondary {
    --btn-background: var(--secondary);
    --btn-background-hover: var(--secondary-hover);
    --btn-text-color: var(--secondary-ultra-light);
    --btn-text-color-hover: var(--secondary-ultra-light);
    --btn-border-color: var(--secondary);
    --btn-border-color-hover: var(--secondary-hover);
    --focus-color: var(--secondary-light);
  }
  .btn--secondary-dark {
    --btn-background: var(--secondary-dark);
    --btn-background-hover: var(--secondary-ultra-dark);
    --btn-text-color: var(--secondary-ultra-light);
    --btn-text-color-hover: var(--secondary-ultra-light);
    --btn-border-color: var(--secondary-dark);
    --btn-border-color-hover: var(--secondary-ultra-dark);
    --focus-color: var(--secondary-semi-dark);
  }
  .btn--secondary-light {
    --btn-background: var(--secondary-ultra-light);
    --btn-background-hover: var(--secondary-light);
    --btn-text-color: var(--secondary);
    --btn-text-color-hover: var(--secondary-ultra-dark);
    --btn-border-color: var(--secondary-ultra-light);
    --btn-border-color-hover: var(--secondary-light);
    --focus-color: var(--secondary-light);
  }
  .btn--secondary.btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--secondary-hover);
    --btn-text-color: var(--secondary);
    --btn-text-color-hover: var(--secondary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--secondary);
    --btn-border-color-hover: var(--secondary-hover);
    --focus-color: var(--secondary-light);
  }
  .btn--secondary-dark.btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--secondary-dark);
    --btn-text-color: var(--secondary-dark);
    --btn-text-color-hover: var(--secondary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--secondary-dark);
    --btn-border-color-hover: var(--secondary-dark);
    --focus-color: var(--secondary-light);
  }
  .btn--secondary-light.btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--secondary-light);
    --btn-text-color: var(--secondary-light);
    --btn-text-color-hover: var(--secondary-dark);
    --btn-border-width: 2px;
    --btn-border-color: var(--secondary-light);
    --btn-border-color-hover: var(--secondary-light);
    --focus-color: var(--secondary-light);
  }
  .btn--neutral {
    --btn-background: var(--neutral);
    --btn-background-hover: var(--neutral-dark);
    --btn-text-color: var(--neutral-ultra-light);
    --btn-text-color-hover: var(--neutral-ultra-light);
    --btn-border-color: var(--neutral);
    --btn-border-color-hover: var(--neutral-dark);
    --focus-color: var(--primary);
  }
  [class*="btn--"]:where(:not(.btn--none, .wp-block-button)), [class*="btn--"].wp-block-button > .wp-block-button__link {
    background: var(--btn-background);
    color: var(--btn-text-color);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    inline-size: var(--btn-width, auto);
    min-inline-size: var(--btn-min-width);
    line-height: var(--btn-line-height);
    font-size: var(--btn-font-size, var(--text-m));
    font-weight: var(--btn-font-weight);
    font-style: var(--btn-font-style);
    text-transform: var(--btn-text-transform);
    letter-spacing: var(--btn-letter-spacing);
    text-decoration: var(--btn-text-decoration);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-radius: var(--btn-border-radius);
    border-color: var(--btn-border-color);
    transition: var(--btn-transition, var(--transition));
    justify-content: var(--btn-justify-content, center);
    text-align: var(--btn-text-align, center);
    display: var(--btn-display, inline-flex);
  }
  @media (hover: hover) and (pointer: fine) {
    [class*="btn--"]:where(:not(.btn--none, .wp-block-button)):hover, [class*="btn--"].wp-block-button > .wp-block-button__link:hover {
      background: var(--btn-background-hover);
      color: var(--btn-text-color-hover);
      border-color: var(--btn-border-color-hover);
      text-decoration: var(--btn-text-decoration-hover);
    }
  }
  [class*="btn--"]:where(:not(.btn--none, .wp-block-button)):where(:focus-visible), [class*="btn--"].wp-block-button > .wp-block-button__link:where(:focus-visible) {
    outline-style: solid;
    outline-color: var(--focus-color);
    outline-width: var(--focus-width);
    outline-offset: var(--focus-offset);
  }
  .btn--xs {
    font-size: var(--text-xs);
  }
  .btn--s {
    font-size: var(--text-s);
  }
  .btn--m {
    font-size: var(--text-m);
  }
  .btn--l {
    font-size: var(--text-l);
  }
  .btn--xl {
    font-size: var(--text-xl);
  }
  .btn--xxl {
    font-size: var(--text-xxl);
  }
  .btn--none {
    background: none;
    border: none;
  }
}
@layer acss-layer-utilities {
  .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;
  }
  a.clickable-parent {
    position: static;
  }
  a.clickable-parent::after {
    content: "";
    position: absolute;
    inset: 0;
    cursor: pointer !important;
    display: flex;
  }
  .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: 1;
  }
  button.clickable-parent, a.clickable-parent {
    position: static !important;
  }
  button.clickable-parent::after, a.clickable-parent::after {
    content: "";
    position: absolute;
    inset: 0;
    cursor: pointer !important;
    display: flex;
    z-index: 1;
  }
  .bricks-area a.clickable-parent::after, .bricks-area .clickable-parent > a::after {
    content: "";
    position: relative;
  }
  .hidden-accessible {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(100%);
    white-space: nowrap;
    /* added line */
    border: 0;
  }
  .bricks-area .hidden-accessible {
    position: relative !important;
    inline-size: 2ch !important;
    block-size: 2ch !important;
    margin: 0;
    line-height: 1;
    visibility: hidden;
  }
  .bricks-area .hidden-accessible::before {
    content: "A";
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    background: #111;
    color: #f5f5f5;
    font-size: max(60%, 13px);
    padding: 0.5em;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 20px;
    block-size: 20px;
    visibility: visible;
    border-radius: 50%;
  }
  @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;
    }
  }
  .skip-link {
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-start: 1rem;
    transform: translateY(-250%);
    --btn-min-width: fit-content;
    z-index: 100;
    background: var(--btn-background);
    color: var(--btn-text-color);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    inline-size: var(--btn-width, auto);
    min-inline-size: var(--btn-min-width);
    line-height: var(--btn-line-height);
    font-size: var(--btn-font-size, var(--text-m));
    font-weight: var(--btn-font-weight);
    font-style: var(--btn-font-style);
    text-transform: var(--btn-text-transform);
    letter-spacing: var(--btn-letter-spacing);
    text-decoration: var(--btn-text-decoration);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-radius: var(--btn-border-radius);
    border-color: var(--btn-border-color);
    transition: var(--btn-transition, var(--transition));
    justify-content: var(--btn-justify-content, center);
    text-align: var(--btn-text-align, center);
    display: var(--btn-display, inline-flex);
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  @media (hover: hover) and (pointer: fine) {
    .skip-link:hover {
      background: var(--btn-background-hover);
      color: var(--btn-text-color-hover);
      border-color: var(--btn-border-color-hover);
      text-decoration: var(--btn-text-decoration-hover);
    }
  }
  .skip-link:where(:focus-visible) {
    outline-style: solid;
    outline-color: var(--focus-color);
    outline-width: var(--focus-width);
    outline-offset: var(--focus-offset);
  }
  .skip-link:focus-visible {
    transform: translateY(0);
  }
  .focus-parent:focus-within:not(:has(:focus-visible)) {
    outline: none;
    outline-offset: 0;
  }
  .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:not(:has(:focus-visible)) {
    box-shadow: none;
  }
  .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:not(:has(:focus-visible)) {
    outline: none;
    outline-offset: 0;
  }
  .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;
  }
  /* Feat: Focus Styles */
  /* Feat: Default Section Styles */
  :where(section:not(section section)) {
    display: flex;
    flex-direction: column;
    padding-block: var(--section-padding-block);
    padding-inline: var(--gutter);
  }
  .bg--primary {
    background-color: var(--primary);
  }
  .bg--primary-hover {
    background-color: var(--primary-hover);
  }
  .bg--primary-ultra-light {
    background-color: var(--primary-ultra-light);
  }
  .bg--primary-light {
    background-color: var(--primary-light);
  }
  .bg--primary-semi-light {
    background-color: var(--primary-semi-light);
  }
  .bg--primary-semi-dark {
    background-color: var(--primary-semi-dark);
  }
  .bg--primary-dark {
    background-color: var(--primary-dark);
  }
  .bg--primary-ultra-dark {
    background-color: var(--primary-ultra-dark);
  }
  .bg--secondary {
    background-color: var(--secondary);
  }
  .bg--secondary-hover {
    background-color: var(--secondary-hover);
  }
  .bg--secondary-ultra-light {
    background-color: var(--secondary-ultra-light);
  }
  .bg--secondary-light {
    background-color: var(--secondary-light);
  }
  .bg--secondary-semi-light {
    background-color: var(--secondary-semi-light);
  }
  .bg--secondary-semi-dark {
    background-color: var(--secondary-semi-dark);
  }
  .bg--secondary-dark {
    background-color: var(--secondary-dark);
  }
  .bg--secondary-ultra-dark {
    background-color: var(--secondary-ultra-dark);
  }
  .bg--accent {
    background-color: var(--accent);
  }
  .bg--accent-hover {
    background-color: var(--accent-hover);
  }
  .bg--accent-ultra-light {
    background-color: var(--accent-ultra-light);
  }
  .bg--accent-light {
    background-color: var(--accent-light);
  }
  .bg--accent-semi-light {
    background-color: var(--accent-semi-light);
  }
  .bg--accent-semi-dark {
    background-color: var(--accent-semi-dark);
  }
  .bg--accent-dark {
    background-color: var(--accent-dark);
  }
  .bg--accent-ultra-dark {
    background-color: var(--accent-ultra-dark);
  }
  .bg--neutral {
    background-color: var(--neutral);
  }
  .bg--neutral-hover {
    background-color: var(--neutral-hover);
  }
  .bg--neutral-ultra-light {
    background-color: var(--neutral-ultra-light);
  }
  .bg--neutral-light {
    background-color: var(--neutral-light);
  }
  .bg--neutral-semi-light {
    background-color: var(--neutral-semi-light);
  }
  .bg--neutral-semi-dark {
    background-color: var(--neutral-semi-dark);
  }
  .bg--neutral-dark {
    background-color: var(--neutral-dark);
  }
  .bg--neutral-ultra-dark {
    background-color: var(--neutral-ultra-dark);
  }
  .bg--white {
    background-color: var(--white);
  }
  .bg--black {
    background-color: var(--black);
  }
  :has(> .is-bg) {
    position: relative;
    isolation: isolate;
  }
  :is(*, img, figure, picture).is-bg {
    position: var(--bg-position, absolute);
    inset: var(--bg-inset, 0);
    inline-size: var(--bg-width, 100%);
    block-size: var(--bg-height, 100%);
    border-radius: var(--bg-radius, 0);
    object-fit: var(--bg-object-fit, cover);
    object-position: var(--bg-object-position, center);
    z-index: var(--bg-z-index, -2);
    border-radius: var(--bg-radius, 0);
    pointer-events: none;
  }
  :is(*, img, figure, picture).is-bg > img {
    object-fit: var(--bg-object-fit, cover);
    object-position: var(--bg-object-position, center);
  }
  .bg--ultra-light {
    background-color: var(--bg-ultra-light);
  }
  .bg--light {
    background-color: var(--bg-light);
  }
  .bg--dark {
    background-color: var(--bg-dark);
  }
  .bg--ultra-dark {
    background-color: var(--bg-ultra-dark);
  }
  .text--light {
    color: var(--text-light);
  }
  .text--light-muted {
    color: var(--text-light-muted);
  }
  .text--dark {
    color: var(--text-dark);
  }
  .text--dark-muted {
    color: var(--text-dark-muted);
  }
  /* Feat: Content Grid */
  :where(.content-grid) {
    --full: minmax(var(--gutter), 1fr);
    padding-inline: 0;
    column-gap: 0 !important;
    display: grid !important;
    grid-template-columns: [full-start] var(--full) [feature-max-start] minmax(0, var(--feature-max-width, 100px)) [feature-start] minmax(0, var(--feature-width, 50px)) [content-start] min(var(--content-width), 100% - var(--gutter) * 2) [content-end] minmax(0, var(--feature-width, 50px)) [feature-end] minmax(0, var(--feature-max-width, 100px)) [feature-max-end] var(--full) [full-end];
  }
  :where(.content-grid) > :not(.content--feature, .content--feature-max, .content--full, .content--full-safe) {
    width: 100%;
    max-width: 100%;
  }
  :where(.content-grid) > :where(:not(.content--feature, .content--feature-max, .content--full, .content--full-safe)) {
    grid-column: content;
  }
  .content--feature {
    grid-column: feature;
  }
  .content--feature-max {
    grid-column: feature-max;
  }
  .content--full {
    grid-column: full;
  }
  .content--full-safe {
    grid-column: full;
    padding-inline: var(--gutter);
  }
  .content-grid:where(.content--full-safe) {
    padding-inline: var(--gutter);
  }
  :is(.content--feature, .content--feature-max, .content--full, .content--full-safe):not(.content-grid--off :is(.content--feature, .content--feature-max, .content--full, .content--full-safe)) {
    width: 100% !important;
    max-width: 100%;
  }
  :is(.content--feature, .content--feature-max, .content--full, .content--full-safe) :is(figure img, picture img) {
    width: 100%;
  }
  .content-grid:is([class*="padding--"], [class*="section--"], [class*="header--"]) {
    padding-inline: 0;
  }
  :root, .color-scheme--main {
    --bg-ultra-light-text: var(--text-dark);
    --bg-light-text: var(--text-dark);
    --bg-dark-text: var(--text-light);
    --bg-ultra-dark-text: var(--text-light);
    --bg-ultra-light-heading: var(--text-dark);
    --bg-light-heading: var(--text-dark);
    --bg-dark-heading: var(--text-light);
    --bg-ultra-dark-heading: var(--text-light);
  }
  .color-scheme--alt {
    --bg-ultra-light-text: var(--text-dark);
    --bg-light-text: var(--text-dark);
    --bg-dark-text: var(--text-light);
    --bg-ultra-dark-text: var(--text-light);
    --bg-ultra-light-heading: var(--text-dark);
    --bg-light-heading: var(--text-dark);
    --bg-dark-heading: var(--text-light);
    --bg-ultra-dark-heading: var(--text-light);
    --bg-ultra-dark-text: var(--text-light);
  }
  :where(.bg--ultra-light) {
    --relative-text-color: var(--bg-ultra-light-text);
    color: var(--relative-text-color, inherit);
  }
  :where(.bg--light) {
    --relative-text-color: var(--bg-light-text);
    color: var(--relative-text-color, inherit);
  }
  :where(.bg--dark) {
    --relative-text-color: var(--bg-dark-text);
    color: var(--relative-text-color, inherit);
  }
  :where(.bg--ultra-dark) {
    --relative-text-color: var(--bg-ultra-dark-text);
    color: var(--relative-text-color, inherit);
  }
  .bg--ultra-light :where(h1, h2, h3, h4, h5, h6) {
    color: var(--relative-heading-color, inherit);
  }
  .bg--light :where(h1, h2, h3, h4, h5, h6) {
    color: var(--relative-heading-color, inherit);
  }
  .bg--dark :where(h1, h2, h3, h4, h5, h6) {
    color: var(--relative-heading-color, inherit);
  }
  .bg--ultra-dark :where(h1, h2, h3, h4, h5, h6) {
    color: var(--relative-heading-color, inherit);
  }
  .bg--ultra-light {
    --relative-heading-color: var(--bg-ultra-light-heading);
  }
  .bg--light {
    --relative-heading-color: var(--bg-light-heading);
  }
  .bg--dark {
    --relative-heading-color: var(--bg-dark-heading);
  }
  .bg--ultra-dark {
    --relative-heading-color: var(--bg-ultra-dark-heading);
  }
  .bg--ultra-light [class*="btn--"]:not(.unrelate) {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--ultra-light [class*="btn--"]:not(.unrelate).btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--light [class*="btn--"]:not(.unrelate) {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--light [class*="btn--"]:not(.unrelate).btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--dark [class*="btn--"]:not(.unrelate) {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--dark [class*="btn--"]:not(.unrelate).btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--ultra-dark [class*="btn--"]:not(.unrelate) {
    --btn-background: var(--primary);
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary-ultra-light);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  .bg--ultra-dark [class*="btn--"]:not(.unrelate).btn--outline {
    --btn-background: transparent;
    --btn-background-hover: var(--primary-hover);
    --btn-text-color: var(--primary);
    --btn-text-color-hover: var(--primary-ultra-light);
    --btn-border-width: 2px;
    --btn-border-color: var(--primary);
    --btn-border-color-hover: var(--primary-hover);
    --focus-color: var(--primary-light);
  }
  /* Feat: Section Padding */
  .section--xs {
    padding-block: var(--section-space-xs);
    padding-inline: var(--gutter);
  }
  .section--s {
    padding-block: var(--section-space-s);
    padding-inline: var(--gutter);
  }
  .section--m {
    padding-block: var(--section-space-m);
    padding-inline: var(--gutter);
  }
  .section--l {
    padding-block: var(--section-space-l);
    padding-inline: var(--gutter);
  }
  .section--xl {
    padding-block: var(--section-space-xl);
    padding-inline: var(--gutter);
  }
  .section--xxl {
    padding-block: var(--section-space-xxl);
    padding-inline: var(--gutter);
  }
  .section--none {
    padding-block: 0;
    padding-inline: var(--gutter);
  }
  @media (max-width: 1440px) {
    .section--2xl-xs {
      padding-block: var(--section-space-xs);
      padding-inline: var(--gutter);
    }
    .section--2xl-s {
      padding-block: var(--section-space-s);
      padding-inline: var(--gutter);
    }
    .section--2xl-m {
      padding-block: var(--section-space-m);
      padding-inline: var(--gutter);
    }
    .section--2xl-l {
      padding-block: var(--section-space-l);
      padding-inline: var(--gutter);
    }
    .section--2xl-xl {
      padding-block: var(--section-space-xl);
      padding-inline: var(--gutter);
    }
    .section--2xl-xxl {
      padding-block: var(--section-space-xxl);
      padding-inline: var(--gutter);
    }
    .section--2xl-none {
      padding-inline: 0 var(--gutter);
    }
  }
  @media (max-width: 1366px) {
    .section--xl-xs {
      padding-block: var(--section-space-xs);
      padding-inline: var(--gutter);
    }
    .section--xl-s {
      padding-block: var(--section-space-s);
      padding-inline: var(--gutter);
    }
    .section--xl-m {
      padding-block: var(--section-space-m);
      padding-inline: var(--gutter);
    }
    .section--xl-l {
      padding-block: var(--section-space-l);
      padding-inline: var(--gutter);
    }
    .section--xl-xl {
      padding-block: var(--section-space-xl);
      padding-inline: var(--gutter);
    }
    .section--xl-xxl {
      padding-block: var(--section-space-xxl);
      padding-inline: var(--gutter);
    }
    .section--xl-none {
      padding-inline: 0 var(--gutter);
    }
  }
  @media (max-width: 992px) {
    .section--lg-xs {
      padding-block: var(--section-space-xs);
      padding-inline: var(--gutter);
    }
    .section--lg-s {
      padding-block: var(--section-space-s);
      padding-inline: var(--gutter);
    }
    .section--lg-m {
      padding-block: var(--section-space-m);
      padding-inline: var(--gutter);
    }
    .section--lg-l {
      padding-block: var(--section-space-l);
      padding-inline: var(--gutter);
    }
    .section--lg-xl {
      padding-block: var(--section-space-xl);
      padding-inline: var(--gutter);
    }
    .section--lg-xxl {
      padding-block: var(--section-space-xxl);
      padding-inline: var(--gutter);
    }
    .section--lg-none {
      padding-inline: 0 var(--gutter);
    }
  }
  @media (max-width: 768px) {
    .section--md-xs {
      padding-block: var(--section-space-xs);
      padding-inline: var(--gutter);
    }
    .section--md-s {
      padding-block: var(--section-space-s);
      padding-inline: var(--gutter);
    }
    .section--md-m {
      padding-block: var(--section-space-m);
      padding-inline: var(--gutter);
    }
    .section--md-l {
      padding-block: var(--section-space-l);
      padding-inline: var(--gutter);
    }
    .section--md-xl {
      padding-block: var(--section-space-xl);
      padding-inline: var(--gutter);
    }
    .section--md-xxl {
      padding-block: var(--section-space-xxl);
      padding-inline: var(--gutter);
    }
    .section--md-none {
      padding-inline: 0 var(--gutter);
    }
  }
  @media (max-width: 480px) {
    .section--sm-xs {
      padding-block: var(--section-space-xs);
      padding-inline: var(--gutter);
    }
    .section--sm-s {
      padding-block: var(--section-space-s);
      padding-inline: var(--gutter);
    }
    .section--sm-m {
      padding-block: var(--section-space-m);
      padding-inline: var(--gutter);
    }
    .section--sm-l {
      padding-block: var(--section-space-l);
      padding-inline: var(--gutter);
    }
    .section--sm-xl {
      padding-block: var(--section-space-xl);
      padding-inline: var(--gutter);
    }
    .section--sm-xxl {
      padding-block: var(--section-space-xxl);
      padding-inline: var(--gutter);
    }
    .section--sm-none {
      padding-inline: 0 var(--gutter);
    }
  }
  @media (max-width: 320px) {
    .section--xs-xs {
      padding-block: var(--section-space-xs);
      padding-inline: var(--gutter);
    }
    .section--xs-s {
      padding-block: var(--section-space-s);
      padding-inline: var(--gutter);
    }
    .section--xs-m {
      padding-block: var(--section-space-m);
      padding-inline: var(--gutter);
    }
    .section--xs-l {
      padding-block: var(--section-space-l);
      padding-inline: var(--gutter);
    }
    .section--xs-xl {
      padding-block: var(--section-space-xl);
      padding-inline: var(--gutter);
    }
    .section--xs-xxl {
      padding-block: var(--section-space-xxl);
      padding-inline: var(--gutter);
    }
    .section--xs-none {
      padding-inline: 0 var(--gutter);
    }
  }
  .header--xs {
    padding-block: var(--space-xs);
    padding-inline: var(--gutter);
  }
  .header--s {
    padding-block: var(--space-s);
    padding-inline: var(--gutter);
  }
  .header--m {
    padding-block: var(--space-m);
    padding-inline: var(--gutter);
  }
  .header--l {
    padding-block: var(--space-l);
    padding-inline: var(--gutter);
  }
  .header--xl {
    padding-block: var(--space-xl);
    padding-inline: var(--gutter);
  }
  .header--xxl {
    padding-block: var(--space-xxl);
    padding-inline: var(--gutter);
  }
  .text--primary, .text--primary :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary);
  }
  .text--primary-hover, .text--primary-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-hover);
  }
  .text--primary-ultra-light, .text--primary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-ultra-light);
  }
  .text--primary-light, .text--primary-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-light);
  }
  .text--primary-semi-light, .text--primary-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-semi-light);
  }
  .text--primary-semi-dark, .text--primary-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-semi-dark);
  }
  .text--primary-dark, .text--primary-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-dark);
  }
  .text--primary-ultra-dark, .text--primary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--primary-ultra-dark);
  }
  .text--secondary, .text--secondary :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--secondary);
  }
  .text--secondary-hover, .text--secondary-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--secondary-hover);
  }
  .text--secondary-ultra-light, .text--secondary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--secondary-ultra-light);
  }
  .text--secondary-light, .text--secondary-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--secondary-light);
  }
  .text--secondary-semi-light, .text--secondary-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--secondary-semi-light);
  }
  .text--secondary-semi-dark, .text--secondary-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--secondary-semi-dark);
  }
  .text--secondary-dark, .text--secondary-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--secondary-dark);
  }
  .text--secondary-ultra-dark, .text--secondary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--secondary-ultra-dark);
  }
  .text--accent, .text--accent :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--accent);
  }
  .text--accent-hover, .text--accent-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--accent-hover);
  }
  .text--accent-ultra-light, .text--accent-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--accent-ultra-light);
  }
  .text--accent-light, .text--accent-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--accent-light);
  }
  .text--accent-semi-light, .text--accent-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--accent-semi-light);
  }
  .text--accent-semi-dark, .text--accent-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--accent-semi-dark);
  }
  .text--accent-dark, .text--accent-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--accent-dark);
  }
  .text--accent-ultra-dark, .text--accent-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--accent-ultra-dark);
  }
  .text--neutral, .text--neutral :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral);
  }
  .text--neutral-hover, .text--neutral-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-hover);
  }
  .text--neutral-ultra-light, .text--neutral-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-ultra-light);
  }
  .text--neutral-light, .text--neutral-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-light);
  }
  .text--neutral-semi-light, .text--neutral-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-semi-light);
  }
  .text--neutral-semi-dark, .text--neutral-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-semi-dark);
  }
  .text--neutral-dark, .text--neutral-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-dark);
  }
  .text--neutral-ultra-dark, .text--neutral-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--neutral-ultra-dark);
  }
  .text--white, .text--white :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--white);
  }
  .text--black, .text--black :where(:is(h1, h2, h3, h4, h5, h6)) {
    color: var(--black);
  }
  body blockquote {
    text-wrap: pretty;
  }
  /* Feat: Auto Object Fit */
  img {
    object-fit: var(--object-fit, cover);
    object-position: var(--object-position, 50% 50%);
  }
  /* Feat: Height */
  [class*="height--"] {
    block-size: var(--height, initial);
    min-block-size: var(--min-height, initial);
    max-block-size: var(--max-height, initial);
  }
  .height--10 {
    --height: 10vh;
  }
  .height--20 {
    --height: 20vh;
  }
  .height--30 {
    --height: 30vh;
  }
  .height--40 {
    --height: 40vh;
  }
  .height--50 {
    --height: 50vh;
  }
  .height--60 {
    --height: 60vh;
  }
  .height--70 {
    --height: 70vh;
  }
  .height--80 {
    --height: 80vh;
  }
  .height--90 {
    --height: 90vh;
  }
  .height--100 {
    --height: 100vh;
  }
  .min-height--10 {
    --min-height: 10vh;
  }
  .min-height--20 {
    --min-height: 20vh;
  }
  .min-height--30 {
    --min-height: 30vh;
  }
  .min-height--40 {
    --min-height: 40vh;
  }
  .min-height--50 {
    --min-height: 50vh;
  }
  .min-height--60 {
    --min-height: 60vh;
  }
  .min-height--70 {
    --min-height: 70vh;
  }
  .min-height--80 {
    --min-height: 80vh;
  }
  .min-height--90 {
    --min-height: 90vh;
  }
  .min-height--100 {
    --min-height: 100vh;
  }
  .max-height--10 {
    --max-height: 10vh;
  }
  .max-height--20 {
    --max-height: 20vh;
  }
  .max-height--30 {
    --max-height: 30vh;
  }
  .max-height--40 {
    --max-height: 40vh;
  }
  .max-height--50 {
    --max-height: 50vh;
  }
  .max-height--60 {
    --max-height: 60vh;
  }
  .max-height--70 {
    --max-height: 70vh;
  }
  .max-height--80 {
    --max-height: 80vh;
  }
  .max-height--90 {
    --max-height: 90vh;
  }
  .max-height--100 {
    --max-height: 100vh;
  }
  /* Feat: Columns */
  :is([class*="col-count--"], [class*="col-width--"]) {
    display: block !important;
  }
  .col-count--1 {
    -moz-column-count: 1;
    column-count: 1;
  }
  .col-count--2 {
    -moz-column-count: 2;
    column-count: 2;
  }
  .col-count--3 {
    -moz-column-count: 3;
    column-count: 3;
  }
  .col-count--4 {
    -moz-column-count: 4;
    column-count: 4;
  }
  .col-count--5 {
    -moz-column-count: 5;
    column-count: 5;
  }
  @media (max-width: 1440px) {
    .col-count--2xl-1 {
      -moz-column-count: 1;
      column-count: 1;
    }
    .col-count--2xl-2 {
      -moz-column-count: 2;
      column-count: 2;
    }
    .col-count--2xl-3 {
      -moz-column-count: 3;
      column-count: 3;
    }
    .col-count--2xl-4 {
      -moz-column-count: 4;
      column-count: 4;
    }
    .col-count--2xl-5 {
      -moz-column-count: 5;
      column-count: 5;
    }
  }
  @media (max-width: 1366px) {
    .col-count--xl-1 {
      -moz-column-count: 1;
      column-count: 1;
    }
    .col-count--xl-2 {
      -moz-column-count: 2;
      column-count: 2;
    }
    .col-count--xl-3 {
      -moz-column-count: 3;
      column-count: 3;
    }
    .col-count--xl-4 {
      -moz-column-count: 4;
      column-count: 4;
    }
    .col-count--xl-5 {
      -moz-column-count: 5;
      column-count: 5;
    }
  }
  @media (max-width: 992px) {
    .col-count--lg-1 {
      -moz-column-count: 1;
      column-count: 1;
    }
    .col-count--lg-2 {
      -moz-column-count: 2;
      column-count: 2;
    }
    .col-count--lg-3 {
      -moz-column-count: 3;
      column-count: 3;
    }
    .col-count--lg-4 {
      -moz-column-count: 4;
      column-count: 4;
    }
    .col-count--lg-5 {
      -moz-column-count: 5;
      column-count: 5;
    }
  }
  @media (max-width: 768px) {
    .col-count--md-1 {
      -moz-column-count: 1;
      column-count: 1;
    }
    .col-count--md-2 {
      -moz-column-count: 2;
      column-count: 2;
    }
    .col-count--md-3 {
      -moz-column-count: 3;
      column-count: 3;
    }
    .col-count--md-4 {
      -moz-column-count: 4;
      column-count: 4;
    }
    .col-count--md-5 {
      -moz-column-count: 5;
      column-count: 5;
    }
  }
  @media (max-width: 480px) {
    .col-count--sm-1 {
      -moz-column-count: 1;
      column-count: 1;
    }
    .col-count--sm-2 {
      -moz-column-count: 2;
      column-count: 2;
    }
    .col-count--sm-3 {
      -moz-column-count: 3;
      column-count: 3;
    }
    .col-count--sm-4 {
      -moz-column-count: 4;
      column-count: 4;
    }
    .col-count--sm-5 {
      -moz-column-count: 5;
      column-count: 5;
    }
  }
  @media (max-width: 320px) {
    .col-count--xs-1 {
      -moz-column-count: 1;
      column-count: 1;
    }
    .col-count--xs-2 {
      -moz-column-count: 2;
      column-count: 2;
    }
    .col-count--xs-3 {
      -moz-column-count: 3;
      column-count: 3;
    }
    .col-count--xs-4 {
      -moz-column-count: 4;
      column-count: 4;
    }
    .col-count--xs-5 {
      -moz-column-count: 5;
      column-count: 5;
    }
  }
  .col-width--s {
    width: 100%;
    -moz-column-width: var(--col-width-s, 13rem);
    column-width: var(--col-width-s, 13rem);
  }
  .col-width--m {
    width: 100%;
    -moz-column-width: var(--col-width-m, 25rem);
    column-width: var(--col-width-m, 25rem);
  }
  .col-width--l {
    width: 100%;
    -moz-column-width: var(--col-width-l, 38rem);
    column-width: var(--col-width-l, 38rem);
  }
  .col-rule--dotted {
    -moz-column-rule: dotted;
    column-rule: dotted;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--dashed {
    -moz-column-rule: dashed;
    column-rule: dashed;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--solid {
    -moz-column-rule: solid;
    column-rule: solid;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--double {
    -moz-column-rule: double;
    column-rule: double;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--groove {
    -moz-column-rule: groove;
    column-rule: groove;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--ridge {
    -moz-column-rule: ridge;
    column-rule: ridge;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--inset {
    -moz-column-rule: inset;
    column-rule: inset;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  .col-rule--outset {
    -moz-column-rule: outset;
    column-rule: outset;
    -moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
    column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
  }
  [class*="col-rule--"] {
    -moz-column-rule-color: var(--col-rule-color, var(--black));
    column-rule-color: var(--col-rule-color, var(--black));
  }
  .col-rule--s {
    -moz-column-rule-width: var(--col-rule-width-s, 0.5px);
    column-rule-width: var(--col-rule-width-s, 0.5px);
  }
  .col-rule--m {
    -moz-column-rule-width: var(--col-rule-width-m, 1px);
    column-rule-width: var(--col-rule-width-m, 1px);
  }
  .col-rule--l {
    -moz-column-rule-width: var(--col-rule-width-l, 3px);
    column-rule-width: var(--col-rule-width-l, 3px);
  }
  .col-span--all {
    -moz-column-span: all;
    column-span: all;
  }
  [class*="col-"] > * {
    break-inside: avoid;
  }
  /* Feat: Masonry */
  .masonry--1 {
    display: block !important;
    column-count: 1;
    row-gap: var(--row-gap);
    column-gap: var(--col-gap);
  }
  .masonry--2 {
    display: block !important;
    column-count: 2;
    row-gap: var(--row-gap);
    column-gap: var(--col-gap);
  }
  .masonry--3 {
    display: block !important;
    column-count: 3;
    row-gap: var(--row-gap);
    column-gap: var(--col-gap);
  }
  .masonry--4 {
    display: block !important;
    column-count: 4;
    row-gap: var(--row-gap);
    column-gap: var(--col-gap);
  }
  .masonry--5 {
    display: block !important;
    column-count: 5;
    row-gap: var(--row-gap);
    column-gap: var(--col-gap);
  }
  @media (max-width: 1440px) {
    .masonry--2xl-1 {
      column-count: 1;
    }
    .masonry--2xl-2 {
      column-count: 2;
    }
    .masonry--2xl-3 {
      column-count: 3;
    }
    .masonry--2xl-4 {
      column-count: 4;
    }
    .masonry--2xl-5 {
      column-count: 5;
    }
  }
  @media (max-width: 1366px) {
    .masonry--xl-1 {
      column-count: 1;
    }
    .masonry--xl-2 {
      column-count: 2;
    }
    .masonry--xl-3 {
      column-count: 3;
    }
    .masonry--xl-4 {
      column-count: 4;
    }
    .masonry--xl-5 {
      column-count: 5;
    }
  }
  @media (max-width: 992px) {
    .masonry--lg-1 {
      column-count: 1;
    }
    .masonry--lg-2 {
      column-count: 2;
    }
    .masonry--lg-3 {
      column-count: 3;
    }
    .masonry--lg-4 {
      column-count: 4;
    }
    .masonry--lg-5 {
      column-count: 5;
    }
  }
  @media (max-width: 768px) {
    .masonry--md-1 {
      column-count: 1;
    }
    .masonry--md-2 {
      column-count: 2;
    }
    .masonry--md-3 {
      column-count: 3;
    }
    .masonry--md-4 {
      column-count: 4;
    }
    .masonry--md-5 {
      column-count: 5;
    }
  }
  @media (max-width: 480px) {
    .masonry--sm-1 {
      column-count: 1;
    }
    .masonry--sm-2 {
      column-count: 2;
    }
    .masonry--sm-3 {
      column-count: 3;
    }
    .masonry--sm-4 {
      column-count: 4;
    }
    .masonry--sm-5 {
      column-count: 5;
    }
  }
  @media (max-width: 320px) {
    .masonry--xs-1 {
      column-count: 1;
    }
    .masonry--xs-2 {
      column-count: 2;
    }
    .masonry--xs-3 {
      column-count: 3;
    }
    .masonry--xs-4 {
      column-count: 4;
    }
    .masonry--xs-5 {
      column-count: 5;
    }
  }
  :where([class*="masonry--"] > *) {
    break-inside: avoid;
    width: 100%;
  }
  :where([class*="masonry--"]) {
    --col-gap: var(--grid-gap);
  }
  :where([class*="masonry--"] > *) {
    margin-block-end: var(--grid-gap);
  }
  [class*="masonry"]:is([class*="gap--"], [class*="row-gap--"], [class*="content-gap"], [class*="container-gap"], [class*="grid-gap"], [class*="fr-content-gap"], [class*="fr-container-gap"], [class*="fr-grid-gap"]) > * {
    margin-block-end: var(--row-gap);
  }
  /* Feat: Auto Alternating Grids */
  @media (min-width: 1441px) {
    .grid--alternate-2xl > .grid--2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-2xl > .grid--1-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .grid--alternate-2xl > .grid--1-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-2xl > .grid--1-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    }
    .grid--alternate-2xl > .grid--1-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-2xl > .grid--2-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }
    .grid--alternate-2xl > .grid--2-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-2xl > .grid--2-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
    .grid--alternate-2xl > .grid--2-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-2xl > .grid--3-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }
    .grid--alternate-2xl > .grid--3-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-2xl > .grid--3-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }
    .grid--alternate-2xl > .grid--3-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
  }
  @media (min-width: 1367px) {
    .grid--alternate-xl > .grid--2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xl > .grid--1-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .grid--alternate-xl > .grid--1-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xl > .grid--1-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    }
    .grid--alternate-xl > .grid--1-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xl > .grid--2-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }
    .grid--alternate-xl > .grid--2-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xl > .grid--2-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
    .grid--alternate-xl > .grid--2-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xl > .grid--3-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }
    .grid--alternate-xl > .grid--3-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xl > .grid--3-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }
    .grid--alternate-xl > .grid--3-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
  }
  @media (min-width: 993px) {
    .grid--alternate-lg > .grid--2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-lg > .grid--1-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .grid--alternate-lg > .grid--1-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-lg > .grid--1-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    }
    .grid--alternate-lg > .grid--1-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-lg > .grid--2-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }
    .grid--alternate-lg > .grid--2-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-lg > .grid--2-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
    .grid--alternate-lg > .grid--2-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-lg > .grid--3-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }
    .grid--alternate-lg > .grid--3-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-lg > .grid--3-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }
    .grid--alternate-lg > .grid--3-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
  }
  @media (min-width: 769px) {
    .grid--alternate-md > .grid--2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-md > .grid--1-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .grid--alternate-md > .grid--1-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-md > .grid--1-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    }
    .grid--alternate-md > .grid--1-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-md > .grid--2-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }
    .grid--alternate-md > .grid--2-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-md > .grid--2-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
    .grid--alternate-md > .grid--2-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-md > .grid--3-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }
    .grid--alternate-md > .grid--3-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-md > .grid--3-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }
    .grid--alternate-md > .grid--3-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
  }
  @media (min-width: 481px) {
    .grid--alternate-sm > .grid--2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-sm > .grid--1-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .grid--alternate-sm > .grid--1-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-sm > .grid--1-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    }
    .grid--alternate-sm > .grid--1-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-sm > .grid--2-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }
    .grid--alternate-sm > .grid--2-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-sm > .grid--2-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
    .grid--alternate-sm > .grid--2-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-sm > .grid--3-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }
    .grid--alternate-sm > .grid--3-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-sm > .grid--3-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }
    .grid--alternate-sm > .grid--3-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
  }
  @media (min-width: 321px) {
    .grid--alternate-xs > .grid--2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xs > .grid--1-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .grid--alternate-xs > .grid--1-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xs > .grid--1-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    }
    .grid--alternate-xs > .grid--1-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xs > .grid--2-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    }
    .grid--alternate-xs > .grid--2-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xs > .grid--2-3:nth-of-type(even) {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
    .grid--alternate-xs > .grid--2-3:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xs > .grid--3-1:nth-of-type(even) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    }
    .grid--alternate-xs > .grid--3-1:nth-of-type(even) > *:last-child {
      order: -1;
    }
    .grid--alternate-xs > .grid--3-2:nth-of-type(even) {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }
    .grid--alternate-xs > .grid--3-2:nth-of-type(even) > *:last-child {
      order: -1;
    }
  }
  /* Feat: Variable Grid */
  .variable-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(var(--min, calc(var(--content-width) / 2 - var(--space-xxl))), 100%), 1fr));
    grid-template-rows: var(--grid-1);
    gap: var(--gap, var(--grid-gap));
  }
  /* Feat: Flexbox Alignments */
  .justify-content--start {
    justify-content: flex-start;
  }
  .justify-content--end {
    justify-content: flex-end;
  }
  .justify-content--center {
    justify-content: center;
  }
  .justify-content--between {
    justify-content: space-between;
  }
  .justify-content--around {
    justify-content: space-around;
  }
  .justify-content--stretch {
    justify-content: stretch;
  }
  .align-content--start {
    align-content: flex-start;
  }
  .align-content--end {
    align-content: flex-end;
  }
  .align-content--center {
    align-content: center;
  }
  .align-content--baseline {
    align-content: baseline;
  }
  .align-content--stretch {
    align-content: stretch;
  }
  .justify-items--start {
    justify-items: flex-start;
  }
  .justify-items--center {
    justify-items: center;
  }
  .justify-items--end {
    justify-items: flex-end;
  }
  .justify-items--stretch {
    justify-items: stretch;
  }
  .align-items--start {
    align-items: flex-start;
  }
  .align-items--end {
    align-items: flex-end;
  }
  .align-items--center {
    align-items: center;
  }
  .align-items--baseline {
    align-items: baseline;
  }
  .align-items--stretch {
    align-items: stretch;
  }
  .self--start {
    align-self: flex-start;
  }
  .self--end {
    align-self: flex-end;
  }
  .self--stretch {
    align-self: stretch;
  }
  .self--center {
    align-self: center;
  }
  @media (max-width: 1440px) {
    .justify-content--start-2xl {
      justify-content: flex-start;
    }
    .justify-content--end-2xl {
      justify-content: flex-end;
    }
    .justify-content--center-2xl {
      justify-content: center;
    }
    .justify-content--between-2xl {
      justify-content: space-between;
    }
    .justify-content--around-2xl {
      justify-content: space-around;
    }
    .justify-content--stretch-2xl {
      justify-content: stretch;
    }
    .align-content--start-2xl {
      align-content: flex-start;
    }
    .align-content--end-2xl {
      align-content: flex-end;
    }
    .align-content--center-2xl {
      align-content: center;
    }
    .align-content--baseline-2xl {
      align-content: baseline;
    }
    .align-content--stretch-2xl {
      align-content: stretch;
    }
    .justify-items--start-2xl {
      justify-items: flex-start;
    }
    .justify-items--center-2xl {
      justify-items: center;
    }
    .justify-items--end-2xl {
      justify-items: flex-end;
    }
    .justify-items--stretch-2xl {
      justify-items: stretch;
    }
    .align-items--start-2xl {
      align-items: flex-start;
    }
    .align-items--end-2xl {
      align-items: flex-end;
    }
    .align-items--center-2xl {
      align-items: center;
    }
    .align-items--baseline-2xl {
      align-items: baseline;
    }
    .align-items--stretch-2xl {
      align-items: stretch;
    }
    .self--start-2xl {
      align-self: flex-start;
    }
    .self--end-2xl {
      align-self: flex-end;
    }
    .self--stretch-2xl {
      align-self: stretch;
    }
    .self--center-2xl {
      align-self: center;
    }
  }
  .stretch {
    align-content: stretch;
    align-items: stretch;
    justify-content: stretch;
    justify-items: stretch;
  }
  @media (max-width: 1366px) {
    .justify-content--start-xl {
      justify-content: flex-start;
    }
    .justify-content--end-xl {
      justify-content: flex-end;
    }
    .justify-content--center-xl {
      justify-content: center;
    }
    .justify-content--between-xl {
      justify-content: space-between;
    }
    .justify-content--around-xl {
      justify-content: space-around;
    }
    .justify-content--stretch-xl {
      justify-content: stretch;
    }
    .align-content--start-xl {
      align-content: flex-start;
    }
    .align-content--end-xl {
      align-content: flex-end;
    }
    .align-content--center-xl {
      align-content: center;
    }
    .align-content--baseline-xl {
      align-content: baseline;
    }
    .align-content--stretch-xl {
      align-content: stretch;
    }
    .justify-items--start-xl {
      justify-items: flex-start;
    }
    .justify-items--center-xl {
      justify-items: center;
    }
    .justify-items--end-xl {
      justify-items: flex-end;
    }
    .justify-items--stretch-xl {
      justify-items: stretch;
    }
    .align-items--start-xl {
      align-items: flex-start;
    }
    .align-items--end-xl {
      align-items: flex-end;
    }
    .align-items--center-xl {
      align-items: center;
    }
    .align-items--baseline-xl {
      align-items: baseline;
    }
    .align-items--stretch-xl {
      align-items: stretch;
    }
    .self--start-xl {
      align-self: flex-start;
    }
    .self--end-xl {
      align-self: flex-end;
    }
    .self--stretch-xl {
      align-self: stretch;
    }
    .self--center-xl {
      align-self: center;
    }
  }
  .stretch {
    align-content: stretch;
    align-items: stretch;
    justify-content: stretch;
    justify-items: stretch;
  }
  @media (max-width: 992px) {
    .justify-content--start-lg {
      justify-content: flex-start;
    }
    .justify-content--end-lg {
      justify-content: flex-end;
    }
    .justify-content--center-lg {
      justify-content: center;
    }
    .justify-content--between-lg {
      justify-content: space-between;
    }
    .justify-content--around-lg {
      justify-content: space-around;
    }
    .justify-content--stretch-lg {
      justify-content: stretch;
    }
    .align-content--start-lg {
      align-content: flex-start;
    }
    .align-content--end-lg {
      align-content: flex-end;
    }
    .align-content--center-lg {
      align-content: center;
    }
    .align-content--baseline-lg {
      align-content: baseline;
    }
    .align-content--stretch-lg {
      align-content: stretch;
    }
    .justify-items--start-lg {
      justify-items: flex-start;
    }
    .justify-items--center-lg {
      justify-items: center;
    }
    .justify-items--end-lg {
      justify-items: flex-end;
    }
    .justify-items--stretch-lg {
      justify-items: stretch;
    }
    .align-items--start-lg {
      align-items: flex-start;
    }
    .align-items--end-lg {
      align-items: flex-end;
    }
    .align-items--center-lg {
      align-items: center;
    }
    .align-items--baseline-lg {
      align-items: baseline;
    }
    .align-items--stretch-lg {
      align-items: stretch;
    }
    .self--start-lg {
      align-self: flex-start;
    }
    .self--end-lg {
      align-self: flex-end;
    }
    .self--stretch-lg {
      align-self: stretch;
    }
    .self--center-lg {
      align-self: center;
    }
  }
  .stretch {
    align-content: stretch;
    align-items: stretch;
    justify-content: stretch;
    justify-items: stretch;
  }
  @media (max-width: 768px) {
    .justify-content--start-md {
      justify-content: flex-start;
    }
    .justify-content--end-md {
      justify-content: flex-end;
    }
    .justify-content--center-md {
      justify-content: center;
    }
    .justify-content--between-md {
      justify-content: space-between;
    }
    .justify-content--around-md {
      justify-content: space-around;
    }
    .justify-content--stretch-md {
      justify-content: stretch;
    }
    .align-content--start-md {
      align-content: flex-start;
    }
    .align-content--end-md {
      align-content: flex-end;
    }
    .align-content--center-md {
      align-content: center;
    }
    .align-content--baseline-md {
      align-content: baseline;
    }
    .align-content--stretch-md {
      align-content: stretch;
    }
    .justify-items--start-md {
      justify-items: flex-start;
    }
    .justify-items--center-md {
      justify-items: center;
    }
    .justify-items--end-md {
      justify-items: flex-end;
    }
    .justify-items--stretch-md {
      justify-items: stretch;
    }
    .align-items--start-md {
      align-items: flex-start;
    }
    .align-items--end-md {
      align-items: flex-end;
    }
    .align-items--center-md {
      align-items: center;
    }
    .align-items--baseline-md {
      align-items: baseline;
    }
    .align-items--stretch-md {
      align-items: stretch;
    }
    .self--start-md {
      align-self: flex-start;
    }
    .self--end-md {
      align-self: flex-end;
    }
    .self--stretch-md {
      align-self: stretch;
    }
    .self--center-md {
      align-self: center;
    }
  }
  .stretch {
    align-content: stretch;
    align-items: stretch;
    justify-content: stretch;
    justify-items: stretch;
  }
  @media (max-width: 480px) {
    .justify-content--start-sm {
      justify-content: flex-start;
    }
    .justify-content--end-sm {
      justify-content: flex-end;
    }
    .justify-content--center-sm {
      justify-content: center;
    }
    .justify-content--between-sm {
      justify-content: space-between;
    }
    .justify-content--around-sm {
      justify-content: space-around;
    }
    .justify-content--stretch-sm {
      justify-content: stretch;
    }
    .align-content--start-sm {
      align-content: flex-start;
    }
    .align-content--end-sm {
      align-content: flex-end;
    }
    .align-content--center-sm {
      align-content: center;
    }
    .align-content--baseline-sm {
      align-content: baseline;
    }
    .align-content--stretch-sm {
      align-content: stretch;
    }
    .justify-items--start-sm {
      justify-items: flex-start;
    }
    .justify-items--center-sm {
      justify-items: center;
    }
    .justify-items--end-sm {
      justify-items: flex-end;
    }
    .justify-items--stretch-sm {
      justify-items: stretch;
    }
    .align-items--start-sm {
      align-items: flex-start;
    }
    .align-items--end-sm {
      align-items: flex-end;
    }
    .align-items--center-sm {
      align-items: center;
    }
    .align-items--baseline-sm {
      align-items: baseline;
    }
    .align-items--stretch-sm {
      align-items: stretch;
    }
    .self--start-sm {
      align-self: flex-start;
    }
    .self--end-sm {
      align-self: flex-end;
    }
    .self--stretch-sm {
      align-self: stretch;
    }
    .self--center-sm {
      align-self: center;
    }
  }
  .stretch {
    align-content: stretch;
    align-items: stretch;
    justify-content: stretch;
    justify-items: stretch;
  }
  @media (max-width: 320px) {
    .justify-content--start-xs {
      justify-content: flex-start;
    }
    .justify-content--end-xs {
      justify-content: flex-end;
    }
    .justify-content--center-xs {
      justify-content: center;
    }
    .justify-content--between-xs {
      justify-content: space-between;
    }
    .justify-content--around-xs {
      justify-content: space-around;
    }
    .justify-content--stretch-xs {
      justify-content: stretch;
    }
    .align-content--start-xs {
      align-content: flex-start;
    }
    .align-content--end-xs {
      align-content: flex-end;
    }
    .align-content--center-xs {
      align-content: center;
    }
    .align-content--baseline-xs {
      align-content: baseline;
    }
    .align-content--stretch-xs {
      align-content: stretch;
    }
    .justify-items--start-xs {
      justify-items: flex-start;
    }
    .justify-items--center-xs {
      justify-items: center;
    }
    .justify-items--end-xs {
      justify-items: flex-end;
    }
    .justify-items--stretch-xs {
      justify-items: stretch;
    }
    .align-items--start-xs {
      align-items: flex-start;
    }
    .align-items--end-xs {
      align-items: flex-end;
    }
    .align-items--center-xs {
      align-items: center;
    }
    .align-items--baseline-xs {
      align-items: baseline;
    }
    .align-items--stretch-xs {
      align-items: stretch;
    }
    .self--start-xs {
      align-self: flex-start;
    }
    .self--end-xs {
      align-self: flex-end;
    }
    .self--stretch-xs {
      align-self: stretch;
    }
    .self--center-xs {
      align-self: center;
    }
  }
  .stretch {
    align-content: stretch;
    align-items: stretch;
    justify-content: stretch;
    justify-items: stretch;
  }
  /* Feat: Order */
  .order--first {
    order: -1;
  }
  .order--last {
    order: 999;
  }
  .col-end--last {
    grid-column-end: -1;
  }
  @media (max-width: 1440px) {
    .order--first-2xl {
      order: -1;
    }
    .order--last-2xl {
      order: 999;
    }
    .col-end--2xl-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 1366px) {
    .order--first-xl {
      order: -1;
    }
    .order--last-xl {
      order: 999;
    }
    .col-end--xl-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 992px) {
    .order--first-lg {
      order: -1;
    }
    .order--last-lg {
      order: 999;
    }
    .col-end--lg-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 768px) {
    .order--first-md {
      order: -1;
    }
    .order--last-md {
      order: 999;
    }
    .col-end--md-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 480px) {
    .order--first-sm {
      order: -1;
    }
    .order--last-sm {
      order: 999;
    }
    .col-end--sm-last {
      grid-column-end: -1;
    }
  }
  @media (max-width: 320px) {
    .order--first-xs {
      order: -1;
    }
    .order--last-xs {
      order: 999;
    }
    .col-end--xs-last {
      grid-column-end: -1;
    }
  }
  /* Feat: Width */
  .width--10 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.1);
  }
  .width--20 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.2);
  }
  .width--30 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.3);
  }
  .width--40 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.4);
  }
  .width--50 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.5);
  }
  .width--60 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.6);
  }
  .width--70 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.7);
  }
  .width--80 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.8);
  }
  .width--90 {
    inline-size: 100%;
    max-inline-size: calc(var(--content-width) * 0.9);
  }
  .width--full {
    inline-size: 100%;
    max-inline-size: 100%;
  }
  figure[class*="width--"] img {
    inline-size: 100%;
  }
  .width--auto {
    inline-size: auto !important;
    max-inline-size: 100%;
  }
  .content-width {
    inline-size: 100%;
    max-inline-size: var(--content-width);
    margin-inline: auto;
  }
  .content-width--safe {
    inline-size: 100%;
    max-inline-size: var(--content-width-safe);
    margin-inline: auto;
  }
  /* Feat: Aspect Ratios */
  [class*="aspect--"] {
    aspect-ratio: var(--aspect-ratio);
  }
  img[class*="aspect--"] {
    -o-object-fit: var(--object-fit, cover);
    object-fit: var(--object-fit, cover);
  }
  figure[class*="aspect--"] img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: var(--object-fit, cover);
  }
  [class*="aspect--"] iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: var(--aspect-ratio);
  }
  .aspect--1-1 {
    --aspect-ratio: 1 / 1;
  }
  .aspect--1-2 {
    --aspect-ratio: 1 / 2;
  }
  .aspect--2-1 {
    --aspect-ratio: 2 / 1;
  }
  .aspect--2-3 {
    --aspect-ratio: 2 / 3;
  }
  .aspect--3-2 {
    --aspect-ratio: 3 / 2;
  }
  .aspect--3-4 {
    --aspect-ratio: 3 / 4;
  }
  .aspect--4-3 {
    --aspect-ratio: 4 / 3;
  }
  .aspect--16-9 {
    --aspect-ratio: 16 / 9;
  }
  .aspect--9-16 {
    --aspect-ratio: 9 / 16;
  }
  @media (max-width: 1440px) {
    .aspect--2xl-1-1 {
      --aspect-ratio: 1 / 1;
    }
    .aspect--2xl-1-2 {
      --aspect-ratio: 1 / 2;
    }
    .aspect--2xl-2-1 {
      --aspect-ratio: 2 / 1;
    }
    .aspect--2xl-2-3 {
      --aspect-ratio: 2 / 3;
    }
    .aspect--2xl-3-2 {
      --aspect-ratio: 3 / 2;
    }
    .aspect--2xl-3-4 {
      --aspect-ratio: 3 / 4;
    }
    .aspect--2xl-4-3 {
      --aspect-ratio: 4 / 3;
    }
    .aspect--2xl-16-9 {
      --aspect-ratio: 16 / 9;
    }
    .aspect--2xl-9-16 {
      --aspect-ratio: 9 / 16;
    }
  }
  @media (max-width: 1366px) {
    .aspect--xl-1-1 {
      --aspect-ratio: 1 / 1;
    }
    .aspect--xl-1-2 {
      --aspect-ratio: 1 / 2;
    }
    .aspect--xl-2-1 {
      --aspect-ratio: 2 / 1;
    }
    .aspect--xl-2-3 {
      --aspect-ratio: 2 / 3;
    }
    .aspect--xl-3-2 {
      --aspect-ratio: 3 / 2;
    }
    .aspect--xl-3-4 {
      --aspect-ratio: 3 / 4;
    }
    .aspect--xl-4-3 {
      --aspect-ratio: 4 / 3;
    }
    .aspect--xl-16-9 {
      --aspect-ratio: 16 / 9;
    }
    .aspect--xl-9-16 {
      --aspect-ratio: 9 / 16;
    }
  }
  @media (max-width: 992px) {
    .aspect--lg-1-1 {
      --aspect-ratio: 1 / 1;
    }
    .aspect--lg-1-2 {
      --aspect-ratio: 1 / 2;
    }
    .aspect--lg-2-1 {
      --aspect-ratio: 2 / 1;
    }
    .aspect--lg-2-3 {
      --aspect-ratio: 2 / 3;
    }
    .aspect--lg-3-2 {
      --aspect-ratio: 3 / 2;
    }
    .aspect--lg-3-4 {
      --aspect-ratio: 3 / 4;
    }
    .aspect--lg-4-3 {
      --aspect-ratio: 4 / 3;
    }
    .aspect--lg-16-9 {
      --aspect-ratio: 16 / 9;
    }
    .aspect--lg-9-16 {
      --aspect-ratio: 9 / 16;
    }
  }
  @media (max-width: 768px) {
    .aspect--md-1-1 {
      --aspect-ratio: 1 / 1;
    }
    .aspect--md-1-2 {
      --aspect-ratio: 1 / 2;
    }
    .aspect--md-2-1 {
      --aspect-ratio: 2 / 1;
    }
    .aspect--md-2-3 {
      --aspect-ratio: 2 / 3;
    }
    .aspect--md-3-2 {
      --aspect-ratio: 3 / 2;
    }
    .aspect--md-3-4 {
      --aspect-ratio: 3 / 4;
    }
    .aspect--md-4-3 {
      --aspect-ratio: 4 / 3;
    }
    .aspect--md-16-9 {
      --aspect-ratio: 16 / 9;
    }
    .aspect--md-9-16 {
      --aspect-ratio: 9 / 16;
    }
  }
  @media (max-width: 480px) {
    .aspect--sm-1-1 {
      --aspect-ratio: 1 / 1;
    }
    .aspect--sm-1-2 {
      --aspect-ratio: 1 / 2;
    }
    .aspect--sm-2-1 {
      --aspect-ratio: 2 / 1;
    }
    .aspect--sm-2-3 {
      --aspect-ratio: 2 / 3;
    }
    .aspect--sm-3-2 {
      --aspect-ratio: 3 / 2;
    }
    .aspect--sm-3-4 {
      --aspect-ratio: 3 / 4;
    }
    .aspect--sm-4-3 {
      --aspect-ratio: 4 / 3;
    }
    .aspect--sm-16-9 {
      --aspect-ratio: 16 / 9;
    }
    .aspect--sm-9-16 {
      --aspect-ratio: 9 / 16;
    }
  }
  @media (max-width: 320px) {
    .aspect--xs-1-1 {
      --aspect-ratio: 1 / 1;
    }
    .aspect--xs-1-2 {
      --aspect-ratio: 1 / 2;
    }
    .aspect--xs-2-1 {
      --aspect-ratio: 2 / 1;
    }
    .aspect--xs-2-3 {
      --aspect-ratio: 2 / 3;
    }
    .aspect--xs-3-2 {
      --aspect-ratio: 3 / 2;
    }
    .aspect--xs-3-4 {
      --aspect-ratio: 3 / 4;
    }
    .aspect--xs-4-3 {
      --aspect-ratio: 4 / 3;
    }
    .aspect--xs-16-9 {
      --aspect-ratio: 16 / 9;
    }
    .aspect--xs-9-16 {
      --aspect-ratio: 9 / 16;
    }
  }
  /* Feat: Lists & Markers */
  [class*="marker--"] li::marker {
    color: var(--marker-color, var(--primary));
  }
  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;
  }
  /* Feat: Container Queries */
  .contain {
    container-type: inline-size;
  }
  .contain > * {
    container-type: inline-size;
  }
  /* Feat: Gap Classes */
  .gap--xs {
    gap: var(--space-xs);
    --row-gap: var(--space-xs);
    --col-gap: var(--space-xs);
    --grid-gap: var(--space-xs);
  }
  .gap--s {
    gap: var(--space-s);
    --row-gap: var(--space-s);
    --col-gap: var(--space-s);
    --grid-gap: var(--space-s);
  }
  .gap--m {
    gap: var(--space-m);
    --row-gap: var(--space-m);
    --col-gap: var(--space-m);
    --grid-gap: var(--space-m);
  }
  .gap--l {
    gap: var(--space-l);
    --row-gap: var(--space-l);
    --col-gap: var(--space-l);
    --grid-gap: var(--space-l);
  }
  .gap--xl {
    gap: var(--space-xl);
    --row-gap: var(--space-xl);
    --col-gap: var(--space-xl);
    --grid-gap: var(--space-xl);
  }
  .gap--xxl {
    gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
    --grid-gap: var(--space-xxl);
  }
  @media (max-width: 1440px) {
    .gap--2xl-xs {
      gap: var(--space-xs);
      --row-gap: var(--space-xs);
      --col-gap: var(--space-xs);
      --grid-gap: var(--space-xs);
    }
    .gap--2xl-s {
      gap: var(--space-s);
      --row-gap: var(--space-s);
      --col-gap: var(--space-s);
      --grid-gap: var(--space-s);
    }
    .gap--2xl-m {
      gap: var(--space-m);
      --row-gap: var(--space-m);
      --col-gap: var(--space-m);
      --grid-gap: var(--space-m);
    }
    .gap--2xl-l {
      gap: var(--space-l);
      --row-gap: var(--space-l);
      --col-gap: var(--space-l);
      --grid-gap: var(--space-l);
    }
    .gap--2xl-xl {
      gap: var(--space-xl);
      --row-gap: var(--space-xl);
      --col-gap: var(--space-xl);
      --grid-gap: var(--space-xl);
    }
    .gap--2xl-xxl {
      gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
      --grid-gap: var(--space-xxl);
    }
  }
  @media (max-width: 1366px) {
    .gap--xl-xs {
      gap: var(--space-xs);
      --row-gap: var(--space-xs);
      --col-gap: var(--space-xs);
      --grid-gap: var(--space-xs);
    }
    .gap--xl-s {
      gap: var(--space-s);
      --row-gap: var(--space-s);
      --col-gap: var(--space-s);
      --grid-gap: var(--space-s);
    }
    .gap--xl-m {
      gap: var(--space-m);
      --row-gap: var(--space-m);
      --col-gap: var(--space-m);
      --grid-gap: var(--space-m);
    }
    .gap--xl-l {
      gap: var(--space-l);
      --row-gap: var(--space-l);
      --col-gap: var(--space-l);
      --grid-gap: var(--space-l);
    }
    .gap--xl-xl {
      gap: var(--space-xl);
      --row-gap: var(--space-xl);
      --col-gap: var(--space-xl);
      --grid-gap: var(--space-xl);
    }
    .gap--xl-xxl {
      gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
      --grid-gap: var(--space-xxl);
    }
  }
  @media (max-width: 992px) {
    .gap--lg-xs {
      gap: var(--space-xs);
      --row-gap: var(--space-xs);
      --col-gap: var(--space-xs);
      --grid-gap: var(--space-xs);
    }
    .gap--lg-s {
      gap: var(--space-s);
      --row-gap: var(--space-s);
      --col-gap: var(--space-s);
      --grid-gap: var(--space-s);
    }
    .gap--lg-m {
      gap: var(--space-m);
      --row-gap: var(--space-m);
      --col-gap: var(--space-m);
      --grid-gap: var(--space-m);
    }
    .gap--lg-l {
      gap: var(--space-l);
      --row-gap: var(--space-l);
      --col-gap: var(--space-l);
      --grid-gap: var(--space-l);
    }
    .gap--lg-xl {
      gap: var(--space-xl);
      --row-gap: var(--space-xl);
      --col-gap: var(--space-xl);
      --grid-gap: var(--space-xl);
    }
    .gap--lg-xxl {
      gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
      --grid-gap: var(--space-xxl);
    }
  }
  @media (max-width: 768px) {
    .gap--md-xs {
      gap: var(--space-xs);
      --row-gap: var(--space-xs);
      --col-gap: var(--space-xs);
      --grid-gap: var(--space-xs);
    }
    .gap--md-s {
      gap: var(--space-s);
      --row-gap: var(--space-s);
      --col-gap: var(--space-s);
      --grid-gap: var(--space-s);
    }
    .gap--md-m {
      gap: var(--space-m);
      --row-gap: var(--space-m);
      --col-gap: var(--space-m);
      --grid-gap: var(--space-m);
    }
    .gap--md-l {
      gap: var(--space-l);
      --row-gap: var(--space-l);
      --col-gap: var(--space-l);
      --grid-gap: var(--space-l);
    }
    .gap--md-xl {
      gap: var(--space-xl);
      --row-gap: var(--space-xl);
      --col-gap: var(--space-xl);
      --grid-gap: var(--space-xl);
    }
    .gap--md-xxl {
      gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
      --grid-gap: var(--space-xxl);
    }
  }
  @media (max-width: 480px) {
    .gap--sm-xs {
      gap: var(--space-xs);
      --row-gap: var(--space-xs);
      --col-gap: var(--space-xs);
      --grid-gap: var(--space-xs);
    }
    .gap--sm-s {
      gap: var(--space-s);
      --row-gap: var(--space-s);
      --col-gap: var(--space-s);
      --grid-gap: var(--space-s);
    }
    .gap--sm-m {
      gap: var(--space-m);
      --row-gap: var(--space-m);
      --col-gap: var(--space-m);
      --grid-gap: var(--space-m);
    }
    .gap--sm-l {
      gap: var(--space-l);
      --row-gap: var(--space-l);
      --col-gap: var(--space-l);
      --grid-gap: var(--space-l);
    }
    .gap--sm-xl {
      gap: var(--space-xl);
      --row-gap: var(--space-xl);
      --col-gap: var(--space-xl);
      --grid-gap: var(--space-xl);
    }
    .gap--sm-xxl {
      gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
      --grid-gap: var(--space-xxl);
    }
  }
  @media (max-width: 320px) {
    .gap--xs-xs {
      gap: var(--space-xs);
      --row-gap: var(--space-xs);
      --col-gap: var(--space-xs);
      --grid-gap: var(--space-xs);
    }
    .gap--xs-s {
      gap: var(--space-s);
      --row-gap: var(--space-s);
      --col-gap: var(--space-s);
      --grid-gap: var(--space-s);
    }
    .gap--xs-m {
      gap: var(--space-m);
      --row-gap: var(--space-m);
      --col-gap: var(--space-m);
      --grid-gap: var(--space-m);
    }
    .gap--xs-l {
      gap: var(--space-l);
      --row-gap: var(--space-l);
      --col-gap: var(--space-l);
      --grid-gap: var(--space-l);
    }
    .gap--xs-xl {
      gap: var(--space-xl);
      --row-gap: var(--space-xl);
      --col-gap: var(--space-xl);
      --grid-gap: var(--space-xl);
    }
    .gap--xs-xxl {
      gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
      --grid-gap: var(--space-xxl);
    }
  }
  .gap--none {
    --row-gap: 0;
    --col-gap: 0;
    gap: 0;
  }
  .fr-container-gap, .container-gap {
    --row-gap: var(--container-gap);
    --col-gap: var(--container-gap);
    gap: var(--container-gap);
  }
  .fr-content-gap, .content-gap {
    --row-gap: var(--content-gap);
    --col-gap: var(--content-gap);
    gap: var(--content-gap);
  }
  .fr-grid-gap, .grid-gap {
    --row-gap: var(--grid-gap);
    --col-gap: var(--grid-gap);
    gap: var(--grid-gap);
  }
  /* Feat: Granular Gap Classes */
  .col-gap--xs.col-gap--xs {
    column-gap: var(--space-xs);
    --col-gap: var(--space-xs);
  }
  .col-gap--s.col-gap--s {
    column-gap: var(--space-s);
    --col-gap: var(--space-s);
  }
  .col-gap--m.col-gap--m {
    column-gap: var(--space-m);
    --col-gap: var(--space-m);
  }
  .col-gap--l.col-gap--l {
    column-gap: var(--space-l);
    --col-gap: var(--space-l);
  }
  .col-gap--xl.col-gap--xl {
    column-gap: var(--space-xl);
    --col-gap: var(--space-xl);
  }
  .col-gap--xxl.col-gap--xxl {
    column-gap: var(--space-xxl);
    --col-gap: var(--space-xxl);
  }
  @media (max-width: 1440px) {
    .col-gap--2xl-xs.col-gap--2xl-xs {
      column-gap: var(--space-xs);
      --col-gap: var(--space-xs);
    }
    .col-gap--2xl-s.col-gap--2xl-s {
      column-gap: var(--space-s);
      --col-gap: var(--space-s);
    }
    .col-gap--2xl-m.col-gap--2xl-m {
      column-gap: var(--space-m);
      --col-gap: var(--space-m);
    }
    .col-gap--2xl-l.col-gap--2xl-l {
      column-gap: var(--space-l);
      --col-gap: var(--space-l);
    }
    .col-gap--2xl-xl.col-gap--2xl-xl {
      column-gap: var(--space-xl);
      --col-gap: var(--space-xl);
    }
    .col-gap--2xl-xxl.col-gap--2xl-xxl {
      column-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
    }
  }
  @media (max-width: 1366px) {
    .col-gap--xl-xs.col-gap--xl-xs {
      column-gap: var(--space-xs);
      --col-gap: var(--space-xs);
    }
    .col-gap--xl-s.col-gap--xl-s {
      column-gap: var(--space-s);
      --col-gap: var(--space-s);
    }
    .col-gap--xl-m.col-gap--xl-m {
      column-gap: var(--space-m);
      --col-gap: var(--space-m);
    }
    .col-gap--xl-l.col-gap--xl-l {
      column-gap: var(--space-l);
      --col-gap: var(--space-l);
    }
    .col-gap--xl-xl.col-gap--xl-xl {
      column-gap: var(--space-xl);
      --col-gap: var(--space-xl);
    }
    .col-gap--xl-xxl.col-gap--xl-xxl {
      column-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
    }
  }
  @media (max-width: 992px) {
    .col-gap--lg-xs.col-gap--lg-xs {
      column-gap: var(--space-xs);
      --col-gap: var(--space-xs);
    }
    .col-gap--lg-s.col-gap--lg-s {
      column-gap: var(--space-s);
      --col-gap: var(--space-s);
    }
    .col-gap--lg-m.col-gap--lg-m {
      column-gap: var(--space-m);
      --col-gap: var(--space-m);
    }
    .col-gap--lg-l.col-gap--lg-l {
      column-gap: var(--space-l);
      --col-gap: var(--space-l);
    }
    .col-gap--lg-xl.col-gap--lg-xl {
      column-gap: var(--space-xl);
      --col-gap: var(--space-xl);
    }
    .col-gap--lg-xxl.col-gap--lg-xxl {
      column-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
    }
  }
  @media (max-width: 768px) {
    .col-gap--md-xs.col-gap--md-xs {
      column-gap: var(--space-xs);
      --col-gap: var(--space-xs);
    }
    .col-gap--md-s.col-gap--md-s {
      column-gap: var(--space-s);
      --col-gap: var(--space-s);
    }
    .col-gap--md-m.col-gap--md-m {
      column-gap: var(--space-m);
      --col-gap: var(--space-m);
    }
    .col-gap--md-l.col-gap--md-l {
      column-gap: var(--space-l);
      --col-gap: var(--space-l);
    }
    .col-gap--md-xl.col-gap--md-xl {
      column-gap: var(--space-xl);
      --col-gap: var(--space-xl);
    }
    .col-gap--md-xxl.col-gap--md-xxl {
      column-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
    }
  }
  @media (max-width: 480px) {
    .col-gap--sm-xs.col-gap--sm-xs {
      column-gap: var(--space-xs);
      --col-gap: var(--space-xs);
    }
    .col-gap--sm-s.col-gap--sm-s {
      column-gap: var(--space-s);
      --col-gap: var(--space-s);
    }
    .col-gap--sm-m.col-gap--sm-m {
      column-gap: var(--space-m);
      --col-gap: var(--space-m);
    }
    .col-gap--sm-l.col-gap--sm-l {
      column-gap: var(--space-l);
      --col-gap: var(--space-l);
    }
    .col-gap--sm-xl.col-gap--sm-xl {
      column-gap: var(--space-xl);
      --col-gap: var(--space-xl);
    }
    .col-gap--sm-xxl.col-gap--sm-xxl {
      column-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
    }
  }
  @media (max-width: 320px) {
    .col-gap--xs-xs.col-gap--xs-xs {
      column-gap: var(--space-xs);
      --col-gap: var(--space-xs);
    }
    .col-gap--xs-s.col-gap--xs-s {
      column-gap: var(--space-s);
      --col-gap: var(--space-s);
    }
    .col-gap--xs-m.col-gap--xs-m {
      column-gap: var(--space-m);
      --col-gap: var(--space-m);
    }
    .col-gap--xs-l.col-gap--xs-l {
      column-gap: var(--space-l);
      --col-gap: var(--space-l);
    }
    .col-gap--xs-xl.col-gap--xs-xl {
      column-gap: var(--space-xl);
      --col-gap: var(--space-xl);
    }
    .col-gap--xs-xxl.col-gap--xs-xxl {
      column-gap: var(--space-xxl);
      --col-gap: var(--space-xxl);
    }
  }
  .row-gap--xs.row-gap--xs {
    row-gap: var(--space-xs);
    --row-gap: var(--space-xs);
  }
  .row-gap--s.row-gap--s {
    row-gap: var(--space-s);
    --row-gap: var(--space-s);
  }
  .row-gap--m.row-gap--m {
    row-gap: var(--space-m);
    --row-gap: var(--space-m);
  }
  .row-gap--l.row-gap--l {
    row-gap: var(--space-l);
    --row-gap: var(--space-l);
  }
  .row-gap--xl.row-gap--xl {
    row-gap: var(--space-xl);
    --row-gap: var(--space-xl);
  }
  .row-gap--xxl.row-gap--xxl {
    row-gap: var(--space-xxl);
    --row-gap: var(--space-xxl);
  }
  @media (max-width: 1440px) {
    .row-gap--2xl-xs.row-gap--2xl-xs {
      row-gap: var(--space-xs);
      --row-gap: var(--space-xs);
    }
    .row-gap--2xl-s.row-gap--2xl-s {
      row-gap: var(--space-s);
      --row-gap: var(--space-s);
    }
    .row-gap--2xl-m.row-gap--2xl-m {
      row-gap: var(--space-m);
      --row-gap: var(--space-m);
    }
    .row-gap--2xl-l.row-gap--2xl-l {
      row-gap: var(--space-l);
      --row-gap: var(--space-l);
    }
    .row-gap--2xl-xl.row-gap--2xl-xl {
      row-gap: var(--space-xl);
      --row-gap: var(--space-xl);
    }
    .row-gap--2xl-xxl.row-gap--2xl-xxl {
      row-gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
    }
  }
  @media (max-width: 1366px) {
    .row-gap--xl-xs.row-gap--xl-xs {
      row-gap: var(--space-xs);
      --row-gap: var(--space-xs);
    }
    .row-gap--xl-s.row-gap--xl-s {
      row-gap: var(--space-s);
      --row-gap: var(--space-s);
    }
    .row-gap--xl-m.row-gap--xl-m {
      row-gap: var(--space-m);
      --row-gap: var(--space-m);
    }
    .row-gap--xl-l.row-gap--xl-l {
      row-gap: var(--space-l);
      --row-gap: var(--space-l);
    }
    .row-gap--xl-xl.row-gap--xl-xl {
      row-gap: var(--space-xl);
      --row-gap: var(--space-xl);
    }
    .row-gap--xl-xxl.row-gap--xl-xxl {
      row-gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
    }
  }
  @media (max-width: 992px) {
    .row-gap--lg-xs.row-gap--lg-xs {
      row-gap: var(--space-xs);
      --row-gap: var(--space-xs);
    }
    .row-gap--lg-s.row-gap--lg-s {
      row-gap: var(--space-s);
      --row-gap: var(--space-s);
    }
    .row-gap--lg-m.row-gap--lg-m {
      row-gap: var(--space-m);
      --row-gap: var(--space-m);
    }
    .row-gap--lg-l.row-gap--lg-l {
      row-gap: var(--space-l);
      --row-gap: var(--space-l);
    }
    .row-gap--lg-xl.row-gap--lg-xl {
      row-gap: var(--space-xl);
      --row-gap: var(--space-xl);
    }
    .row-gap--lg-xxl.row-gap--lg-xxl {
      row-gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
    }
  }
  @media (max-width: 768px) {
    .row-gap--md-xs.row-gap--md-xs {
      row-gap: var(--space-xs);
      --row-gap: var(--space-xs);
    }
    .row-gap--md-s.row-gap--md-s {
      row-gap: var(--space-s);
      --row-gap: var(--space-s);
    }
    .row-gap--md-m.row-gap--md-m {
      row-gap: var(--space-m);
      --row-gap: var(--space-m);
    }
    .row-gap--md-l.row-gap--md-l {
      row-gap: var(--space-l);
      --row-gap: var(--space-l);
    }
    .row-gap--md-xl.row-gap--md-xl {
      row-gap: var(--space-xl);
      --row-gap: var(--space-xl);
    }
    .row-gap--md-xxl.row-gap--md-xxl {
      row-gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
    }
  }
  @media (max-width: 480px) {
    .row-gap--sm-xs.row-gap--sm-xs {
      row-gap: var(--space-xs);
      --row-gap: var(--space-xs);
    }
    .row-gap--sm-s.row-gap--sm-s {
      row-gap: var(--space-s);
      --row-gap: var(--space-s);
    }
    .row-gap--sm-m.row-gap--sm-m {
      row-gap: var(--space-m);
      --row-gap: var(--space-m);
    }
    .row-gap--sm-l.row-gap--sm-l {
      row-gap: var(--space-l);
      --row-gap: var(--space-l);
    }
    .row-gap--sm-xl.row-gap--sm-xl {
      row-gap: var(--space-xl);
      --row-gap: var(--space-xl);
    }
    .row-gap--sm-xxl.row-gap--sm-xxl {
      row-gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
    }
  }
  @media (max-width: 320px) {
    .row-gap--xs-xs.row-gap--xs-xs {
      row-gap: var(--space-xs);
      --row-gap: var(--space-xs);
    }
    .row-gap--xs-s.row-gap--xs-s {
      row-gap: var(--space-s);
      --row-gap: var(--space-s);
    }
    .row-gap--xs-m.row-gap--xs-m {
      row-gap: var(--space-m);
      --row-gap: var(--space-m);
    }
    .row-gap--xs-l.row-gap--xs-l {
      row-gap: var(--space-l);
      --row-gap: var(--space-l);
    }
    .row-gap--xs-xl.row-gap--xs-xl {
      row-gap: var(--space-xl);
      --row-gap: var(--space-xl);
    }
    .row-gap--xs-xxl.row-gap--xs-xxl {
      row-gap: var(--space-xxl);
      --row-gap: var(--space-xxl);
    }
  }
  /* Feat: Auto Container Gap */
  :where(section:not(section section)) {
    gap: var(--container-gap);
  }
  /* Feat: Auto Content Gap */
  :where(section:not(section section)) > :where(div, ul, ol) {
    gap: var(--content-gap);
  }
  /* Feat: Auto Container Gap */
  :where(:where(.brxe-block)) {
    gap: var(--content-gap);
  }
  :where(:where(.brxe-div)) {
    gap: var(--content-gap);
  }
  /* Feat: Auto Grid Gap */
  section > div:where([class*="grid--"]), :where([class*="grid--"]) {
    gap: var(--grid-gap);
  }
  /* Feat: Radius Classes */
  .radius {
    border-radius: var(--radius);
  }
  .radius--50 {
    border-radius: var(--radius-50);
  }
  .radius--circle {
    border-radius: var(--radius-circle);
  }
  .radius--none {
    border-radius: var(--radius-none);
  }
  .radius--xs {
    border-radius: var(--radius-xs);
  }
  .radius--s {
    border-radius: var(--radius-s);
  }
  .radius--m {
    border-radius: var(--radius-m);
  }
  .radius--l {
    border-radius: var(--radius-l);
  }
  .radius--xl {
    border-radius: var(--radius-xl);
  }
  .radius--xxl {
    border-radius: var(--radius-xxl);
  }
  a[class*="link--"], [class*="link--"] a, button[class*="link--"], [class*="link--"] button {
    color: var(--link-color);
    text-decoration-color: var(--link-color);
  }
  a[class*="link--"]:hover, [class*="link--"] a:hover, button[class*="link--"]:hover, [class*="link--"] button:hover {
    color: var(--link-color-hover);
    text-decoration-color: var(--link-color-hover);
  }
  button[class*="link--"], [class*="link--"] button {
    background: transparent;
  }
  .transition {
    transition: var(--transition);
  }
}
@layer acss-layer-utilities {
  .content-grid > :is(*, img, figure, picture).is-bg {
    grid-column: full;
  }
}
/* Feat: Smart Spacing */
body :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
  margin-block: 0;
}
.smart-spacing-normalize :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
  margin-block: 0;
}
.smart-spacing {
  gap: 0;
}
.smart-spacing > * + * {
  margin-block-start: var(--flow-spacing, initial);
  margin-block-end: 0;
}
.smart-spacing > * + :where(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h2) {
  margin-block-start: var(--h2-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h3) {
  margin-block-start: var(--h3-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h4) {
  margin-block-start: var(--h4-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h5) {
  margin-block-start: var(--h5-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h6) {
  margin-block-start: var(--h6-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > * + p {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > :is(* + ul, * + ol) {
  margin-block: var(--list-spacing, var(--flow-spacing, initial));
}
.smart-spacing > :is(ul, ol) {
  padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
.smart-spacing > ul * + li, .smart-spacing > ol * + li {
  margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > ul ul, .smart-spacing > ol ol, .smart-spacing > ul ol, .smart-spacing > ol ul {
  margin-block: var(--nested-list-spacing, var(--list-item-spacing, initial));
  padding-inline-start: var(--nested-list-indent-spacing, initial);
}
.smart-spacing > :is(ul, ol) :is(ul, ol) li {
  margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial));
}
.smart-spacing > * + figure, .smart-spacing > * + picture {
  margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}
.smart-spacing figcaption {
  margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}
.smart-spacing > * + blockquote:where(:not(figure > blockquote)) {
  margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}
.smart-spacing > blockquote * + * {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > :is(figure, blockquote, ul, ol) + * {
  --paragraph-spacing: 0;
  --flow-spacing: 0;
}
.smart-spacing--off :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
  margin-block: 0;
}
:where(.woocommerce-checkout) p {
  margin: 0 0 1.2em;
}
.brxe-text, .brxe-post-content:where(:not([data-source="bricks"])) {
  gap: 0;
}
.brxe-text > * + *, .brxe-post-content:where(:not([data-source="bricks"])) > * + * {
  margin-block-start: var(--flow-spacing, initial);
  margin-block-end: 0;
}
.brxe-text > * + :where(h1, h2, h3, h4, h5, h6), .brxe-post-content:where(:not([data-source="bricks"])) > * + :where(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.brxe-text > :where(* + h2), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h2) {
  margin-block-start: var(--h2-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.brxe-text > :where(* + h3), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h3) {
  margin-block-start: var(--h3-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.brxe-text > :where(* + h4), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h4) {
  margin-block-start: var(--h4-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.brxe-text > :where(* + h5), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h5) {
  margin-block-start: var(--h5-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.brxe-text > :where(* + h6), .brxe-post-content:where(:not([data-source="bricks"])) > :where(* + h6) {
  margin-block-start: var(--h6-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.brxe-text > * + p, .brxe-post-content:where(:not([data-source="bricks"])) > * + p {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.brxe-text > :is(* + ul, * + ol), .brxe-post-content:where(:not([data-source="bricks"])) > :is(* + ul, * + ol) {
  margin-block: var(--list-spacing, var(--flow-spacing, initial));
}
.brxe-text > :is(ul, ol), .brxe-post-content:where(:not([data-source="bricks"])) > :is(ul, ol) {
  padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
.brxe-text > ul * + li, .brxe-text > ol * + li, .brxe-post-content:where(:not([data-source="bricks"])) > ul * + li, .brxe-post-content:where(:not([data-source="bricks"])) > ol * + li {
  margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.brxe-text > ul ul, .brxe-text > ol ol, .brxe-text > ul ol, .brxe-text > ol ul, .brxe-post-content:where(:not([data-source="bricks"])) > ul ul, .brxe-post-content:where(:not([data-source="bricks"])) > ol ol, .brxe-post-content:where(:not([data-source="bricks"])) > ul ol, .brxe-post-content:where(:not([data-source="bricks"])) > ol ul {
  margin-block: var(--nested-list-spacing, var(--list-item-spacing, initial));
  padding-inline-start: var(--nested-list-indent-spacing, initial);
}
.brxe-text > :is(ul, ol) :is(ul, ol) li, .brxe-post-content:where(:not([data-source="bricks"])) > :is(ul, ol) :is(ul, ol) li {
  margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial));
}
.brxe-text > * + figure, .brxe-text > * + picture, .brxe-post-content:where(:not([data-source="bricks"])) > * + figure, .brxe-post-content:where(:not([data-source="bricks"])) > * + picture {
  margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}
.brxe-text figcaption, .brxe-post-content:where(:not([data-source="bricks"])) figcaption {
  margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}
.brxe-text > * + blockquote:where(:not(figure > blockquote)), .brxe-post-content:where(:not([data-source="bricks"])) > * + blockquote:where(:not(figure > blockquote)) {
  margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}
.brxe-text > blockquote * + *, .brxe-post-content:where(:not([data-source="bricks"])) > blockquote * + * {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.brxe-text > :is(figure, blockquote, ul, ol) + *, .brxe-post-content:where(:not([data-source="bricks"])) > :is(figure, blockquote, ul, ol) + * {
  --paragraph-spacing: 0;
  --flow-spacing: 0;
}
body :where(p:last-of-type) + :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
  margin-block-start: 0;
}
/* Feat: Default Section Styles */
#shadow-host-companion {
  padding: 0;
}