@layer base, layouts, views, utilities;
@layer base {
  :root {
    --text-2xs: 0.75rem;
    --text-2xs-xs: clamp(0.75rem, 0.0961538462vw + 0.7211538462rem, 0.875rem);
    --text-2xs-sm: clamp(0.75rem, 0.1923076923vw + 0.6923076923rem, 1rem);
    --text-2xs-md: clamp(0.75rem, 0.2884615385vw + 0.6634615385rem, 1.125rem);
    --text-2xs-lg: clamp(0.75rem, 0.3846153846vw + 0.6346153846rem, 1.25rem);
    --text-2xs-xl: clamp(0.75rem, 0.7692307692vw + 0.5192307692rem, 1.75rem);
    --text-2xs-2xl: clamp(0.75rem, 1.3461538462vw + 0.3461538462rem, 2.5rem);
    --text-2xs-3xl: clamp(0.75rem, 1.7307692308vw + 0.2307692308rem, 3rem);
    --text-xs: 0.875rem;
    --text-xs-sm: clamp(0.875rem, 0.0961538462vw + 0.8461538462rem, 1rem);
    --text-xs-md: clamp(0.875rem, 0.1923076923vw + 0.8173076923rem, 1.125rem);
    --text-xs-lg: clamp(0.875rem, 0.2884615385vw + 0.7884615385rem, 1.25rem);
    --text-xs-xl: clamp(0.875rem, 0.6730769231vw + 0.6730769231rem, 1.75rem);
    --text-xs-2xl: clamp(0.875rem, 1.25vw + 0.5rem, 2.5rem);
    --text-xs-3xl: clamp(0.875rem, 1.6346153846vw + 0.3846153846rem, 3rem);
    --text-sm: 1rem;
    --text-sm-md: clamp(1rem, 0.0961538462vw + 0.9711538462rem, 1.125rem);
    --text-sm-lg: clamp(1rem, 0.1923076923vw + 0.9423076923rem, 1.25rem);
    --text-sm-xl: clamp(1rem, 0.5769230769vw + 0.8269230769rem, 1.75rem);
    --text-sm-2xl: clamp(1rem, 1.1538461538vw + 0.6538461538rem, 2.5rem);
    --text-sm-3xl: clamp(1rem, 1.5384615385vw + 0.5384615385rem, 3rem);
    --text-md: 1.125rem;
    --text-md-lg: clamp(1.125rem, 0.0961538462vw + 1.0961538462rem, 1.25rem);
    --text-md-xl: clamp(1.125rem, 0.4807692308vw + 0.9807692308rem, 1.75rem);
    --text-md-2xl: clamp(1.125rem, 1.0576923077vw + 0.8076923077rem, 2.5rem);
    --text-md-3xl: clamp(1.125rem, 1.4423076923vw + 0.6923076923rem, 3rem);
    --text-lg: 1.25rem;
    --text-lg-xl: clamp(1.25rem, 0.3846153846vw + 1.1346153846rem, 1.75rem);
    --text-lg-2xl: clamp(1.25rem, 0.9615384615vw + 0.9615384615rem, 2.5rem);
    --text-lg-3xl: clamp(1.25rem, 1.3461538462vw + 0.8461538462rem, 3rem);
    --text-xl: 1.75rem;
    --text-xl-2xl: clamp(1.75rem, 0.5769230769vw + 1.5769230769rem, 2.5rem);
    --text-xl-3xl: clamp(1.75rem, 0.9615384615vw + 1.4615384615rem, 3rem);
    --text-2xl: 2.5rem;
    --text-2xl-3xl: clamp(2.5rem, 0.3846153846vw + 2.3846153846rem, 3rem);
    --text-3xl: 3rem;
    --space-2xs: 0.5rem;
    --space-2xs-xs: clamp(0.5rem, 0.3846153846vw + 0.3846153846rem, 1rem);
    --space-2xs-sm: clamp(0.5rem, 0.7692307692vw + 0.2692307692rem, 1.5rem);
    --space-2xs-md: clamp(0.5rem, 1.1538461538vw + 0.1538461538rem, 2rem);
    --space-2xs-lg: clamp(0.5rem, 1.9230769231vw + -0.0769230769rem, 3rem);
    --space-2xs-xl: clamp(0.5rem, 2.6923076923vw + -0.3076923077rem, 4rem);
    --space-2xs-2xl: clamp(0.5rem, 4.2307692308vw + -0.7692307692rem, 6rem);
    --space-2xs-3xl: clamp(0.5rem, 7.3076923077vw + -1.6923076923rem, 10rem);
    --space-2xs-4xl: clamp(0.5rem, 11.9230769231vw + -3.0769230769rem, 16rem);
    --space-xs: 1rem;
    --space-xs-sm: clamp(1rem, 0.3846153846vw + 0.8846153846rem, 1.5rem);
    --space-xs-md: clamp(1rem, 0.7692307692vw + 0.7692307692rem, 2rem);
    --space-xs-lg: clamp(1rem, 1.5384615385vw + 0.5384615385rem, 3rem);
    --space-xs-xl: clamp(1rem, 2.3076923077vw + 0.3076923077rem, 4rem);
    --space-xs-2xl: clamp(1rem, 3.8461538462vw + -0.1538461538rem, 6rem);
    --space-xs-3xl: clamp(1rem, 6.9230769231vw + -1.0769230769rem, 10rem);
    --space-xs-4xl: clamp(1rem, 11.5384615385vw + -2.4615384615rem, 16rem);
    --space-sm: 1.5rem;
    --space-sm-md: clamp(1.5rem, 0.3846153846vw + 1.3846153846rem, 2rem);
    --space-sm-lg: clamp(1.5rem, 1.1538461538vw + 1.1538461538rem, 3rem);
    --space-sm-xl: clamp(1.5rem, 1.9230769231vw + 0.9230769231rem, 4rem);
    --space-sm-2xl: clamp(1.5rem, 3.4615384615vw + 0.4615384615rem, 6rem);
    --space-sm-3xl: clamp(1.5rem, 6.5384615385vw + -0.4615384615rem, 10rem);
    --space-sm-4xl: clamp(1.5rem, 11.1538461538vw + -1.8461538462rem, 16rem);
    --space-md: 2rem;
    --space-md-lg: clamp(2rem, 0.7692307692vw + 1.7692307692rem, 3rem);
    --space-md-xl: clamp(2rem, 1.5384615385vw + 1.5384615385rem, 4rem);
    --space-md-2xl: clamp(2rem, 3.0769230769vw + 1.0769230769rem, 6rem);
    --space-md-3xl: clamp(2rem, 6.1538461538vw + 0.1538461538rem, 10rem);
    --space-md-4xl: clamp(2rem, 10.7692307692vw + -1.2307692308rem, 16rem);
    --space-lg: 3rem;
    --space-lg-xl: clamp(3rem, 0.7692307692vw + 2.7692307692rem, 4rem);
    --space-lg-2xl: clamp(3rem, 2.3076923077vw + 2.3076923077rem, 6rem);
    --space-lg-3xl: clamp(3rem, 5.3846153846vw + 1.3846153846rem, 10rem);
    --space-lg-4xl: clamp(3rem, 10vw + 0rem, 16rem);
    --space-xl: 4rem;
    --space-xl-2xl: clamp(4rem, 1.5384615385vw + 3.5384615385rem, 6rem);
    --space-xl-3xl: clamp(4rem, 4.6153846154vw + 2.6153846154rem, 10rem);
    --space-xl-4xl: clamp(4rem, 9.2307692308vw + 1.2307692308rem, 16rem);
    --space-2xl: 6rem;
    --space-2xl-3xl: clamp(6rem, 3.0769230769vw + 5.0769230769rem, 10rem);
    --space-2xl-4xl: clamp(6rem, 7.6923076923vw + 3.6923076923rem, 16rem);
    --space-3xl: 10rem;
    --space-3xl-4xl: clamp(10rem, 4.6153846154vw + 8.6153846154rem, 16rem);
    --space-4xl: 16rem;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-90: 0.9;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 1rem;
    --radius-max: 9rem;
    --z-100: 100;
    --z-200: 200;
    --z-300: 300;
    --z-400: 400;
    --z-500: 500;
    --z-max: 900;
    --color-white: #FAFAFA;
    --color-black: #1F1F1F;
    --color-primary: #2B5A48;
    --color-secondary: #87EF7D;
    --color-gray-dark: #96988D;
    --color-gray: #B0B2A6;
    --color-gray-light: #CACCC2;
    --color-gray-100: hsl(0, 0%, 95%);
    --focus-ring-width: 0.125rem;
    --focus-ring-color: currentColor;
    --focus-ring-offset: 0.125rem;
    --focus-ring-style: solid;
    --font-sans: Altmann Grotesk, system-ui, sans-serif;
    --font-serif: serif;
    --font-mono: monospace;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --tracking-xs: -0.04em;
    --tracking-sm: -0.02em;
    --tracking-lg: 0.02em;
    --tracking-xl: 0.04em;
    --leading-xs: 1.1;
    --leading-sm: 1.3;
    --leading-md: 1.5;
    --leading-lg: 1.7;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  html {
    scroll-behavior: smooth;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
  }
  body {
    min-height: 100dvh;
    font-family: var(--font-sans);
    line-height: var(--leading-md);
    text-rendering: optimizeSpeed;
  }
  a,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }
  a {
    color: currentcolor;
    text-decoration: none;
    text-decoration-skip-ink: auto;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  ol[role=list],
  ul[role=list] {
    list-style: none;
  }
  ol:not([role=list]),
  ul:not([role=list]) {
    padding-inline-start: 1.25rem;
  }
  img,
  picture,
  canvas,
  video {
    max-width: 100%;
    height: auto;
  }
  iframe {
    border: 0;
  }
  table {
    border-collapse: collapse;
    caption-side: bottom;
  }
  thead,
  tbody,
  tfoot,
  th,
  tr,
  td {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
  }
  th {
    text-align: inherit;
    text-align: -webkit-match-parent;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    appearance: button;
    -webkit-appearance: button;
  }
  fieldset {
    border: none;
  }
  dialog {
    border: 0;
    max-width: none;
    max-height: none;
  }
  :focus {
    outline-color: var(--focus-ring-color);
    outline-offset: var(--focus-ring-offset);
    outline-style: var(--focus-ring-style);
    outline-width: var(--focus-ring-width);
  }
  @supports selector(:focus-visible) {
    :focus {
      outline: none;
    }
    :focus-visible {
      outline-color: var(--focus-ring-color);
      outline-offset: var(--focus-ring-offset);
      outline-style: var(--focus-ring-style);
      outline-width: var(--focus-ring-width);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto !important;
    }
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}
@layer layouts {
  .l-auto-grid {
    --auto-grid-columns: auto-fill;
    --auto-grid-basis: 20rem;
    --auto-grid-gap: 0;
    display: grid;
    grid-template-columns: repeat(var(--auto-grid-columns), minmax(min(100%, var(--auto-grid-basis)), 1fr));
    gap: var(--auto-grid-gap);
  }
  .l-auto-grid > * {
    max-width: 100%;
    min-width: 0;
    min-height: 0;
  }
  @media (min-width: 30em) {
    .l-auto-grid {
      --sm-auto-grid-columns: var(--auto-grid-columns);
      --sm-auto-grid-basis: var(--auto-grid-basis);
      --sm-auto-grid-gap: var(--auto-grid-gap);
      grid-template-columns: repeat(var(--sm-auto-grid-columns), minmax(min(100%, var(--sm-auto-grid-basis)), 1fr));
      gap: var(--sm-auto-grid-gap);
    }
  }
  @media (min-width: 60em) {
    .l-auto-grid {
      --md-auto-grid-columns: var(--sm-auto-grid-columns);
      --md-auto-grid-basis: var(--sm-auto-grid-basis);
      --md-auto-grid-gap: var(--sm-auto-grid-gap);
      grid-template-columns: repeat(var(--md-auto-grid-columns), minmax(min(100%, var(--md-auto-grid-basis)), 1fr));
      gap: var(--md-auto-grid-gap);
    }
  }
  @media (min-width: 90em) {
    .l-auto-grid {
      --lg-auto-grid-columns: var(--md-auto-grid-columns);
      --lg-auto-grid-basis: var(--md-auto-grid-basis);
      --lg-auto-grid-gap: var(--md-auto-grid-gap);
      grid-template-columns: repeat(var(--lg-auto-grid-columns), minmax(min(100%, var(--lg-auto-grid-basis)), 1fr));
      gap: var(--lg-auto-grid-gap);
    }
  }
  @media (min-width: 120em) {
    .l-auto-grid {
      --xl-auto-grid-columns: var(--lg-auto-grid-columns);
      --xl-auto-grid-basis: var(--lg-auto-grid-basis);
      --xl-auto-grid-gap: var(--lg-auto-grid-gap);
      grid-template-columns: repeat(var(--xl-auto-grid-columns), minmax(min(100%, var(--xl-auto-grid-basis)), 1fr));
      gap: var(--xl-auto-grid-gap);
    }
  }
}
@layer layouts {
  .l-flex {
    --flex-direction: row;
    --flex-wrap: nowrap;
    --flex-gap: 0;
    --flex-items: normal;
    --flex-content: normal;
    display: flex;
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    gap: var(--flex-gap);
    place-items: var(--flex-items);
    place-content: var(--flex-content);
  }
  .l-flex > * {
    --flex-basis: auto;
    --flex-grow: 0;
    --flex-shrink: 1;
    --flex-order: 0;
    --flex-self: auto;
    flex-basis: var(--flex-basis);
    flex-grow: var(--flex-grow);
    flex-shrink: var(--flex-shrink);
    order: var(--flex-order);
    place-self: var(--flex-self);
  }
  @media (min-width: 30em) {
    .l-flex {
      --sm-flex-direction: var(--flex-direction);
      --sm-flex-wrap: var(--flex-wrap);
      --sm-flex-gap: var(--flex-gap);
      --sm-flex-items: var(--flex-items);
      --sm-flex-content: var(--flex-content);
      flex-direction: var(--sm-flex-direction);
      flex-wrap: var(--sm-flex-wrap);
      gap: var(--sm-flex-gap);
      place-items: var(--sm-flex-items);
      place-content: var(--sm-flex-content);
    }
    .l-flex > * {
      --sm-flex-basis: var(--flex-basis);
      --sm-flex-grow: var(--flex-grow);
      --sm-flex-shrink: var(--flex-shrink);
      --sm-flex-order: var(--flex-order);
      --sm-flex-self: var(--flex-self);
      flex-basis: var(--sm-flex-basis);
      flex-grow: var(--sm-flex-grow);
      flex-shrink: var(--sm-flex-shrink);
      order: var(--sm-flex-order);
      place-self: var(--sm-flex-self);
    }
  }
  @media (min-width: 60em) {
    .l-flex {
      --md-flex-direction: var(--sm-flex-direction);
      --md-flex-wrap: var(--sm-flex-wrap);
      --md-flex-gap: var(--sm-flex-gap);
      --md-flex-items: var(--sm-flex-items);
      --md-flex-content: var(--sm-flex-content);
      flex-direction: var(--md-flex-direction);
      flex-wrap: var(--md-flex-wrap);
      gap: var(--md-flex-gap);
      place-items: var(--md-flex-items);
      place-content: var(--md-flex-content);
    }
    .l-flex > * {
      --md-flex-basis: var(--sm-flex-basis);
      --md-flex-grow: var(--sm-flex-grow);
      --md-flex-shrink: var(--sm-flex-shrink);
      --md-flex-order: var(--sm-flex-order);
      --md-flex-self: var(--sm-flex-self);
      flex-basis: var(--md-flex-basis);
      flex-grow: var(--md-flex-grow);
      flex-shrink: var(--md-flex-shrink);
      order: var(--md-flex-order);
      place-self: var(--md-flex-self);
    }
  }
  @media (min-width: 90em) {
    .l-flex {
      --lg-flex-direction: var(--md-flex-direction);
      --lg-flex-wrap: var(--md-flex-wrap);
      --lg-flex-gap: var(--md-flex-gap);
      --lg-flex-items: var(--md-flex-items);
      --lg-flex-content: var(--md-flex-content);
      flex-direction: var(--lg-flex-direction);
      flex-wrap: var(--lg-flex-wrap);
      gap: var(--lg-flex-gap);
      place-items: var(--lg-flex-items);
      place-content: var(--lg-flex-content);
    }
    .l-flex > * {
      --lg-flex-basis: var(--md-flex-basis);
      --lg-flex-grow: var(--md-flex-grow);
      --lg-flex-shrink: var(--md-flex-shrink);
      --lg-flex-order: var(--md-flex-order);
      --lg-flex-self: var(--md-flex-self);
      flex-basis: var(--lg-flex-basis);
      flex-grow: var(--lg-flex-grow);
      flex-shrink: var(--lg-flex-shrink);
      order: var(--lg-flex-order);
      place-self: var(--lg-flex-self);
    }
  }
  @media (min-width: 120em) {
    .l-flex {
      --xl-flex-direction: var(--lg-flex-direction);
      --xl-flex-wrap: var(--lg-flex-wrap);
      --xl-flex-gap: var(--lg-flex-gap);
      --xl-flex-items: var(--lg-flex-items);
      --xl-flex-content: var(--lg-flex-content);
      flex-direction: var(--xl-flex-direction);
      flex-wrap: var(--xl-flex-wrap);
      gap: var(--xl-flex-gap);
      place-items: var(--xl-flex-items);
      place-content: var(--xl-flex-content);
    }
    .l-flex > * {
      --xl-flex-basis: var(--lg-flex-basis);
      --xl-flex-grow: var(--lg-flex-grow);
      --xl-flex-shrink: var(--lg-flex-shrink);
      --xl-flex-order: var(--lg-flex-order);
      --xl-flex-self: var(--lg-flex-self);
      flex-basis: var(--xl-flex-basis);
      flex-grow: var(--xl-flex-grow);
      flex-shrink: var(--xl-flex-shrink);
      order: var(--xl-flex-order);
      place-self: var(--xl-flex-self);
    }
  }
}
@layer layouts {
  .l-frame {
    --frame-focus: 50% 50%;
    --frame-fit: cover;
    --frame-ratio: 1/1;
    position: relative;
    width: 100%;
    aspect-ratio: var(--frame-ratio);
    overflow: hidden;
  }
  .l-frame > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: var(--frame-fit);
    object-position: var(--frame-focus);
  }
  @media (min-width: 30em) {
    .l-frame {
      --sm-frame-focus: var(--frame-focus);
      --sm-frame-fit: var(--frame-fit);
      --sm-frame-ratio: var(--frame-ratio);
      aspect-ratio: var(--sm-frame-ratio);
    }
    .l-frame > * {
      object-fit: var(--sm-frame-fit);
      object-position: var(--sm-frame-focus);
    }
  }
  @media (min-width: 60em) {
    .l-frame {
      --md-frame-focus: var(--sm-frame-focus);
      --md-frame-fit: var(--sm-frame-fit);
      --md-frame-ratio: var(--sm-frame-ratio);
      aspect-ratio: var(--md-frame-ratio);
    }
    .l-frame > * {
      object-fit: var(--md-frame-fit);
      object-position: var(--md-frame-focus);
    }
  }
  @media (min-width: 90em) {
    .l-frame {
      --lg-frame-focus: var(--md-frame-focus);
      --lg-frame-fit: var(--md-frame-fit);
      --lg-frame-ratio: var(--md-frame-ratio);
      aspect-ratio: var(--lg-frame-ratio);
    }
    .l-frame > * {
      object-fit: var(--lg-frame-fit);
      object-position: var(--lg-frame-focus);
    }
  }
  @media (min-width: 120em) {
    .l-frame {
      --xl-frame-focus: var(--lg-frame-focus);
      --xl-frame-fit: var(--lg-frame-fit);
      --xl-frame-ratio: var(--lg-frame-ratio);
      aspect-ratio: var(--xl-frame-ratio);
    }
    .l-frame > * {
      object-fit: var(--xl-frame-fit);
      object-position: var(--xl-frame-focus);
    }
  }
}
@layer layouts {
  .l-grid {
    --grid-columns: 1;
    --grid-column-size: 1fr;
    --grid-rows: 1;
    --grid-row-size: auto;
    --grid-auto-columns: auto;
    --grid-flow: row;
    --grid-gap: 0;
    --grid-items: normal;
    --grid-content: normal;
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), var(--grid-column-size));
    grid-template-rows: repeat(var(--grid-rows), var(--grid-row-size));
    grid-auto-columns: var(--grid-auto-columns);
    grid-auto-flow: var(--grid-flow);
    gap: var(--grid-gap);
    place-items: var(--grid-items);
    place-content: var(--grid-content);
  }
  .l-grid > * {
    --grid-column: auto;
    --grid-row: auto;
    --grid-self: auto;
    grid-column: var(--grid-column);
    grid-row: var(--grid-row);
    place-self: var(--grid-self);
    max-width: 100%;
    min-width: 0;
    min-height: 0;
  }
  @media (min-width: 30em) {
    .l-grid {
      --sm-grid-columns: var(--grid-columns);
      --sm-grid-column-size: var(--grid-column-size);
      --sm-grid-rows: var(--grid-rows);
      --sm-grid-row-size: var(--grid-row-size);
      --sm-grid-auto-columns: var(--grid-auto-columns);
      --sm-grid-flow: var(--grid-flow);
      --sm-grid-gap: var(--grid-gap);
      --sm-grid-items: var(--grid-items);
      --sm-grid-content: var(--grid-content);
      grid-template-columns: repeat(var(--sm-grid-columns), var(--sm-grid-column-size));
      grid-template-rows: repeat(var(--sm-grid-rows), var(--sm-grid-row-size));
      grid-auto-columns: var(--sm-grid-auto-columns);
      grid-auto-flow: var(--sm-grid-flow);
      gap: var(--sm-grid-gap);
      place-items: var(--sm-grid-items);
      place-content: var(--sm-grid-content);
    }
    .l-grid > * {
      --sm-grid-column: var(--grid-column);
      --sm-grid-row: var(--grid-row);
      --sm-grid-self: var(--grid-self);
      grid-column: var(--sm-grid-column);
      grid-row: var(--sm-grid-row);
      place-self: var(--sm-grid-self);
    }
  }
  @media (min-width: 60em) {
    .l-grid {
      --md-grid-columns: var(--sm-grid-columns);
      --md-grid-column-size: var(--sm-grid-column-size);
      --md-grid-rows: var(--sm-grid-rows);
      --md-grid-row-size: var(--sm-grid-row-size);
      --md-grid-auto-columns: var(--sm-grid-auto-columns);
      --md-grid-flow: var(--sm-grid-flow);
      --md-grid-gap: var(--sm-grid-gap);
      --md-grid-items: var(--sm-grid-items);
      --md-grid-content: var(--sm-grid-content);
      grid-template-columns: repeat(var(--md-grid-columns), var(--md-grid-column-size));
      grid-template-rows: repeat(var(--md-grid-rows), var(--md-grid-row-size));
      grid-auto-columns: var(--md-grid-auto-columns);
      grid-auto-flow: var(--md-grid-flow);
      gap: var(--md-grid-gap);
      place-items: var(--md-grid-items);
      place-content: var(--md-grid-content);
    }
    .l-grid > * {
      --md-grid-column: var(--sm-grid-column);
      --md-grid-row: var(--sm-grid-row);
      --md-grid-self: var(--sm-grid-self);
      grid-column: var(--md-grid-column);
      grid-row: var(--md-grid-row);
      place-self: var(--md-grid-self);
    }
  }
  @media (min-width: 90em) {
    .l-grid {
      --lg-grid-columns: var(--md-grid-columns);
      --lg-grid-column-size: var(--md-grid-column-size);
      --lg-grid-rows: var(--md-grid-rows);
      --lg-grid-row-size: var(--md-grid-row-size);
      --lg-grid-auto-columns: var(--md-grid-auto-columns);
      --lg-grid-flow: var(--md-grid-flow);
      --lg-grid-gap: var(--md-grid-gap);
      --lg-grid-items: var(--md-grid-items);
      --lg-grid-content: var(--md-grid-content);
      grid-template-columns: repeat(var(--lg-grid-columns), var(--lg-grid-column-size));
      grid-template-rows: repeat(var(--lg-grid-rows), var(--lg-grid-row-size));
      grid-auto-columns: var(--lg-grid-auto-columns);
      grid-auto-flow: var(--lg-grid-flow);
      gap: var(--lg-grid-gap);
      place-items: var(--lg-grid-items);
      place-content: var(--lg-grid-content);
    }
    .l-grid > * {
      --lg-grid-column: var(--md-grid-column);
      --lg-grid-row: var(--md-grid-row);
      --lg-grid-self: var(--md-grid-self);
      grid-column: var(--lg-grid-column);
      grid-row: var(--lg-grid-row);
      place-self: var(--lg-grid-self);
    }
  }
  @media (min-width: 120em) {
    .l-grid {
      --xl-grid-columns: var(--lg-grid-columns);
      --xl-grid-column-size: var(--lg-grid-column-size);
      --xl-grid-rows: var(--lg-grid-rows);
      --xl-grid-row-size: var(--lg-grid-row-size);
      --xl-grid-auto-columns: var(--lg-grid-auto-columns);
      --xl-grid-flow: var(--lg-grid-flow);
      --xl-grid-gap: var(--lg-grid-gap);
      --xl-grid-items: var(--lg-grid-items);
      --xl-grid-content: var(--lg-grid-content);
      grid-template-columns: repeat(var(--xl-grid-columns), var(--xl-grid-column-size));
      grid-template-rows: repeat(var(--xl-grid-rows), var(--xl-grid-row-size));
      grid-auto-columns: var(--xl-grid-auto-columns);
      grid-auto-flow: var(--xl-grid-flow);
      gap: var(--xl-grid-gap);
      place-items: var(--xl-grid-items);
      place-content: var(--xl-grid-content);
    }
    .l-grid > * {
      --xl-grid-column: var(--lg-grid-column);
      --xl-grid-row: var(--lg-grid-row);
      --xl-grid-self: var(--lg-grid-self);
      grid-column: var(--xl-grid-column);
      grid-row: var(--xl-grid-row);
      place-self: var(--xl-grid-self);
    }
  }
}
@layer layouts {
  .l-spacer {
    --spacer-margin: 0;
    --spacer-padding: 0;
    margin-block: var(--spacer-margin);
    padding-block: var(--spacer-padding);
  }
}
@layer layouts {
  .l-stack {
    --stack-space: 1em;
  }
  .l-stack > * + * {
    margin-block-start: var(--stack-space);
  }
}
@layer layouts {
  .l-switch {
    --switch-breakpoint: 0;
    --switch-gap: 0;
    --switch-items: normal;
    --switch-content: normal;
    display: flex;
    flex-wrap: wrap;
    gap: var(--switch-gap);
    place-items: var(--switch-items);
    place-content: var(--switch-content);
  }
  .l-switch > * {
    --switch-grow: 1;
    --switch-order: 0;
    --switch-self: auto;
    flex-basis: max((var(--switch-breakpoint) - 100%) * 999, 0px);
    flex-grow: calc(var(--switch-grow));
    place-self: var(--switch-self);
  }
}
@layer layouts {
  .l-wrap {
    --wrap-width: 100%;
    --wrap-max-width: 160rem;
    --wrap-margin: auto;
    --wrap-padding: var(--base-margin);
    width: var(--wrap-width);
    max-width: var(--wrap-max-width);
    margin-inline: var(--wrap-margin);
    padding-inline: var(--wrap-padding);
  }
  @media (min-width: 30em) {
    .l-wrap {
      --sm-wrap-width: var(--wrap-width);
      --sm-wrap-max-width: var(--wrap-max-width);
      --sm-wrap-margin: var(--wrap-margin);
      --sm-wrap-padding: var(--wrap-padding);
      width: var(--sm-wrap-width);
      max-width: var(--sm-wrap-max-width);
      margin-inline: var(--sm-wrap-margin);
      padding-inline: var(--sm-wrap-padding);
    }
  }
  @media (min-width: 60em) {
    .l-wrap {
      --md-wrap-width: var(--sm-wrap-width);
      --md-wrap-max-width: var(--sm-wrap-max-width);
      --md-wrap-margin: var(--sm-wrap-margin);
      --md-wrap-padding: var(--sm-wrap-padding);
      width: var(--md-wrap-width);
      max-width: var(--md-wrap-max-width);
      margin-inline: var(--md-wrap-margin);
      padding-inline: var(--md-wrap-padding);
    }
  }
  @media (min-width: 90em) {
    .l-wrap {
      --lg-wrap-width: var(--md-wrap-width);
      --lg-wrap-max-width: var(--md-wrap-max-width);
      --lg-wrap-margin: var(--md-wrap-margin);
      --lg-wrap-padding: var(--md-wrap-padding);
      width: var(--lg-wrap-width);
      max-width: var(--lg-wrap-max-width);
      margin-inline: var(--lg-wrap-margin);
      padding-inline: var(--lg-wrap-padding);
    }
  }
  @media (min-width: 120em) {
    .l-wrap {
      --xl-wrap-width: var(--lg-wrap-width);
      --xl-wrap-max-width: var(--lg-wrap-max-width);
      --xl-wrap-margin: var(--lg-wrap-margin);
      --xl-wrap-padding: var(--lg-wrap-padding);
      width: var(--xl-wrap-width);
      max-width: var(--xl-wrap-max-width);
      margin-inline: var(--xl-wrap-margin);
      padding-inline: var(--xl-wrap-padding);
    }
  }
}
@layer layouts {
  .l-display {
    --display: block;
    display: var(--display);
  }
  @media (min-width: 30em) {
    .l-display {
      --sm-display: var(--display);
      display: var(--sm-display);
    }
  }
  @media (min-width: 60em) {
    .l-display {
      --md-display: var(--sm-display);
      display: var(--md-display);
    }
  }
  @media (min-width: 90em) {
    .l-display {
      --lg-display: var(--md-display);
      display: var(--lg-display);
    }
  }
  @media (min-width: 120em) {
    .l-display {
      --xl-display: var(--lg-display);
      display: var(--xl-display);
    }
  }
}
@layer utilities {
  .u-line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp, 1);
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@layer utilities {
  .u-link-stretch {
    position: static;
  }
  .u-link-stretch::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--link-stretch-z-index, 1);
    width: 100%;
    height: 100%;
    border-radius: var(--link-stretch-border-radius, 0);
    cursor: pointer;
  }
  .u-link-stretch:focus-visible {
    outline: none;
  }
  .u-link-stretch:focus-visible::before {
    outline: var(--link-stretch-outline-width, 0.125rem) var(--link-stretch-outline-type, solid) var(--link-stretch-outline-color, currentColor);
  }
}
@layer utilities {
  .u-visually-hidden {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
    white-space: nowrap;
  }
}
@layer utilities {
  .u-text-display {
    font-size: var(--text-xl-2xl);
    font-weight: var(--font-medium);
    font-family: var(--font-sans);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-xs);
  }
  .u-text-headline {
    font-size: var(--text-lg-xl);
    font-weight: var(--font-medium);
    font-family: var(--font-sans);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }
  .u-text-subhead {
    font-size: var(--text-sm-md);
    font-weight: var(--font-medium);
    font-family: var(--font-sans);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-xs);
  }
  .u-text-body {
    font-size: var(--text-sm-md);
    font-weight: var(--font-regular);
    font-family: var(--font-sans);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-md);
  }
  .u-text-overline {
    font-size: var(--text-2xs-xs);
    font-weight: var(--font-regular);
    font-family: var(--font-sans);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-xs);
    text-transform: uppercase;
    opacity: var(--opacity-70);
  }
  .u-text-caption {
    font-size: var(--text-xs);
    font-weight: var(--font-regular);
    font-family: var(--font-sans);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-md);
  }
  .u-text-balance {
    text-wrap: balance;
  }
  .u-bg-white {
    background-color: var(--color-white);
  }
  .u-bg-black {
    background-color: var(--color-black);
  }
  .u-bg-primary {
    background-color: var(--color-primary);
  }
  .u-bg-secondary {
    background-color: var(--color-secondary);
  }
  .u-bg-gray-dark {
    background-color: var(--color-gray-dark);
  }
  .u-bg-gray {
    background-color: var(--color-gray);
  }
  .u-bg-gray-light {
    background-color: var(--color-gray-light);
  }
  .u-bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .u-text-white {
    color: var(--color-white);
  }
  .u-text-black {
    color: var(--color-black);
  }
  .u-text-primary {
    color: var(--color-primary);
  }
  .u-text-secondary {
    color: var(--color-secondary);
  }
  .u-text-gray-dark {
    color: var(--color-gray-dark);
  }
  .u-text-gray {
    color: var(--color-gray);
  }
  .u-text-gray-light {
    color: var(--color-gray-light);
  }
  .u-text-gray-100 {
    color: var(--color-gray-100);
  }
  .u-font-sans {
    font-family: var(--font-sans);
  }
  .u-font-serif {
    font-family: var(--font-serif);
  }
  .u-font-mono {
    font-family: var(--font-mono);
  }
  .u-text-2xs {
    font-size: var(--text-2xs);
  }
  .u-text-2xs-xs {
    font-size: var(--text-2xs-xs);
  }
  .u-text-2xs-sm {
    font-size: var(--text-2xs-sm);
  }
  .u-text-2xs-md {
    font-size: var(--text-2xs-md);
  }
  .u-text-2xs-lg {
    font-size: var(--text-2xs-lg);
  }
  .u-text-2xs-xl {
    font-size: var(--text-2xs-xl);
  }
  .u-text-2xs-2xl {
    font-size: var(--text-2xs-2xl);
  }
  .u-text-2xs-3xl {
    font-size: var(--text-2xs-3xl);
  }
  .u-text-xs {
    font-size: var(--text-xs);
  }
  .u-text-xs-sm {
    font-size: var(--text-xs-sm);
  }
  .u-text-xs-md {
    font-size: var(--text-xs-md);
  }
  .u-text-xs-lg {
    font-size: var(--text-xs-lg);
  }
  .u-text-xs-xl {
    font-size: var(--text-xs-xl);
  }
  .u-text-xs-2xl {
    font-size: var(--text-xs-2xl);
  }
  .u-text-xs-3xl {
    font-size: var(--text-xs-3xl);
  }
  .u-text-sm {
    font-size: var(--text-sm);
  }
  .u-text-sm-md {
    font-size: var(--text-sm-md);
  }
  .u-text-sm-lg {
    font-size: var(--text-sm-lg);
  }
  .u-text-sm-xl {
    font-size: var(--text-sm-xl);
  }
  .u-text-sm-2xl {
    font-size: var(--text-sm-2xl);
  }
  .u-text-sm-3xl {
    font-size: var(--text-sm-3xl);
  }
  .u-text-md {
    font-size: var(--text-md);
  }
  .u-text-md-lg {
    font-size: var(--text-md-lg);
  }
  .u-text-md-xl {
    font-size: var(--text-md-xl);
  }
  .u-text-md-2xl {
    font-size: var(--text-md-2xl);
  }
  .u-text-md-3xl {
    font-size: var(--text-md-3xl);
  }
  .u-text-lg {
    font-size: var(--text-lg);
  }
  .u-text-lg-xl {
    font-size: var(--text-lg-xl);
  }
  .u-text-lg-2xl {
    font-size: var(--text-lg-2xl);
  }
  .u-text-lg-3xl {
    font-size: var(--text-lg-3xl);
  }
  .u-text-xl {
    font-size: var(--text-xl);
  }
  .u-text-xl-2xl {
    font-size: var(--text-xl-2xl);
  }
  .u-text-xl-3xl {
    font-size: var(--text-xl-3xl);
  }
  .u-text-2xl {
    font-size: var(--text-2xl);
  }
  .u-text-2xl-3xl {
    font-size: var(--text-2xl-3xl);
  }
  .u-text-3xl {
    font-size: var(--text-3xl);
  }
  .u-font-light {
    font-weight: var(--font-light);
  }
  .u-font-regular {
    font-weight: var(--font-regular);
  }
  .u-font-medium {
    font-weight: var(--font-medium);
  }
  .u-font-semibold {
    font-weight: var(--font-semibold);
  }
  .u-font-bold {
    font-weight: var(--font-bold);
  }
  .u-tracking-xs {
    letter-spacing: var(--tracking-xs);
  }
  .u-tracking-sm {
    letter-spacing: var(--tracking-sm);
  }
  .u-tracking-lg {
    letter-spacing: var(--tracking-lg);
  }
  .u-tracking-xl {
    letter-spacing: var(--tracking-xl);
  }
  .u-leading-xs {
    line-height: var(--leading-xs);
  }
  .u-leading-sm {
    line-height: var(--leading-sm);
  }
  .u-leading-md {
    line-height: var(--leading-md);
  }
  .u-leading-lg {
    line-height: var(--leading-lg);
  }
  .u-text-left {
    text-align: left;
  }
  .u-text-center {
    text-align: center;
  }
  .u-text-right {
    text-align: right;
  }
  .u-text-upper {
    text-transform: uppercase;
  }
  .u-text-lower {
    text-transform: lowercase;
  }
  .u-text-caps {
    text-transform: capitalize;
  }
}
@layer base {
  @font-face {
    font-family: "Altmann Grotesk";
    font-style: normal;
    font-weight: 300;
    src: url("fonts/AltmannGroteskWeb-Light.woff2") format("woff2");
  }
  @font-face {
    font-family: "Altmann Grotesk";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/AltmannGroteskWeb-Regular.woff2") format("woff2");
  }
  @font-face {
    font-family: "Altmann Grotesk";
    font-style: normal;
    font-weight: 500;
    src: url("fonts/AltmannGroteskWeb-Medium.woff2") format("woff2");
  }
  @font-face {
    font-family: "Altmann Grotesk";
    font-style: normal;
    font-weight: 700;
    src: url("fonts/AltmannGroteskWeb-Bold.woff2") format("woff2");
  }
  :root {
    --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
    --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
    --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
    --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
    --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
    --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
    --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --animation-ease: var(--ease-out-sine);
    --animation-duration: 200ms;
    --animation-delay: 0ms;
    --base-grid: 12;
    --base-gap: var(--space-xs-sm);
    --base-margin: var(--space-xs-sm);
    --base-content-max-width: 42rem;
    --base-border-radius: var(--radius-xs);
    --base-card-ratio-landscape: 5/4;
    --root-adminbar-height: 2.5rem;
  }
  html {
    background-color: var(--color-white);
  }
  html[data-overlay=true] {
    overflow: hidden;
  }
  [id] {
    scroll-margin-block: var(--space-xl-3xl);
  }
  body {
    background-color: var(--color-white);
    font-size: var(--text-sm);
    font-weight: var(--font-regular);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-md);
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: var(--font-medium);
    letter-spacing: var(--tracking-sm);
  }
  h1 {
    font-size: var(--text-xl-2xl);
    line-height: var(--leading-xs);
  }
  h2 {
    font-size: var(--text-lg-xl);
    line-height: var(--leading-xs);
  }
  h3 {
    font-size: var(--text-md-lg);
    line-height: var(--leading-sm);
  }
  h4 {
    font-size: var(--text-sm-md);
    line-height: var(--leading-sm);
  }
  h5 {
    font-size: var(--text-xs-sm);
    line-height: var(--leading-md);
  }
  h6 {
    font-size: var(--text-2xs-xs);
    line-height: var(--leading-md);
  }
  strong {
    font-weight: var(--font-medium);
  }
  ::selection {
    background-color: var(--color-secondary);
    color: var(--color-black);
  }
  html[data-js=true] img[loading=lazy] {
    opacity: 0;
  }
  img[loading=lazy][data-animation=loaded] {
    --animation-delay: 0ms;
    --animation-duration: 400ms;
    animation: fadeIn var(--animation-ease) var(--animation-duration) var(--animation-delay) forwards;
  }
  html[data-js=true] video {
    opacity: 0;
  }
  video[data-animation=loaded] {
    --animation-delay: 0ms;
    --animation-duration: 400ms;
    animation: fadeIn var(--animation-ease) var(--animation-duration) var(--animation-delay) forwards;
  }
  figure,
  img {
    display: block;
    width: 100%;
  }
  @keyframes slideUp {
    from {
      transform: translateY(clamp(2rem, 50%, 4rem));
    }
    to {
      transform: translateY(0);
    }
  }
  @keyframes slideDown {
    from {
      transform: translateY(clamp(-4rem, -50%, -2rem));
    }
    to {
      transform: translateY(0);
    }
  }
  @keyframes fadeIn {
    from {
      opacity: var(--from-opacity, 0);
    }
    to {
      opacity: var(--to-opacity, 1);
    }
  }
}
@layer layouts {}
@layer utilities {}
@layer views {
  .block-stack > * + * {
    --stack-space: 0;
  }
}
@layer views {
  .button {
    --button-align-items: center;
    --button-justify-content: center;
    --button-gap: 0.5em;
    --button-padding: 1.125em 1.25em 1em 1.25em;
    --button-background-color: var(--color-primary);
    --button-background-color-hover: var(--color-black);
    --button-background-color-active: var(--button-background-color-hover);
    --button-color: var(--color-secondary);
    --button-color-hover: var(--color-white);
    --button-color-active: var(--button-color-hover);
    --button-backdrop-filter: 0px;
    --button-border-width: 0.0625em;
    --button-border-style: solid;
    --button-border-color: var(--color-primary);
    --button-border-color-hover: var(--color-black);
    --button-radius: var(--base-border-radius);
    --button-font-family: var(--font-sans);
    --button-font-size: var(--text-sm);
    --button-font-weight: var(--font-regular);
    --button-leading: var(--leading-xs);
    --button-tracking: var(--tracking-md);
    --button-text-decoration: none;
    --button-icon-size: 1.5cap;
    --focus-ring-color: var(--button-background-color);
    display: inline-flex;
    align-items: var(--button-align-items);
    justify-content: var(--button-justify-content);
    gap: var(--button-gap);
    padding: var(--button-padding);
    background-color: var(--button-background-color);
    color: var(--button-color);
    backdrop-filter: blur(var(--button-backdrop-filter));
    border-width: var(--button-border-width);
    border-style: var(--button-border-style);
    border-color: var(--button-border-color);
    border-radius: var(--button-radius);
    font-family: var(--button-font-family);
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight);
    letter-spacing: var(--button-tracking);
    line-height: var(--button-leading);
    text-decoration: var(--button-text-decoration);
    text-align: center;
    cursor: pointer;
    transition: background-color var(--animation-ease) 100ms, border-color var(--animation-ease) 100ms, transform var(--animation-ease) 100ms;
  }
  .button:hover {
    background-color: var(--button-background-color-hover);
    color: var(--button-color-hover);
    border-color: var(--button-border-color-hover);
  }
  .button:active {
    transform: scale(98%);
    color: var(--button-color-active);
    background-color: var(--button-background-color-active);
  }
  .button > svg {
    flex: none;
    width: auto;
    height: var(--button-icon-size);
  }
  .button > svg:first-child {
    margin-inline-start: -0.125em;
  }
  .button > svg:last-child {
    margin-inline-end: -0.125em;
  }
  .button[data-variant=text] {
    --button-padding: 0;
    --button-background-color: transparent;
    --button-background-color-hover: transparent;
    --button-color: var(--color-black);
    --button-color-hover: var(--color-black);
    --button-border-width: 0;
    --focus-ring-color: currentColor;
  }
}
@layer views {
  .cards-row {
    --cards-row-background-color: var(--color-white);
    --cards-row-color: var(--base-text-color);
    padding-block: var(--space-xl-2xl);
    background-color: var(--cards-row-background-color);
    color: var(--cards-row-color);
    border-bottom: 1px solid color(from var(--color-gray-light) srgb r g b/0.5);
  }
  .cards-row[style*="--cards-row-background-color: #2b5a48;"] .button {
    --button-background-color: var(--color-secondary);
    --button-color: var(--color-primary);
  }
  .cards-row-wrap {
    --md-grid-gap: var(--base-gap);
    --md-grid-columns: var(--base-grid);
  }
  .cards-row-wrap > * {
    --md-grid-column: span 6;
  }
  .cards-row-wrap[data-layout-direction=inline-reverse] > *:nth-child(1) {
    --md-grid-column: 7 / -1;
    --md-grid-row: 1 / 1;
  }
  .cards-row-wrap[data-layout-direction=inline-reverse] > *:nth-child(2) {
    --md-grid-column: 1 / 7;
    --md-grid-row: 1 / 1;
  }
  .cards-row-media-wrap {
    padding: var(--space-md-xl);
    background-color: var(--color-gray-light);
    border-radius: var(--base-border-radius);
    overflow: hidden;
  }
  .cards-row[style*="--cards-row-background-color: #2b5a48;"] .cards-row-media-wrap {
    background-color: color(from var(--color-gray-dark) srgb r g b/0.3);
  }
  .cards-row-media {
    --frame-ratio: var(--base-card-ratio-landscape);
    --grid-self: stretch;
    background-color: var(--base-media-background-color);
  }
  .cards-row-content {
    --flex-direction: column;
    --flex-gap: var(--space-sm-md) var(--base-margin);
    --flex-content: start;
    max-width: 40rem;
    width: 100%;
    margin-inline: auto;
    padding-block-start: var(--space-lg-3xl);
  }
  @media (min-width: 60em) {
    .cards-row-content {
      width: 90%;
      padding-block: var(--space-md-3xl);
    }
  }
  @media (min-width: 90em) {
    .cards-row-content {
      width: 80%;
    }
  }
  .cards-row-content-grid {
    --grid-gap: var(--space-sm-md) var(--base-gap);
  }
}
@layer views {
  .center-text {
    --center-text-background-color: var(--color-white);
    --center-text-color: var(--base-text-color);
    padding-block: var(--space-xl-3xl);
    background-color: var(--center-text-background-color);
    color: var(--center-text-color);
    border-bottom: 1px solid color(from var(--color-gray-light) srgb r g b/0.5);
  }
  .center-text[style*="--center-text-background-color: #2b5a48;"] .button {
    --button-background-color: var(--color-secondary);
    --button-color: var(--color-primary);
  }
  .center-text-wrap {
    --grid-gap: var(--base-gap);
    --md-grid-columns: var(--base-grid);
  }
  .center-text-content {
    --flex-direction: column;
    --flex-gap: var(--space-sm-md) var(--base-margin);
    --flex-content: start;
    --md-grid-column: 4 / span 6;
    max-width: 40rem;
    width: 100%;
    margin-inline: auto;
  }
  .center-text-content-grid {
    --grid-gap: var(--space-sm-md) var(--base-gap);
  }
  .center-text-heading {
    margin-inline: var(--space-2xs-xl);
  }
  @media (min-width: 60em) {
    .center-text-heading {
      margin-inline: var(--space-2xs-xl) 0;
    }
  }
}
@layer views {
  .cover-media {
    --frame-ratio: 1/1;
    --md-frame-ratio: 16/9;
    max-height: 90vh;
  }
}
@layer views {
  .contact-cards {
    --contact-cards-background-color: var(--color-white);
    --contact-cards-color: var(--base-text-color);
    padding-block: var(--space-xl-2xl);
    background-color: var(--contact-cards-background-color);
    color: var(--contact-cards-color);
    border-bottom: 1px solid color(from var(--color-gray-light) srgb r g b/0.5);
  }
  .contact-cards a {
    text-decoration: none;
  }
  .contact-cards a:hover {
    text-decoration: underline;
  }
}
@layer views {
  .contact-form {
    --wrap-padding: var(--base-margin);
    --wrap-max-width: none;
    position: relative;
    min-height: 90vh;
    padding-block: var(--space-xl-2xl);
    color: var(--color-white);
    border-bottom: 1px solid color(from var(--color-gray-light) srgb r g b/0.5);
  }
  .contact-form-container {
    --grid-content: center start;
    position: relative;
    min-height: 90vh;
    padding-block: var(--space-xl-3xl);
    border-radius: var(--base-border-radius);
    overflow: hidden;
  }
  .contact-form-media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-100);
    background-color: var(--color-primary);
  }
  .contact-form-media > :is(img, video) {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .contact-form-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-200);
    opacity: var(--opacity-30);
    background-color: var(--color-black);
  }
  .contact-form-wrap {
    --grid-gap: var(--base-gap);
    --md-grid-columns: var(--base-grid);
    position: relative;
    z-index: var(--z-200);
  }
  .contact-form-wrap > * {
    --md-grid-column: span 6;
  }
  .contact-form-content {
    --flex-direction: column;
    --flex-gap: var(--space-sm-md) var(--base-margin);
    --flex-content: start;
    max-width: 40rem;
    width: 100%;
    margin-inline: auto;
  }
  @media (min-width: 60em) {
    .contact-form-content {
      width: 90%;
    }
  }
  @media (min-width: 90em) {
    .contact-form-content {
      width: 80%;
    }
  }
  .contact-form-content-grid {
    --grid-gap: var(--space-sm-md) var(--base-gap);
  }
  .contact-form-success {
    padding: var(--space-xs-sm);
    background-color: var(--color-white);
    color: var(--color-black);
    border: none;
    border-radius: var(--radius-xs);
  }
}
@layer views {
  .details-card {
    --flex-direction: column;
    --flex-gap: var(--space-sm);
    --flex-grow: 1;
  }
  .details-card-media {
    --frame-fit: contain;
    --frame-ratio: 1/1;
    background-color: var(--color-gray-light);
    border-radius: var(--base-border-radius);
  }
  .details-card-media > * {
    padding: var(--space-sm-md);
  }
  .details-card-row {
    padding-block: var(--space-2xs-xs);
    border-top: 1px solid color(from var(--color-gray-light) srgb r g b/0.5);
  }
  .details-card-row:first-child {
    border: none;
  }
  .details-card-link {
    --flex-items: center;
    --flex-gap: var(--space-2xs-xs);
    font-size: var(--text-xs-sm);
    line-height: var(--leading-sm);
  }
  .details-card-link:hover {
    text-decoration: underline;
  }
  .details-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    background-color: var(--color-primary);
    color: var(--color-secondary);
    border-radius: var(--radius-max);
  }
  .details-card-icon svg {
    width: 1rem;
    height: 1rem;
  }
}
@layer views {
  .featured-collection {
    --featured-collection-background-color: var(--color-white);
    --featured-collection-color: var(--base-text-color);
    --wrap-max-width: none;
    --wrap-padding: 0;
    --md-wrap-padding: 0 var(--base-margin);
    --grid-gap: var(--base-gap);
    --grid-content: start;
    --md-grid-columns: var(--base-grid);
    padding-block: var(--space-xl-2xl);
    background-color: var(--featured-collection-background-color);
    color: var(--featured-collection-color);
    border-bottom: 1px solid color(from var(--color-gray-light) srgb r g b/0.5);
  }
  .featured-collection-sticky-column {
    --grid-gap: var(--space-xl-2xl) var(--base-gap);
    --md-grid-columns: 9;
    --md-grid-column: 1 / span 9;
  }
  @media (min-width: 60em) {
    .featured-collection-sticky-column {
      position: sticky;
      top: 0;
      height: 100vh;
      height: 100dvh;
    }
  }
  .featured-collection-media {
    --md-grid-column: span 4;
    --lg-grid-column: span 5;
    --xl-grid-column: span 6;
  }
  @media (min-width: 60em) {
    .featured-collection-media {
      height: 100vh;
      height: 100dvh;
      border-top-right-radius: var(--base-border-radius);
      border-bottom-right-radius: var(--base-border-radius);
    }
  }
  .featured-collection-text {
    --grid-gap: var(--space-sm-md);
    --grid-self: start;
    --md-grid-column: span 4;
    --lg-grid-column: span 3;
    --xl-grid-column: span 2;
    --wrap-max-width: none;
    --md-wrap-padding: 0;
    position: sticky;
    top: var(--base-margin);
    margin-block-end: var(--space-xl-2xl);
  }
  @media (min-width: 60em) {
    .featured-collection-text {
      margin-block-end: var(--base-margin);
    }
  }
  .featured-collection-text > * {
    width: 100%;
    max-width: 40rem;
    margin-inline: auto;
  }
  @media (min-width: 60em) {
    .featured-collection-text > * {
      margin-inline: 0;
    }
  }
}
@layer views {
  .footer {
    --grid-gap: var(--space-xl-2xl) var(--base-gap);
    position: relative;
    min-height: 70vh;
    padding-block: var(--space-xl-3xl) var(--base-margin);
    background-color: var(--color-black);
    color: var(--color-white);
  }
  .footer-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-100);
    background-color: var(--color-primary);
  }
  .footer-image > :is(img, video) {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .footer-image-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-200);
    opacity: 0.1;
    background-color: var(--color-black);
  }
  .footer-box {
    --grid-gap: var(--space-xl-2xl) var(--base-gap);
    --md-grid-columns: var(--base-grid);
    background-color: var(--color-black);
    color: var(--color-white);
    padding: var(--space-xl-2xl) var(--space-md-xl);
    border-radius: var(--base-border-radius);
  }
  .footer-box > * {
    --md-grid-column: span 6;
  }
  .footer-wrap {
    --wrap-max-width: none;
    --grid-gap: var(--base-gap);
    --md-grid-columns: var(--base-grid);
    position: relative;
    z-index: var(--z-300);
  }
  .footer-wrap > * {
    --md-grid-column: span 6;
  }
  .footer-content {
    --flex-direction: column;
    --flex-gap: var(--space-sm-md) var(--base-margin);
    --flex-content: start;
  }
  .footer-content-cta {
    --flex-direction: column;
    --flex-gap: var(--space-sm-md) var(--base-margin);
    --flex-content: start;
    --md-grid-column: span 5;
    --lg-grid-column: span 4;
  }
  .footer-content-grid {
    --grid-gap: var(--space-sm-md) var(--base-gap);
    --sm-grid-columns: 6;
  }
  .footer-content-grid > * {
    --sm-grid-column: 1 / -1;
    --lg-grid-column: 2 / span 5;
  }
  .footer-link {
    transition: color var(--animation-ease) 200ms;
  }
  .footer-link:hover {
    color: var(--color-secondary);
    text-decoration: underline;
  }
  .footer-meta {
    --wrap-max-width: none;
    --flex-gap: var(--base-gap);
    padding-block: var(--base-margin);
  }
  .footer-brand-link > svg {
    width: auto;
    height: clamp(2.5rem, 0.7692307692vw + 2.2692307692rem, 3.5rem);
    color: currentColor;
    transition: color var(--animation-ease) 200ms;
  }
}
@layer views {
  .form {
    --grid-gap: var(--space-2xs);
  }
  .form-fields {
    --grid-gap: var(--space-2xs);
  }
  .form-fieldset {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
    padding: var(--space-xs-sm);
    background-color: var(--color-white);
    color: var(--color-black);
    border-radius: var(--radius-xs);
  }
  .form-fieldset legend {
    all: unset;
  }
  .form-field {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .form-field[data-variant=checkbox], .form-field[data-variant=radio] {
    flex-direction: row;
    gap: var(--space-2xs);
    align-items: center;
  }
  [data-js=true] .form-field[data-state=active] .form-field-label[data-field=text] {
    opacity: var(--opacity-70);
    transform: translate3d(0, -50%, 0);
    font-size: var(--text-2xs);
  }
  .form-field > input,
  .form-field > textarea {
    padding: var(--space-xs-sm);
    background-color: var(--color-white);
    color: var(--color-black);
    border: none;
    border-radius: var(--radius-xs);
  }
  [data-js=true] .form-field > input,
  [data-js=true] .form-field > textarea {
    padding: var(--space-sm) var(--space-xs-sm) var(--space-xs) var(--space-xs-sm);
  }
  .form-field > textarea {
    resize: vertical;
  }
  .form-field-error {
    margin-block: var(--space-2xs);
  }
  .form-field-label {
    font-size: var(--form-field-label-font-size);
    font-weight: var(--form-field-label-font-weight);
    font-family: var(--form-field-label-font-family);
    color: var(--color-black);
    opacity: var(--form-field-label-opacity);
  }
  [data-js=true] .form-field-label {
    color: var(--color-black);
  }
  .form-field-label[data-field=text] {
    color: var(--color-white);
  }
  [data-js=true] .form-field-label[data-field=text] {
    position: absolute;
    top: calc(var(--space-sm) - 0.125em);
    left: var(--space-xs-sm);
    color: var(--color-black);
  }
  .form-field[data-state=active] [data-js=true] .form-field-label[data-field=text] {
    top: calc(var(--space-sm) - 0.5em);
  }
}
@layer views {
  .hero-cover {
    position: relative;
    width: 100%;
    padding-block: var(--base-margin);
    overflow: hidden;
  }
  .hero-cover-media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-100);
    background-color: var(--color-primary);
  }
  .hero-cover-media > *:is(img, video) {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hero-cover-overlay {
    --hero-cover-overlay-opacity: 0;
    --hero-cover-overlay-background-color: var(--color-black);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-200);
    opacity: var(--hero-cover-overlay-opacity);
    background-color: var(--hero-cover-overlay-background-color);
  }
  .hero-cover-wrap {
    --md-grid-columns: var(--base-grid);
    --grid-rows: 2;
    --md-grid-row-size: 1fr;
    --grid-gap: var(--space-sm-md) var(--base-gap);
    --md-grid-gap: var(--base-gap);
    --wrap-max-width: none;
    position: relative;
    z-index: var(--z-300);
    min-height: 90vh;
    min-height: 90dvh;
    padding-block-start: max(var(--space-3xl), 10vmin);
    color: var(--color-white);
  }
  @media (min-width: 60em) {
    .hero-cover-wrap {
      padding-block-start: 0;
    }
  }
  .hero-cover-content {
    --grid-content: start;
    --grid-gap: var(--space-sm-md);
    --grid-column: 1 / -1;
    --grid-row: 2;
    --md-grid-column: 1 / span 8;
    --lg-grid-column: 5 / span 7;
    padding-block-end: max(var(--space-lg-xl), 20vmin);
  }
  @media (min-width: 120em) {
    .hero-cover-content {
      max-width: min(90%, max(70rem, 66%));
    }
  }
  .hero-cover-aside {
    --flex-items: end;
    --lg-flex-items: start;
    --grid-column: 1 / -1;
    --lg-grid-column: 1 / span 3;
    --lg-grid-row: 2 / -1;
  }
  .hero-cover-aside #groninfra-s2k-logos svg {
    width: auto;
    height: clamp(1.125rem, 0.8653846154vw + 0.8653846154rem, 2.25rem);
  }
}
@layer views {
  .hero-text {
    --hero-text-background-color: var(--color-white);
    --hero-text-color: var(--base-text-color);
    position: relative;
    width: 100%;
    padding-block: var(--base-margin);
    background-color: var(--hero-text-background-color);
    color: var(--hero-text-color);
    border-bottom: 1px solid color(from var(--color-gray-light) srgb r g b/0.5);
    overflow: hidden;
  }
  .hero-text-wrap {
    --md-grid-columns: var(--base-grid);
    --grid-rows: 2;
    --md-grid-row-size: 1fr;
    --grid-gap: var(--space-sm-md) var(--base-gap);
    --md-grid-gap: var(--base-gap);
    --wrap-max-width: none;
    position: relative;
    z-index: var(--z-300);
    padding-block-start: var(--space-4xl);
  }
  @media (min-width: 60em) {
    .hero-text-wrap {
      padding-block-start: 0;
    }
  }
  .hero-text-content {
    --grid-content: start;
    --grid-gap: var(--space-sm-md);
    --grid-column: 1 / -1;
    --grid-row: 2;
    --md-grid-column: 1 / span 8;
    --lg-grid-column: 5 / span 7;
    padding-block-end: max(var(--space-lg-xl), 20vmin);
  }
  @media (min-width: 120em) {
    .hero-text-content {
      max-width: min(90%, max(70rem, 66%));
    }
  }
  .hero-text-aside {
    --flex-items: end;
    --lg-flex-items: start;
    --grid-column: 1 / -1;
    --lg-grid-column: 1 / span 3;
    --lg-grid-row: 2 / -1;
  }
}
@layer views {
  .navbar {
    --navbar-wrap-padding-block: var(--base-margin);
    --navbar-wrap-background-color: transparent;
    --navbar-wrap-color: var(--color-black);
    width: 100%;
    max-width: none;
    transform: translateY(0);
    transition: transform var(--animation-ease) 200ms;
    will-change: transform;
  }
  .navbar[data-color=white] {
    --navbar-wrap-color: var(--color-white);
  }
  .navbar[data-variant=sticky] {
    position: sticky;
    z-index: var(--z-500);
    top: 0;
  }
  .navbar[data-variant=fixed] {
    position: fixed;
    z-index: var(--z-500);
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
  }
  @media (min-width: 60em) {
    .navbar[data-variant=fixed] {
      top: 0;
      bottom: auto;
    }
  }
  .navbar[data-variant=absolute] {
    position: absolute;
    z-index: var(--z-500);
    top: 0;
    right: 0;
    left: 0;
  }
  .navbar[data-variant=fixed][data-scroll-state=is-scrolling-up] {
    transform: translateY(0);
  }
  .navbar[data-variant=fixed][data-scroll-state=is-scrolling-down] {
    transform: translateY(100%);
  }
  @media (min-width: 60em) {
    .navbar[data-variant=fixed][data-scroll-state=is-scrolling-down] {
      transform: translateY(-100%);
    }
  }
  .navbar[data-variant=fixed][data-background=transparent] {
    --navbar-wrap-background-color: var(--color-white);
    --navbar-wrap-color: var(--color-black);
    --navbar-wrap-padding-block: var(--space-2xs);
  }
  @media (min-width: 60em) {
    .navbar[data-variant=fixed][data-background=transparent] {
      --navbar-wrap-background-color: transparent;
      --navbar-wrap-color: var(--color-white);
      --navbar-wrap-padding-block: var(--space-md) var(--space-sm);
    }
  }
  .navbar[data-variant=absolute][data-background=transparent] {
    --navbar-wrap-padding-block: 0 var(--base-margin);
    --navbar-wrap-background-color: transparent;
    top: var(--base-margin);
  }
  .navbar[data-variant=fixed][data-background=transparent][data-scroll-state=is-scrolling-up] {
    --navbar-wrap-background-color: var(--color-white);
    --navbar-wrap-color: var(--color-black);
    --navbar-wrap-padding-block: var(--space-2xs);
  }
  .navbar[data-variant=fixed][data-background=transparent][data-scroll-state=is-scroll-end] {
    --navbar-wrap-background-color: var(--color-white);
    --navbar-wrap-color: var(--color-black);
    --navbar-wrap-padding-block: var(--space-2xs);
  }
  .navbar-wrap {
    --wrap-max-width: none;
    --flex-gap: var(--base-gap);
    --flex-content: space-between;
    --flex-items: start;
    --md-flex-items: center;
    padding-block: var(--navbar-wrap-padding-block);
    background-color: var(--navbar-wrap-background-color);
    color: var(--navbar-wrap-color);
    transition: color var(--animation-ease) 200ms, background-color var(--animation-ease) 400ms, padding var(--animation-ease) 600ms;
  }
  .navbar-brand {
    --flex-basis: auto;
    --flex-grow: auto;
    --flex-order: 0;
  }
  .navbar-brand-link {
    display: flex;
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
  }
  .navbar-brand-link > svg {
    width: auto;
    height: clamp(2.5rem, 0.7692307692vw + 2.2692307692rem, 3.5rem);
    color: currentColor;
    transition: color var(--animation-ease) 200ms;
  }
  .navbar-brand-link:hover {
    color: currentColor;
  }
  .navbar-primary-group {
    --flex-basis: auto;
    --flex-order: 2;
    --sm-flex-order: 1;
    --flex-items: center;
  }
  .navbar-secondary-group {
    --flex-gap: var(--base-gap) var(--space-sm-md);
    --flex-basis: auto;
    --flex-grow: auto;
    --flex-order: 1;
    --sm-flex-order: 2;
    --flex-items: center;
  }
  .navbar-nav {
    --flex-basis: auto;
    --flex-grow: 1;
    --flex-order: 0;
  }
  .navbar-list {
    --flex-direction: column;
    --sm-flex-direction: row;
    --flex-wrap: wrap;
    --flex-gap: var(--space-2xs) var(--space-sm-md);
    --flex-content: end start;
    --sm-flex-content: center start;
    text-align: right;
  }
  @media (min-width: 60em) {
    .navbar-list {
      text-align: left;
    }
  }
  .navbar-link {
    padding: 0.25em;
    font-size: var(--text-sm);
    color: currentColor;
    transition: color var(--animation-ease) 200ms;
  }
  .navbar-link:hover {
    color: currentColor;
  }
  .navbar-button {
    display: flex;
    padding: 0.25em;
    font-size: var(--text-xs);
    background-color: transparent;
    color: currentColor;
    border-radius: 0;
    border: none;
    cursor: pointer;
  }
  .navbar-button > svg {
    width: 1rem;
    height: 1rem;
  }
}
@layer views {
  .rich-text > * + * {
    --stack-space: 1em;
  }
  .rich-text > * + :where(h1, h2, h3, h4, h5, h6,
  ul, ol,
  img, video, iframe, figure) {
    --stack-space: calc(var(--leading-md) * 1em);
  }
  .rich-text a {
    text-decoration: underline;
    transition: all var(--animation-ease) 200ms;
  }
  .rich-text a:hover {
    color: var(--color-secondary);
    text-decoration: none;
  }
  .rich-text[data-text-color=muted] p {
    opacity: var(--opacity-70);
  }
}
@layer views {
  .skip-to-content {
    position: absolute;
    top: var(--base-margin);
    left: var(--base-margin);
    z-index: var(--z-max);
    display: block;
    padding: var(--space-2xs);
    font-size: var(--text-sm);
    text-align: center;
    white-space: nowrap;
    background-color: var(--color-white);
    color: var(--color-black);
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
  }
  .skip-to-content:focus {
    opacity: 1;
    pointer-events: auto;
  }
}
@layer views {
  .text-list {
    --text-list-background-color: var(--color-white);
    --text-list-color: var(--base-text-color);
    padding-block: var(--space-xl-3xl);
    background-color: var(--text-list-background-color);
    color: var(--text-list-color);
    border-bottom: 1px solid color(from var(--color-gray-light) srgb r g b/0.5);
  }
  .text-list[style*="--text-list-background-color: #2b5a48;"] .button {
    --button-background-color: var(--color-secondary);
    --button-color: var(--color-primary);
  }
  .text-list-wrap {
    --grid-gap: var(--space-lg-xl) var(--base-gap);
    --md-grid-columns: var(--base-grid);
  }
  .text-list-wrap > * {
    --md-grid-column: span 6;
  }
  .text-list-content {
    --flex-direction: column;
    --flex-gap: var(--space-sm-md) var(--base-margin);
    --flex-content: start;
    padding-inline: var(--space-2xs-xl);
  }
  .text-list-content-grid {
    --grid-gap: var(--space-sm-md) var(--base-gap);
    --sm-grid-columns: 6;
  }
  .text-list-content-grid > * {
    --sm-grid-column: 1 / -1;
    --lg-grid-column: 1 / span 4;
  }
  .text-list-columns {
    --md-grid-column: 2 / -1;
    --lg-grid-column: 2 / -1;
    columns: 2;
    column-gap: var(--base-gap);
  }
  .text-list-columns li {
    margin-bottom: var(--space-2xs);
  }
}
@layer views {
  .text-row {
    --text-row-background-color: var(--color-white);
    --text-row-color: var(--base-text-color);
    padding-block: var(--space-xl-3xl);
    background-color: var(--text-row-background-color);
    color: var(--text-row-color);
    border-bottom: 1px solid color(from var(--color-gray-light) srgb r g b/0.5);
  }
  .text-row[style*="--text-row-background-color: #2b5a48;"] .button {
    --button-background-color: var(--color-secondary);
    --button-color: var(--color-primary);
  }
  .text-row-wrap {
    --grid-gap: var(--base-gap);
    --md-grid-columns: var(--base-grid);
  }
  .text-row-wrap > * {
    --md-grid-column: span 6;
  }
  .text-row-content {
    --flex-direction: column;
    --flex-gap: var(--space-sm-md) var(--base-margin);
    --flex-content: start;
    max-width: 40rem;
    width: 100%;
    margin-inline: auto;
  }
  @media (min-width: 60em) {
    .text-row-content {
      width: 90%;
    }
  }
  @media (min-width: 90em) {
    .text-row-content {
      width: 80%;
    }
  }
}